YNUtdPlatform/pages/realName/workbench/dayPlan/detail.vue

<template>
  <view class="page">
    <u-navbar class="u-navbar" title="工资详情" placeholder @leftClick="leftClick" leftIconColor="#fff"  bgColor="#00337A"  :titleStyle="{ color: '#FFF', fontSize: '32rpx' }"/>
	<scroll-view class="content" scroll-y="true">
		<view class="view-box">
			<view class="title-view">
				基本信息
			</view>
			<view class="view-item">
				<view class="label">姓名</view>
				<view >{{detailData.name}}</view>
			</view>
			<view class="view-item">
				<view class="label">身份证号</view>
				<view >{{detailData.idNumber}}</view>
			</view>
			<view class="view-item">
				<view class="label">手机号</view>
				<view >{{detailData.phone}}</view>
			</view>
			<view class="view-item">
				<view class="label">工种</view>
				<view >{{detailData.postName}}</view>
			</view>
			<view class="view-item">
				<view class="label">所属工程</view>
				<view >{{detailData.proName}}</view>
			</view>
			<view class="view-item">
				<view class="label">所属分包</view>
				<view >{{detailData.subName}}</view>
			</view>
			<view class="view-item">
				<view class="label">所属班组</view>
				<view >{{detailData.teamName}}</view>
			</view>
		</view>
		
		<view class="view-box" style="padding-bottom: 20rpx;">
			<view class="title-view">
				工资卡/合同信息
			</view>
			<view class="card-item" v-if="detailData.isWages==1">
				<view class="label">工资卡见证</view>
				<view class="btn">已上传</view>
			</view>
			<view class="card-item-red" v-else>
				<view class="label">工资卡见证</view>
				<view class="btn">已上传</view>
			</view>
			<view class="card-item" v-if="detailData.isContract==1">
				<view class="label">合同见证/电子合同</view>
				<view class="btn">已上传</view>
			</view>
			<view class="card-item-red" v-else>
				<view class="label">合同见证/电子合同</view>
				<view class="btn">已上传</view>
			</view>
		</view>
		
		<view class="view-box">
			<view class="title-view">
				用户信息
			</view>
			<view class="view-item">
				<view class="label">登录手机号</view>
				<view >{{detailData.userPhone}}</view>
			</view>
			<view class="view-item">
				<view class="label">组织/岗位</view>
				<view >{{detailData.userOrg}}</view>
			</view>
			<view class="view-item">
				<view class="label">所属项目</view>
				<view >{{detailData.userPro}}</view>
			</view>
			<view class="view-item">
				<view class="label">角色</view>
				<view >{{detailData.userRole}}</view>
			</view>
			<view class="view-item">
				<view class="label">创建/修改时间</view>
				<view >{{detailData.userUploadTime}}</view>
			</view>
		</view>
	</scroll-view>
  </view>
</template>

<script>
import config from '@/config'
export default {
  data() {
    return {
		idNumber:'',
		detailData:{}
    }
  },
  onLoad(option) {
	this.idNumber=option.idNumber||"";
	this.getDetail()
  },
  onShow() {
  },
  methods: {
	getDetail(){
		let param={
			idNumber:this.idNumber,
		}
		uni.request({
		  url: config.realAppUrl+'/BasePerson/selectPersonContentDetails',
		  method: 'post',
		  data: param,
		  header: {
			'Content-Type': 'application/json;charset=UTF-8;',
			Authorization: uni.getStorageSync('realNameToken')
		  },
		  success: res => {
			console.log(res)
			res = res.data;
			if(res.code==200){
				this.detailData=res.data;
			}else{
				uni.showToast({
					title: res.msg,
					icon: 'none'
				})
			}
		  },
		  fail: err => {
			console.log(err)
		  }
		})
	},
    // 返回
    leftClick() {
      console.log('返回')
      uni.navigateBack({
      	delta: 1 // 返回
      });
    }
  },

}
</script>

<style lang="scss">
.page {
	width: 100vw;
	height: 100vh;
	background-color: #EFEFEF;
	box-sizing: border-box;
	// padding: 0 20px;
	
	.content{
		width: 100%;
		height: 90vh;
		margin-top: 20rpx;
		padding-bottom: 80rpx;
		background-color: #EFEFEF;
	}
	.view-box{
		width: 94%;
		margin: 20rpx auto;
		background-color: #FFF;
		border-radius: 10rpx;
		padding-top: 20rpx;
		.title-view{
			font-weight: 600;
			margin-left: 20rpx;
		}
	}
	.view-item{
		width: 94%;
		margin: 0rpx auto;
		padding:20rpx;
		// display: flex;
		border-bottom: 1rpx solid #EFEFEF;
		font-size: 26rpx;
		.label{
			width: 300rpx;
			color: #666;
			margin-bottom: 20rpx;
		}
	}
	.card-item{
		width: 90%;
		margin: 20rpx auto;
		padding:16rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 26rpx;
		background: #E2F0CD;
		border-radius: 10rpx;
		.label{
			width: 300rpx;
			color: #74B01A;
			font-weight: 600;
			// margin-bottom: 20rpx;
		}
		.btn{
			width: 140rpx;
			height: 40rpx;
			line-height: 40rpx;
			color: #FFF;
			background: #6FB504;
			text-align: center;
			border-radius: 10rpx;
		}
	}
	.card-item-red{
		width: 90%;
		margin: 20rpx auto;
		padding:16rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 26rpx;
		background: #FFEBEC;
		border-radius: 10rpx;
		.label{
			width: 300rpx;
			color: #DA3E26;
			font-weight: 600;
			// margin-bottom: 20rpx;
		}
		.btn{
			width: 140rpx;
			height: 40rpx;
			line-height: 40rpx;
			color: #FFF;
			background: #FF2F2F;
			text-align: center;
			border-radius: 10rpx;
		}
	}
	
}
</style>