<template>
	<view class="application-detial">
		<u-navbar
			back-icon-color="#fff" 
			:back-text="$t('common.Back')" 
			:is-back="true" 
			:background="{background:'#1777FE'}"
			:back-text-style="{color:'#fff'}" 
			:border-bottom="true"
			title-color="#fff"
			:title="title"
			:custom-back="back"
			>
		</u-navbar>
		<view class="pagetitle" v-if="detial.contactsNumber">{{pageTitle}}</view>
		<!-- 选项卡的内容区 -->
		<view class="applicationDetial">
			<view class="item" v-if="detial.contactsName">
				<view class="label"><text class="need">*</text><text>{{$t('common.fullName')}}</text></view>
				<view class="value">{{detial.contactsName}}</view>
			</view>
			<view class="item" v-if="detial.otherInstructions">
				<view class="label"><text class="need">*</text><text>{{$t('common.NameoftheEntity')}}</text></view>
				<view class="value">{{detial.otherInstructions}}</view>
			</view>
			<view class="item" v-if="detial.contactsEmail">
				<view class="label"><text class="need">*</text><text>{{$t('common.Email')}}</text></view>
				<view class="value">{{detial.contactsEmail}}</view>
			</view>
			<view class="item" v-if="detial.contactsNumber">
				<view class="label"><text class="need">*</text><text>{{$t('common.ContactPhoneNumber')}}</text></view>
				<view class="value">{{detial.contactsNumber}}</view>
			</view>
		</view>
		<!-- 页面优化提示 -->
		<view class="loading" v-if="showLoading">
			<u-loadmore :status="status" iconType="flower" :load-text="{loading: this.$t('common.Nodata')}" margin-top="200" />
		</view>
		<view class="nodata" v-if="!showLoading && !detial.contactsNumber" style="text-align: center;margin-top: 120upx;">
			<view class="imgBox" style="height:600upx;margin-bottom:60upx">
				<image src="../../../static/img/public/7.png" style="width: 80%;margin:0 10%" mode="widthFix"></image>
			</view>
			<text style="font-size: 30upx;color:#ccc">{{$t('common.Nodata')}}</text>
		</view>
	</view>
</template>

<script>
	export default {
		name:'memberApplyDetail',
		data(){
			return {
				title:'',
				pageTitle:'',
				currentItemId:'',
				detial:{},
				showLoading:true,
				status:'loading'
			}
		},
		onLoad(e){
			this.currentItemId=e.id;
			this.pageTitle=decodeURIComponent(e.title)+this.$t('common.Information');
			this.title= this.$i18n.locale == 'zh'? '我的申请': 'My Application'
		},
		created(){
			this.getApplicationDetial();
		},
		onShow(){
			
		},
		methods:{
			// 获取详情
			async getApplicationDetial(){
				let res = await this.$myRequest({
					url:'/project/baseMemberApplys/getSelfMemberApply',
				})
				this.showLoading=false;
				var data = res.data;
				if(data){
					console.log();
					this.detial.otherInstructions = data.baseMemberApplies[0].unitZhName ||'';
					this.detial.contactsName = data.baseContactsInfo.contactsName ||'';
					this.detial.contactsEmail = data.baseContactsInfo.email ||'';
					this.detial.contactsNumber = data.baseContactsInfo.mobilePhone ||'';
				}
			},
			//路由后退一步
			back(){
				// #ifdef H5
				history.back()
				// #endif
				// #ifndef H5
				uni.navigateBack()
				// #endif
			},
		}
	}
</script>

<style lang="scss" scoped>
	.application-detial{
		height:100%;
		background:#fdfdfd;
		position:absolute;
		bottom:0;
		left:0;
		right:0;
		color:#666;
		.line-h{
			width:100%;
			height:2upx;
			background:#eee;
		}
		.pagetitle{
			margin-top:30upx;
			height:100upx;
			line-height:100upx;
			color:#333;
			padding:0 3%;
			font-size:32upx;
		}
		//内容
		.applicationDetial{
			.item{
				position:relative;
				height:140upx;
				border-bottom:2upx solid #eee;
				padding:2% 0;
				.label,.value{
					padding:0 30upx;
					line-height:50upx;
				}
				.label{
					font-size:28upx;
					display:flex;
					align-items:center;
					color:#333;
					.need{
						color:#f20;
						margin-right:10upx;
					}
				}
				.value{
					font-size:24upx;
					color:#888;
				}
			}
		}
	}
</style>
