|
|
@@ -1,33 +1,44 @@
|
|
|
<template>
|
|
|
<div class="cert-body">
|
|
|
<div style="padding-top: 1rem;">
|
|
|
- <div class="box_title">特种作业操作证及安全生产知识和</div>
|
|
|
+ <div class="box_title" @click="showTable=false">特种作业操作证及安全生产知识和</div>
|
|
|
<div class="box_title">管理能力考核合格信息查询平台</div>
|
|
|
</div>
|
|
|
|
|
|
<el-card style="border-radius: 10px; margin: 20px;">
|
|
|
<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" />
|
|
|
- <span>特种作业操作证查询</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>
|
|
|
|
|
|
<div v-if="showTable">
|
|
|
- <p style="text-align: center;margin-top: 1rem;">最新证书信息</p>
|
|
|
<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="项目"
|
|
|
- width="150"
|
|
|
+ width="110"
|
|
|
:cell-style="{ backgroundColor: '#000' }"/>
|
|
|
<el-table-column prop="value" label="内容" />
|
|
|
</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>
|
|
|
@@ -162,54 +173,46 @@
|
|
|
},
|
|
|
packData(data) {
|
|
|
this.showTable = true;
|
|
|
- this.certificates = [];
|
|
|
+ let firstItem = data[0]||{};
|
|
|
+ let logList = [];
|
|
|
for (let i in data) {
|
|
|
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() {
|
|
|
this.$refs.searchForm.validate(valid => {
|
|
|
@@ -229,6 +232,7 @@
|
|
|
created() {
|
|
|
this.changeCode();
|
|
|
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
</script>
|
