页面调整

src/assets/styles/common/index.scss

@@ -12,7 +12,7 @@
 
     // padding-right: 0px;
     ::v-deep .el-form-item {
-      margin-bottom: 0px !important;
+      margin-bottom: 10px !important;
     }
   }
 

src/views/ea/electronicContracts/index.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="app-container">
+    <el-card>
       <!-- 搜索工作栏 -->
       <el-form
         :model="queryParams"
@@ -9,6 +10,8 @@
         v-show="showSearch"
         label-width="98px"
       >
+        <div class="filter-box">
+          <div class="filter-lf">
             <el-form-item label="合同编号" prop="contractCode">
               <el-input
                 v-model="queryParams.contractCode"
@@ -105,7 +108,9 @@
                 size="small"
               >
                 <el-option
-            v-for="dict in this.getDictDatas(DICT_TYPE.ARCHIVES_FILE_STATUS)"
+                  v-for="dict in this.getDictDatas(
+                    DICT_TYPE.ARCHIVES_FILE_STATUS
+                  )"
                   :key="dict.value"
                   :label="dict.label"
                   :value="dict.value"
@@ -113,11 +118,18 @@
               </el-select>
             </el-form-item>
             <el-form-item>
-        <el-button type="primary" icon="el-icon-search" @click="handleQuery"
+              <el-button
+                type="primary"
+                icon="el-icon-search"
+                @click="handleQuery"
                 >搜索</el-button
               >
-        <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+              <el-button icon="el-icon-refresh" @click="resetQuery"
+                >重置</el-button
+              >
             </el-form-item>
+          </div>
+        </div>
       </el-form>
 
       <!-- 操作工具栏 -->
@@ -165,6 +177,8 @@
       <!-- 列表 -->
       <el-table
         v-loading="loading"
+        stripe
+        border
         :data="list"
         @selection-change="handleSelectionChange"
       >
@@ -342,7 +356,7 @@
         :limit.sync="queryParams.pageSize"
         @pagination="getList"
       />
-
+    </el-card>
     <!-- 对话框(添加 / 修改) -->
     <el-dialog
       :title="title"
@@ -817,7 +831,7 @@ export default {
       
       this.$message({
         showClose: true,
-        message: res.data.name+"上传成功",
+        message: res.data.name + "上传成功",
         type: "success",
       });
     },
@@ -1021,3 +1035,8 @@ export default {
   },
 };
 </script>
+
+<style lang="scss" scoped>
+@import "@/assets/styles/header/index.scss";
+@import "@/assets/styles/common/index.scss";
+</style>