shopTourOver.vue 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. <template>
  2. <view class="shopTourOver-wrap">
  3. <!-- 店长签名 -->
  4. <view class="autograph-con">
  5. <text class="autograph-tit">店长签名:</text>
  6. <view class="autograph-main">
  7. <autograph-to-pic canvasId="handWriting-dz" :isEmpty="isEmpty" />
  8. </view>
  9. </view>
  10. <!-- 巡店人签名 -->
  11. <view class="autograph-con">
  12. <text class="autograph-tit">巡店人签名:</text>
  13. <view class="autograph-main">
  14. <autograph-to-pic canvasId="handWriting-xd" :isEmpty="isEmpty" />
  15. </view>
  16. </view>
  17. <u-button type="primary" shape="circle" class="submit-btn" @click="submitFun">提交</u-button>
  18. </view>
  19. </template>
  20. <script>
  21. import AutographToPic from '@/components/autograph-to-pic/autograph-to-pic.vue'
  22. export default{
  23. components: {
  24. AutographToPic
  25. },
  26. data(){
  27. return{
  28. isEmpty: [ // 是否为空判断
  29. {name: 'handWriting-dz', state: false},
  30. {name: 'handWriting-xd', state: false}
  31. ]
  32. }
  33. },
  34. methods: {
  35. // 提交
  36. submitFun(){
  37. // this.isEmpty = [
  38. // {name: 'handWriting-dz', state: true},
  39. // {name: 'handWriting-xd', state: true},
  40. // ]
  41. uni.navigateTo({
  42. url: '/pages/shopTourCompleted/shopTourCompleted'
  43. })
  44. }
  45. }
  46. }
  47. </script>
  48. <style lang="scss" scoped>
  49. page{
  50. background-color: #f8f8f8;
  51. height: calc(100vh - 44px);
  52. }
  53. .shopTourOver-wrap{
  54. height: 100%;
  55. .autograph-con{
  56. margin: 30upx 30upx 0;
  57. border-radius: 12upx;
  58. background-color: #fff;
  59. .autograph-tit{
  60. display: block;
  61. padding: 20upx 30upx;
  62. }
  63. }
  64. .submit-btn{
  65. width: 80%;
  66. margin: 60upx auto 40upx;
  67. }
  68. }
  69. </style>