<template>
	<view class="acceptRecord">
		<navbar title="验收记录" :isCenter="true" :back="true"></navbar>
		<view class="record">
			<view class="section">
				<view class="recordItem">
					<view class="left">订单创建时间</view>
					<view class="right">{{detaildInfo.createtime}}</view>
				</view>
				<view class="recordItem">
					<view class="left">代理商签字时间</view>
					<view class="right">{{detaildInfo.agent_sign_time_text?detaildInfo.agent_sign_time_text:''}}</view>
				</view>
				<view class="recordItem">
					<view class="left">代理商公司名称</view>
					<view class="right">{{detaildInfo.agent_company_name}}</view>
				</view>
				<view class="recordItem">
					<view class="left">代理商签字人姓名</view>
					<view class="right" v-show="detaildInfo.status!=1">{{detaildInfo.agent_name}}</view>
				</view>
				<view class="recordItem">
					<view class="left">代理商签字人手机号</view>
					<view class="right" v-show="detaildInfo.status!=1">{{detaildInfo.agent_mobile}}</view>
				</view>
				<view class="recordItem">
					<view class="left">代理商地址</view>
					<view class="right" v-show="detaildInfo.status!=1">{{detaildInfo.agent_address}}</view>
				</view>
			</view>
			
			<view class="section" style="margin-top:36rpx">
				<view class="recordItem">
					<view class="left">审核员签字时间</view>
					<view class="right">{{detaildInfo.auditor_sign_time_text?detaildInfo.auditor_sign_time_text:''}}</view>
				</view>
				<view class="recordItem">
					<view class="left">审核员姓名</view>
					<view class="right">{{detaildInfo.auditor_name}}</view>
				</view>
				
			</view>
			<view class="section" style="margin-top:36rpx;border:none;">
				<view class="recordItem">
					<view class="left">用户签字时间</view>
					<view class="right">{{detaildInfo.user_sign_time_text?detaildInfo.user_sign_time_text:''}}</view>
				</view>
				<view class="recordItem">
					<view class="left">用户姓名</view>
					<view class="right">{{detaildInfo.user_name}}</view>
				</view>
				<view class="recordItem">
					<view class="left">用户手机号</view>
					<view class="right">{{detaildInfo.user_mobile}}</view>
				</view>
			
				<view class="recordItem">
					<view class="left">用户地址</view>
					<view class="right">{{detaildInfo.user_address}}</view>
				</view>
				
			</view>
			<view class="status nopass" v-if="detaildInfo.status==5">
				验收不通过原因: {{detaildInfo.no_reason}}
			</view>
			<!-- status为3用户待签字  -->
			<view class="btnContent" v-if="detaildInfo.status!=5">
				<button class="btnItem unpass" v-if="userInfo.user_type==1"  @click="unpassHandle">验收不合格</button>
				<button class="btnItem pass" v-show="detaildInfo.status==1" @click="signHandle">验收签字</button>
				<button class="btnItem pass" v-show="detaildInfo.status!=1" @click="lookReport">查看报告</button>
				<button class="btnItem pass" open-type="share"  v-show="userInfo.user_type==2&&detaildInfo.status==3">分享链接</button>
			</view>
			<view class="btnContent" v-else>
				<button class="btnItem pass" v-show="detaildInfo.status==5" @click="signHandle">验收签字</button>
			</view>
			<u-modal :show="show"  confirmColor="#8EC31F" @confirm="confirmHandle" @cancel="cancelHandle" :showCancelButton="true">
				<view class="slot-content">
					<view class="title">
						验收不通过原因
					</view>
					<u--textarea v-model="failReason" placeholder="请输入内容" ></u--textarea>
				</view>
			</u-modal>
		</view>
		
	</view>
</template>

<script>
	import navbar from '@/components/navbar.vue'
	import {getDetails,unpassHandle} from '@/common/api.js'
	import {getToken,getUserInfo,checkUserSign} from '@/common/auth.js'
	export default {
		components:{navbar},
		data() {
			return {
				id:null,
				detaildInfo:{},
				show:false,
				failReason:'',
				userInfo:{},
				shareShow:false,
				confirmForm:{
					name:'',
					phone:''
				},
				rules: {
					'name': {
						required: true,
						message: '请输入姓名',
						trigger: ['blur', 'change']
					},
					'phone': {
						required: true,
						message: '请输入手机号',
						trigger: ['blur', 'change']
					},
				},
			}
		},
		onLoad(option) {
			if(option.isShare){
				this.id=option.id
				this.shareShow = true;
			}else{
				this.userInfo = getUserInfo()
				console.log(this.userInfo)
				this.id=option.id
				// this.getDetails()
			}
			
		},
		onShow() {
				this.getDetails()
		},
		methods: {
			shareConfirm(){
				let params={
					wordorder_id:this.id,
					username:this.confirmForm.name,
					mobile:this.confirmForm.phone
				}
				checkUserSign(params).then(res=>{
					if(res.code==1){
						if(res.data.status==4){//已签
							if(res.data.user_name==this.confirmForm.name){//已签且是本人
								uni.setStorageSync("acceptance_content",res.data.acceptance_content)
								uni.navigateTo({
									url:'/pages/index/userSignPage?id='+this.id+'&isUserSign='+1+'&name='+this.confirmForm.name+'&mobile='+this.confirmForm.mobile
								})
							}
						}else if(res.data.status==3){//待用户签字
							uni.navigateTo({
								url:'/pages/index/userInformation?id='+this.id+'&isUserSign='+0+'&name='+this.confirmForm.name+'&mobile='+this.confirmForm.mobile
							})
						}
					}else{
						uni.showToast({
							title: res.msg,
							icon: 'none',
							duration: 2000
						})
					}
				})
			},
			
			unpassHandle(){
				this.show = true;
			},
			newDate(time) {
			    var date = new Date(time)
			    var y = date.getFullYear()
			    var m = date.getMonth() + 1
			    m = m < 10 ? '0' + m : m
			    var d = date.getDate()
			    d = d < 10 ? '0' + d : d
			    var h = date.getHours()
			    h = h < 10 ? '0' + h : h
			    var minute = date.getMinutes()
			    minute = minute < 10 ? '0' + minute : minute
			    var s = date.getSeconds()
			    s = s < 10 ? '0' + s : s
			    return y + '-' + m + '-' + d + ' ' + h + ':' + minute + ':' + s
			},
			getDetails(){
				getDetails({id:this.id,custom: { auth: true }}).then(res=>{
					let obj = JSON.parse(JSON.stringify(res.data))
					
					for(let i in obj){
						this.$set(this.detaildInfo,i,obj[i])
					}
					// this.detaildInfo.createtime?this.newDate(this.detaildInfo.createtime):null
					// this.detaildInfo.agent_sign_time? this.newDate(this.detaildInfo.agent_sign_time):null
					// this.detaildInfo.auditor_sign_time?this.newDate(this.detaildInfo.auditor_sign_time):null
					// this.detaildInfo.user_sign_time?this.newDate(this.detaildInfo.user_sign_time):null
					// console.log(obj.acceptance_content)
					// uni.setStorageSync('acceptance_content',obj.acceptance_content)
				})
			},
			cancelHandle(){
				this.show = false
			},
			confirmHandle(){
				unpassHandle({wordorder_id:this.id,content:this.failReason}).then(res=>{
					
					this.getDetails()
					this.show = false
				})
			},
			signHandle(){
				if(this.userInfo.user_type==2){
					uni.navigateTo({
						url:'/pages/index/sign?id='+this.id+'&status='+this.detaildInfo.status
					})
				}else{
					uni.navigateTo({
						url:'/pages/index/userInformation?id='+this.id+'&isUserSign='+0+'&name='+this.userInfo.username+'&mobile='+this.userInfo.mobile
					})
				}
				
			},
			lookReport(){
				let pdfUrl = uni.getStorageSync('pdf')
				uni.navigateTo({
					url:'/pages/webview/webview?url='+pdfUrl
				})
			},
			shareHandle() {
				let that = this
				let routes = getCurrentPages(); // 获取当前打开过的页面路由数组
				let curRoute = routes[routes.length - 1].$page.fullPath.substr(1) // 获取当前页面路由，也就是最后一个打开的页面路由
				console.log(that.baseUrl,curRoute,that.id)
				uni.share({
					provider: "weixin", //分享服务提供商（即weixin|qq|sinaweibo）
					scene: 'WXSceneSession', //场景，可取值参考下面说明。
					type: 0, //分享形式
					href: `${that.baseUrl}${curRoute}&isShare=true`, //跳转链接
					title: "验收记录", //分享内容的标题
					// summary: that.storeInfo.storeInfo, //分享内容的摘要
					// imageUrl: that.storeInfo.image, //图片地址
					success: function(res) {
						uni.showToast({
							title: '分享成功',
							icon: 'none',
							duration: 2000
						})
					},
					fail: function(err) {
						console.log(err)
						uni.showToast({
							title: '分享失败',
							icon: 'none',
							duration: 2000
						})
					}
				});
			},
			
		},
		onShareAppMessage (res) {
			if(res.from==='button'){
				return {
				  title: '验收记录',
				  path: `/pages/my/sharePage?id=${this.id}&isShare=`+true,
				  success(res) {
					  uni.showToast({
						  title: '分享成功'
					  })
				  },
				  fail(res) {
					  console.log(res,"iii")
					  uni.showToast({
						  title: '分享失败',
						  icon: 'none'
					  })
				  }
				}
			}
			
		}
	}
</script>

<style lang="scss" scoped>
.acceptRecord{
	min-height: calc(100vh);
	background-color: #F4F5F7;
	display: flex;
	flex-direction: column;
}
.record{
	background: #FFFFFF;
	border-radius: 10px;
	padding:36rpx 30rpx 44rpx 30rpx;
	margin:24rpx;
	flex: 1;
	position: relative;
	.section{
		border-bottom: 1px solid #EAEAEA;
		.recordItem{
			display: flex;
			margin-bottom:36rpx;
			.left{
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #999999;
				width:270rpx;
			}
			.right{
				
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #222222;
			}
		}
	}
	
	.status{
		padding:18rpx 24rpx;
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 500;
		margin-bottom: 120rpx;
		border-radius: 10rpx;
		
	}
	.nopass{
		color: #E72525;
		background: #FFF1F2;
	}
	.btnContent{
		position: absolute;
		bottom:20rpx;
		display: flex;
		justify-content: space-between;
		width: calc(100% - 60rpx);
		
	}
	.btnItem{
		line-height: 91rpx;
		height: 91px;
		text-align: center;
		background: #FFFFFF;
		border: 1px solid #8EC31F;
		border-radius: 10px;
		flex:1;
		height: auto;
	}
	.unpass{
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #8EC31F;
	}
	.pass{
		
		background: #8EC31F;
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #FFFFFF;
		margin-left:41rpx;
	}
}
.slot-content{
	width: 100%;
	.title{
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #222222;
		text-align: center;
	}
	/deep/.u-textarea{
		margin-top:20rpx;
	}
}


</style>
