学员端小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

145 lines
3.1 KiB

1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
  1. <template>
  2. <view class="pageBgImg">
  3. <topNavbar :title="title"></topNavbar>
  4. <view class="pad" style="padding-bottom: 60rpx;">
  5. <step1 v-if="currentStep==1" @changeStep="changeStep" :FormData="FormData" @showStep2="showStep2"></step1>
  6. <step2 v-if="currentStep==2" @changeStep="changeStep" :FormData="FormData"></step2>
  7. </view>
  8. <u-popup :show="show" mode="center" :round="8">
  9. <view class="popupCon">
  10. <view class="h2">再次确认预约信息</view>
  11. <view class="content">
  12. <view class="row">
  13. <view class="lab">预约类型</view>
  14. <view class="val">实操训练预约</view>
  15. </view>
  16. <view class="row">
  17. <view class="lab">预约科目</view>
  18. <view class="val">{{FormData.subject==2?'科目二': '科目三'}}</view>
  19. </view>
  20. <view class="row">
  21. <view class="lab">预约场地</view>
  22. <view class="val">xxx场地</view>
  23. </view>
  24. <view class="row">
  25. <view class="lab">预约车辆</view>
  26. <view class="val">02号车</view>
  27. </view>
  28. <view class="row">
  29. <view class="lab">预约时间</view>
  30. <view class="val">2023/08/08 08:009:00</view>
  31. </view>
  32. </view>
  33. <view class="btn_row">
  34. <view class="border btn" @click="show = false">返回修改</view>
  35. <view class="btn">确认</view>
  36. </view>
  37. </view>
  38. </u-popup>
  39. </view>
  40. </template>
  41. <script>
  42. import step1 from './comp/step1'
  43. import step2 from './comp/step2'
  44. export default {
  45. components: { step1, step2,},
  46. data() {
  47. return {
  48. currentStep: 1,
  49. title: '实操训练预约',
  50. FormData: {
  51. carId: '',
  52. subject: 2,
  53. classDate: '',
  54. classTime: '',
  55. licnum: '',
  56. siteName: '',
  57. trainType: 'C1',
  58. coachId: ''
  59. },
  60. show: false
  61. }
  62. },
  63. onLoad(options) {
  64. this.subject = options.subject
  65. if(this.subject==2) {
  66. this.title = '实操训练科目二预约'
  67. }else if(this.subject==3) {
  68. this.title = '实操训练科目三预约'
  69. }
  70. if(options.subject) this.FormData.subject = options.subject
  71. this.FormData.trainType = this.vuex_userInfo.trainType
  72. },
  73. methods: {
  74. changeStep(num) {
  75. this.currentStep = num
  76. },
  77. showStep2() {
  78. this.currentStep = 2
  79. }
  80. }
  81. }
  82. </script>
  83. <style lang="scss" scoped>
  84. .popupCon {
  85. padding: 30rpx 50rpx;
  86. .h2 {
  87. font-weight: 600;
  88. color: #333333;
  89. line-height: 70rpx;
  90. font-size: 36rpx;
  91. text-align: center;
  92. margin-bottom: 20rpx;
  93. }
  94. .content {
  95. padding-bottom: 20rpx;
  96. .row {
  97. padding: 22rpx 0;
  98. display: flex;
  99. font-size: 28rpx;
  100. align-items: center;
  101. .lab {
  102. width: 180rpx;
  103. color: #686B73;
  104. }
  105. .val {
  106. flex: 1;
  107. font-weight: 500;
  108. }
  109. }
  110. }
  111. }
  112. .btn_row {
  113. display: flex;
  114. justify-content: space-between;
  115. padding-bottom: 30rpx;
  116. .btn {
  117. width: 47%;
  118. height: 72rpx;
  119. background: #1989FA;
  120. border-radius: 8rpx;
  121. font-size: 28rpx;
  122. color: #fff;
  123. text-align: center;
  124. line-height: 72rpx;
  125. &.border {
  126. background: rgba(25, 137, 250, 0.1);
  127. border: 2rpx solid $themC;
  128. color: $themC;
  129. }
  130. }
  131. }
  132. </style>