页面修改优化

package.json

@@ -52,6 +52,8 @@
     "js-cookie": "3.0.1",
     "jsencrypt": "3.0.0-rc.1",
     "nprogress": "0.2.0",
+    "qrcode": "^1.5.4",
+    "qrcodejs2": "^0.0.2",
     "quill": "1.3.7",
     "screenfull": "5.0.2",
     "sm-crypto": "^0.3.13",

src/views/certificate/certificateManage/certificateInfo/logList.vue

@@ -216,9 +216,9 @@ export default {
     methods: {
         // 返回列表页
         jumpList() {
-            // const obj = { path: "foodManage/purchaseManage/contractDetail" };
+            const obj = { path: "certificate/certificateManage/certificateLogList" };
-            // this.$tab.closeOpenPage(obj);
+            this.$tab.closeOpenPage(obj);
-            // this.$router.replace({ path: "/foodManage/purchaseManage/contractList" }); // 要打开的页面 
+            this.$router.replace({ path: "/certificateManage/certificateInfo" }); // 要打开的页面 
         },
         handleTabClick(){
             if(this.activeName=='stream'){

src/views/certificate/certificateManage/certificateOverdue/index.vue

@@ -46,6 +46,10 @@
         </el-col>
         <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
       </el-row>
+      <div style="width: 98%;margin: 10px;display: flex;justify-content: flex-end;">
+            <span style="font-weight: bold;">过期数量：65</span>
+            <span style="font-weight: bold;margin-left: 20px;">临期数量：15</span>
+      </div>
       <el-table v-loading="loading" :data="tableListData" height="800">
         <el-table-column label="序号" align="center" width="80" type="index">
             <template scope="scope">

src/views/certificate/certificateReturnManage/certificateTask/index.vue

@@ -56,6 +56,10 @@
         </el-col>
         <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
       </el-row>
+      <div style="width: 98%;margin: 10px;display: flex;flex-direction: column;align-items: flex-end;">
+          <div style="font-weight: bold;">存证任务数/已完成数：235/130</div>
+          <div style="font-weight: bold;">取证任务数/已完成数：235/230</div>
+      </div>
       <el-table v-loading="loading" :data="tableListData" @selection-change="handleSelectionChange" height="800">
         <el-table-column type="selection" width="55" align="center" :selectable="selectablerow"/> 
         <el-table-column label="序号" align="center" width="80" type="index">
@@ -78,7 +82,13 @@
         <el-table-column label="设备地址" align="center" prop="deviceAddr" :show-overflow-tooltip="true"/>
         <el-table-column label="设备编号" align="center" prop="deviceNo" :show-overflow-tooltip="true"/>
         <el-table-column label="槽位编号" align="center" prop="soltNo" :show-overflow-tooltip="true"/>
-        <el-table-column label="验证码" align="center" prop="verificationCode" :show-overflow-tooltip="true"/>
+        <el-table-column label="验证码" align="center" prop="verificationCode" :show-overflow-tooltip="true">
+            <template slot-scope="scope">
+              <span @click="checkCode(scope.row)">查看</span>
+            </template>
+          
+
+        </el-table-column>
         <el-table-column label="创建时间" align="center" prop="createTime" :show-overflow-tooltip="true"/>
 
         <el-table-column label="类型" align="center" prop="typeName" width="120" :show-overflow-tooltip="true" fixed="right"/>
@@ -100,6 +110,20 @@
         @pagination="getList"
       />
 
+         <!-- 核验任务下达 -->
+      <el-dialog title="查看验证码" :visible.sync="openCode" width="410px" append-to-body>
+          <div style="display: flex;width: 100%;justify-content: center;align-items: center;" ref="codeBox">
+            <div style="width: 300px;height: 300px;">
+              <div id="qrcode" class="qrcode" ref="codeItem"></div>
+            </div> 
+          </div>
+          <div slot="footer" class="dialog-footer">
+            <el-button type="primary" @click="openCode=false">确 定</el-button>
+            <el-button @click="openCode=false">取 消</el-button>
+          </div>
+      </el-dialog> 
+
+      
     </div>
   </template>
 
@@ -117,6 +141,7 @@
     import { getToken } from '@/utils/auth'
     import Treeselect from '@riophae/vue-treeselect'
     import '@riophae/vue-treeselect/dist/vue-treeselect.css'
+    import QRCode from 'qrcodejs2';
     export default {
         name: "",
         dicts: ["sys_certificate_type"],
@@ -224,6 +249,9 @@
                         { required: true, message: "更新内容不能为空", trigger: "blur" }
                     ]
                 },
+                openCode:false,
+                qrCode: '', 
+                qrCodeStr:""
             };
         },
         mounted(){
@@ -417,6 +445,21 @@
               this.single = selection.length!=1
               this.multiple = !selection.length
             },
+            checkCode(row){
+              this.openCode = true
+              this.qrCodeStr = row.verificationCode
+              this.$nextTick(() => {
+              this.$refs.codeItem.innerHTML = ''
+                var qrcode = new QRCode(this.$refs.codeItem, {
+                  text: this.qrCodeStr, //二维码内容
+                  width: 320,
+                  height: 320,
+                  colorDark: '#000000',
+                  colorLight: '#ffffff',
+                  correctLevel: QRCode.CorrectLevel.H
+                })
+              }, 500)
+            }
         }
     };
   </script>

src/views/certificate/device/index.vue

@@ -78,7 +78,6 @@
         <el-table-column label="所属单位" align="center" prop="unitName" :show-overflow-tooltip="true"></el-table-column>
         <el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
           <template slot-scope="scope">
-
             <el-button
               size="mini"
               type="text"

src/views/certificate/filingUser/index.vue

@@ -93,13 +93,16 @@
                             @click="handleTask" 
                             >有无证件核验
                         </el-button>
-                    </el-col> 
+                    </el-col>
                     <right-toolbar
                         :showSearch.sync="showSearch"
                         @queryTable="getList"
                     ></right-toolbar>
                 </el-row>
-
+                <div style="width: 98%;margin: 10px;display: flex;justify-content: flex-end;">
+                    <span style="font-weight: bold;">有证人数：231</span>
+                    <span style="font-weight: bold;margin-left: 20px;">无证人数：65</span>
+                </div>
                 <el-table v-loading="loading" :data="userList" @selection-change="handleSelectionChange">
                     <el-table-column type="selection" width="50" align="center"/>
                     <el-table-column label="序号" align="center" width="80" type="index">

src/views/certificate/remoteVerification/index.vue

@@ -37,6 +37,11 @@
         </el-col> 
         <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
       </el-row>
+      <div style="width: 98%;margin: 10px;display: flex;justify-content: flex-end;">
+          <span style="font-weight: bold;">一人多证任务数/已核验数：360个/250个</span>
+          <span style="font-weight: bold;margin-left: 20px;">出入境时间任务数/已核验数：140个/120个</span>
+          <span style="font-weight: bold;margin-left: 20px;">有无证件任务数/已核验数：760个/600个</span>
+      </div>
       <el-table v-loading="loading" :data="tableListData" @selection-change="handleSelectionChange" height="800">
         <el-table-column type="selection" width="55" align="center" />
         <el-table-column label="序号" align="center" width="80" type="index">