Home Explore Help
Register Sign In
ndjsxh
/
study_sm
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

学习信息

y595705120 2 months ago
parent
dfd859760f
commit
f870fd94a5
3 changed files with 59 additions and 55 deletions
Unified View Show Diff Stats
  1. 1 1
      index.html
  2. 57 53
      src/containers/certificate/index.vue
  3. 1 1
      src/settings.js

+ 1 - 1
index.html
View File 

@@ -9,7 +9,7 @@
 
     <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
 
     <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
 
     <!-- <meta name="referrer" content="origin"> -->
 
     <!-- <meta name="referrer" content="origin"> -->
 
 
 
-    <title>福建鸿锵教育科技有限公司</title>
 
+    <title>宁德聚仁教育服务有限公司</title>
 
   </head>
 
   </head>
 
   <body style="margin:0px;">
 
   <body style="margin:0px;">
 
     <div id="app"></div>
 
     <div id="app"></div>

+ 57 - 53
src/containers/certificate/index.vue
View File 

@@ -1,33 +1,44 @@
 
 <template>
 
 <template>
 
   <div class="cert-body">
 
   <div class="cert-body">
 
     <div style="padding-top: 1rem;">
 
     <div style="padding-top: 1rem;">
 
-      <div class="box_title">特种作业操作证及安全生产知识和</div>
 
+      <div class="box_title" @click="showTable=false">特种作业操作证及安全生产知识和</div>
 
       <div class="box_title">管理能力考核合格信息查询平台</div>
 
       <div class="box_title">管理能力考核合格信息查询平台</div>
 
     </div>
 
     </div>
 
 
 
     <el-card style="border-radius: 10px; margin: 20px;">
 
     <el-card style="border-radius: 10px; margin: 20px;">
 
       <div class="content_box_title">
 
       <div class="content_box_title">
 
-        <img data-v-10945277=""
 
+        <img
 
           src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAAAOCAYAAABaSYBTAAAABHNCSVQICAgIfAhkiAAAANRJREFUWEftmO0NgyAYhOtOMIxr6By6RoeBnVTqR2rL6wlFOJPyy+QC3j0vIlAZY55a6/ohNHbd2S7tUWJXOcFaOyilXs++xq4zZPBx24CyA0T+GAHvZisKwK6zAf5aCtgBIn9MgL3rLArArrMAvu1PDBWYAbAIl8EcAoj00hkO4ZY2l+L9KcZARZR0CLekuXXvGBvufe/56xgx/U/B/QOeyxQK+DTcmME/Ty2h5lL3z50hCG5uc1ccxXNmCIa7mGunu4hOuIpwn08z6T2rvmS42mM7AlIFLwQXiU8MAAAAAElFTkSuQmCC" />
 
           src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAAAOCAYAAABaSYBTAAAABHNCSVQICAgIfAhkiAAAANRJREFUWEftmO0NgyAYhOtOMIxr6By6RoeBnVTqR2rL6wlFOJPyy+QC3j0vIlAZY55a6/ohNHbd2S7tUWJXOcFaOyilXs++xq4zZPBx24CyA0T+GAHvZisKwK6zAf5aCtgBIn9MgL3rLArArrMAvu1PDBWYAbAIl8EcAoj00hkO4ZY2l+L9KcZARZR0CLekuXXvGBvufe/56xgx/U/B/QOeyxQK+DTcmME/Ty2h5lL3z50hCG5uc1ccxXNmCIa7mGunu4hOuIpwn08z6T2rvmS42mM7AlIFLwQXiU8MAAAAAElFTkSuQmCC" />
 
-        <span>特种作业操作证查询</span>
 
+        <span style="font-weight: 700;">{{showTable?'培训信息验证结果':'培训信息查询'}}</span>
 
         <img
 
         <img
 
           src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAAAOCAYAAABaSYBTAAAABHNCSVQICAgIfAhkiAAAALRJREFUWEft2LENgCAQBVCZwtoZkBHcwtItnMTedSgI29CgmGhiRBS8K0w+7YX75AEFiCpzGGMa59yglBpjU7nrIZM7g6q/yLHVWkvv/dSuIzaPux4yuTMo+7/GpQwt2Zi/wYb1vsIFbNmNecQFbBns48kFbDlsEhew32BvcQH7HTaKC1ga2AsuYOlgT7iApYU9cAFLD7vhApYHdsftpZRz7Elqra3XT5qOqx4yuTO4+6f+ZhZW89Ai/bICGAAAAABJRU5ErkJggg==" />
 
           src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAAAOCAYAAABaSYBTAAAABHNCSVQICAgIfAhkiAAAALRJREFUWEft2LENgCAQBVCZwtoZkBHcwtItnMTedSgI29CgmGhiRBS8K0w+7YX75AEFiCpzGGMa59yglBpjU7nrIZM7g6q/yLHVWkvv/dSuIzaPux4yuTMo+7/GpQwt2Zi/wYb1vsIFbNmNecQFbBns48kFbDlsEhew32BvcQH7HTaKC1ga2AsuYOlgT7iApYU9cAFLD7vhApYHdsftpZRz7Elqra3XT5qOqx4yuTO4+6f+ZhZW89Ai/bICGAAAAABJRU5ErkJggg==" />
 
       </div>
 
       </div>
 
 
 
       <div v-if="showTable">
 
       <div v-if="showTable">
 
-        <p style="text-align: center;margin-top: 1rem;">最新证书信息</p>
 
         <div class="certificate-cards">
 
         <div class="certificate-cards">
 
           <div v-for="(certificate, index) in certificates" :key="index" class="card">
 
           <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 :data="certificate.tableData" border style="width: 100%" :show-header="false">
 
               <el-table-column prop="label" label="项目"
 
               <el-table-column prop="label" label="项目"
 
-                width="150"
 
+                width="110"
 
                :cell-style="{ backgroundColor: '#000' }"/>
 
                :cell-style="{ backgroundColor: '#000' }"/>
 
               <el-table-column prop="value" label="内容" />
 
               <el-table-column prop="value" label="内容" />
 
             </el-table>
 
             </el-table>
 
 
 
-            <div class="remark" v-if="certificate.remark">
 
-              备注：{{ certificate.remark }}
 
-            </div>
 
+            <h3 style="margin: 1rem;">培训记录</h3>
 
+
 
+            <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>
 
+
 
+              <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>
 
         </div>
 
       </div>
 
       </div>
 
@@ -162,54 +173,46 @@
 
       },
 
       },
 
       packData(data) {
 
       packData(data) {
 
         this.showTable = true;
 
         this.showTable = true;
 
-        this.certificates = [];
 
+        let firstItem = data[0]||{};
 
+        let logList = [];
 
         for (let i in data) {
 
         for (let i in data) {
 
           let item = data[i];
 
           let item = data[i];
 
-          this.certificates.push({
 
-            remark: `本证书应于${item.reviewDate}前进行复审`,
 
-            tableData: [{
 
-                label: '姓名',
 
-                value: item.nickname
 
-              },
 
-              {
 
-                label: '性别',
 
-                value: item.gender
 
-              },
 
-              {
 
-                label: '作业类别',
 
-                value: item.certificateType
 
-              },
 
-              {
 
-                label: '操作项目',
 
-                value: item.courseName
 
-              },
 
-              {
 
-                label: '签发机关',
 
-                value: item.certificateOrgan
 
-              },
 
-              {
 
-                label: '初领日期',
 
-                value: item.signDate
 
-              },
 
-              {
 
-                label: '有效期开始日期',
 
-                value: item.startDate
 
-              },
 
-              {
 
-                label: '有效期结束日期',
 
-                value: item.endDate
 
-              },
 
-              {
 
-                label: '应复审日期',
 
-                value: item.reviewDate
 
-              },
 
-              {
 
-                label: '实际复审日期',
 
-                value: item.realReviewDate
 
-              },
 
-            ]
 
-          })
 
+          logList.push({startDate:item.startDate, endDate:item.endDate, xs:item.xs, result:item.result, certificateOrgan:item.certificateOrgan})
 
         }
 
         }
 
+        let certificate = {
 
+          logList,
 
+          tableData: [{
 
+              label: '姓名',
 
+              value: firstItem.nickname
 
+            },
 
+            {
 
+              label: '性别',
 
+              value: firstItem.gender
 
+            },
 
+            {
 
+              label: '身份证号',
 
+              value: firstItem.cardId
 
+            },
 
+            {
 
+              label: '人员类型',
 
+              value: firstItem.courseName
 
+            },
 
+            {
 
+              label: '行业类别',
 
+              value: firstItem.certificateType
 
+            },
 
+            {
 
+              label: '单位名称',
 
+              value: firstItem.certificateOrgan
 
+            },
 
+            {
 
+              label: '初领日期',
 
+              value: firstItem.signDate
 
+            }
 
+          ]
 
+        }
 
+        this.certificates = [certificate];
 
+
 
       },
 
       },
 
       queryCertificate() {
 
       queryCertificate() {
 
         this.$refs.searchForm.validate(valid => {
 
         this.$refs.searchForm.validate(valid => {
 
@@ -229,6 +232,7 @@
 
     created() {
 
     created() {
 
       this.changeCode();
 
       this.changeCode();
 
 
 
+
 
     }
 
     }
 
   }
 
   }
 
 </script>
 
 </script>

+ 1 - 1
src/settings.js
View File 

@@ -1,5 +1,5 @@
 
 module.exports = {
 
 module.exports = {
 
-  title: '宁德聚仁教育网络培训学院'
 
+  title: '宁德聚仁教育服务有限公司'
 
   ,beian:'闽ICP备2021006867号'
 
   ,beian:'闽ICP备2021006867号'
 
   ,exam:{
 
   ,exam:{
 
     username:'福建省爱数信息技术有限公司'
 
     username:'福建省爱数信息技术有限公司'