证书查询

src/App.vue

@@ -31,12 +31,6 @@
       return {
         config: window.baseConfig,
       }
-    },
-    methods:{
-      ...mapActions("user", ["loadTypeList"]),
-    },
-    created(){
-      this.loadTypeList()
     }
   }
 </script>

src/containers/certificate/index.vue

@@ -11,7 +11,7 @@
       <div class="content_box_title">
         <img
           src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAAAOCAYAAABaSYBTAAAABHNCSVQICAgIfAhkiAAAANRJREFUWEftmO0NgyAYhOtOMIxr6By6RoeBnVTqR2rL6wlFOJPyy+QC3j0vIlAZY55a6/ohNHbd2S7tUWJXOcFaOyilXs++xq4zZPBx24CyA0T+GAHvZisKwK6zAf5aCtgBIn9MgL3rLArArrMAvu1PDBWYAbAIl8EcAoj00hkO4ZY2l+L9KcZARZR0CLekuXXvGBvufe/56xgx/U/B/QOeyxQK+DTcmME/Ty2h5lL3z50hCG5uc1ccxXNmCIa7mGunu4hOuIpwn08z6T2rvmS42mM7AlIFLwQXiU8MAAAAAElFTkSuQmCC" />
-        <span style="font-weight: 700;">{{showTable?'培训信息验证结果':'培训信息查询'}}</span>
+        <span style="font-weight: 700;">{{showTable?'证书信息':'培训信息查询'}}</span>
         <img
           src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAAAOCAYAAABaSYBTAAAABHNCSVQICAgIfAhkiAAAALRJREFUWEft2LENgCAQBVCZwtoZkBHcwtItnMTedSgI29CgmGhiRBS8K0w+7YX75AEFiCpzGGMa59yglBpjU7nrIZM7g6q/yLHVWkvv/dSuIzaPux4yuTMo+7/GpQwt2Zi/wYb1vsIFbNmNecQFbBns48kFbDlsEhew32BvcQH7HTaKC1ga2AsuYOlgT7iApYU9cAFLD7vhApYHdsftpZRz7Elqra3XT5qOqx4yuTO4+6f+ZhZW89Ai/bICGAAAAABJRU5ErkJggg==" />
       </div>
@@ -20,27 +20,22 @@
         <div class="certificate-cards">
           <div v-for="(certificate, index) in certificates" :key="index" class="card">
             <el-table :data="certificate.tableData" border style="width: 100%" :show-header="false">
-              <el-table-column prop="label" label="项目"
+              <el-table-column prop="label" label="证书"
                 width="110"
                :cell-style="{ backgroundColor: '#000' }"/>
-              <el-table-column prop="value" label="内容" />
+              <el-table-column prop="value" label="信息" />
             </el-table>
 
-            <h3 style="margin: 1rem;">培训记录</h3>
+            <div class="content_box_title">
+              <img
+                src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAAAOCAYAAABaSYBTAAAABHNCSVQICAgIfAhkiAAAANRJREFUWEftmO0NgyAYhOtOMIxr6By6RoeBnVTqR2rL6wlFOJPyy+QC3j0vIlAZY55a6/ohNHbd2S7tUWJXOcFaOyilXs++xq4zZPBx24CyA0T+GAHvZisKwK6zAf5aCtgBIn9MgL3rLArArrMAvu1PDBWYAbAIl8EcAoj00hkO4ZY2l+L9KcZARZR0CLekuXXvGBvufe/56xgx/U/B/QOeyxQK+DTcmME/Ty2h5lL3z50hCG5uc1ccxXNmCIa7mGunu4hOuIpwn08z6T2rvmS42mM7AlIFLwQXiU8MAAAAAElFTkSuQmCC" />
+              <span style="font-weight: 700;">培训证书</span>
+              <img
+                src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAAAOCAYAAABaSYBTAAAABHNCSVQICAgIfAhkiAAAALRJREFUWEft2LENgCAQBVCZwtoZkBHcwtItnMTedSgI29CgmGhiRBS8K0w+7YX75AEFiCpzGGMa59yglBpjU7nrIZM7g6q/yLHVWkvv/dSuIzaPux4yuTMo+7/GpQwt2Zi/wYb1vsIFbNmNecQFbBns48kFbDlsEhew32BvcQH7HTaKC1ga2AsuYOlgT7iApYU9cAFLD7vhApYHdsftpZRz7Elqra3XT5qOqx4yuTO4+6f+ZhZW89Ai/bICGAAAAABJRU5ErkJggg==" />
+            </div>
 
-            <el-table :data="certificate.logList" stripe border style="width: 100%;fant-size:1rem" highlight-current-row class="dark-header-table">
-              <el-table-column prop="dateRange" label="培训日期" align="left" width="100px">
-                <template slot-scope="{row}">
-                  <span>{{row.startDate}}</span>
-                  <p>至</p>
-                  <span>{{row.endDate}}</span>
-                </template>
-              </el-table-column>
+            <img :src="certificate.imgUrl" style="width: 100%; margin:20px auto;">
 
-              <el-table-column prop="certificateOrgan"  label="培训机构" align="left" />
-              <el-table-column prop="xs"      label="培训学时" width="60px" align="center" />
-              <el-table-column prop="result"   label="是否合格"  width="60px" align="center"/>
-            </el-table>
           </div>
         </div>
       </div>
@@ -71,7 +66,6 @@
           </el-form-item>
         </el-form>
 
-
         <div class="mess_style">
           <div class="mess_explain">
             <img
@@ -81,14 +75,16 @@
           <div style="margin-top: 3rem;">
             <div class="mess_title">01、证书依据</div>
             <div class="mess_text">
-              《中华人民共和国安全生产法》《生产经营单位安全培训规定》等，要求工贸企业从业人员经安全培训合格，特种作业人员需持特种作业操作证，以规范安全管理。            </div>
+              三明市城市建设项目服务中心
+            </div>
             <div class="mess_title">02、查询范围</div>
             <div class="mess_text">
-              本平台提供由宁德市应急管理部门按照国家有关规定经宁德聚仁教育服务有限公司培训，取得相应其他生产经营单位主要负责人及安全生产管理人员证件的信息查询。
+              检测试验人员，三类人员证书
             </div>
-            <div class="mess_title">03、相关说明</div>
+            <div class="mess_title">03、联系方式</div>
             <div class="mess_text">
-              平台中数据由宁德聚仁教育服务有限公司提供，经宁德市应急管理部门备案，如对查询结果存有疑问，请与原发证部门联系。            </div>
+              电话: 0598-5157296
+            </div>
           </div>
         </div>
       </div>
@@ -110,7 +106,6 @@
           cardId: '',
           nickname: '',
           code: '',
-          courseType: '特种作业',
           captchaId: '',
         },
         rules: {
@@ -175,13 +170,8 @@
       packData(data) {
         this.showTable = true;
         let firstItem = data[0]||{};
-        let logList = [];
-        for (let i in data) {
-          let item = data[i];
-          logList.push({startDate:item.startDate, endDate:item.endDate, xs:item.xs, result:item.result, certificateOrgan:item.certificateOrgan})
-        }
         let certificate = {
-          logList,
+          imgUrl: 'https://sm-sign.oss-cn-shanghai.aliyuncs.com/cert/'+ firstItem.certUrl.split("#")[1],
           tableData: [{
               label: '姓名',
               value: firstItem.nickname
@@ -198,17 +188,13 @@
               label: '人员类型',
               value: firstItem.courseName
             },
-            {
-              label: '行业类别',
-              value: firstItem.certificateType
-            },
             {
               label: '单位名称',
               value: firstItem.company
             },
             {
-              label: '初领日期',
-              value: firstItem.signDate
+              label: '发证日期',
+              value: firstItem.publishDate
             }
           ]
         }
@@ -224,26 +210,23 @@
             if (res.code != 200) return;
             this.packData(res.data || []);
             this.showTable = true;
-            this.changeCode()
           })
         });
       },
       queryCertificateById(id) {
-        let param = {id:id};
-          httpServer("Auth.QueryCertById", param).then(res => {
-            this.changeCode();
-            if (res.code != 200) return;
-            this.packData(res.data || []);
-            this.showTable = true;
-            this.changeCode()
-          })
-        });
+        let param = {uuid:id};
+        httpServer("Auth.QueryCertById", param).then(res => {
+          if (res.code != 200) return;
+          this.packData(res.data || []);
+          this.showTable = true;
+        })
       }
     },
     created() {
       this.id = this.$route.query.id || '';
       if(this.id){
         this.showTable = true;
+        this.queryCertificateById(this.id)
       }
       this.changeCode();
     }

src/containers/login/login.vue

@@ -150,6 +150,7 @@ export default {
   //    }
   // },
   created(){
+    this.loadTypeList()
     this.getPostList()
     this.loginOk = false
     if( this.userInfo && this.userInfo.token && this.userInfo.uid){
@@ -164,7 +165,7 @@ export default {
     }
   },
   methods: {
-    ...mapActions("user", ["loadBaseInfo", "doLogout", "doLogin"]),
+    ...mapActions("user", ["loadBaseInfo", "loadTypeList", "doLogout", "doLogin"]),
     logout() {
       this.doLogout().then( res=>{
         console.log("loginOk", res);