261 lines
10 KiB
Vue
261 lines
10 KiB
Vue
|
<template>
|
|||
|
|
<view class="modultInfo">
|
|||
|
|
<headers :showBack="true" :themeType="'white'">
|
|||
|
|
<view class="headerName">
|
|||
|
|
{{type==1?'合同':type==2?'体检':type==3?'保险':type==4?'安全教育':''}}
|
|||
|
|
</view>
|
|||
|
|
</headers>
|
|||
|
|
<view class="content">
|
|||
|
|
<view class="info_wrap" v-if="type==1">
|
|||
|
|
<!-- <view class="title">
|
|||
|
|
<text class="state1" v-if="info.length==0">未签订</text>
|
|||
|
|
<text class="state2" v-else>已签订</text>
|
|||
|
|
</view> -->
|
|||
|
|
<view class="detailInfo" v-for="(item,index) in info" :key="index">
|
|||
|
|
<view>合同编号：{{item.contractNumber}}</view>
|
|||
|
|
<view>合同类型：{{item.contractType==1?'纸质合同':item.contractType==2?'电子合同':''}}</view>
|
|||
|
|
<view>合同期限：{{item.laborContractType==1?'固定期限合同':item.laborContractType==2?'以完成一定工作为期限的合同':''}}
|
|||
|
|
</view>
|
|||
|
|
<view>生效日期：{{item.contractBeginDate}}</view>
|
|||
|
|
<view>失效日期：{{item.contractEndDate}}</view>
|
|||
|
|
<view>工资核定方式：{{
|
|||
|
|
item.wagesVerificationType == 1
|
|||
|
|
? "按天"
|
|||
|
|
: item.wagesVerificationType == 2
|
|||
|
|
? "按小时"
|
|||
|
|
: item.wagesVerificationType == 3
|
|||
|
|
? "按月"
|
|||
|
|
: item.wagesVerificationType == 4
|
|||
|
|
? "按件"
|
|||
|
|
: ""
|
|||
|
|
}}</view>
|
|||
|
|
<view>合同附件：
|
|||
|
|
<text v-for="(val, valIndex) in item.fileList" @click="handlePreview(val.url)" :key="valIndex"
|
|||
|
|
style="cursor: pointer;margin-right:10rpx">{{val.name}}</text>
|
|||
|
|
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="no_data" v-if="info.length == 0">
|
|||
|
|
<image src="/static/noData.png"></image>
|
|||
|
|
<view>暂无数据</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="info_wrap" v-if="type==2">
|
|||
|
|
<!-- <view class="title">
|
|||
|
|
<text class="state1" v-if="info.length==0">未体检</text>
|
|||
|
|
<text class="state2" v-else>已体检</text>
|
|||
|
|
</view> -->
|
|||
|
|
<view class="detailInfo" v-for="(item,index) in info" :key="index">
|
|||
|
|
<view>身高：{{item.personHeight}}cm</view>
|
|||
|
|
<view>体重：{{item.personWeight}}kg</view>
|
|||
|
|
<view>体检日期：{{item.physicalsTime}}</view>
|
|||
|
|
<view>体检状态：{{item.state==1?'未体检':item.state==2?'体检合格':item.state==1?'体检不合格':''}}</view>
|
|||
|
|
<view>结论：{{item.conclusion}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="no_data" v-if="info.length == 0">
|
|||
|
|
<image src="/static/noData.png"></image>
|
|||
|
|
<view>暂无数据</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="info_wrap" v-if="type==3">
|
|||
|
|
<!-- <view class="title">
|
|||
|
|
<text class="state1" v-if="info.length==0">未购买</text>
|
|||
|
|
<text class="state2" v-else>已购买</text>
|
|||
|
|
</view> -->
|
|||
|
|
<view class="detailInfo" v-for="(item,index) in info" :key="index">
|
|||
|
|
<view>保险购买日期：{{item.insuranceTime}}</view>
|
|||
|
|
<view>保险到期日期：{{item.expireTime}}</view>
|
|||
|
|
<view>保险状态：{{item.state==1?'未购买':item.state==2?'已购买':''}}</view>
|
|||
|
|
<view>险种：{{item.insuranceType}}</view>
|
|||
|
|
<view>城乡居民医疗保险：{{item.medicalInsurance==1?'否':item.medicalInsurance==2?'是':''}}</view>
|
|||
|
|
<view>城乡居民养老保险：{{item.endowmentInsurance==1?'否':item.endowmentInsurance==2?'是':''}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="no_data" v-if="info.length == 0">
|
|||
|
|
<image src="/static/noData.png"></image>
|
|||
|
|
<view>暂无数据</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="info_wrap" v-if="type==4">
|
|||
|
|
<!-- <view class="title">
|
|||
|
|
<text class="state1" v-if="info.length==0">未培训</text>
|
|||
|
|
<text class="state2" v-else>已培训</text>
|
|||
|
|
</view> -->
|
|||
|
|
<view class="detailInfo" v-for="(item,index) in info" :key="index">
|
|||
|
|
<!-- <view>培训类型： {{
|
|||
|
|
item.eduType == 1
|
|||
|
|
? "入场三级教育"
|
|||
|
|
: item.eduType == 2
|
|||
|
|
? "定期安全教育"
|
|||
|
|
: item.eduType == 3
|
|||
|
|
? "安全技术交底"
|
|||
|
|
: item.eduType == 4
|
|||
|
|
? "VR安全教育"
|
|||
|
|
: ""
|
|||
|
|
}}</view> -->
|
|||
|
|
<view>考试时间：{{item.startExamTime}}</view>
|
|||
|
|
<view>考试科目：{{item.subjectName}}</view>
|
|||
|
|
<view>考试分数：{{item.score}}</view>
|
|||
|
|
<view>是否合格：{{item.isPass == 1 ? "是":item.isPass == 0? "否":''}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="no_data" v-if="info.length == 0">
|
|||
|
|
<image src="/static/noData.png"></image>
|
|||
|
|
<view>暂无数据</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
type: 1,
|
|||
|
|
info: null,
|
|||
|
|
workerId: "",
|
|||
|
|
idCard: "",
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onLoad(option) {
|
|||
|
|
this.type = Number(option.type);
|
|||
|
|
this.workerId = option.workerId;
|
|||
|
|
this.idCard = option.idCard;
|
|||
|
|
this.info = uni.getStorageSync('moduleInfo');
|
|||
|
|
this.getFileInfo();
|
|||
|
|
if (this.type == 4) { // 安全教育考试数据特殊处理
|
|||
|
|
this.getDangerItemRecord();
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
// 获取考试数据
|
|||
|
|
getExamDataList() {
|
|||
|
|
this.sendRequest({
|
|||
|
|
url: 'xmgl/workerInfo/getTrainRecordsByWorkerId',
|
|||
|
|
method: 'post',
|
|||
|
|
data: {
|
|||
|
|
projectSn: JSON.parse(uni.getStorageSync('projectDetail')).projectSn,
|
|||
|
|
workerId: this.workerId,
|
|||
|
|
},
|
|||
|
|
success: res => {
|
|||
|
|
if (res.code == 200) {
|
|||
|
|
this.info = res.result;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
getDangerItemRecord() {
|
|||
|
|
this.sendRequest({
|
|||
|
|
url: 'exam/trainRecord/page',
|
|||
|
|
method: 'post',
|
|||
|
|
data: {
|
|||
|
|
projectSn: JSON.parse(uni.getStorageSync('projectDetail')).projectSn,
|
|||
|
|
// workerId: this.workerId,
|
|||
|
|
idCard: this.idCard,
|
|||
|
|
isReEducation: 0,
|
|||
|
|
pageNo: 1,
|
|||
|
|
pageSize: -1
|
|||
|
|
},
|
|||
|
|
success: res => {
|
|||
|
|
if (res.code == 200) {
|
|||
|
|
this.info = res.result.records;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
//获取附件信息
|
|||
|
|
getFileInfo() {
|
|||
|
|
let data = JSON.parse(JSON.stringify(this.info))
|
|||
|
|
if (this.type == 1) {
|
|||
|
|
//获取合同照片
|
|||
|
|
if (data.length > 0 && data[0].imageUrl) {
|
|||
|
|
let arr = data[0].imageUrl.split(",");
|
|||
|
|
let fileList = [];
|
|||
|
|
arr.forEach((item) => {
|
|||
|
|
let valArr = item.split("*");
|
|||
|
|
fileList.push({
|
|||
|
|
name: valArr[0],
|
|||
|
|
url: valArr[1]
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
data[0].fileList = fileList;
|
|||
|
|
} else {
|
|||
|
|
if (data.length > 0) {
|
|||
|
|
data[0].fileList = [];
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
this.info = data;
|
|||
|
|
},
|
|||
|
|
//预览文件
|
|||
|
|
handlePreview(url) {
|
|||
|
|
let type = url.split('.')[1];
|
|||
|
|
if (type == 'doc' || type == 'xls' || type == 'ppt' || type == 'pdf' || type == 'docx' || type == 'xlsx' ||
|
|||
|
|
type ==
|
|||
|
|
'pptx') {
|
|||
|
|
uni.openDocument({
|
|||
|
|
filePath: this.url_config + 'image/' + url,
|
|||
|
|
})
|
|||
|
|
} else {
|
|||
|
|
let fileList = [];
|
|||
|
|
fileList = [this.url_config + 'image/' + url];
|
|||
|
|
uni.previewImage({
|
|||
|
|
current: 0,
|
|||
|
|
urls: fileList
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss" scoped>
|
|||
|
|
.info_wrap {
|
|||
|
|
text-align: center;
|
|||
|
|
padding-bottom: 2rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.detailInfo {
|
|||
|
|
text-align: left;
|
|||
|
|
padding: 20rpx 30rpx;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
margin: 20rpx 0 40rpx;
|
|||
|
|
box-shadow: 0 0px 20rpx rgba(220, 220, 220, 0.8);
|
|||
|
|
font-size: 30rpx;
|
|||
|
|
line-height: 44rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.no_data {
|
|||
|
|
position: fixed;
|
|||
|
|
top: 35%;
|
|||
|
|
// transform: translateY(-50%);
|
|||
|
|
left: 50%;
|
|||
|
|
transform: translateX(-50%);
|
|||
|
|
padding-top: 60rpx;
|
|||
|
|
text-align: center;
|
|||
|
|
color: rgba(0, 0, 0, 0.5);
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
|
|||
|
|
uni-image {
|
|||
|
|
width: 162rpx;
|
|||
|
|
height: 130rpx;
|
|||
|
|
display: block;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
margin-bottom: 40rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.info_wrap .title {
|
|||
|
|
font-size: 30rpx;
|
|||
|
|
margin-top: 16rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.title .state1 {
|
|||
|
|
color: red;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.title .state2 {
|
|||
|
|
color: #4181FE;
|
|||
|
|
}
|
|||
|
|
</style>
|