<template>
	<view class="pad-x120">
		<!-- 头部 -->
		<status-nav navBarTitle="工人信息"></status-nav>
		<view class="content" :style="{'padding-top':statusHeight+50+'px'}">
			<!-- 工人信息 -->
			<view class="enter-detail font26">
				<view class="item" v-if="centerDetail.status==-1">
					<view class="title">审核状态</view>
					<view class="msg font24 color-red">已退回</view>
				</view>
				<view class="item">
					<view class="title">姓名</view>
					<view class="msg font24">
						{{centerDetail.account.real_name!==''?centerDetail.account.real_name:centerDetail.real_name}}
						<text class="director-arrow" v-if="centerDetail.is_register!==1 && centerDetail.status==0 && centerDetail.real_name!==centerDetail.account.real_name">
							{{centerDetail.real_name}}
						</text>
					</view>
				</view>
				<view class="item">
					<view class="title">电话</view>
					<view class="msg font24">
						{{centerDetail.account.mobile!==''?centerDetail.account.mobile:centerDetail.mobile}}
						<text class="director-arrow" v-if="centerDetail.is_register!==1 && centerDetail.status==0 && centerDetail.mobile!==centerDetail.account.mobile">
							{{centerDetail.mobile}}
						</text>
					</view>
				</view>
				<view class="item">
					<view class="title">身份证</view>
					<view class="msg font24">
						{{centerDetail.account.card_number!==''?centerDetail.account.card_number:centerDetail.card_number}}
						<text class="director-arrow" v-if="centerDetail.is_register!==1 && centerDetail.status==0 && centerDetail.card_number!==centerDetail.account.card_number">
							{{centerDetail.card_number}}
						</text>
					</view>
				</view>
				<view class="item item-other">
					<view class="title">身份证正面</view>
					<view class="msg">
						<image @tap="previewImageEv(centerDetail.account.id_front!==''?baseHttps+centerDetail.account.id_front:baseHttps+centerDetail.id_front)" :src="centerDetail.account.id_front!==''?baseHttps+centerDetail.account.id_front:baseHttps+centerDetail.id_front" mode="widthFix"></image>
						<view class="director-arrow" v-if="centerDetail.is_register!==1 && centerDetail.status==0 && centerDetail.id_front!==centerDetail.account.id_front">
							<image @tap="previewImageEv(baseHttps+centerDetail.id_front)" :src="baseHttps+centerDetail.id_front" mode="widthFix"></image>
						</view>
					</view>
				</view>
				<view class="item item-other">
					<view class="title">身份证反面</view>
					<view class="msg">
						<image @tap="previewImageEv(centerDetail.account.id_back!==''?baseHttps+centerDetail.account.id_back:baseHttps+centerDetail.id_back)" :src="centerDetail.account.id_back!==''?baseHttps+centerDetail.account.id_back:baseHttps+centerDetail.id_back" mode="widthFix"></image>
						<view class="director-arrow" v-if="centerDetail.is_register!==1 && centerDetail.status==0 && centerDetail.id_back!==centerDetail.account.id_back">
							<image @tap="previewImageEv(baseHttps+centerDetail.id_back)" :src="baseHttps+centerDetail.id_back" mode="widthFix"></image>
						</view>
					</view>
				</view>
				<view class="item">
					<view class="title">紧急联系人</view>
					<view class="msg font24">
						{{centerDetail.account.emergency_contact!==''?centerDetail.account.emergency_contact:centerDetail.emergency_contact}}
						<text class="director-arrow" v-if="centerDetail.is_register!==1 && centerDetail.status==0 && centerDetail.emergency_contact!==centerDetail.account.emergency_contact">
							{{centerDetail.emergency_contact}}
						</text>
					</view>
				</view>
				<view class="item">
					<view class="title">联系人电话</view>
					<view class="msg font24">
						{{centerDetail.account.emergency_phone!==''?centerDetail.account.emergency_phone:centerDetail.emergency_phone}}
						<text class="director-arrow" v-if="centerDetail.is_register!==1 && centerDetail.status==0 && centerDetail.emergency_phone!==centerDetail.account.emergency_phone">
							{{centerDetail.emergency_phone}}
						</text>
					</view>
				</view>
				<view class="item">
					<view class="title">银行卡户名</view>
					<view class="msg font24">
						{{centerDetail.account.bank_card_name!==''?centerDetail.account.bank_card_name:centerDetail.bank_card_name}}
						<text class="director-arrow" v-if="centerDetail.is_register!==1 && centerDetail.status==0 && centerDetail.bank_card_name!==centerDetail.account.bank_card_name">
							{{centerDetail.bank_card_name}}
						</text>
					</view>
				</view>
				<view class="item">
					<view class="title">银行卡号</view>
					<view class="msg font24">
						{{centerDetail.account.bank_card_number!==''?centerDetail.account.bank_card_number:centerDetail.bank_card_number}}
						<text class="director-arrow" v-if="centerDetail.is_register!==1 && centerDetail.status==0 && centerDetail.bank_card_number!==centerDetail.account.bank_card_number">
							{{centerDetail.bank_card_number}}
						</text>
					</view>
				</view>
				<view class="item">
					<view class="title">开户行</view>
					<view class="msg font24">
						{{centerDetail.account.bank_name!==''?centerDetail.account.bank_name:centerDetail.bank_name}}
						<text class="director-arrow" v-if="centerDetail.is_register!==1 && centerDetail.status==0 && centerDetail.bank_name!==centerDetail.account.bank_name">
							{{centerDetail.bank_name}}
						</text>
					</view>
				</view>
				<view class="item item-other">
					<view class="title">银行卡照片</view>
					<view class="msg">
						<image @tap="previewImageEv(centerDetail.account.bank_card_img!==''?baseHttps+centerDetail.account.bank_card_img:baseHttps+centerDetail.bank_card_img)" :src="centerDetail.account.bank_card_img!==''?baseHttps+centerDetail.account.bank_card_img:baseHttps+centerDetail.bank_card_img" mode="widthFix"></image>
						<view class="director-arrow" v-if="centerDetail.is_register!==1 && centerDetail.status==0 && centerDetail.bank_card_img!==centerDetail.account.bank_card_img">
							<image @tap="previewImageEv(baseHttps+centerDetail.bank_card_img)" :src="baseHttps+centerDetail.bank_card_img" mode="widthFix"></image>
						</view>
					</view>
				</view>
				
				<view class="item">
					<view class="title">技术岗位</view>
					<view class="msg font24">
						{{centerDetail.account.position_name!==''?centerDetail.account.position_name:centerDetail.position_name}}
						<text class="director-arrow" v-if="centerDetail.is_register!==1 && centerDetail.status==0 && centerDetail.position_name!==centerDetail.account.position_name">
							{{centerDetail.position_name}}
						</text>
					</view>
				</view>
				
				<view class="item">
					<view class="title">班组</view>
					<view class="msg font24">
						{{centerDetail.account.outsource_name!==''?centerDetail.account.outsource_name:centerDetail.outsource_name}}
						<text class="director-arrow" v-if="centerDetail.is_register!==1 && centerDetail.status==0 && centerDetail.outsource_name!==centerDetail.account.outsource_name">
							{{centerDetail.outsource_name}}
						</text>
					</view>
				</view>
				
				<view class="item" v-if="centerDetail.certificate!==''">
					<view class="title">证书名称</view>
					<view class="msg font24">
						{{centerDetail.account.certificate}}
					</view>
				</view>
				<view class="item">
					<view class="title">工资</view>
					<view class="msg font24">
						{{centerDetail.account.pay!==''?centerDetail.account.pay:centerDetail.pay}}
						<text class="director-arrow" v-if="centerDetail.is_register!==1 && centerDetail.status==0 && centerDetail.pay!==centerDetail.account.pay">
							{{centerDetail.pay}}
						</text>元
					</view>
				</view>
				<view class="item item-other">
					<view class="title">工作经验</view>
					<view class="msg font24">
						{{centerDetail.account.work_experience}}
					</view>
				</view>
				<view class="item">
					<view class="title">现住地址</view>
					<view class="msg font24">
						{{centerDetail.account.province+centerDetail.account.city+centerDetail.account.area+centerDetail.account.address_now}}
					</view>
				</view>
				<view class="item">
					<view class="title">加入时间</view>
					<view class="msg font24">{{centerDetail.created_at}}</view>
				</view>
			</view>
			<!-- 审核按钮 -->
			<view class="enter-detail-btns color-white font30" v-if="centerDetail.status==0">
				<view class="btn" @tap="submitEv(1)">确认</view>
				<view class="btn" @tap="ifReason=true">退回</view>
			</view>
		</view>
		<!-- 退回理由 -->
		<view class="pop-up-bg" v-if="ifReason">
			<view class="edit-box bg-white">
				<image class="close-btn" src="/static/icon/icon-close-btn.png" mode="aspectFit" @tap="closeReason"></image>
				<view class="title font36">退回理由</view>
				<!-- 其他显示 -->
				<input class="input font26" type="text" v-model="reasonMsg" placeholder="请输入退回理由" placeholder-style="color:rgba(51,51,51,.4)">
				<view class="submit-btn font30 color-white" @tap="submitEv(0)">确认</view>
			</view>
		</view>
		<!-- 尾部 -->
		<tabbar :userType="userType" current="2"></tabbar>
	</view>
</template>

<script>
	import tabbar from '@/components/tabbar/tabbar';
	export default {
		components:{
			tabbar
		},
		data() {
			return {
				statusHeight:uni.getSystemInfoSync().statusBarHeight, //状态栏高度
				userType:'director', //账户类型 工人：worker 负责人：director
				baseHttps:`${getApp().globalData.hostapi}`,
				centerDetail:{}, //工人信息
				reasonMsg:'', //退回理由
				ifReason:false, //是否退回
				id:0, //工人id
			}
		},
		onLoad(op) {
			if(op.id){
				this.id = op.id;
			}
			if(op.userType){
				this.userType = op.userType;
			}
			// 获取工人信息
			this.getEnterDetail();
		},
		onShow() {
			
		},
		methods: {
			// 获取工人信息
			getEnterDetail(){
				this.$requst.post('/api/v1/manager/check-detail',{id:this.id}).then(res=>{
					if(res.code == 0){
						this.centerDetail = res.data;
						console.log(res,'工人信息',this.centerDetail);
					}
				})
			},
			
			// 确认&退回
			submitEv(type){
				if(type==0){
					let params = {
						id:this.id,
						type:type,
						reason:this.reasonMsg
					}
					// 提交
					this.submitApi(params,type);
				}else{
					let params = {
						id:this.id,
						type:type
					}
					// 提交
					this.submitApi(params,type);
				}
			},
			
			// 提交
			submitApi(params,type){
				this.$requst.post('/api/v1/manager/check-info',params).then(res=>{
					if(res.code == 0){
						if(type==0){
							this.$toolAll.tools.showToast('已退回');
						}else{
							this.$toolAll.tools.showToast('已确认');
						}
						uni.reLaunch({
							url:'/pages/director/enter/enter'
						})
					}else{
						this.$toolAll.tools.showToast(res.msg);
					}
				})
			},
			
			// 关闭退回弹窗
			closeReason(){
				this.ifReason = false;
				this.reasonMsg = '';
			},
			
			// 图片预览
			previewImageEv(url) {
				//uniapp预览轮播图
				uni.previewImage({
					current: 0, //预览图片的下标
					urls: [url] //预览图片的地址，必须要数组形式，如果不是数组形式就转换成数组形式就可以
				})
			},
		}
	}
</script>
<style scoped>
	
</style>