<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: true},
					{name: 'handWriting-xd', state: true}
				],
				taskId: '',
				inspectorSign:'', // 巡店人签名
				storeManagerSign:'', // 店长签名
			}
		},
		onLoad(opts) {
			this.taskId = opts.taskId
		},
		methods: {
			// 提交本次任务
			submitFun(){
				const _this = this
				console.log({inspectorSign: _this.inspectorSign, storeManagerSign: _this.storeManagerSign})
				// 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>
