From fdaef1e9d5682ac189f3008047d04f6b2f3b0836 Mon Sep 17 00:00:00 2001
From: MO <448233645@qq.com>
Date: Wed, 8 Nov 2023 15:58:44 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E6=A0=B7=E5=BC=8F=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ea/electronicAssets/index.vue       | 591 ++++++++--------
 src/views/ea/electronicConsultation/index.vue | 639 ++++++++---------
 .../ea/electronicCustomerComplaint/index.vue  | 646 +++++++++---------
 src/views/ea/electronicEmployee/index.vue     | 500 +++++++-------
 src/views/ea/electronicOther/index.vue        | 329 ++++-----
 5 files changed, 1406 insertions(+), 1299 deletions(-)

diff --git a/src/views/ea/electronicAssets/index.vue b/src/views/ea/electronicAssets/index.vue
index 43a6bee3..ef053b6a 100644
--- a/src/views/ea/electronicAssets/index.vue
+++ b/src/views/ea/electronicAssets/index.vue
@@ -1,298 +1,321 @@
 <template>
   <div class="app-container">
-    <!-- 搜索工作栏 -->
-    <el-form
-      :model="queryParams"
-      ref="queryForm"
-      size="small"
-      :inline="true"
-      v-show="showSearch"
-      label-width="98px"
-    >
-      <el-form-item label="业务实体" prop="company">
-        <el-select
-          v-model="queryParams.company"
-          placeholder="请选择业务实体"
-          value-key="id"
-          @change="handleCompanyChange1"
-          clearable
-          @keyup.enter.native="handleQuery"
-        >
-          <el-option
-            v-for="item in organizationList"
-            :key="item.id"
-            :value="item"
-            :label="item.organizationName"
-          >
-          </el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item label="资产名称" prop="assetName">
-        <el-input
-          v-model="queryParams.assetName"
-          placeholder="请输入资产名称"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="归档状态" prop="fileStatus">
-        <el-select
-          v-model="queryParams.fileStatus"
-          placeholder="请选择归档状态"
-          clearable
-          size="small"
-        >
-          <el-option
-            v-for="dict in this.getDictDatas(DICT_TYPE.ARCHIVES_FILE_STATUS)"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="归档状态" prop="fileStatus">
-        <el-select
-          v-model="queryParams.fileStatus"
-          placeholder="请选择归档状态"
-          clearable
-          size="small"
-        >
-          <el-option
-            v-for="dict in this.getDictDatas(DICT_TYPE.ARCHIVES_FILE_STATUS)"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="报废日期" prop="disposalDate">
-        <el-date-picker
-          v-model="queryParams.disposalDate"
-          style="width: 240px"
-          value-format="yyyy-MM-dd HH:mm:ss"
-          type="daterange"
-          range-separator="-"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期"
-          :default-time="['00:00:00', '23:59:59']"
-        />
-      </el-form-item>
-
-      <el-form-item label="购买渠道" prop="purchaseChannel">
-        <el-input
-          v-model="queryParams.purchaseChannel"
-          placeholder="请输入购买渠道"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="年度" prop="year">
-        <el-input
-          v-model="queryParams.year"
-          placeholder="请输入年度"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="月份" prop="period">
-        <el-input
-          v-model="queryParams.period"
-          placeholder="请输入月份"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" icon="el-icon-search" @click="handleQuery"
-          >搜索</el-button
-        >
-        <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
-      </el-form-item>
-    </el-form>
+    <el-card>
+      <!-- 搜索工作栏 -->
+      <el-form
+        :model="queryParams"
+        ref="queryForm"
+        size="small"
+        :inline="true"
+        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"
+                placeholder="请选择业务实体"
+                value-key="id"
+                @change="handleCompanyChange1"
+                clearable
+                @keyup.enter.native="handleQuery"
+              >
+                <el-option
+                  v-for="item in organizationList"
+                  :key="item.id"
+                  :value="item"
+                  :label="item.organizationName"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="资产名称" prop="assetName">
+              <el-input
+                v-model="queryParams.assetName"
+                placeholder="请输入资产名称"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
+            </el-form-item>
+            <el-form-item label="归档状态" prop="fileStatus">
+              <el-select
+                v-model="queryParams.fileStatus"
+                placeholder="请选择归档状态"
+                clearable
+                size="small"
+              >
+                <el-option
+                  v-for="dict in this.getDictDatas(
+                    DICT_TYPE.ARCHIVES_FILE_STATUS
+                  )"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="归档状态" prop="fileStatus">
+              <el-select
+                v-model="queryParams.fileStatus"
+                placeholder="请选择归档状态"
+                clearable
+                size="small"
+              >
+                <el-option
+                  v-for="dict in this.getDictDatas(
+                    DICT_TYPE.ARCHIVES_FILE_STATUS
+                  )"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="报废日期" prop="disposalDate">
+              <el-date-picker
+                v-model="queryParams.disposalDate"
+                style="width: 240px"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                type="daterange"
+                range-separator="-"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期"
+                :default-time="['00:00:00', '23:59:59']"
+              />
+            </el-form-item>
 
-    <!-- 操作工具栏 -->
-    <el-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
-        <el-button
-          type="primary"
-          plain
-          icon="el-icon-plus"
-          size="mini"
-          @click="handleAdd"
-          v-hasPermi="['ea:electronic:create']"
-          >新增</el-button
-        >
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="danger"
-          plain
-          icon="el-icon-delete"
-          size="mini"
-          :disabled="multiple"
-          @click="handleDelete"
-          >删除</el-button
-        >
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="warning"
-          plain
-          icon="el-icon-download"
-          size="mini"
-          @click="handleExport"
-          :loading="exportLoading"
-          v-hasPermi="['ea:electronic:export']"
-          >导出</el-button
-        >
-      </el-col>
-      <right-toolbar
-        :showSearch.sync="showSearch"
-        @queryTable="getList"
-      ></right-toolbar>
-    </el-row>
+            <el-form-item label="购买渠道" prop="purchaseChannel">
+              <el-input
+                v-model="queryParams.purchaseChannel"
+                placeholder="请输入购买渠道"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
+            </el-form-item>
+            <el-form-item label="年度" prop="year">
+              <el-input
+                v-model="queryParams.year"
+                placeholder="请输入年度"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
+            </el-form-item>
+            <el-form-item label="月份" prop="period">
+              <el-input
+                v-model="queryParams.period"
+                placeholder="请输入月份"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
+            </el-form-item>
+            <el-form-item>
+              <el-button
+                type="primary"
+                icon="el-icon-search"
+                @click="handleQuery"
+                >搜索</el-button
+              >
+              <el-button icon="el-icon-refresh" @click="resetQuery"
+                >重置</el-button
+              >
+            </el-form-item>
+          </div>
+        </div>
+      </el-form>
 
-    <!-- 列表 -->
-    <el-table
-      v-loading="loading"
-      :data="list"
-      @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="deptName" />
-      <el-table-column label="资产编号" align="center" prop="assetCode" />
-      <el-table-column label="资产名称" align="center" prop="assetName" />
-      <!-- <el-table-column label="资产描述" align="center" prop="assetDescription">
-        <template slot-scope="scope">
-          <div v-html="scope.row.assetDescription"></div>
-        </template>
-      </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" />
-        </template>
-      </el-table-column>
-      <el-table-column
-        label="购买日期"
-        align="center"
-        prop="purchaseDate"
-        width="180"
-      >
-        <template v-slot="scope">
-          <span>{{ parseTime(scope.row.purchaseDate) }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        label="报废日期"
-        align="center"
-        prop="disposalDate"
-        width="180"
-      >
-        <template v-slot="scope">
-          <span>{{ parseTime(scope.row.disposalDate) }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="资产状态" align="center" prop="assetStatus">
-        <template v-slot="scope">
-          <dict-tag
-            :type="DICT_TYPE.ASSET_STATUS"
-            :value="scope.row.assetStatus"
-          />
-        </template>
-      </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="source" />
-      <el-table-column label="年度" align="center" prop="year" />
-      <el-table-column label="月份" align="center" prop="period" />
-      <el-table-column label="借阅状态" align="center" prop="borrowStatus">
-        <template v-slot="scope">
-          <dict-tag
-            :type="DICT_TYPE.BORROW_STATUS"
-            :value="scope.row.borrowStatus"
-          />
-        </template>
-      </el-table-column>
-      <el-table-column label="纸档位置" align="center" prop="position" />
-      <!-- <el-table-column label="完整性" align="center" prop="cherks">
-        <template v-slot="scope">
-          <dict-tag :type="DICT_TYPE.CHERKS" :value="scope.row.cherks" />
-        </template>
-      </el-table-column> -->
-      <el-table-column label="归档状态" align="center" prop="fileStatus">
-        <template v-slot="scope">
-          <dict-tag
-            :type="DICT_TYPE.ARCHIVES_FILE_STATUS"
-            :value="scope.row.fileStatus"
-          />
-        </template>
-      </el-table-column>
-      <el-table-column
-        label="创建日期"
-        align="center"
-        prop="createTime"
-        width="180"
-      >
-        <template v-slot="scope">
-          <span>{{ parseTime(scope.row.createTime) }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="制单人" align="center" prop="createBy" />
-      <el-table-column
-        label="操作"
-        align="center"
-        class-name="small-padding fixed-width"
-        fixed="right"
-        width="180px"
-      >
-        <template v-slot="scope">
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-view"
-            v-if="scope.row.contractAttachment"
-            @click="handleViewFJ(scope.row)"
-            >查看附件
-          </el-button>
+      <!-- 操作工具栏 -->
+      <el-row :gutter="10" class="mb8">
+        <el-col :span="1.5">
           <el-button
+            type="primary"
+            plain
+            icon="el-icon-plus"
             size="mini"
-            type="text"
-            icon="el-icon-view"
-            @click="handleView(scope.row)"
-            >查看
-          </el-button>
+            @click="handleAdd"
+            v-hasPermi="['ea:electronic:create']"
+            >新增</el-button
+          >
+        </el-col>
+        <el-col :span="1.5">
           <el-button
-            v-if="scope.row.fileStatus == '0'"
+            type="danger"
+            plain
+            icon="el-icon-delete"
             size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
-            v-hasPermi="['ea:electronic:update']"
-            >修改</el-button
+            :disabled="multiple"
+            @click="handleDelete"
+            >删除</el-button
           >
+        </el-col>
+        <el-col :span="1.5">
           <el-button
-            v-if="scope.row.fileStatus == '0'"
+            type="warning"
+            plain
+            icon="el-icon-download"
             size="mini"
-            type="text"
-            icon="el-icon-delete"
-            @click="handleDelete(scope.row)"
-            v-hasPermi="['ea:electronic:delete']"
-            >删除</el-button
+            @click="handleExport"
+            :loading="exportLoading"
+            v-hasPermi="['ea:electronic:export']"
+            >导出</el-button
           >
-        </template>
-      </el-table-column>
-    </el-table>
-    <!-- 分页组件 -->
-    <pagination
-      v-show="total > 0"
-      :total="total"
-      :page.sync="queryParams.pageNo"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
-    />
+        </el-col>
+        <right-toolbar
+          :showSearch.sync="showSearch"
+          @queryTable="getList"
+        ></right-toolbar>
+      </el-row>
 
+      <!-- 列表 -->
+      <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="deptName" />
+        <el-table-column label="资产编号" align="center" prop="assetCode" />
+        <el-table-column label="资产名称" align="center" prop="assetName" />
+        <!-- <el-table-column label="资产描述" align="center" prop="assetDescription">
+        <template slot-scope="scope">
+          <div v-html="scope.row.assetDescription"></div>
+        </template>
+      </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"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="购买日期"
+          align="center"
+          prop="purchaseDate"
+          width="180"
+        >
+          <template v-slot="scope">
+            <span>{{ parseTime(scope.row.purchaseDate) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="报废日期"
+          align="center"
+          prop="disposalDate"
+          width="180"
+        >
+          <template v-slot="scope">
+            <span>{{ parseTime(scope.row.disposalDate) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="资产状态" align="center" prop="assetStatus">
+          <template v-slot="scope">
+            <dict-tag
+              :type="DICT_TYPE.ASSET_STATUS"
+              :value="scope.row.assetStatus"
+            />
+          </template>
+        </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="source" />
+        <el-table-column label="年度" align="center" prop="year" />
+        <el-table-column label="月份" align="center" prop="period" />
+        <el-table-column label="借阅状态" align="center" prop="borrowStatus">
+          <template v-slot="scope">
+            <dict-tag
+              :type="DICT_TYPE.BORROW_STATUS"
+              :value="scope.row.borrowStatus"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column label="纸档位置" align="center" prop="position" />
+        <!-- <el-table-column label="完整性" align="center" prop="cherks">
+        <template v-slot="scope">
+          <dict-tag :type="DICT_TYPE.CHERKS" :value="scope.row.cherks" />
+        </template>
+      </el-table-column> -->
+        <el-table-column label="归档状态" align="center" prop="fileStatus">
+          <template v-slot="scope">
+            <dict-tag
+              :type="DICT_TYPE.ARCHIVES_FILE_STATUS"
+              :value="scope.row.fileStatus"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="创建日期"
+          align="center"
+          prop="createTime"
+          width="180"
+        >
+          <template v-slot="scope">
+            <span>{{ parseTime(scope.row.createTime) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="制单人" align="center" prop="createBy" />
+        <el-table-column
+          label="操作"
+          align="center"
+          class-name="small-padding fixed-width"
+          fixed="right"
+          width="180px"
+        >
+          <template v-slot="scope">
+            <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-view"
+              v-if="scope.row.contractAttachment"
+              @click="handleViewFJ(scope.row)"
+              >查看附件
+            </el-button>
+            <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-view"
+              @click="handleView(scope.row)"
+              >查看
+            </el-button>
+            <el-button
+              v-if="scope.row.fileStatus == '0'"
+              size="mini"
+              type="text"
+              icon="el-icon-edit"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['ea:electronic:update']"
+              >修改</el-button
+            >
+            <el-button
+              v-if="scope.row.fileStatus == '0'"
+              size="mini"
+              type="text"
+              icon="el-icon-delete"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['ea:electronic:delete']"
+              >删除</el-button
+            >
+          </template>
+        </el-table-column>
+      </el-table>
+      <!-- 分页组件 -->
+      <pagination
+        v-show="total > 0"
+        :total="total"
+        :page.sync="queryParams.pageNo"
+        :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>
diff --git a/src/views/ea/electronicConsultation/index.vue b/src/views/ea/electronicConsultation/index.vue
index 9b35af07..8e4223c2 100644
--- a/src/views/ea/electronicConsultation/index.vue
+++ b/src/views/ea/electronicConsultation/index.vue
@@ -1,184 +1,202 @@
 <template>
   <div class="app-container">
-    <!-- 搜索工作栏 -->
-    <el-form
-      :model="queryParams"
-      ref="queryForm"
-      size="small"
-      :inline="true"
-      v-show="showSearch"
-      label-width="98px"
-    >
-      <el-form-item label="咨询编号	" prop="consultationId">
-        <el-input
-          v-model="queryParams.consultationId"
-          placeholder="请输入咨询编号	"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="咨询类型	" prop="consultationType">
-        <el-select
-          v-model="queryParams.consultationType"
-          placeholder="请选择咨询类型	"
-          clearable
-          size="small"
-        >
-          <el-option
-            v-for="dict in this.getDictDatas(DICT_TYPE.CONSULTATION_TYPE)"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="处理结果	" prop="handleResult">
-        <el-select
-          v-model="queryParams.handleResult"
-          placeholder="请选择处理结果"
-          clearable
-          size="small"
-        >
-          <el-option
-            v-for="dict in this.getDictDatas(DICT_TYPE.HANDLE_RESULT)"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="年度	" prop="year">
-        <el-date-picker
-          popper-class="due_year"
-          v-model="queryParams.year"
-          value-format="yyyy"
-          type="year"
-          placeholder="请选择会计年份"
-          @keyup.enter.native="handleQuery"
-        >
-        </el-date-picker>
-      </el-form-item>
-      <el-form-item label="月份	" prop="period">
-        <el-date-picker
-          popper-class="due_month"
-          v-model="queryParams.period"
-          format="M月"
-          value-format="M"
-          type="month"
-          placeholder="请选择会计月份"
-          @keyup.enter.native="handleQuery"
-        >
-        </el-date-picker>
-      </el-form-item>
-      <el-form-item label="借阅状态	" prop="borrowStatus">
-        <el-select
-          v-model="queryParams.borrowStatus"
-          placeholder="请选择借阅状态	"
-          clearable
-          size="small"
-        >
-          <el-option
-            v-for="dict in this.getDictDatas(DICT_TYPE.BORROW_STATUS)"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="归档状态" prop="fileStatus">
-        <el-select
-          v-model="queryParams.fileStatus"
-          placeholder="请选择归档状态"
-          clearable
-          size="small"
-        >
-          <el-option
-            v-for="dict in this.getDictDatas(DICT_TYPE.ARCHIVES_FILE_STATUS)"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" icon="el-icon-search" @click="handleQuery"
-          >搜索</el-button
-        >
-        <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
-      </el-form-item>
-    </el-form>
+    <el-card>
+      <!-- 搜索工作栏 -->
+      <el-form
+        :model="queryParams"
+        ref="queryForm"
+        size="small"
+        :inline="true"
+        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"
+                placeholder="请输入咨询编号	"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
+            </el-form-item>
+            <el-form-item label="咨询类型	" prop="consultationType">
+              <el-select
+                v-model="queryParams.consultationType"
+                placeholder="请选择咨询类型	"
+                clearable
+                size="small"
+              >
+                <el-option
+                  v-for="dict in this.getDictDatas(DICT_TYPE.CONSULTATION_TYPE)"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="处理结果	" prop="handleResult">
+              <el-select
+                v-model="queryParams.handleResult"
+                placeholder="请选择处理结果"
+                clearable
+                size="small"
+              >
+                <el-option
+                  v-for="dict in this.getDictDatas(DICT_TYPE.HANDLE_RESULT)"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="年度	" prop="year">
+              <el-date-picker
+                popper-class="due_year"
+                v-model="queryParams.year"
+                value-format="yyyy"
+                type="year"
+                placeholder="请选择会计年份"
+                @keyup.enter.native="handleQuery"
+              >
+              </el-date-picker>
+            </el-form-item>
+            <el-form-item label="月份	" prop="period">
+              <el-date-picker
+                popper-class="due_month"
+                v-model="queryParams.period"
+                format="M月"
+                value-format="M"
+                type="month"
+                placeholder="请选择会计月份"
+                @keyup.enter.native="handleQuery"
+              >
+              </el-date-picker>
+            </el-form-item>
+            <el-form-item label="借阅状态	" prop="borrowStatus">
+              <el-select
+                v-model="queryParams.borrowStatus"
+                placeholder="请选择借阅状态	"
+                clearable
+                size="small"
+              >
+                <el-option
+                  v-for="dict in this.getDictDatas(DICT_TYPE.BORROW_STATUS)"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="归档状态" prop="fileStatus">
+              <el-select
+                v-model="queryParams.fileStatus"
+                placeholder="请选择归档状态"
+                clearable
+                size="small"
+              >
+                <el-option
+                  v-for="dict in this.getDictDatas(
+                    DICT_TYPE.ARCHIVES_FILE_STATUS
+                  )"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item>
+              <el-button
+                type="primary"
+                icon="el-icon-search"
+                @click="handleQuery"
+                >搜索</el-button
+              >
+              <el-button icon="el-icon-refresh" @click="resetQuery"
+                >重置</el-button
+              >
+            </el-form-item>
+          </div>
+        </div>
+      </el-form>
 
-    <!-- 操作工具栏 -->
-    <el-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
-        <el-button
-          type="primary"
-          plain
-          icon="el-icon-plus"
-          size="mini"
-          @click="handleAdd"
-          v-hasPermi="['ea:electronic-consultation:create']"
-          >新增
-        </el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="danger"
-          plain
-          icon="el-icon-delete"
-          size="mini"
-          :disabled="multiple"
-          @click="handleDelete"
-          >删除</el-button
-        >
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="warning"
-          plain
-          icon="el-icon-download"
-          size="mini"
-          @click="handleExport"
-          :loading="exportLoading"
-          v-hasPermi="['ea:electronic-consultation:export']"
-          >导出
-        </el-button>
-      </el-col>
-      <right-toolbar
-        :showSearch.sync="showSearch"
-        @queryTable="getList"
-      ></right-toolbar>
-    </el-row>
+      <!-- 操作工具栏 -->
+      <el-row :gutter="10" class="mb8">
+        <el-col :span="1.5">
+          <el-button
+            type="primary"
+            plain
+            icon="el-icon-plus"
+            size="mini"
+            @click="handleAdd"
+            v-hasPermi="['ea:electronic-consultation:create']"
+            >新增
+          </el-button>
+        </el-col>
+        <el-col :span="1.5">
+          <el-button
+            type="danger"
+            plain
+            icon="el-icon-delete"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            >删除</el-button
+          >
+        </el-col>
+        <el-col :span="1.5">
+          <el-button
+            type="warning"
+            plain
+            icon="el-icon-download"
+            size="mini"
+            @click="handleExport"
+            :loading="exportLoading"
+            v-hasPermi="['ea:electronic-consultation:export']"
+            >导出
+          </el-button>
+        </el-col>
+        <right-toolbar
+          :showSearch.sync="showSearch"
+          @queryTable="getList"
+        ></right-toolbar>
+      </el-row>
 
-    <!-- 列表 -->
-    <el-table
-      v-loading="loading"
-      :data="list"
-      @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="consultationType"
-        width="98px"
+      <!-- 列表 -->
+      <el-table
+        v-loading="loading"
+        :data="list"
+        stripe
+        border
+        @selection-change="handleSelectionChange"
       >
-        <template v-slot="scope">
-          <dict-tag
-            :type="DICT_TYPE.CONSULTATION_TYPE"
-            :value="scope.row.consultationType"
-          />
-        </template>
-      </el-table-column>
-      <el-table-column
-        label="咨询标题	"
-        align="center"
-        prop="consultationTitle"
-      />
-      <!-- <el-table-column
+        <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="consultationType"
+          width="98px"
+        >
+          <template v-slot="scope">
+            <dict-tag
+              :type="DICT_TYPE.CONSULTATION_TYPE"
+              :value="scope.row.consultationType"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="咨询标题	"
+          align="center"
+          prop="consultationTitle"
+        />
+        <!-- <el-table-column
         label="咨询内容	"
         align="center"
         prop="consultationContent"
@@ -187,136 +205,137 @@
           <span v-html="scope.row.consultationContent"></span>
         </template>
       </el-table-column> -->
-      <el-table-column label="咨询人	" align="center" prop="consultorName" />
-      <el-table-column
-        label="咨询时间	"
-        align="center"
-        prop="consultationTime"
-        width="98px"
-      >
-        <template v-slot="scope">
-          <span>{{ parseTime(scope.row.consultationTime) }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="处理人员	" align="center" prop="handler" />
-      <el-table-column
-        label="处理日期	"
-        align="center"
-        prop="handleTime"
-        width="98px"
-      >
-        <template v-slot="scope">
-          <span>{{ parseTime2(scope.row.handleTime) }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="处理结果	" align="center" prop="handleResult">
-        <template v-slot="scope">
-          <dict-tag
-            :type="DICT_TYPE.HANDLE_RESULT"
-            :value="scope.row.handleResult"
-          />
-        </template>
-      </el-table-column>
-      <el-table-column label="年度	" align="center" prop="year" />
-      <el-table-column label="月份	" align="center" prop="period" />
-      <el-table-column label="借阅状态	" align="center" prop="borrowStatus">
-        <template v-slot="scope">
-          <dict-tag
-            :type="DICT_TYPE.BORROW_STATUS"
-            :value="scope.row.borrowStatus"
-          />
-        </template>
-      </el-table-column>
-      <el-table-column
-        label="归档时间	"
-        align="center"
-        prop="recordTime"
-        width="98px"
-      >
-        <template v-slot="scope">
-          <span>{{ parseTime2(scope.row.recordTime) }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="纸档位置	" align="center" prop="position" />
-      <el-table-column label="完整性	" align="center" prop="cherks">
-        <template v-slot="scope">
-          <dict-tag
-            :type="DICT_TYPE.ACCOUNTING_FILE_STATUS"
-            :value="scope.row.cherks"
-          />
-        </template>
-      </el-table-column>
-      <el-table-column label="归档状态" align="center" prop="fileStatus">
-        <template v-slot="scope">
-          <dict-tag
-            :type="DICT_TYPE.ARCHIVES_FILE_STATUS"
-            :value="scope.row.fileStatus"
-          />
-        </template>
-      </el-table-column>
-      <el-table-column label="制单人	" align="center" prop="createBy" />
-      <el-table-column
-        label="创建日期	"
-        align="center"
-        prop="createTime"
-        width="98px"
-      >
-        <template v-slot="scope">
-          <span>{{ parseTime(scope.row.createTime) }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        label="操作"
-        align="center"
-        class-name="small-padding fixed-width"
-        fixed="right"
-        width="180px"
-      >
-        <template v-slot="scope">
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-view"
-            v-if="scope.row.contractAttachment"
-            @click="handleViewFJ(scope.row)"
-            >查看附件
-          </el-button>
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-view"
-            @click="handleView(scope.row)"
-            >查看
-          </el-button>
-          <el-button
-            v-if="scope.row.fileStatus == '0'"
-            size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
-            v-hasPermi="['ea:electronic-consultation:update']"
-            >修改
-          </el-button>
-          <el-button
-            v-if="scope.row.fileStatus == '0'"
-            size="mini"
-            type="text"
-            icon="el-icon-delete"
-            @click="handleDelete(scope.row)"
-            v-hasPermi="['ea:electronic-consultation:delete']"
-            >删除
-          </el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <!-- 分页组件 -->
-    <pagination
-      v-show="total > 0"
-      :total="total"
-      :page.sync="queryParams.pageNo"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
-    />
+        <el-table-column label="咨询人	" align="center" prop="consultorName" />
+        <el-table-column
+          label="咨询时间	"
+          align="center"
+          prop="consultationTime"
+          width="98px"
+        >
+          <template v-slot="scope">
+            <span>{{ parseTime(scope.row.consultationTime) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="处理人员	" align="center" prop="handler" />
+        <el-table-column
+          label="处理日期	"
+          align="center"
+          prop="handleTime"
+          width="98px"
+        >
+          <template v-slot="scope">
+            <span>{{ parseTime2(scope.row.handleTime) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="处理结果	" align="center" prop="handleResult">
+          <template v-slot="scope">
+            <dict-tag
+              :type="DICT_TYPE.HANDLE_RESULT"
+              :value="scope.row.handleResult"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column label="年度	" align="center" prop="year" />
+        <el-table-column label="月份	" align="center" prop="period" />
+        <el-table-column label="借阅状态	" align="center" prop="borrowStatus">
+          <template v-slot="scope">
+            <dict-tag
+              :type="DICT_TYPE.BORROW_STATUS"
+              :value="scope.row.borrowStatus"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="归档时间	"
+          align="center"
+          prop="recordTime"
+          width="98px"
+        >
+          <template v-slot="scope">
+            <span>{{ parseTime2(scope.row.recordTime) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="纸档位置	" align="center" prop="position" />
+        <el-table-column label="完整性	" align="center" prop="cherks">
+          <template v-slot="scope">
+            <dict-tag
+              :type="DICT_TYPE.ACCOUNTING_FILE_STATUS"
+              :value="scope.row.cherks"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column label="归档状态" align="center" prop="fileStatus">
+          <template v-slot="scope">
+            <dict-tag
+              :type="DICT_TYPE.ARCHIVES_FILE_STATUS"
+              :value="scope.row.fileStatus"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column label="制单人	" align="center" prop="createBy" />
+        <el-table-column
+          label="创建日期	"
+          align="center"
+          prop="createTime"
+          width="98px"
+        >
+          <template v-slot="scope">
+            <span>{{ parseTime(scope.row.createTime) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="操作"
+          align="center"
+          class-name="small-padding fixed-width"
+          fixed="right"
+          width="180px"
+        >
+          <template v-slot="scope">
+            <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-view"
+              v-if="scope.row.contractAttachment"
+              @click="handleViewFJ(scope.row)"
+              >查看附件
+            </el-button>
+            <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-view"
+              @click="handleView(scope.row)"
+              >查看
+            </el-button>
+            <el-button
+              v-if="scope.row.fileStatus == '0'"
+              size="mini"
+              type="text"
+              icon="el-icon-edit"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['ea:electronic-consultation:update']"
+              >修改
+            </el-button>
+            <el-button
+              v-if="scope.row.fileStatus == '0'"
+              size="mini"
+              type="text"
+              icon="el-icon-delete"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['ea:electronic-consultation:delete']"
+              >删除
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <!-- 分页组件 -->
+      <pagination
+        v-show="total > 0"
+        :total="total"
+        :page.sync="queryParams.pageNo"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+      />
+    </el-card>
     <!-- 对话框(添加 / 修改) -->
     <el-dialog
       :title="title"
@@ -689,10 +708,10 @@ 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",
       });
     },
@@ -932,3 +951,7 @@ export default {
   },
 };
 </script>
+<style lang="scss" scoped>
+@import "@/assets/styles/header/index.scss";
+@import "@/assets/styles/common/index.scss";
+</style>
diff --git a/src/views/ea/electronicCustomerComplaint/index.vue b/src/views/ea/electronicCustomerComplaint/index.vue
index 6c01f8c2..816ad854 100644
--- a/src/views/ea/electronicCustomerComplaint/index.vue
+++ b/src/views/ea/electronicCustomerComplaint/index.vue
@@ -1,327 +1,341 @@
 <template>
   <div class="app-container">
-    <!-- 搜索工作栏 -->
-    <el-form
-      :model="queryParams"
-      ref="queryForm"
-      size="small"
-      :inline="true"
-      v-show="showSearch"
-      label-width="98px"
-    >
-      <el-form-item label="客诉编号" prop="complaintCode">
-        <el-input
-          v-model="queryParams.complaintCode"
-          placeholder="请输入客诉编号"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="客诉类型" prop="complaintType">
-        <el-select
-          v-model="queryParams.complaintType"
-          placeholder="请选择客诉类型"
-          clearable
-          size="small"
-        >
-          <el-option
-            v-for="dict in this.getDictDatas(DICT_TYPE.COMPLAINT_TYPE)"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="客诉时间" prop="complaintTime">
-        <el-date-picker
-          v-model="queryParams.complaintTime"
-          style="width: 240px"
-          value-format="yyyy-MM-dd HH:mm:ss"
-          type="daterange"
-          range-separator="-"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期"
-          :default-time="['00:00:00', '23:59:59']"
-        />
-      </el-form-item>
-      <el-form-item label="处理结果" prop="handleResult">
-        <el-select
-          v-model="queryParams.handleResult"
-          placeholder="请选择处理结果"
-          clearable
-          size="small"
-        >
-          <el-option
-            v-for="dict in this.getDictDatas(DICT_TYPE.HANDLE_RESULT)"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="年度" prop="year">
-        <el-date-picker
-          popper-class="due_year"
-          v-model="queryParams.year"
-          value-format="yyyy"
-          type="year"
-          placeholder="请选择会计年份"
-          @keyup.enter.native="handleQuery"
-        >
-        </el-date-picker>
-      </el-form-item>
-      <el-form-item label="月份" prop="period">
-        <el-date-picker
-          popper-class="due_month"
-          v-model="queryParams.period"
-          format="M月"
-          value-format="M"
-          type="month"
-          placeholder="请选择会计月份"
-          @keyup.enter.native="handleQuery"
-        >
-        </el-date-picker>
-      </el-form-item>
-      <el-form-item label="借阅状态" prop="borrowStatus">
-        <el-select
-          v-model="queryParams.borrowStatus"
-          placeholder="请选择借阅状态"
-          clearable
-          size="small"
-        >
-          <el-option
-            v-for="dict in this.getDictDatas(DICT_TYPE.BORROW_STATUS)"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="归档状态" prop="fileStatus">
-        <el-select
-          v-model="queryParams.fileStatus"
-          placeholder="请选择归档状态"
-          clearable
-          size="small"
-        >
-          <el-option
-            v-for="dict in this.getDictDatas(DICT_TYPE.ARCHIVES_FILE_STATUS)"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" icon="el-icon-search" @click="handleQuery"
-          >搜索</el-button
-        >
-        <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
-      </el-form-item>
-    </el-form>
-
-    <!-- 操作工具栏 -->
-    <el-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
-        <el-button
-          type="primary"
-          plain
-          icon="el-icon-plus"
-          size="mini"
-          @click="handleAdd"
-          v-hasPermi="['ea:electronic-customer-complaint:create']"
-          >新增
-        </el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="danger"
-          plain
-          icon="el-icon-delete"
-          size="mini"
-          :disabled="multiple"
-          @click="handleDelete"
-          >删除</el-button
-        >
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="warning"
-          plain
-          icon="el-icon-download"
-          size="mini"
-          @click="handleExport"
-          :loading="exportLoading"
-          v-hasPermi="['ea:electronic-customer-complaint:export']"
-          >导出
-        </el-button>
-      </el-col>
-      <right-toolbar
-        :showSearch.sync="showSearch"
-        @queryTable="getList"
-      ></right-toolbar>
-    </el-row>
-
-    <!-- 列表 -->
-    <el-table
-      v-loading="loading"
-      :data="list"
-      @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="deptName" />
-      <el-table-column label="客诉编号" align="center" prop="complaintCode" />
-      <el-table-column label="客户名称" align="center" prop="customerName" />
-      <el-table-column label="客户电话" align="center" prop="customerPhone" />
-      <el-table-column
-        label="客诉时间"
-        align="center"
-        prop="complaintTime"
-        width="98px"
-      >
-        <template v-slot="scope">
-          <span>{{ parseTime2(scope.row.complaintTime) }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        label="客诉类型"
-        align="center"
-        prop="complaintType"
-        width="98px"
-      >
-        <template v-slot="scope">
-          <dict-tag
-            :type="DICT_TYPE.COMPLAINT_TYPE"
-            :value="scope.row.complaintType"
-          />
-        </template>
-      </el-table-column>
-      <!-- <el-table-column label="客诉内容" align="center" prop="complaintContent">
-        <template v-slot="scope">
-          <span v-html="scope.row.complaintContent"></span>
-        </template>
-      </el-table-column> -->
-      <el-table-column label="处理人" align="center" prop="handler" />
-      <el-table-column
-        label="处理时间"
-        align="center"
-        prop="handleTime"
-        width="98px"
-      >
-        <template v-slot="scope">
-          <span>{{ parseTime2(scope.row.handleTime) }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="处理结果" align="center" prop="handleResult">
-        <template v-slot="scope">
-          <dict-tag
-            :type="DICT_TYPE.HANDLE_RESULT"
-            :value="scope.row.handleResult"
-          />
-        </template>
-      </el-table-column>
-      <el-table-column label="年度" align="center" prop="year" />
-      <el-table-column label="月份" align="center" prop="period" />
-      <el-table-column label="借阅状态" align="center" prop="borrowStatus">
-        <template v-slot="scope">
-          <dict-tag
-            :type="DICT_TYPE.BORROW_STATUS"
-            :value="scope.row.borrowStatus"
-          />
-        </template>
-      </el-table-column>
-      <el-table-column
-        label="归档时间"
-        align="center"
-        prop="recordTime"
-        width="98px"
-      >
-        <template v-slot="scope">
-          <span>{{ parseTime(scope.row.recordTime) }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="纸档位置" align="center" prop="position" />
-      <el-table-column label="完整性" align="center" prop="cherks">
-        <template v-slot="scope">
-          <dict-tag
-            :type="DICT_TYPE.ACCOUNTING_FILE_STATUS"
-            :value="scope.row.cherks"
-          />
-        </template>
-      </el-table-column>
-      <el-table-column label="归档状态" align="center" prop="fileStatus">
-        <template v-slot="scope">
-          <dict-tag
-            :type="DICT_TYPE.ARCHIVES_FILE_STATUS"
-            :value="scope.row.fileStatus"
-          />
-        </template>
-      </el-table-column>
-      <el-table-column label=" 制单人" align="center" prop="createBy" />
-      <el-table-column
-        label="创建日期"
-        align="center"
-        prop="createTime"
-        width="98px"
-      >
-        <template v-slot="scope">
-          <span>{{ parseTime(scope.row.createTime) }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        label="操作"
-        align="center"
-        class-name="small-padding fixed-width"
-        fixed="right"
-        width="180px"
+    <el-card>
+      <!-- 搜索工作栏 -->
+      <el-form
+        :model="queryParams"
+        ref="queryForm"
+        size="small"
+        :inline="true"
+        v-show="showSearch"
+        label-width="98px"
       >
-        <template v-slot="scope">
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-view"
-            v-if="scope.row.contractAttachment"
-            @click="handleViewFJ(scope.row)"
-            >查看附件
-          </el-button>
+        <div class="filter-box">
+          <div class="filter-lf">
+            <el-form-item label="客诉编号" prop="complaintCode">
+              <el-input
+                v-model="queryParams.complaintCode"
+                placeholder="请输入客诉编号"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
+            </el-form-item>
+            <el-form-item label="客诉类型" prop="complaintType">
+              <el-select
+                v-model="queryParams.complaintType"
+                placeholder="请选择客诉类型"
+                clearable
+                size="small"
+              >
+                <el-option
+                  v-for="dict in this.getDictDatas(DICT_TYPE.COMPLAINT_TYPE)"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="客诉时间" prop="complaintTime">
+              <el-date-picker
+                v-model="queryParams.complaintTime"
+                style="width: 240px"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                type="daterange"
+                range-separator="-"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期"
+                :default-time="['00:00:00', '23:59:59']"
+              />
+            </el-form-item>
+            <el-form-item label="处理结果" prop="handleResult">
+              <el-select
+                v-model="queryParams.handleResult"
+                placeholder="请选择处理结果"
+                clearable
+                size="small"
+              >
+                <el-option
+                  v-for="dict in this.getDictDatas(DICT_TYPE.HANDLE_RESULT)"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="年度" prop="year">
+              <el-date-picker
+                popper-class="due_year"
+                v-model="queryParams.year"
+                value-format="yyyy"
+                type="year"
+                placeholder="请选择会计年份"
+                @keyup.enter.native="handleQuery"
+              >
+              </el-date-picker>
+            </el-form-item>
+            <el-form-item label="月份" prop="period">
+              <el-date-picker
+                popper-class="due_month"
+                v-model="queryParams.period"
+                format="M月"
+                value-format="M"
+                type="month"
+                placeholder="请选择会计月份"
+                @keyup.enter.native="handleQuery"
+              >
+              </el-date-picker>
+            </el-form-item>
+            <el-form-item label="借阅状态" prop="borrowStatus">
+              <el-select
+                v-model="queryParams.borrowStatus"
+                placeholder="请选择借阅状态"
+                clearable
+                size="small"
+              >
+                <el-option
+                  v-for="dict in this.getDictDatas(DICT_TYPE.BORROW_STATUS)"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="归档状态" prop="fileStatus">
+              <el-select
+                v-model="queryParams.fileStatus"
+                placeholder="请选择归档状态"
+                clearable
+                size="small"
+              >
+                <el-option
+                  v-for="dict in this.getDictDatas(
+                    DICT_TYPE.ARCHIVES_FILE_STATUS
+                  )"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item>
+              <el-button
+                type="primary"
+                icon="el-icon-search"
+                @click="handleQuery"
+                >搜索</el-button
+              >
+              <el-button icon="el-icon-refresh" @click="resetQuery"
+                >重置</el-button
+              >
+            </el-form-item>
+          </div>
+        </div>
+      </el-form>
+
+      <!-- 操作工具栏 -->
+      <el-row :gutter="10" class="mb8">
+        <el-col :span="1.5">
           <el-button
+            type="primary"
+            plain
+            icon="el-icon-plus"
             size="mini"
-            type="text"
-            icon="el-icon-view"
-            @click="handleView(scope.row)"
-            >查看
+            @click="handleAdd"
+            v-hasPermi="['ea:electronic-customer-complaint:create']"
+            >新增
           </el-button>
+        </el-col>
+        <el-col :span="1.5">
           <el-button
-            v-if="scope.row.fileStatus == '0'"
+            type="danger"
+            plain
+            icon="el-icon-delete"
             size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
-            v-hasPermi="['ea:electronic-customer-complaint:update']"
-            >修改
-          </el-button>
+            :disabled="multiple"
+            @click="handleDelete"
+            >删除</el-button
+          >
+        </el-col>
+        <el-col :span="1.5">
           <el-button
-            v-if="scope.row.fileStatus == '0'"
+            type="warning"
+            plain
+            icon="el-icon-download"
             size="mini"
-            type="text"
-            icon="el-icon-delete"
-            @click="handleDelete(scope.row)"
-            v-hasPermi="['ea:electronic-customer-complaint:delete']"
-            >删除
+            @click="handleExport"
+            :loading="exportLoading"
+            v-hasPermi="['ea:electronic-customer-complaint:export']"
+            >导出
           </el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <!-- 分页组件 -->
-    <pagination
-      v-show="total > 0"
-      :total="total"
-      :page.sync="queryParams.pageNo"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
-    />
+        </el-col>
+        <right-toolbar
+          :showSearch.sync="showSearch"
+          @queryTable="getList"
+        ></right-toolbar>
+      </el-row>
 
+      <!-- 列表 -->
+      <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="deptName" />
+        <el-table-column label="客诉编号" align="center" prop="complaintCode" />
+        <el-table-column label="客户名称" align="center" prop="customerName" />
+        <el-table-column label="客户电话" align="center" prop="customerPhone" />
+        <el-table-column
+          label="客诉时间"
+          align="center"
+          prop="complaintTime"
+          width="98px"
+        >
+          <template v-slot="scope">
+            <span>{{ parseTime2(scope.row.complaintTime) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="客诉类型"
+          align="center"
+          prop="complaintType"
+          width="98px"
+        >
+          <template v-slot="scope">
+            <dict-tag
+              :type="DICT_TYPE.COMPLAINT_TYPE"
+              :value="scope.row.complaintType"
+            />
+          </template>
+        </el-table-column>
+        <!-- <el-table-column label="客诉内容" align="center" prop="complaintContent">
+        <template v-slot="scope">
+          <span v-html="scope.row.complaintContent"></span>
+        </template>
+      </el-table-column> -->
+        <el-table-column label="处理人" align="center" prop="handler" />
+        <el-table-column
+          label="处理时间"
+          align="center"
+          prop="handleTime"
+          width="98px"
+        >
+          <template v-slot="scope">
+            <span>{{ parseTime2(scope.row.handleTime) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="处理结果" align="center" prop="handleResult">
+          <template v-slot="scope">
+            <dict-tag
+              :type="DICT_TYPE.HANDLE_RESULT"
+              :value="scope.row.handleResult"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column label="年度" align="center" prop="year" />
+        <el-table-column label="月份" align="center" prop="period" />
+        <el-table-column label="借阅状态" align="center" prop="borrowStatus">
+          <template v-slot="scope">
+            <dict-tag
+              :type="DICT_TYPE.BORROW_STATUS"
+              :value="scope.row.borrowStatus"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="归档时间"
+          align="center"
+          prop="recordTime"
+          width="98px"
+        >
+          <template v-slot="scope">
+            <span>{{ parseTime(scope.row.recordTime) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="纸档位置" align="center" prop="position" />
+        <el-table-column label="完整性" align="center" prop="cherks">
+          <template v-slot="scope">
+            <dict-tag
+              :type="DICT_TYPE.ACCOUNTING_FILE_STATUS"
+              :value="scope.row.cherks"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column label="归档状态" align="center" prop="fileStatus">
+          <template v-slot="scope">
+            <dict-tag
+              :type="DICT_TYPE.ARCHIVES_FILE_STATUS"
+              :value="scope.row.fileStatus"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column label=" 制单人" align="center" prop="createBy" />
+        <el-table-column
+          label="创建日期"
+          align="center"
+          prop="createTime"
+          width="98px"
+        >
+          <template v-slot="scope">
+            <span>{{ parseTime(scope.row.createTime) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="操作"
+          align="center"
+          class-name="small-padding fixed-width"
+          fixed="right"
+          width="180px"
+        >
+          <template v-slot="scope">
+            <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-view"
+              v-if="scope.row.contractAttachment"
+              @click="handleViewFJ(scope.row)"
+              >查看附件
+            </el-button>
+            <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-view"
+              @click="handleView(scope.row)"
+              >查看
+            </el-button>
+            <el-button
+              v-if="scope.row.fileStatus == '0'"
+              size="mini"
+              type="text"
+              icon="el-icon-edit"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['ea:electronic-customer-complaint:update']"
+              >修改
+            </el-button>
+            <el-button
+              v-if="scope.row.fileStatus == '0'"
+              size="mini"
+              type="text"
+              icon="el-icon-delete"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['ea:electronic-customer-complaint:delete']"
+              >删除
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <!-- 分页组件 -->
+      <pagination
+        v-show="total > 0"
+        :total="total"
+        :page.sync="queryParams.pageNo"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+      />
+    </el-card>
     <!-- 对话框(添加 / 修改) -->
     <el-dialog
       :title="title"
@@ -709,10 +723,10 @@ 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",
       });
     },
@@ -958,3 +972,7 @@ export default {
   },
 };
 </script>
+<style lang="scss" scoped>
+@import "@/assets/styles/header/index.scss";
+@import "@/assets/styles/common/index.scss";
+</style>
diff --git a/src/views/ea/electronicEmployee/index.vue b/src/views/ea/electronicEmployee/index.vue
index 4c65d33f..18157cf1 100644
--- a/src/views/ea/electronicEmployee/index.vue
+++ b/src/views/ea/electronicEmployee/index.vue
@@ -1,254 +1,268 @@
 <template>
   <div class="app-container">
-    <!-- 搜索工作栏 -->
-    <el-form
-      :model="queryParams"
-      ref="queryForm"
-      size="small"
-      :inline="true"
-      v-show="showSearch"
-      label-width="98px"
-    >
-      <el-form-item label="所属部门" prop="deptName">
-        <treeselect
-          style="width: 190px"
-          v-model="queryParams.deptId"
-          :options="deptOptions"
-          :show-count="true"
-          :clearable="true"
-          placeholder="请选择部门"
-          :normalizer="normalizer"
-        />
-      </el-form-item>
-      <el-form-item label="员工姓名" prop="name">
-        <el-input
-          v-model="queryParams.name"
-          placeholder="请输入员工姓名"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="性别" prop="gender">
-        <el-select
-          v-model="queryParams.gender"
-          placeholder="请选择性别"
-          clearable
-          size="small"
-        >
-          <el-option
-            v-for="dict in this.getDictDatas(DICT_TYPE.SYSTEM_USER_SEX)"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="身份证号" prop="idCardNumber">
-        <el-input
-          v-model="queryParams.idCardNumber"
-          placeholder="请输入身份证号"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="借阅状态" prop="borrowStatus">
-        <el-select
-          v-model="queryParams.borrowStatus"
-          placeholder="请选择借阅状态"
-          clearable
-          size="small"
-        >
-          <el-option
-            v-for="dict in this.getDictDatas(DICT_TYPE.BORROW_STATUS)"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="归档状态" prop="fileStatus">
-        <el-select
-          v-model="queryParams.fileStatus"
-          placeholder="请选择归档状态"
-          clearable
-          size="small"
-        >
-          <el-option
-            v-for="dict in this.getDictDatas(DICT_TYPE.ARCHIVES_FILE_STATUS)"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" icon="el-icon-search" @click="handleQuery"
-          >搜索</el-button
-        >
-        <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
-      </el-form-item>
-    </el-form>
-
-    <!-- 操作工具栏 -->
-    <el-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
-        <el-button
-          type="primary"
-          plain
-          icon="el-icon-plus"
-          size="mini"
-          @click="handleAdd"
-          v-hasPermi="['ea:electronic-employee:create']"
-          >新增
-        </el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="danger"
-          plain
-          icon="el-icon-delete"
-          size="mini"
-          :disabled="multiple"
-          @click="handleDelete"
-          >删除</el-button
-        >
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="warning"
-          plain
-          icon="el-icon-download"
-          size="mini"
-          @click="handleExport"
-          :loading="exportLoading"
-          v-hasPermi="['ea:electronic-employee:export']"
-          >导出
-        </el-button>
-      </el-col>
-      <right-toolbar
-        :showSearch.sync="showSearch"
-        @queryTable="getList"
-      ></right-toolbar>
-    </el-row>
-
-    <!-- 列表 -->
-    <el-table
-      v-loading="loading"
-      :data="list"
-      @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="deptName" />
-      <el-table-column label="员工姓名" align="center" prop="name" />
-      <el-table-column label="性别" align="center" prop="gender">
-        <template v-slot="scope">
-          <dict-tag
-            :type="DICT_TYPE.SYSTEM_USER_SEX"
-            :value="scope.row.gender"
-          />
-        </template>
-      </el-table-column>
-      <el-table-column label="国籍" align="center" prop="nationality" />
-      <el-table-column label="联系方式" align="center" prop="contactNumber" />
-      <el-table-column label="身份证号" align="center" prop="idCardNumber" />
-      <el-table-column label="年度" align="center" prop="year" />
-      <el-table-column label="月份" align="center" prop="period" />
-      <el-table-column label="借阅状态" align="center" prop="borrowStatus">
-        <template v-slot="scope">
-          <dict-tag
-            :type="DICT_TYPE.BORROW_STATUS"
-            :value="scope.row.borrowStatus"
-          />
-        </template>
-      </el-table-column>
-      <el-table-column
-        label="归档时间"
-        align="center"
-        prop="recordTime"
-        width="98px"
-      />
-      <el-table-column label="纸档位置" align="center" prop="position" />
-      <el-table-column label="完整性" align="center" prop="cherks">
-        <template v-slot="scope">
-          <dict-tag
-            :type="DICT_TYPE.ACCOUNTING_FILE_STATUS"
-            :value="scope.row.cherks"
-          />
-        </template>
-      </el-table-column>
-      <el-table-column label="归档状态" align="center" prop="fileStatus">
-        <template v-slot="scope">
-          <dict-tag
-            :type="DICT_TYPE.ARCHIVES_FILE_STATUS"
-            :value="scope.row.fileStatus"
-          />
-        </template>
-      </el-table-column>
-      <el-table-column label="制单人" align="center" prop="createBy" />
-      <el-table-column
-        label="创建日期"
-        align="center"
-        prop="createTime"
-        width="180"
-      >
-        <template v-slot="scope">
-          <span>{{ parseTime(scope.row.createTime) }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        label="操作"
-        align="center"
-        class-name="small-padding fixed-width"
-        fixed="right"
-        width="180px"
+    <el-card>
+      <!-- 搜索工作栏 -->
+      <el-form
+        :model="queryParams"
+        ref="queryForm"
+        size="small"
+        :inline="true"
+        v-show="showSearch"
+        label-width="98px"
       >
-        <template v-slot="scope">
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-view"
-            v-if="scope.row.contractAttachment"
-            @click="handleViewFJ(scope.row)"
-            >查看附件
-          </el-button>
+        <div class="filter-box">
+          <div class="filter-lf">
+            <el-form-item label="所属部门" prop="deptName">
+              <treeselect
+                style="width: 190px"
+                v-model="queryParams.deptId"
+                :options="deptOptions"
+                :show-count="true"
+                :clearable="true"
+                placeholder="请选择部门"
+                :normalizer="normalizer"
+              />
+            </el-form-item>
+            <el-form-item label="员工姓名" prop="name">
+              <el-input
+                v-model="queryParams.name"
+                placeholder="请输入员工姓名"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
+            </el-form-item>
+            <el-form-item label="性别" prop="gender">
+              <el-select
+                v-model="queryParams.gender"
+                placeholder="请选择性别"
+                clearable
+                size="small"
+              >
+                <el-option
+                  v-for="dict in this.getDictDatas(DICT_TYPE.SYSTEM_USER_SEX)"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="身份证号" prop="idCardNumber">
+              <el-input
+                v-model="queryParams.idCardNumber"
+                placeholder="请输入身份证号"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
+            </el-form-item>
+            <el-form-item label="借阅状态" prop="borrowStatus">
+              <el-select
+                v-model="queryParams.borrowStatus"
+                placeholder="请选择借阅状态"
+                clearable
+                size="small"
+              >
+                <el-option
+                  v-for="dict in this.getDictDatas(DICT_TYPE.BORROW_STATUS)"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="归档状态" prop="fileStatus">
+              <el-select
+                v-model="queryParams.fileStatus"
+                placeholder="请选择归档状态"
+                clearable
+                size="small"
+              >
+                <el-option
+                  v-for="dict in this.getDictDatas(
+                    DICT_TYPE.ARCHIVES_FILE_STATUS
+                  )"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item>
+              <el-button
+                type="primary"
+                icon="el-icon-search"
+                @click="handleQuery"
+                >搜索</el-button
+              >
+              <el-button icon="el-icon-refresh" @click="resetQuery"
+                >重置</el-button
+              >
+            </el-form-item>
+          </div>
+        </div>
+      </el-form>
+
+      <!-- 操作工具栏 -->
+      <el-row :gutter="10" class="mb8">
+        <el-col :span="1.5">
           <el-button
+            type="primary"
+            plain
+            icon="el-icon-plus"
             size="mini"
-            type="text"
-            icon="el-icon-view"
-            @click="handleView(scope.row)"
-            >查看
+            @click="handleAdd"
+            v-hasPermi="['ea:electronic-employee:create']"
+            >新增
           </el-button>
+        </el-col>
+        <el-col :span="1.5">
           <el-button
-            v-if="scope.row.fileStatus == '0'"
+            type="danger"
+            plain
+            icon="el-icon-delete"
             size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
-            v-hasPermi="['ea:electronic-employee:update']"
-            >修改
-          </el-button>
+            :disabled="multiple"
+            @click="handleDelete"
+            >删除</el-button
+          >
+        </el-col>
+        <el-col :span="1.5">
           <el-button
-            v-if="scope.row.fileStatus == '0'"
+            type="warning"
+            plain
+            icon="el-icon-download"
             size="mini"
-            type="text"
-            icon="el-icon-delete"
-            @click="handleDelete(scope.row)"
-            v-hasPermi="['ea:electronic-employee:delete']"
-            >删除
+            @click="handleExport"
+            :loading="exportLoading"
+            v-hasPermi="['ea:electronic-employee:export']"
+            >导出
           </el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <!-- 分页组件 -->
-    <pagination
-      v-show="total > 0"
-      :total="total"
-      :page.sync="queryParams.pageNo"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
-    />
+        </el-col>
+        <right-toolbar
+          :showSearch.sync="showSearch"
+          @queryTable="getList"
+        ></right-toolbar>
+      </el-row>
 
+      <!-- 列表 -->
+      <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="deptName" />
+        <el-table-column label="员工姓名" align="center" prop="name" />
+        <el-table-column label="性别" align="center" prop="gender">
+          <template v-slot="scope">
+            <dict-tag
+              :type="DICT_TYPE.SYSTEM_USER_SEX"
+              :value="scope.row.gender"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column label="国籍" align="center" prop="nationality" />
+        <el-table-column label="联系方式" align="center" prop="contactNumber" />
+        <el-table-column label="身份证号" align="center" prop="idCardNumber" />
+        <el-table-column label="年度" align="center" prop="year" />
+        <el-table-column label="月份" align="center" prop="period" />
+        <el-table-column label="借阅状态" align="center" prop="borrowStatus">
+          <template v-slot="scope">
+            <dict-tag
+              :type="DICT_TYPE.BORROW_STATUS"
+              :value="scope.row.borrowStatus"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="归档时间"
+          align="center"
+          prop="recordTime"
+          width="98px"
+        />
+        <el-table-column label="纸档位置" align="center" prop="position" />
+        <el-table-column label="完整性" align="center" prop="cherks">
+          <template v-slot="scope">
+            <dict-tag
+              :type="DICT_TYPE.ACCOUNTING_FILE_STATUS"
+              :value="scope.row.cherks"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column label="归档状态" align="center" prop="fileStatus">
+          <template v-slot="scope">
+            <dict-tag
+              :type="DICT_TYPE.ARCHIVES_FILE_STATUS"
+              :value="scope.row.fileStatus"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column label="制单人" align="center" prop="createBy" />
+        <el-table-column
+          label="创建日期"
+          align="center"
+          prop="createTime"
+          width="180"
+        >
+          <template v-slot="scope">
+            <span>{{ parseTime(scope.row.createTime) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="操作"
+          align="center"
+          class-name="small-padding fixed-width"
+          fixed="right"
+          width="180px"
+        >
+          <template v-slot="scope">
+            <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-view"
+              v-if="scope.row.contractAttachment"
+              @click="handleViewFJ(scope.row)"
+              >查看附件
+            </el-button>
+            <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-view"
+              @click="handleView(scope.row)"
+              >查看
+            </el-button>
+            <el-button
+              v-if="scope.row.fileStatus == '0'"
+              size="mini"
+              type="text"
+              icon="el-icon-edit"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['ea:electronic-employee:update']"
+              >修改
+            </el-button>
+            <el-button
+              v-if="scope.row.fileStatus == '0'"
+              size="mini"
+              type="text"
+              icon="el-icon-delete"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['ea:electronic-employee:delete']"
+              >删除
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <!-- 分页组件 -->
+      <pagination
+        v-show="total > 0"
+        :total="total"
+        :page.sync="queryParams.pageNo"
+        :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>
diff --git a/src/views/ea/electronicOther/index.vue b/src/views/ea/electronicOther/index.vue
index 485ef9d2..04395737 100644
--- a/src/views/ea/electronicOther/index.vue
+++ b/src/views/ea/electronicOther/index.vue
@@ -1,168 +1,185 @@
 <template>
   <div class="app-container">
-    <!-- 搜索工作栏 -->
-    <el-form
-      :model="queryParams"
-      ref="queryForm"
-      size="small"
-      :inline="true"
-      v-show="showSearch"
-      label-width="88px"
-    >
-      <el-form-item label="业务类型" prop="businessType">
-        <el-select v-model="form.businessType" placeholder="请选择业务类型	">
-          <el-option
-            v-for="dict in this.getDictDatas(DICT_TYPE.OTHER_BUSINESS_TYPE)"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" icon="el-icon-search" @click="handleQuery"
-          >搜索</el-button
-        >
-        <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
-      </el-form-item>
-    </el-form>
-
-    <!-- 操作工具栏 -->
-    <el-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
-        <el-button
-          type="primary"
-          plain
-          icon="el-icon-plus"
-          size="mini"
-          @click="handleAdd"
-          v-hasPermi="['ea:electronic-other:create']"
-          >新增
-        </el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="danger"
-          plain
-          icon="el-icon-delete"
-          size="mini"
-          :disabled="multiple"
-          @click="handleDelete"
-          >删除</el-button
-        >
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="warning"
-          plain
-          icon="el-icon-download"
-          size="mini"
-          @click="handleExport"
-          :loading="exportLoading"
-          v-hasPermi="['ea:electronic-other:export']"
-          >导出
-        </el-button>
-      </el-col>
-      <right-toolbar
-        :showSearch.sync="showSearch"
-        @queryTable="getList"
-      ></right-toolbar>
-    </el-row>
-
-    <!-- 列表 -->
-    <el-table
-      v-loading="loading"
-      :data="list"
-      @selection-change="handleSelectionChange"
-    >
-      <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="流程编号	" align="center" prop="flowCode" />
-      <el-table-column label="文件来源" align="center" prop="source" />
-      <el-table-column label="年度" align="center" prop="year" />
-      <el-table-column label="月份" align="center" prop="period" />
-      <el-table-column label="业务类型" align="center" prop="businessType">
-        <template v-slot="scope">
-          <dict-tag
-            :type="DICT_TYPE.OTHER_BUSINESS_TYPE"
-            :value="scope.row.businessType"
-          />
-        </template>
-      </el-table-column>
-      <el-table-column
-        label="创建时间"
-        align="center"
-        prop="createTime"
-        width="180"
-      >
-        <template v-slot="scope">
-          <span>{{ parseTime(scope.row.createTime) }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="制单人" align="center" prop="createBy" />
-      <el-table-column label="业务实体" align="center" prop="company" />
-      <el-table-column label="摘要" align="center" prop="note" />
-      <el-table-column label="所属部门" align="center" prop="deptName" />
-      <el-table-column label="归档状态" align="center" prop="fileStatus">
-        <template v-slot="scope">
-          <dict-tag
-            :type="DICT_TYPE.ARCHIVES_FILE_STATUS"
-            :value="scope.row.fileStatus"
-          />
-        </template>
-      </el-table-column>
-      <el-table-column
-        label="操作"
-        align="center"
-        class-name="small-padding fixed-width"
-        fixed="right"
-        width="180px"
+    <el-card>
+      <!-- 搜索工作栏 -->
+      <el-form
+        :model="queryParams"
+        ref="queryForm"
+        size="small"
+        :inline="true"
+        v-show="showSearch"
+        label-width="88px"
       >
-        <template v-slot="scope">
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-view"
-            v-if="scope.row.contractAttachment"
-            @click="handleViewFJ(scope.row)"
-            >查看附件
-          </el-button>
+        <div class="filter-box">
+          <div class="filter-lf">
+            <el-form-item label="业务类型" prop="businessType">
+              <el-select
+                v-model="form.businessType"
+                placeholder="请选择业务类型	"
+              >
+                <el-option
+                  v-for="dict in this.getDictDatas(
+                    DICT_TYPE.OTHER_BUSINESS_TYPE
+                  )"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item>
+              <el-button
+                type="primary"
+                icon="el-icon-search"
+                @click="handleQuery"
+                >搜索</el-button
+              >
+              <el-button icon="el-icon-refresh" @click="resetQuery"
+                >重置</el-button
+              >
+            </el-form-item>
+          </div>
+        </div>
+      </el-form>
+
+      <!-- 操作工具栏 -->
+      <el-row :gutter="10" class="mb8">
+        <el-col :span="1.5">
           <el-button
+            type="primary"
+            plain
+            icon="el-icon-plus"
             size="mini"
-            type="text"
-            icon="el-icon-view"
-            @click="handleView(scope.row)"
-            >查看
+            @click="handleAdd"
+            v-hasPermi="['ea:electronic-other:create']"
+            >新增
           </el-button>
+        </el-col>
+        <el-col :span="1.5">
           <el-button
-            v-if="scope.row.fileStatus == '0'"
+            type="danger"
+            plain
+            icon="el-icon-delete"
             size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
-            v-hasPermi="['ea:electronic-other:update']"
-            >修改
-          </el-button>
+            :disabled="multiple"
+            @click="handleDelete"
+            >删除</el-button
+          >
+        </el-col>
+        <el-col :span="1.5">
           <el-button
-            v-if="scope.row.fileStatus == '0'"
+            type="warning"
+            plain
+            icon="el-icon-download"
             size="mini"
-            type="text"
-            icon="el-icon-delete"
-            @click="handleDelete(scope.row)"
-            v-hasPermi="['ea:electronic-other:delete']"
-            >删除
+            @click="handleExport"
+            :loading="exportLoading"
+            v-hasPermi="['ea:electronic-other:export']"
+            >导出
           </el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <!-- 分页组件 -->
-    <pagination
-      v-show="total > 0"
-      :total="total"
-      :page.sync="queryParams.pageNo"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
-    />
+        </el-col>
+        <right-toolbar
+          :showSearch.sync="showSearch"
+          @queryTable="getList"
+        ></right-toolbar>
+      </el-row>
 
+      <!-- 列表 -->
+      <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="flowCode" />
+        <el-table-column label="文件来源" align="center" prop="source" />
+        <el-table-column label="年度" align="center" prop="year" />
+        <el-table-column label="月份" align="center" prop="period" />
+        <el-table-column label="业务类型" align="center" prop="businessType">
+          <template v-slot="scope">
+            <dict-tag
+              :type="DICT_TYPE.OTHER_BUSINESS_TYPE"
+              :value="scope.row.businessType"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="创建时间"
+          align="center"
+          prop="createTime"
+          width="180"
+        >
+          <template v-slot="scope">
+            <span>{{ parseTime(scope.row.createTime) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="制单人" align="center" prop="createBy" />
+        <el-table-column label="业务实体" align="center" prop="company" />
+        <el-table-column label="摘要" align="center" prop="note" />
+        <el-table-column label="所属部门" align="center" prop="deptName" />
+        <el-table-column label="归档状态" align="center" prop="fileStatus">
+          <template v-slot="scope">
+            <dict-tag
+              :type="DICT_TYPE.ARCHIVES_FILE_STATUS"
+              :value="scope.row.fileStatus"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="操作"
+          align="center"
+          class-name="small-padding fixed-width"
+          fixed="right"
+          width="180px"
+        >
+          <template v-slot="scope">
+            <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-view"
+              v-if="scope.row.contractAttachment"
+              @click="handleViewFJ(scope.row)"
+              >查看附件
+            </el-button>
+            <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-view"
+              @click="handleView(scope.row)"
+              >查看
+            </el-button>
+            <el-button
+              v-if="scope.row.fileStatus == '0'"
+              size="mini"
+              type="text"
+              icon="el-icon-edit"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['ea:electronic-other:update']"
+              >修改
+            </el-button>
+            <el-button
+              v-if="scope.row.fileStatus == '0'"
+              size="mini"
+              type="text"
+              icon="el-icon-delete"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['ea:electronic-other:delete']"
+              >删除
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <!-- 分页组件 -->
+      <pagination
+        v-show="total > 0"
+        :total="total"
+        :page.sync="queryParams.pageNo"
+        :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>