归档version:0.4.0

xichongSys/src/views/Myvue/archivesAdministration.vue

 <template>
-  <div>
+  <div class="archive-administration">
+    <el-backtop target=".archive-administration" right="70" bottom="70">
+      <div style="text-align: center;font-size: 20px">顶</div>
+    </el-backtop>
     <el-table
       v-loading.fullscreen.lock="loading"
       :data="tableData"
       border
       style="width: 100%">
-      <!--      @row-click="getFileList">-->
       <el-table-column
         align="center"
         label="序号"
@@ -17,7 +19,7 @@
         align="center"
         prop="type"
         label="档案类别"
-        width="250">
+        width="100">
       </el-table-column>
       <el-table-column
         align="center"
@@ -31,7 +33,11 @@
         label="档号"
         width="180">
         <template slot-scope="scope">
-          <el-button type="text" @click="getFileList(scope.row)">{{scope.row.number}}</el-button>
+          <el-button
+            type="text"
+            @click="getFileList(scope.row)">
+            {{scope.row.number}}
+          </el-button>
         </template>
       </el-table-column>
       <el-table-column
@@ -124,9 +130,19 @@
         label="案卷号"
         width="70">
       </el-table-column>
-      <el-table-column align="center" fixed="right" label="操作" width="100">
+      <el-table-column
+        align="center"
+        fixed="right"
+        label="操作"
+        width="100">
         <template slot-scope="scope">
-          <el-button type="primary" size="mini" plain @click="exportArchive(scope.row)">导出</el-button>
+          <el-button
+            type="primary"
+            size="mini"
+            plain
+            @click="exportArchive(scope.row)">
+            导出
+          </el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -301,44 +317,8 @@
     margin-top: 10px;
   }
 
-  .wrap {
-    overflow: hidden;
-    position: relative;
-  }
-
-  .masks {
-    width: 100%;
+  .archive-administration {
     height: 100%;
-    position: absolute;
-    left: 0;
-    top: 0;
-    z-index: 200
-  }
-
-  .form {
-    float: left;
-    width: 45%;
-    margin-left: 20px
-  }
-
-  .imgcon {
-    margin: 0 auto;
-    box-shadow: 0 0 15px lightgray;
-    overflow: hidden;
-    margin-bottom: 40px
-  }
-
-  .block {
-    width: 23%
-  }
-
-  .block {
-    float: left;
-    height: 100%;
-    margin-right: 20px
-  }
-
-  .imtil {
-    padding: 0 0 20px 0
+    overflow-y: scroll;
   }
 </style>

xichongSys/src/views/Myvue/archivesExpect.vue

 <template>
-  <div>
+  <div class="archive-expect">
+    <el-backtop target=".archive-expect" right="70" bottom="70">
+      <div style="text-align: center;font-size: 20px">顶</div>
+    </el-backtop>
     <el-table
       v-loading.fullscreen.lock="loading"
       :data="tableData"
       border
       style="width: 100%">
-      <!--      @row-click="getFileList">-->
       <el-table-column
         align="center"
         type="selection"
@@ -28,10 +30,8 @@
           <el-table :data="scope.row.eventLogList" border style="width: 100%">
             <el-table-column align="center" label="文件序号" type="index" width="60"></el-table-column>
             <el-table-column align="center" prop="eventTimeStr" label="成文时间" width="180"></el-table-column>
-            <el-table-column align="center" prop="name" label="姓名" width="100"
-                             :formatter="decryptCellValue"></el-table-column>
-            <el-table-column align="center" prop="idcard" label="身份证" width="200"
-                             :formatter="decryptCellValue"></el-table-column>
+            <el-table-column align="center" prop="nameDec" label="姓名" width="100"></el-table-column>
+            <el-table-column align="center" prop="idcardDec" label="身份证" width="200"></el-table-column>
             <el-table-column align="center" prop="concatAddress" label="乡镇/村社" width="200"></el-table-column>
             <el-table-column
               align="center"
@@ -103,51 +103,19 @@
           </el-table>
         </template>
       </el-table-column>
-      <!--      <el-table-column-->
-      <!--        align="center"-->
-      <!--        prop="type"-->
-      <!--        label="档案类别"-->
-      <!--        width="250">-->
-      <!--      </el-table-column>-->
-      <!--      <el-table-column-->
-      <!--        align="center"-->
-      <!--        prop="volumeNumber"-->
-      <!--        label="全宗号"-->
-      <!--        width="70">-->
-      <!--      </el-table-column>-->
-      <!--      <el-table-column-->
-      <!--        align="center"-->
-      <!--        prop="number"-->
-      <!--        label="档号"-->
-      <!--        width="180">-->
-      <!--&lt;!&ndash;        <template slot-scope="scope">&ndash;&gt;-->
-      <!--&lt;!&ndash;          <el-button type="text" @click="getFileList(scope.row)">{{scope.row.number}}</el-button>&ndash;&gt;-->
-      <!--&lt;!&ndash;        </template>&ndash;&gt;-->
-      <!--      </el-table-column>-->
+      <el-table-column
+        align="center"
+        prop="eventSign"
+        label="业务类型"
+        :formatter="getEventType"
+        width="150">
+      </el-table-column>
       <el-table-column
         align="center"
         prop="year"
         label="年度"
         width="70">
       </el-table-column>
-      <!--      <el-table-column-->
-      <!--        align="center"-->
-      <!--        prop="retentionPeriod"-->
-      <!--        label="保管期限"-->
-      <!--        width="60">-->
-      <!--      </el-table-column>-->
-      <!--      <el-table-column-->
-      <!--        align="center"-->
-      <!--        prop="institution"-->
-      <!--        label="机构(问题)"-->
-      <!--        width="70">-->
-      <!--      </el-table-column>-->
-      <!--      <el-table-column-->
-      <!--        align="center"-->
-      <!--        prop="responsiblePerson"-->
-      <!--        label="责任者"-->
-      <!--        width="130">-->
-      <!--      </el-table-column>-->
       <el-table-column
         align="center"
         prop="title"
@@ -178,12 +146,6 @@
         label="件数"
         width="60">
       </el-table-column>
-      <!--      <el-table-column-->
-      <!--        align="center"-->
-      <!--        prop="createTimeStr"-->
-      <!--        label="归档时间"-->
-      <!--        width="120">-->
-      <!--      </el-table-column>-->
       <el-table-column
         align="center"
         prop="fileType"
@@ -200,23 +162,35 @@
         align="center"
         prop="categoryType"
         label="类别代码"
-        width="70">
+        width="60">
       </el-table-column>
       <el-table-column
         align="center"
         prop="businessType"
         label="业务类别"
-        width="200">
+        width="250">
       </el-table-column>
-      <!--      <el-table-column-->
-      <!--        align="center"-->
-      <!--        prop="fileNumber"-->
-      <!--        label="案卷号"-->
-      <!--        width="70">-->
-      <!--      </el-table-column>-->
-      <el-table-column align="center" fixed="right" label="操作" width="100">
+      <el-table-column
+        align="center"
+        fixed="right"
+        label="操作"
+        width="200">
         <template slot-scope="scope">
-          <el-button type="primary" size="mini" plain @click="fileArchive(scope.row)">归档</el-button>
+          <el-input
+            onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"
+            v-model="scope.row.fileNumber"
+            style="float: left;width: 63%"
+            placeholder="输入案卷号"
+            clearable
+            size="mini"></el-input>
+          <el-button
+            style="float: left;margin-left: 10px"
+            type="primary"
+            size="mini"
+            plain
+            @click="fileArchive(scope.row)">
+            归档
+          </el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -263,6 +237,12 @@
         this.$api.getlist.selectExpectArchive(data)
           .then((response) => {
             if (response.code === 200) {
+              for (const i in response.data.content) {
+                for (const j in response.data.content[i].eventLogList) {
+                  response.data.content[i].eventLogList[j].nameDec = this.$options.methods.decryptParam(response.data.content[i].eventLogList[j].name);
+                  response.data.content[i].eventLogList[j].idcardDec = this.$options.methods.decryptParam(response.data.content[i].eventLogList[j].idcard);
+                }
+              }
               this.tableData = response.data.content;
               this.totals = response.data.totalSize;
             }
@@ -296,11 +276,24 @@
         });
         return decrypted.toString(CryptoJS.enc.Utf8);
       },
-      decryptCellValue(row, column, cellValue, index) {
-        if (cellValue === null || cellValue === "") return null;
-        return this.decrypt(cellValue);
+      decryptCellValue(row, column, cellValue) {
+        this.decryptParam(cellValue);
+      },
+      decryptParam(param) {
+        if (param === null || param === "") return null;
+        return this.decrypt(param);
       },
       fileArchive(archive) {
+        if (archive.fileNumber === null || archive.fileNumber === "" || archive.fileNumber < 0) {
+          this.$message({
+            showClose: true,
+            message: "请输入案卷号",
+            type: 'warning',
+            duration: 3000
+          });
+          return;
+        }
+        this.loading = true;
         const archives = [archive];
         this.fileArchives(archives);
       },
@@ -324,6 +317,7 @@
               });
             }
             this.reload();
+            this.loading = false;
           })
           .catch((response) => {
             this.$message({
@@ -332,8 +326,8 @@
               type: 'error',
               duration: 10000
             });
-          });
             this.loading = false;
+          });
       },
       reload() {
         const data = {
@@ -343,8 +337,26 @@
           eventTypeDetail: this.eventTypeDetail,
         };
         this.search(data);
+      },
+      getEventType(row, column, cellValue) {
+        switch (cellValue) {
+          case "1" : return "参保登记";
+          case "3" : return "待遇申请";
+          case "4" : return "参保注销";
+          case "5" : return "补缴保费";
+          case "6" : return "升档改办";
+          case "7" : return "关系转移";
+          case "2-1" : return "信息变更/档次变更";
+          case "2-2" : return "信息变更/银行卡变更";
+          case "2-3" : return "信息变更/手机号变更";
+          case "2-4" : return "信息变更/参保身份变更";
+          case "2-5" : return "信息变更/户籍地址变更";
+          case "2-6" : return "信息变更/姓名变更";
+          case "2-7" : return "信息变更/身份证变更";
+          default : return null;
         }
       },
+    },
     created() {
       this.loading = true;
       const data = {
@@ -354,8 +366,15 @@
       this.$api.getlist.selectExpectArchive(data)
         .then((response) => {
           if (response.code === 200) {
+            for (const i in response.data.content) {
+              for (const j in response.data.content[i].eventLogList) {
+                response.data.content[i].eventLogList[j].nameDec = this.$options.methods.decryptParam(response.data.content[i].eventLogList[j].name);
+                response.data.content[i].eventLogList[j].idcardDec = this.$options.methods.decryptParam(response.data.content[i].eventLogList[j].idcard);
+              }
+            }
             this.tableData = response.data.content;
             this.totals = response.data.totalSize;
+            console.log(this.tableData);
           }
         })
         .catch((response) => {
@@ -375,44 +394,8 @@
     margin-left: 20px;
   }
 
-  .wrap {
-    overflow: hidden;
-    position: relative;
-  }
-
-  .masks {
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    left: 0;
-    top: 0;
-    z-index: 200
-  }
-
-  .form {
-    float: left;
-    width: 45%;
-    margin-left: 20px
-  }
-
-  .imgcon {
-    margin: 0 auto;
-    box-shadow: 0 0 15px lightgray;
-    overflow: hidden;
-    margin-bottom: 40px
-  }
-
-  .block {
-    width: 23%
-  }
-
-  .block {
-    float: left;
+  .archive-expect {
     height: 100%;
-    margin-right: 20px
-  }
-
-  .imtil {
-    padding: 0 0 20px 0
+    overflow-y: scroll;
   }
 </style>

xichongSys/src/views/Myvue/noArchiveEventLog.vue

 <template xmlns:v-popover="http://www.w3.org/1999/xhtml">
-  <div>
+  <div class="no-archive-event-log">
+    <el-backtop target=".no-archive-event-log" right="70" bottom="70">
+      <div style="text-align: center;font-size: 20px">顶</div>
+    </el-backtop>
     <div>
       <el-alert
         v-if="!showSelection"
@@ -390,6 +393,7 @@
         this.eventLogList = selection;
       },
       fileEventLogs() {
+        console.log(this.eventLogList);
         if (this.eventLogList.length === 0) {
           this.$message({
             showClose: true,
@@ -421,9 +425,11 @@
                 type: 'error',
                 duration: 10000
               });
+              this.eventLogList.length = 0;
             }
             this.pageNum = 1;
             this.reload();
+            this.loading = false;
           })
           .catch((response) => {
             this.$message({
@@ -432,9 +438,9 @@
               type: 'error',
               duration: 10000
             });
-          });
-
+            this.eventLogList.length = 0;
             this.loading = false;
+          });
       },
       reload() {
         const data = {
@@ -517,4 +523,8 @@
     margin-left: 20px;
   }
 
+  .no-archive-event-log {
+    height: 100%;
+    overflow-y: scroll;
+  }
 </style>