页面样式调整

src/views/ea/electronicAssets/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="company">
               <el-select
                 v-model="queryParams.company"
@@ -43,7 +46,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"
@@ -58,7 +63,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"
@@ -103,11 +110,18 @@
               />
             </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>
 
       <!-- 操作工具栏 -->
@@ -156,6 +170,8 @@
       <el-table
         v-loading="loading"
         :data="list"
+        stripe
+        border
         @selection-change="handleSelectionChange"
       >
         <el-table-column type="selection" width="55" align="center" />
@@ -170,7 +186,10 @@
       </el-table-column> -->
         <el-table-column label="资产类型" align="center" prop="assetType">
           <template v-slot="scope">
-          <dict-tag :type="DICT_TYPE.ASSET_TYPE" :value="scope.row.assetType" />
+            <dict-tag
+              :type="DICT_TYPE.ASSET_TYPE"
+              :value="scope.row.assetType"
+            />
           </template>
         </el-table-column>
         <el-table-column
@@ -203,7 +222,11 @@
         </el-table-column>
         <el-table-column label="资产价格" align="center" prop="purchasePrice" />
         <el-table-column label="资产数量" align="center" prop="assetQuantity" />
-      <el-table-column label="购买渠道" align="center" prop="purchaseChannel" />
+        <el-table-column
+          label="购买渠道"
+          align="center"
+          prop="purchaseChannel"
+        />
         <el-table-column label="文件来源" align="center" prop="source" />
         <el-table-column label="年度" align="center" prop="year" />
         <el-table-column label="月份" align="center" prop="period" />
@@ -292,7 +315,7 @@
         :limit.sync="queryParams.pageSize"
         @pagination="getList"
       />
-
+    </el-card>
     <!-- 对话框(添加 / 修改) -->
     <el-dialog
       :title="title"
@@ -899,3 +922,7 @@ export default {
   },
 };
 </script>
+<style lang="scss" scoped>
+@import "@/assets/styles/header/index.scss";
+@import "@/assets/styles/common/index.scss";
+</style>

src/views/ea/electronicConsultation/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="consultationId">
               <el-input
                 v-model="queryParams.consultationId"
@@ -93,7 +96,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"
@@ -101,11 +106,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>
 
       <!-- 操作工具栏 -->
@@ -154,12 +166,18 @@
       <el-table
         v-loading="loading"
         :data="list"
+        stripe
+        border
         @selection-change="handleSelectionChange"
       >
         <el-table-column type="selection" width="55" align="center" />
         <el-table-column label="业务实体	" align="center" prop="company" />
         <el-table-column label="所属部门	" align="center" prop="systemDept" />
-      <el-table-column label="咨询编号	" align="center" prop="consultationId" />
+        <el-table-column
+          label="咨询编号	"
+          align="center"
+          prop="consultationId"
+        />
         <el-table-column
           label="咨询类型	"
           align="center"
@@ -317,6 +335,7 @@
         :limit.sync="queryParams.pageSize"
         @pagination="getList"
       />
+    </el-card>
     <!-- 对话框(添加 / 修改) -->
     <el-dialog
       :title="title"
@@ -692,7 +711,7 @@ export default {
 
       this.$message({
         showClose: true,
-        message: res.data.name+"上传成功",
+        message: res.data.name + "上传成功",
         type: "success",
       });
     },
@@ -932,3 +951,7 @@ export default {
   },
 };
 </script>
+<style lang="scss" scoped>
+@import "@/assets/styles/header/index.scss";
+@import "@/assets/styles/common/index.scss";
+</style>

src/views/ea/electronicCustomerComplaint/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="complaintCode">
               <el-input
                 v-model="queryParams.complaintCode"
@@ -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>
 
       <!-- 操作工具栏 -->
@@ -166,6 +178,8 @@
       <el-table
         v-loading="loading"
         :data="list"
+        stripe
+        border
         @selection-change="handleSelectionChange"
       >
         <el-table-column type="selection" width="55" align="center" />
@@ -321,7 +335,7 @@
         :limit.sync="queryParams.pageSize"
         @pagination="getList"
       />
-
+    </el-card>
     <!-- 对话框(添加 / 修改) -->
     <el-dialog
       :title="title"
@@ -712,7 +726,7 @@ export default {
 
       this.$message({
         showClose: true,
-        message: res.data.name+"上传成功",
+        message: res.data.name + "上传成功",
         type: "success",
       });
     },
@@ -958,3 +972,7 @@ export default {
   },
 };
 </script>
+<style lang="scss" scoped>
+@import "@/assets/styles/header/index.scss";
+@import "@/assets/styles/common/index.scss";
+</style>

src/views/ea/electronicEmployee/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="deptName">
               <treeselect
                 style="width: 190px"
@@ -74,7 +77,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"
@@ -82,11 +87,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>
 
       <!-- 操作工具栏 -->
@@ -135,6 +147,8 @@
       <el-table
         v-loading="loading"
         :data="list"
+        stripe
+        border
         @selection-change="handleSelectionChange"
       >
         <el-table-column type="selection" width="55" align="center" />
@@ -248,7 +262,7 @@
         :limit.sync="queryParams.pageSize"
         @pagination="getList"
       />
-
+    </el-card>
     <!-- 对话框(添加 / 修改) -->
     <el-dialog
       :title="title"
@@ -844,10 +858,9 @@ export default {
     handleSuccess(res) {
       console.log(res);
       this.form.contractAttachment = res.data.url;
-     
       this.$message({
         showClose: true,
-        message: res.data.name+"上传成功",
+        message: res.data.name + "上传成功",
         type: "success",
       });
     },
@@ -1107,3 +1120,8 @@ export default {
   },
 };
 </script>
+
+<style lang="scss" scoped>
+@import "@/assets/styles/header/index.scss";
+@import "@/assets/styles/common/index.scss";
+</style>

src/views/ea/electronicOther/index.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="app-container">
+    <el-card>
       <!-- 搜索工作栏 -->
       <el-form
         :model="queryParams"
@@ -9,10 +10,17 @@
         v-show="showSearch"
         label-width="88px"
       >
+        <div class="filter-box">
+          <div class="filter-lf">
             <el-form-item label="业务类型" prop="businessType">
-        <el-select v-model="form.businessType" placeholder="请选择业务类型	">
+              <el-select
+                v-model="form.businessType"
+                placeholder="请选择业务类型	"
+              >
                 <el-option
-            v-for="dict in this.getDictDatas(DICT_TYPE.OTHER_BUSINESS_TYPE)"
+                  v-for="dict in this.getDictDatas(
+                    DICT_TYPE.OTHER_BUSINESS_TYPE
+                  )"
                   :key="dict.value"
                   :label="dict.label"
                   :value="dict.value"
@@ -20,11 +28,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>
 
       <!-- 操作工具栏 -->
@@ -73,6 +88,8 @@
       <el-table
         v-loading="loading"
         :data="list"
+        stripe
+        border
         @selection-change="handleSelectionChange"
       >
         <el-table-column type="selection" width="55" align="center" />
@@ -162,7 +179,7 @@
         :limit.sync="queryParams.pageSize"
         @pagination="getList"
       />
-
+    </el-card>
     <!-- 对话框(添加 / 修改) -->
     <el-dialog
       :title="title"
@@ -545,7 +562,7 @@ export default {
       this.form.contractAttachment = res.data.url;
       this.$message({
         showClose: true,
-        message: res.data.name+"上传成功",
+        message: res.data.name + "上传成功",
         type: "success",
       });
     },
@@ -667,3 +684,7 @@ export default {
   },
 };
 </script>
+<style lang="scss" scoped>
+@import "@/assets/styles/header/index.scss";
+@import "@/assets/styles/common/index.scss";
+</style>