From 7a5957531b4f1066dc34b5c6f89196bba32535f0 Mon Sep 17 00:00:00 2001
From: chiyilin <2449182606@qq.com>
Date: Fri, 13 Oct 2023 17:06:16 +0800
Subject: [PATCH] =?UTF-8?q?=E7=95=8C=E9=9D=A2=E4=BF=AE=E6=94=B9/=E5=85=B6?=
 =?UTF-8?q?=E4=BB=96=E6=A1=A3=E6=A1=88=E6=96=B0=E5=A2=9E=E6=96=87=E4=BB=B6?=
 =?UTF-8?q?=E4=B8=8A=E4=BC=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ea/electronicAttachment/index.vue   |  13 +-
 src/views/ea/electronicConsultation/index.vue |  20 +-
 src/views/ea/electronicContracts/index.vue    |  20 +-
 .../ea/electronicCustomerComplaint/index.vue  |  38 +-
 src/views/ea/electronicEmployee/index.vue     |  20 +-
 src/views/ea/electronicOther/index.vue        | 434 ++++++++++++------
 6 files changed, 383 insertions(+), 162 deletions(-)

diff --git a/src/views/ea/electronicAttachment/index.vue b/src/views/ea/electronicAttachment/index.vue
index 871700b9..3f2a6477 100644
--- a/src/views/ea/electronicAttachment/index.vue
+++ b/src/views/ea/electronicAttachment/index.vue
@@ -86,7 +86,14 @@
     <el-table v-loading="loading" :data="list">
       <!--      <el-table-column label="主键" align="center" prop="id" />-->
       <el-table-column label="业务id" align="center" prop="businessId"/>
-      <el-table-column label="业务类型" align="center" prop="businessType"/>
+      <el-table-column label="业务类型" align="center" prop="businessType">
+        <template v-slot="scope">
+          <dict-tag
+            :type="DICT_TYPE.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>
@@ -142,7 +149,7 @@
         <i class="el-icon-upload"></i>
         <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
       </el-upload>
-      <el-form ref="form" :model="form" :rules="rules" label-width="98px">
+      <el-form ref="form" :model="form" :rules="rules" label-width="130px" style="margin-top: 20px">
         <el-row>
           <el-col :span="8">
             <el-form-item label="业务id" prop="businessId">
@@ -332,7 +339,7 @@ export default {
     },
     openLink(fileUrl) {
       const url = process.env.VUE_APP_ONLINE_API +
-      `/onlinePreview?url=${encodeURIComponent(this.base64Encode(fileUrl))}`;
+        `/onlinePreview?url=${encodeURIComponent(this.base64Encode(fileUrl))}`;
       window.open(url);
     },
     /** 搜索按钮操作 */
diff --git a/src/views/ea/electronicConsultation/index.vue b/src/views/ea/electronicConsultation/index.vue
index 5ba16fca..934771e8 100644
--- a/src/views/ea/electronicConsultation/index.vue
+++ b/src/views/ea/electronicConsultation/index.vue
@@ -174,7 +174,14 @@
         </template>
       </el-table-column>
       <el-table-column label="纸档位置	" align="center" prop="position"/>
-      <el-table-column label="完整性	" align="center" prop="cherks"/>
+      <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"/>
@@ -321,7 +328,16 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="完整性	" prop="cherks">
-              <el-input v-model="form.cherks" placeholder="请输入完整性	"/>
+              <el-select v-model="form.cherks" placeholder="请选择归档状态">
+                <el-option
+                  v-for="dict in this.getDictDatas(
+                    DICT_TYPE.CHERKS
+                  )"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="8">
diff --git a/src/views/ea/electronicContracts/index.vue b/src/views/ea/electronicContracts/index.vue
index 27f39fb3..238e223f 100644
--- a/src/views/ea/electronicContracts/index.vue
+++ b/src/views/ea/electronicContracts/index.vue
@@ -346,7 +346,14 @@
       >
       </el-table-column>
       <el-table-column label="纸档位置" align="center" prop="position" />
-      <el-table-column label="完整性" align="center" prop="cherks" />
+      <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">
@@ -629,7 +636,16 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="完整性" prop="cherks">
-              <el-input v-model="form.cherks" placeholder="请输入完整性" />
+              <el-select v-model="form.cherks" placeholder="请选择归档状态">
+                <el-option
+                  v-for="dict in this.getDictDatas(
+                    DICT_TYPE.CHERKS
+                  )"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
             </el-form-item>
           </el-col>
 
diff --git a/src/views/ea/electronicCustomerComplaint/index.vue b/src/views/ea/electronicCustomerComplaint/index.vue
index e6304c4d..7cf7fb60 100644
--- a/src/views/ea/electronicCustomerComplaint/index.vue
+++ b/src/views/ea/electronicCustomerComplaint/index.vue
@@ -152,7 +152,14 @@
           <span>{{ parseTime(scope.row.complaintTime) }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="客诉类型" align="center" prop="complaintType"/>
+      <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>
@@ -185,7 +192,14 @@
         </template>
       </el-table-column>
       <el-table-column label="纸档位置" align="center" prop="position"/>
-      <el-table-column label="完整性" align="center" prop="cherks"/>
+      <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"/>
@@ -251,9 +265,14 @@
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="客诉类型" prop="complaintType">
+            <el-form-item label="客诉类型" prop="complaintType" >
               <el-select v-model="form.complaintType" placeholder="请选择客诉类型">
-                <el-option label="请选择字典生成" value=""/>
+                <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-col>
@@ -342,7 +361,16 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="完整性" prop="cherks">
-              <el-input v-model="form.cherks" placeholder="请输入完整性"/>
+              <el-select v-model="form.cherks" placeholder="请选择归档状态">
+                <el-option
+                  v-for="dict in this.getDictDatas(
+                    DICT_TYPE.CHERKS
+                  )"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="8">
diff --git a/src/views/ea/electronicEmployee/index.vue b/src/views/ea/electronicEmployee/index.vue
index 68d3e4fb..d3250e2d 100644
--- a/src/views/ea/electronicEmployee/index.vue
+++ b/src/views/ea/electronicEmployee/index.vue
@@ -135,7 +135,14 @@
       </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"/>
+      <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">
@@ -428,7 +435,16 @@
         <el-row>
           <el-col :span="8">
             <el-form-item label="完整性" prop="cherks">
-              <el-input v-model="form.cherks" placeholder="请输入完整性"/>
+              <el-select v-model="form.cherks" placeholder="请选择归档状态">
+                <el-option
+                  v-for="dict in this.getDictDatas(
+                    DICT_TYPE.CHERKS
+                  )"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="8">
diff --git a/src/views/ea/electronicOther/index.vue b/src/views/ea/electronicOther/index.vue
index 2b1b2772..7dfd7cd6 100644
--- a/src/views/ea/electronicOther/index.vue
+++ b/src/views/ea/electronicOther/index.vue
@@ -2,75 +2,86 @@
   <div class="app-container">
 
     <!-- 搜索工作栏 -->
-    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="88px">
       <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="OA/ERP流程编号	" prop="flowCode">
-        <el-input v-model="queryParams.flowCode" placeholder="请输入OA/ERP流程编号	" clearable @keyup.enter.native="handleQuery"/>
-      </el-form-item>
-      <el-form-item label="文件来源" prop="source">
-        <el-input v-model="queryParams.source" 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 label="OA/ERP流程编号	" prop="flowCode">-->
+      <!--        <el-input v-model="queryParams.flowCode" placeholder="请输入OA/ERP流程编号	" clearable-->
+      <!--                  @keyup.enter.native="handleQuery"/>-->
+      <!--      </el-form-item>-->
+      <!--      <el-form-item label="文件来源" prop="source">-->
+      <!--        <el-input v-model="queryParams.source" 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 label="业务类型" prop="businessType">
         <el-select v-model="queryParams.businessType" placeholder="请选择业务类型" clearable size="small">
-          <el-option label="请选择字典生成" value="" />
+          <el-option label="请选择字典生成" value=""/>
         </el-select>
       </el-form-item>
-      <el-form-item label="创建时间" prop="createTime">
-        <el-date-picker v-model="queryParams.createTime" 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="createBy">
-        <el-input v-model="queryParams.createBy" placeholder="请输入制单人" clearable @keyup.enter.native="handleQuery"/>
-      </el-form-item>
+      <!--      <el-form-item label="创建时间" prop="createTime">-->
+      <!--        <el-date-picker v-model="queryParams.createTime" 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="createBy">-->
+      <!--        <el-input v-model="queryParams.createBy" placeholder="请输入制单人" clearable-->
+      <!--                  @keyup.enter.native="handleQuery"/>-->
+      <!--      </el-form-item>-->
       <!-- <el-form-item label="业务实体id" prop="companyId">
         <el-input v-model="queryParams.companyId" placeholder="请输入业务实体id" clearable @keyup.enter.native="handleQuery"/>
       </el-form-item> -->
-      <el-form-item label="业务实体" prop="company">
-        <el-input v-model="queryParams.company" placeholder="请输入业务实体" clearable @keyup.enter.native="handleQuery"/>
-      </el-form-item>
+      <!--      <el-form-item label="业务实体" prop="company">-->
+      <!--        <el-input v-model="queryParams.company" placeholder="请输入业务实体" clearable-->
+      <!--                  @keyup.enter.native="handleQuery"/>-->
+      <!--      </el-form-item>-->
       <!-- <el-form-item label="删除状态" prop="delStatus">
         <el-select v-model="queryParams.delStatus" placeholder="请选择删除状态" clearable size="small">
           <el-option label="请选择字典生成" value="" />
         </el-select> -->
-<!--      </el-form-item>-->
-      <el-form-item label="文件后缀" prop="suffix">
-        <el-input v-model="queryParams.suffix" placeholder="请输入文件后缀" clearable @keyup.enter.native="handleQuery"/>
-      </el-form-item>
-      <el-form-item label="文件地址" prop="fileUrl">
-        <el-input v-model="queryParams.fileUrl" placeholder="请输入文件地址" clearable @keyup.enter.native="handleQuery"/>
-      </el-form-item>
-      <el-form-item label="绝对路径" prop="fileAp">
-        <el-input v-model="queryParams.fileAp" placeholder="请输入绝对路径" clearable @keyup.enter.native="handleQuery"/>
-      </el-form-item>
-      <el-form-item label="流程号" prop="flowId">
-        <el-input v-model="queryParams.flowId" placeholder="请输入流程号" clearable @keyup.enter.native="handleQuery"/>
-      </el-form-item>
-      <el-form-item label="摘要" prop="note">
-        <el-input v-model="queryParams.note" placeholder="请输入摘要" clearable @keyup.enter.native="handleQuery"/>
-      </el-form-item>
+      <!--      </el-form-item>-->
+      <!--      <el-form-item label="文件后缀" prop="suffix">-->
+      <!--        <el-input v-model="queryParams.suffix" placeholder="请输入文件后缀" clearable-->
+      <!--                  @keyup.enter.native="handleQuery"/>-->
+      <!--      </el-form-item>-->
+      <!--      <el-form-item label="文件地址" prop="fileUrl">-->
+      <!--        <el-input v-model="queryParams.fileUrl" placeholder="请输入文件地址" clearable-->
+      <!--                  @keyup.enter.native="handleQuery"/>-->
+      <!--      </el-form-item>-->
+      <!--      <el-form-item label="绝对路径" prop="fileAp">-->
+      <!--        <el-input v-model="queryParams.fileAp" placeholder="请输入绝对路径" clearable-->
+      <!--                  @keyup.enter.native="handleQuery"/>-->
+      <!--      </el-form-item>-->
+      <!--      <el-form-item label="流程号" prop="flowId">-->
+      <!--        <el-input v-model="queryParams.flowId" placeholder="请输入流程号" clearable @keyup.enter.native="handleQuery"/>-->
+      <!--      </el-form-item>-->
+      <!--      <el-form-item label="摘要" prop="note">-->
+      <!--        <el-input v-model="queryParams.note" placeholder="请输入摘要" clearable @keyup.enter.native="handleQuery"/>-->
+      <!--      </el-form-item>-->
       <!-- <el-form-item label="所属部门id" prop="deptId">
         <el-input v-model="queryParams.deptId" placeholder="请输入所属部门id" clearable @keyup.enter.native="handleQuery"/>
       </el-form-item> -->
-      <el-form-item label="所属部门" prop="deptName">
-        <el-input v-model="queryParams.deptName" placeholder="请输入所属部门" clearable @keyup.enter.native="handleQuery"/>
-      </el-form-item>
+      <!--      <el-form-item label="所属部门" prop="deptName">-->
+      <!--        <el-input v-model="queryParams.deptName" placeholder="请输入所属部门" clearable-->
+      <!--                  @keyup.enter.native="handleQuery"/>-->
+      <!--      </el-form-item>-->
       <!-- <el-form-item label="归档id" prop="recordId">
         <el-input v-model="queryParams.recordId" placeholder="请输入归档id" clearable @keyup.enter.native="handleQuery"/>
       </el-form-item> -->
       <!-- <el-form-item label="用户id" prop="userId">
         <el-input v-model="queryParams.userId" placeholder="请输入用户id" clearable @keyup.enter.native="handleQuery"/>
       </el-form-item> -->
-      <el-form-item label="归档状态" prop="archiveState">
-        <el-input v-model="queryParams.archiveState" placeholder="请输入归档状态" clearable @keyup.enter.native="handleQuery"/>
-      </el-form-item>
+      <!--      <el-form-item label="归档状态" prop="archiveState">-->
+      <!--        <el-input v-model="queryParams.archiveState" 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>
@@ -81,49 +92,67 @@
     <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>
+                   v-hasPermi="['ea:electronic-other:create']">新增
+        </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-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">
-      <el-table-column label="主键" align="center" prop="id" />
-      <el-table-column label="表名" align="center" prop="name" />
-      <el-table-column label="OA/ERP流程编号	" 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" />
+      <!--      <el-table-column label="主键" align="center" prop="id"/>-->
+      <el-table-column label="表名" align="center" prop="name"/>
+      <el-table-column label="OA/ERP流程编号	" 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"/>
       <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="业务实体id" align="center" prop="companyId" />
-      <el-table-column label="业务实体" align="center" prop="company" />
-      <el-table-column label="删除状态" align="center" prop="delStatus" />
-      <el-table-column label="文件后缀" align="center" prop="suffix" />
-      <el-table-column label="文件地址" align="center" prop="fileUrl" />
-      <el-table-column label="绝对路径" align="center" prop="fileAp" />
-      <el-table-column label="流程号" align="center" prop="flowId" />
-      <el-table-column label="摘要" align="center" prop="note" />
-      <el-table-column label="所属部门id" align="center" prop="deptId" />
-      <el-table-column label="所属部门" align="center" prop="deptName" />
-      <el-table-column label="归档id" align="center" prop="recordId" />
-      <el-table-column label="用户id" align="center" prop="userId" />
-      <el-table-column label="归档状态" align="center" prop="archiveState" />
+      <el-table-column label="制单人" align="center" prop="createBy"/>
+      <!--      <el-table-column label="业务实体id" align="center" prop="companyId"/>-->
+      <el-table-column label="业务实体" align="center" prop="company"/>
+      <!--      <el-table-column label="删除状态" align="center" prop="delStatus"/>-->
+      <!--      <el-table-column label="文件后缀" align="center" prop="suffix"/>-->
+      <el-table-column label="文件地址" align="center" prop="fileUrl">
+        <template slot-scope="scope">
+          <el-button type="text" @click="openLink(scope.row.fileUrl)">
+            {{ scope.row.fileUrl }}
+          </el-button>
+        </template>
+      </el-table-column>
+      <!--      <el-table-column label="绝对路径" align="center" prop="fileAp"/>-->
+      <el-table-column label="流程号" align="center" prop="flowId"/>
+      <el-table-column label="摘要" align="center" prop="note"/>
+      <!--      <el-table-column label="所属部门id" align="center" prop="deptId"/>-->
+      <el-table-column label="所属部门" align="center" prop="deptName"/>
+      <!--      <el-table-column label="归档id" align="center" prop="recordId"/>-->
+      <!--      <el-table-column label="用户id" align="center" prop="userId"/>-->
+      <el-table-column label="归档状态" align="center" prop="archiveState">
+        <template v-slot="scope">
+          <dict-tag
+            :type="DICT_TYPE.ARCHIVES_FILE_STATUS"
+            :value="scope.row.archiveState"
+          />
+        </template>
+      </el-table-column>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template v-slot="scope">
           <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
-                     v-hasPermi="['ea:electronic-other:update']">修改</el-button>
+                     v-hasPermi="['ea:electronic-other:update']">修改
+          </el-button>
           <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
-                     v-hasPermi="['ea:electronic-other:delete']">删除</el-button>
+                     v-hasPermi="['ea:electronic-other:delete']">删除
+          </el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -132,71 +161,149 @@
                 @pagination="getList"/>
 
     <!-- 对话框(添加 / 修改) -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" v-dialogDrag append-to-body>
-      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-        <el-form-item label="表名" prop="name">
-          <el-input v-model="form.name" placeholder="请输入表名" />
-        </el-form-item>
-        <el-form-item label="OA/ERP流程编号	" prop="flowCode">
-          <el-input v-model="form.flowCode" placeholder="请输入OA/ERP流程编号	" />
-        </el-form-item>
-        <el-form-item label="文件来源" prop="source">
-          <el-input v-model="form.source" placeholder="请输入文件来源" />
-        </el-form-item>
-        <el-form-item label="年度" prop="year">
-          <el-input v-model="form.year" placeholder="请输入年度" />
-        </el-form-item>
-        <el-form-item label="月份" prop="period">
-          <el-input v-model="form.period" placeholder="请输入月份" />
-        </el-form-item>
-        <el-form-item label="业务类型" prop="businessType">
-          <el-select v-model="form.businessType" placeholder="请选择业务类型">
-            <el-option label="请选择字典生成" value="" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="制单人" prop="createBy">
-          <el-input v-model="form.createBy" placeholder="请输入制单人" />
-        </el-form-item>
-        <!-- <el-form-item label="业务实体id" prop="companyId">
-          <el-input v-model="form.companyId" placeholder="请输入业务实体id" />
-        </el-form-item> -->
-        <el-form-item label="业务实体" prop="company">
-          <el-input v-model="form.company" placeholder="请输入业务实体" />
-        </el-form-item>
-        <!-- <el-form-item label="删除状态" prop="delStatus">
-          <el-radio-group v-model="form.delStatus">
-            <el-radio label="1">请选择字典生成</el-radio>
-          </el-radio-group>
-        </el-form-item> -->
-        <el-form-item label="文件后缀" prop="suffix">
-          <el-input v-model="form.suffix" placeholder="请输入文件后缀" />
-        </el-form-item>
-        <el-form-item label="文件地址" prop="fileUrl">
-          <el-input v-model="form.fileUrl" placeholder="请输入文件地址" />
-        </el-form-item>
-        <el-form-item label="绝对路径" prop="fileAp">
-          <el-input v-model="form.fileAp" placeholder="请输入绝对路径" />
-        </el-form-item>
-        <el-form-item label="流程号" prop="flowId">
-          <el-input v-model="form.flowId" placeholder="请输入流程号" />
-        </el-form-item>
-        <el-form-item label="摘要" prop="note">
-          <el-input v-model="form.note" placeholder="请输入摘要" />
-        </el-form-item>
-        <!-- <el-form-item label="所属部门id" prop="deptId">
-          <el-input v-model="form.deptId" placeholder="请输入所属部门id" />
-        </el-form-item> -->
-        <el-form-item label="所属部门" prop="deptName">
-          <el-input v-model="form.deptName" placeholder="请输入所属部门" />
-        </el-form-item>
+    <el-dialog :title="title" :visible.sync="open" width="1000px" v-dialogDrag append-to-body>
+      <el-upload
+        class="upload-demo"
+        drag
+        :limit="1"
+        :action="uploadUrl"
+        :file-list="fileList"
+        :headers="headers"
+        :on-success="handleSuccess"
+        name="multipartFile"
+        :multiple="false"
+      >
+        <i class="el-icon-upload"></i>
+        <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+      </el-upload>
+
+
+      <el-form ref="form" :model="form" :rules="rules" label-width="130px"
+               style="margin-top: 20px">
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="表名" prop="name">
+              <el-input v-model="form.name" placeholder="请输入表名"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="OA/ERP流程编号	" prop="flowCode">
+              <el-input v-model="form.flowCode" placeholder="请输入OA/ERP流程编号	"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="文件来源" prop="source">
+              <el-input v-model="form.source" placeholder="请输入文件来源"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="年度" prop="year">
+              <el-date-picker
+                format="yyyy年"
+                v-model="form.year"
+                value-format="yyyy"
+                type="year"
+                placeholder="请选择年度"
+              >
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="月份" prop="period">
+              <el-date-picker
+                popper-class="due_month"
+                v-model="form.period"
+                format="M月"
+                value-format="M"
+                type="month"
+                placeholder="请选择月份"
+              >
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="业务类型" prop="businessType">
+              <el-select v-model="form.businessType" placeholder="请选择业务类型">
+                <el-option label="请选择字典生成" value=""/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="制单人" prop="createBy">
+              <el-input v-model="form.createBy" placeholder="请输入制单人"/>
+            </el-form-item>
+          </el-col>
+
+          <!-- <el-form-item label="业务实体id" prop="companyId">
+            <el-input v-model="form.companyId" placeholder="请输入业务实体id" />
+          </el-form-item> -->
+          <el-col :span="8">
+            <el-form-item label="业务实体" prop="company">
+              <el-input v-model="form.company" placeholder="请输入业务实体"/>
+            </el-form-item>
+          </el-col>
+
+          <!-- <el-form-item label="删除状态" prop="delStatus">
+            <el-radio-group v-model="form.delStatus">
+              <el-radio label="1">请选择字典生成</el-radio>
+            </el-radio-group>
+          </el-form-item> -->
+          <!--        <el-form-item label="文件后缀" prop="suffix">-->
+          <!--          <el-input v-model="form.suffix" placeholder="请输入文件后缀"/>-->
+          <!--        </el-form-item>-->
+          <el-col :span="8">
+            <el-form-item label="文件地址" prop="fileUrl">
+              <el-input v-model="form.fileUrl" placeholder="请输入文件地址" :disabled="true"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <!--        <el-form-item label="绝对路径" prop="fileAp">-->
+        <!--          <el-input v-model="form.fileAp" placeholder="请输入绝对路径"/>-->
+        <!--        </el-form-item>-->
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="流程号" prop="flowId">
+              <el-input v-model="form.flowId" placeholder="请输入流程号"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="所属部门" prop="deptName">
+              <el-input v-model="form.deptName" placeholder="请输入所属部门"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <!-- <el-form-item label="所属部门id" prop="deptId">
+              <el-input v-model="form.deptId" placeholder="请输入所属部门id" />
+            </el-form-item> -->
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="归档状态" prop="archiveState">
+              <el-select v-model="form.archiveState" placeholder="请选择归档状态">
+                <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-col>
+        </el-row>
         <!-- <el-form-item label="归档id" prop="recordId">
           <el-input v-model="form.recordId" placeholder="请输入归档id" />
         </el-form-item> -->
         <!-- <el-form-item label="用户id" prop="userId">
           <el-input v-model="form.userId" placeholder="请输入用户id" />
         </el-form-item> -->
-        <el-form-item label="归档状态" prop="archiveState">
-          <el-input v-model="form.archiveState" placeholder="请输入归档状态" />
+        <el-form-item label="摘要" prop="note">
+          <el-input v-model="form.note" placeholder="请输入摘要" type="textarea"
+                    :autosize="{ minRows: 1, maxRows: 4}"/>
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -208,12 +315,19 @@
 </template>
 
 <script>
-import { createElectronicOther, updateElectronicOther, deleteElectronicOther, getElectronicOther, getElectronicOtherPage, exportElectronicOtherExcel } from "@/api/ea/electronicOther/electronicOther";
+import {
+  createElectronicOther,
+  updateElectronicOther,
+  deleteElectronicOther,
+  getElectronicOther,
+  getElectronicOtherPage,
+  exportElectronicOtherExcel
+} from "@/api/ea/electronicOther/electronicOther";
+import {getAccessToken, getTenantId} from "@/utils/auth";
 
 export default {
   name: "ElectronicOther",
-  components: {
-  },
+  components: {},
   data() {
     return {
       // 遮罩层
@@ -259,8 +373,14 @@ export default {
       // 表单参数
       form: {},
       // 表单校验
-      rules: {
-      }
+      rules: {},
+      fileList: [], // 文件列表
+      uploadUrl:
+        process.env.VUE_APP_BASE_API + "/admin-api/ea/electronic-other/upload", // 上传地址地址
+      headers: {
+        Authorization: "Bearer " + getAccessToken(),
+        "tenant-id": getTenantId(),
+      }, // 设置上传的请求头
     };
   },
   created() {
@@ -309,6 +429,21 @@ export default {
       };
       this.resetForm("form");
     },
+    /**
+     * 文件预览
+     * @param fileUrl 地址
+     */
+    openLink(fileUrl) {
+      const url =
+        process.env.VUE_APP_ONLINE_API +
+        `/onlinePreview?url=${encodeURIComponent(this.base64Encode(fileUrl))}`;
+      window.open(url);
+    },
+    // 上传成功的函数
+    handleSuccess(res) {
+      console.log(res);
+      this.form.fileUrl = res.data.url;
+    },
     /** 搜索按钮操作 */
     handleQuery() {
       this.queryParams.pageNo = 1;
@@ -322,6 +457,7 @@ export default {
     /** 新增按钮操作 */
     handleAdd() {
       this.reset();
+      this.fileList = [];
       this.open = true;
       this.title = "添加其他档案";
     },
@@ -361,12 +497,13 @@ export default {
     /** 删除按钮操作 */
     handleDelete(row) {
       const id = row.id;
-      this.$modal.confirm('是否确认删除其他档案编号为"' + id + '"的数据项?').then(function() {
-          return deleteElectronicOther(id);
-        }).then(() => {
-          this.getList();
-          this.$modal.msgSuccess("删除成功");
-        }).catch(() => {});
+      this.$modal.confirm('是否确认删除其他档案编号为"' + id + '"的数据项?').then(function () {
+        return deleteElectronicOther(id);
+      }).then(() => {
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {
+      });
     },
     /** 导出按钮操作 */
     handleExport() {
@@ -375,12 +512,13 @@ export default {
       params.pageNo = undefined;
       params.pageSize = undefined;
       this.$modal.confirm('是否确认导出所有其他档案数据项?').then(() => {
-          this.exportLoading = true;
-          return exportElectronicOtherExcel(params);
-        }).then(response => {
-          this.$download.excel(response, '其他档案.xls');
-          this.exportLoading = false;
-        }).catch(() => {});
+        this.exportLoading = true;
+        return exportElectronicOtherExcel(params);
+      }).then(response => {
+        this.$download.excel(response, '其他档案.xls');
+        this.exportLoading = false;
+      }).catch(() => {
+      });
     }
   }
 };