<template>
	<view class="shopTourOver-wrap">
		<!-- 店长签名 -->
		<view class="autograph-con">
			<text class="autograph-tit">店长签名：</text>
			<view class="autograph-main">
				<autograph-to-pic canvasId="handWriting-dz" :isEmpty="isEmpty" />
			</view>
		</view>
		<!-- 巡店人签名 -->
		<view class="autograph-con">
			<text class="autograph-tit">巡店人签名：</text>
			<view class="autograph-main">
				<autograph-to-pic canvasId="handWriting-xd" :isEmpty="isEmpty" />
			</view>
		</view>
		<u-button type="primary" shape="circle" class="submit-btn" @click="submitFun">提交</u-button>
	</view>
</template>

<script>
	import AutographToPic from '@/components/autograph-to-pic/autograph-to-pic.vue'
	import {submitTask} from '@/api/task'
	import { clzConfirm,saveBase64ToAliOss } from '@/libs/tools'
	export default{
		components: {
			AutographToPic
		},
		data(){
			return{
				isEmpty: [  //  是否为空判断
					{name: 'handWriting-dz', state: false},
					{name: 'handWriting-xd', state: false}
				],
				taskId: '',
				inspectorSign:'', // 巡店人签名
				storeManagerSign:'', // 店长签名
			}
		},
		onLoad(opts) {
			this.taskId = opts.taskId
		},
		methods: {
			// 提交本次任务
			submitFun(){
				const _this = this;
				clzConfirm({
					title: '提示',
					content: '确定提交本次巡店？',
					success: function(res) {
						if (res.confirm || res.index == 0) {
							submitTask({
								id: _this.taskId,
								inspectorSign: _this.inspectorSign,
								storeManagerSign: _this.storeManagerSign
							}).then(ret=>{
								console.log(ret)
								if(ret.status == 200){
									// 关闭上页
									uni.$emit("closeTour",1)
									// 打开完成页面
									uni.redirectTo({
										url:"/pages/shopTourCompleted/shopTourCompleted?taskId="+_this.taskId
									})
								}
								uni.showToast({
									icon:'none',
									title: ret.message
								})
							})
						}
					}
				});
			},
		}
	}
</script>

<style lang="scss" scoped>
	page{
		background-color: #f8f8f8;
		height: calc(100vh - 44px);
	}
	.shopTourOver-wrap{
		height: 100%;
		.autograph-con{
			margin: 30upx 30upx 0;
			border-radius: 12upx;
			background-color: #fff;
			.autograph-tit{
				display: block;
				padding:  20upx 30upx;
			}
		}
		.submit-btn{
			width: 80%;
			margin: 60upx auto 40upx;
		}
	}
</style>
