|
@@ -1,5 +1,5 @@
|
|
|
<template>
|
|
<template>
|
|
|
- <view>
|
|
|
|
|
|
|
+ <view v-if="systemInfo.platform.indexOf('windows')!=-1">
|
|
|
<Headers></Headers>
|
|
<Headers></Headers>
|
|
|
<view class="project">
|
|
<view class="project">
|
|
|
<view style="width: 1200px;margin: auto;">证书查询系统</view>
|
|
<view style="width: 1200px;margin: auto;">证书查询系统</view>
|
|
@@ -11,18 +11,6 @@
|
|
|
<view class="test-title">证书查询结果</view>
|
|
<view class="test-title">证书查询结果</view>
|
|
|
<!-- 表格 -->
|
|
<!-- 表格 -->
|
|
|
<view class="ddflex border table" style="">
|
|
<view class="ddflex border table" style="">
|
|
|
- <!-- 左边 -->
|
|
|
|
|
- <!-- <view>
|
|
|
|
|
- <view class="height56 ddflex-jc width140 bg-color border-bottom">姓 名</view>
|
|
|
|
|
- <view class="height56 ddflex-jc width140 bg-color border-bottom">性 别</view>
|
|
|
|
|
- <view class="height56 ddflex-jc width140 bg-color border-bottom">身份证号</view>
|
|
|
|
|
- <view class="height56 ddflex-jc width140 bg-color border-bottom">培训工种</view>
|
|
|
|
|
- <view class="height56 ddflex-jc width140 bg-color border-bottom">培训学校</view>
|
|
|
|
|
- <view class="height56 ddflex-jc width140 bg-color border-bottom">办学编号</view>
|
|
|
|
|
- <view class="height56 ddflex-jc width140 bg-color border-bottom">证书编号</view>
|
|
|
|
|
- <view class="height56 ddflex-jc width140 bg-color border-bottom">培训结论</view>
|
|
|
|
|
- <view class="height56 ddflex-jc width140 bg-color">发证日期</view>
|
|
|
|
|
- </view> -->
|
|
|
|
|
<!-- 右边 -->
|
|
<!-- 右边 -->
|
|
|
<view class="fflex">
|
|
<view class="fflex">
|
|
|
<view class="height56 ddflex padding-left" style="color: #fff;background-color: #2e68d8;">● 基本信息</view>
|
|
<view class="height56 ddflex padding-left" style="color: #fff;background-color: #2e68d8;">● 基本信息</view>
|
|
@@ -94,6 +82,88 @@
|
|
|
|
|
|
|
|
<Foot></Foot>
|
|
<Foot></Foot>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 移动端 -->
|
|
|
|
|
+ <view v-else style="font-size: 28rpx;background-color: #fff;">
|
|
|
|
|
+ <view class="m-project">
|
|
|
|
|
+ <view style="margin: auto;">证书查询系统</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+
|
|
|
|
|
+ <view class="ddflex" style="justify-content: space-between;padding: 30rpx;color: #1AA1E6;font-weight: bold;">
|
|
|
|
|
+ <view >证书查询结果</view>
|
|
|
|
|
+ <button type="primary" @click="toggle('right')" style="border-radius: 10rpx;font-size: 24rpx;padding: 10rpx 30rpx">
|
|
|
|
|
+ <text>查看全部证书</text>
|
|
|
|
|
+ </button>
|
|
|
|
|
+ </view>
|
|
|
|
|
+
|
|
|
|
|
+ <view>
|
|
|
|
|
+ <view class="m-height56 ddflex m-padding-left" style="color: #fff;background-color: #2e68d8;">● 基本信息</view>
|
|
|
|
|
+ <view class="dflex" style="align-items: stretch;">
|
|
|
|
|
+ <view>
|
|
|
|
|
+ <view class="ddflex">
|
|
|
|
|
+ <view class="ddflex-jc m-height56 m-width150 bg-color border border-right-none border-bottom-none border-left-none">姓名</view>
|
|
|
|
|
+ <view class="m-height56 ddflex m-width200 m-padding-left border border-right-none border-bottom-none">{{info.userName?info.userName:'*'}}</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="ddflex">
|
|
|
|
|
+ <view class="ddflex-jc m-height56 m-width150 bg-color border border-right-none border-bottom-none border-left-none">性别</view>
|
|
|
|
|
+ <view class="m-height56 ddflex m-width200 m-padding-left border border-right-none border-bottom-none">{{info.sex==1?'男':info.sex==2?'女':'*'}}</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="ddflex">
|
|
|
|
|
+ <view class="ddflex-jc m-height56 m-width150 bg-color border border-right-none border-bottom-none border-left-none">培训时间</view>
|
|
|
|
|
+ <view class="m-height56 ddflex m-width200 m-padding-left border border-right-none border-bottom-none">{{info.trainingDate?dateYM(info.trainingDate):'*'}}</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="border fflex border-bottom-none" style="box-sizing: border-box;padding: 20px;">
|
|
|
|
|
+ <image style="width: 100%;" :src="info.avatar" mode="widthFix"></image>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="ddflex">
|
|
|
|
|
+ <view class="ddflex-jc m-height56 m-width150 bg-color border border-right-none border-left-none">身份证号</view>
|
|
|
|
|
+ <view class="m-height56 ddflex fflex m-padding-left border">{{info.idNumber?info.idNumber:'*'}}</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+
|
|
|
|
|
+ <view class="m-height56 ddflex m-padding-left" style="color: #fff;background-color: #2e68d8;">● 证件信息</view>
|
|
|
|
|
+ <view class="ddflex">
|
|
|
|
|
+ <view class="ddflex-jc m-height56 m-width150 bg-color border border-right-none border-bottom-none border-left-none">职业名称</view>
|
|
|
|
|
+ <view class="m-height56 ddflex fflex m-padding-left border border-right-none border-bottom-none">{{info.cateName?info.cateName:'*'}}</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="ddflex">
|
|
|
|
|
+ <view class="ddflex-jc m-height56 m-width150 bg-color border border-right-none border-bottom-none border-left-none">培训等级</view>
|
|
|
|
|
+ <view class="m-height56 ddflex fflex m-padding-left border border-right-none border-bottom-none">{{info.trainingLevel?info.trainingLevel:'*'}}</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="ddflex">
|
|
|
|
|
+ <view class="ddflex-jc m-height56 m-width150 bg-color border border-right-none border-bottom-none border-left-none">发证单位</view>
|
|
|
|
|
+ <view class="m-height56 ddflex fflex m-padding-left border border-right-none border-bottom-none">湖南现代职业培训学校</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="ddflex">
|
|
|
|
|
+ <view class="ddflex-jc m-height56 m-width150 bg-color border border-right-none border-left-none">发证日期</view>
|
|
|
|
|
+ <view class="m-height56 ddflex fflex m-padding-left border">{{info.issueDate?info.issueDate:'*'}}</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+
|
|
|
|
|
+ </view>
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 声明 -->
|
|
|
|
|
+ <view style="margin: 10rpx 0;padding: 20rpx;">
|
|
|
|
|
+ <view style="font-size: 16rpx;font-weight: bold;">声明:</view>
|
|
|
|
|
+ <view style="font-size: 14rpx;line-height: 1.5">
|
|
|
|
|
+ 1、未经证书信息权属人同意，不得将本材料用于违背权属人意愿之用途。证书信息内容标注“*”号，表示该项内容不详。证书信息如有修改,请以网站在线查询内容为准。<br>
|
|
|
|
|
+ 2、本材料是打印的证书查询结果凭证，仅供查询人使用，不具有再验证功能。
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+
|
|
|
|
|
+ <view>
|
|
|
|
|
+ <uni-popup ref="popup" background-color="#fff">
|
|
|
|
|
+ <view class="popup-content popup-height">
|
|
|
|
|
+ <view class="m-title" style="margin-bottom: 10rpx;font-size: 30rpx;font-weight: bold">所有证书</view>
|
|
|
|
|
+ <view>
|
|
|
|
|
+ <view class="m-note-item ddflex" v-for="item,index in infoList" :key="index" @click="changeItem(item)">
|
|
|
|
|
+ <view class="m-note-item-content">{{index+1}}. {{item.cateName}}</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </uni-popup>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
@@ -108,10 +178,13 @@
|
|
|
options:{},
|
|
options:{},
|
|
|
infoList:[],
|
|
infoList:[],
|
|
|
info:{},
|
|
info:{},
|
|
|
|
|
+
|
|
|
|
|
+ systemInfo:{}
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
onReady() {},
|
|
onReady() {},
|
|
|
onLoad() {
|
|
onLoad() {
|
|
|
|
|
+ this.systemInfo = uni.getSystemInfoSync()
|
|
|
if(!req.getStorage('options')){
|
|
if(!req.getStorage('options')){
|
|
|
uni.reLaunch({
|
|
uni.reLaunch({
|
|
|
url:'/pages/certificateQuery/certificateQuery'
|
|
url:'/pages/certificateQuery/certificateQuery'
|
|
@@ -138,11 +211,19 @@
|
|
|
},
|
|
},
|
|
|
changeItem(item){
|
|
changeItem(item){
|
|
|
this.info = item
|
|
this.info = item
|
|
|
|
|
+ this.$refs.popup.close()
|
|
|
},
|
|
},
|
|
|
// 时间格式化
|
|
// 时间格式化
|
|
|
dateYM(date){
|
|
dateYM(date){
|
|
|
return req.dateFormat(date).v6
|
|
return req.dateFormat(date).v6
|
|
|
- }
|
|
|
|
|
|
|
+ },
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+ // 移动端
|
|
|
|
|
+ toggle(type) {
|
|
|
|
|
+ // open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
|
|
|
|
|
+ this.$refs.popup.open(type)
|
|
|
|
|
+ },
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
xionghaojie