<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'
	export default{
		components: {
			AutographToPic
		},
		data(){
			return{
				isEmpty: [  //  是否为空判断
					{name: 'handWriting-dz', state: false},
					{name: 'handWriting-xd', state: false}
				]
			}
		},
		methods: {
			//  提交
			submitFun(){
				// this.isEmpty = [
				// 	{name: 'handWriting-dz', state: true},
				// 	{name: 'handWriting-xd', state: true},
				// ]
				uni.navigateTo({
					url: '/pages/shopTourCompleted/shopTourCompleted'
				})
			}
		}
	}
</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>
