1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071 |
- <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>
|