<template>
	<view class="container">
		<uni-card :is-shadow="false">
			<view class="">
				<text class="uni-body">审批编号：{{receiveData.outid}}</text>
			</view>
			<view class="titlesize">
				<text class="uni-body ">{{contdata.title}}</text>
			</view>
		</uni-card>
		
		<uni-card :is-shadow="false" v-for="(item,index) in contdata.List" :key="index" style="margin-bottom: 10px;">
			
			
			<uni-row class="demo-uni-row" >
				<uni-col :span="5">
					<view class="demo-uni-col dark">指标：</view>
				</uni-col>
				<uni-col :span="19">
					<view class="demo-uni-col light">{{item.title}}</view>
				</uni-col>
			</uni-row>
			
			<uni-row class="demo-uni-row" >
				<uni-col :span="5">
					<view class="demo-uni-col dark">零奖值：</view>
				</uni-col>
				<uni-col :span="19">
					<view class="demo-uni-col light">{{item.zeroprize}}</view>
				</uni-col>
			</uni-row>
			<uni-row class="demo-uni-row" >
				<uni-col :span="5">
					<view class="demo-uni-col dark">全奖值：</view>
				</uni-col>
				<uni-col :span="19">
					<view class="demo-uni-col light">{{item.allprize}}</view>
				</uni-col>
			</uni-row>
			<uni-row class="demo-uni-row" >
				<uni-col :span="5">
					<view class="demo-uni-col dark">实际值：</view>
				</uni-col>
				<uni-col :span="19">
					<view class="demo-uni-col light">{{item.Score}}</view>
				</uni-col>
			</uni-row>
			<uni-row class="demo-uni-row" >
				<uni-col :span="5">
					<view class="demo-uni-col dark">权重分：</view>
				</uni-col>
				<uni-col :span="19">
					<view class="demo-uni-col light">{{item.weight}}</view>
				</uni-col>
			</uni-row>
			<uni-row class="demo-uni-row" >
				<uni-col :span="5">
					<view class="demo-uni-col dark">封顶值：</view>
				</uni-col>
				<uni-col :span="19">
					<view class="demo-uni-col light">{{item.CappingVal}}</view>
				</uni-col>
			</uni-row>
			<uni-row class="demo-uni-row" >
				<uni-col :span="5">
					<view class="demo-uni-col dark">达成率：</view>
				</uni-col>
				<uni-col :span="19">
					<view class="demo-uni-col light">{{item.achievement}}</view>
				</uni-col>
			</uni-row>
			<uni-row class="demo-uni-row" >
				<uni-col :span="5">
					<view class="demo-uni-col dark">指标得分：</view>
				</uni-col>
				<uni-col :span="19">
					<view class="demo-uni-col light">{{item.actual}}{{item.unit}}</view>
				</uni-col>
			</uni-row>
			<uni-row class="demo-uni-row" >
				<uni-col :span="5">
					<view class="demo-uni-col dark">说明：</view>
				</uni-col>
				<uni-col :span="19">
					<view class="demo-uni-col light">{{item.content}}</view>
				</uni-col>
			</uni-row>
			
			
		</uni-card>
		
		<uni-card :isShadow="false"  v-if="receiveData.isset==2" style="margin-bottom: 10px;">
			<view class="appideabox">
				<uni-easyinput type="textarea" v-model="approvalIdea" placeholder="请输入审批意见" />
			</view>
			<view class="example-body">
				<uni-row>
					<uni-col :span="11"><button :loading="loading" type="primary" @click="xingOperation(1)">批准</button></uni-col>
					<uni-col :span="2" style="min-height: 1px;"></uni-col>
					<uni-col :span="11"><button :loading="loading" type="warn" @click="xingOperation(2)" >驳回</button></uni-col>
				</uni-row>
			</view>
		</uni-card>
		
		
		
		<uni-card :isShadow="false" >
			<uni-steps :options="contdata.flowall" active-color="#007AFF" :active="active" direction="column" />
		</uni-card>
		<u-toast ref="uToast"></u-toast>
	</view>
</template>

<script> //定量
	export default {
		data() {
			return {
				loading:false,
				approvalIdea:"",
				active:1,
				headerVerify:{
					userkey:"",
					token:"",
					userCont:""
				},
				receiveData:{
				},
				contdata:[]
			};
		},
		onLoad(option) {
			console.log("option",option)
			console.log("option",JSON.parse(option.data))
			let _this = this
			//判断Token是否有效
			let systemCache = _this.$commonMethod.getSystemCacheDate('myCache')
			if(!systemCache){
				_this.$commonMethod.JumpUrl('/pages/login/login')
			}else{
				let currentTime = new Date().getTime() - systemCache.tokenTime
				if (currentTime >= 10800000){
					_this.$commonMethod.verifyPowerIsTrue('myCache')
				}
			}
			_this.headerVerify.userkey = systemCache.userKey
			_this.headerVerify.token = systemCache.token
			_this.headerVerify.userCont = systemCache.userInfo
			this.receiveData = JSON.parse(option.data)
		},
		onReady(){
			this.getDataCont()
		},
		methods:{
			//获取数据
			getDataCont(){
				let _this = this
				let sunTargetDate = {
					id:_this.receiveData.outid*1,
					outid:_this.receiveData.outid.toString()
				}
				//获取审批列表
				uni.request({
					url:_this.$commonMethod.localhostUrl+'/api/eval/lookrationkscoreflow',
					header: {
						'Content-Type': 'application/json', //自定义请求头信息
						// 'User-Agent':250,
						'user-key': _this.headerVerify.userkey,
						'user-token':_this.headerVerify.token
					},
					method:'POST',//请求方式，必须为大写
					data:sunTargetDate,
					success: (res) => {
						console.log(res)
						let callBackDate = res.data
						if(callBackDate.code == 0){
							console.log("列表值---------------->",callBackDate.data)
							_this.contdata=callBackDate.data
							// _this.receiveData.isset = 1
							// _this.$refs.uToast.show({
							// 	message: callBackDate.msg,
							// 	duration: 1000 * 2,
							// 	position:'bottom',
							// })
						}else{
							_this.$refs.uToast.show({
								message: callBackDate.msg,
								duration: 1000 * 2,
								position:'bottom',
							})
						}
					},
					fail:function(e){
						_this.$refs.uToast.show({
							message: e,
							duration: 1000 * 2,
							position:'bottom',
						})
					}
				});
			},
			//审批处理
			xingOperation(data){
				console.log("审批处理",data)
				let _this = this
				_this.loading = true
				// console.log("审批处理-----1------>",vlaIsTrue)
				// console.log("审批处理-----2------>",_this.approvalIdea)
				
				uni.request({
					url:_this.$commonMethod.localhostUrl+'/api/quan/sanction',
					header: {
						'Content-Type': 'application/json', //自定义请求头信息
						// 'User-Agent':250,
						'user-key': _this.headerVerify.userkey,
						'user-token': _this.headerVerify.token
					},
					method:'POST',//请求方式，必须为大写
					data:{
						// group:_this.headerVerify.userCont.company,	//公司
						orderid:_this.receiveData.outid,	//部门
						yesorno:vlaIsTrue,
						content:_this.approvalIdea
					},
					success: (res) => {
						console.log(res)
						let callBackDate = res.data
						if(callBackDate.code == 0){
							_this.loading = false
							let chartDate = callBackDate.data
							console.log('接口返回--login--2--',chartDate);
							_this.receiveData.isset = 1
							_this.$refs.uToast.show({
								message: callBackDate.msg,
								duration: 1000 * 1,
								position:'bottom',
								complete(){
									uni.navigateBack();
								}
							})
						}else{
							_this.loading = false
							_this.$refs.uToast.show({
								message: callBackDate.msg,
								duration: 1000 * 1,
								position:'bottom',
							})
						}
					},
					fail:function(e){
						_this.loading = false
						console.log('接口返回--login--2--',e);
						_this.$refs.uToast.show({
							message: e,
							duration: 1000 * 1,
							position:'bottom',
						})
					},
				})
			}
		}
	}
</script>

<style lang="scss">
	.titlesize{
		font-size: 40rpx;
		color: #000000;
		margin-top: 20rpx;
	}
	
	.titlesize{
		font-size: 40rpx;
		color: #000000;
		margin-top: 20rpx;
	}
	.demo-uni-col{
		padding-top: 20rpx;
		
	}
	.grid-item-box{
		overflow: hidden;
		image{
			width: 94%;
			height: 78px;
			margin:2px 3%;
		}
	}
	.card-actions {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		align-items: center;
		height: 45px;
		border-top: 1px #eee solid;
	}
	
	.card-actions-item {
		display: flex;
		flex-direction: row;
		align-items: center;
	}
	
	.card-actions-item-text {
		font-size: 12px;
		color: #666;
		margin-left: 5px;
	}
	.example-body {
		/* #ifndef APP-NVUE */
		display: block;
		/* #endif */
		// padding: 5rpx 10rpx 0;
		overflow: hidden;
	}
	.appideabox{
		padding: 10px 0;
	}
</style>
