百富门答题小程序
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.

187 lines
3.5 KiB

6 months ago
3 months ago
6 months ago
3 months ago
6 months ago
3 months ago
3 months ago
6 months ago
6 months ago
3 months ago
6 months ago
3 months ago
3 months ago
3 months ago
6 months ago
3 months ago
3 months ago
3 months ago
6 months ago
3 months ago
6 months ago
3 months ago
6 months ago
3 months ago
3 months ago
6 months ago
3 months ago
6 months ago
3 months ago
6 months ago
3 months ago
6 months ago
3 months ago
3 months ago
6 months ago
3 months ago
6 months ago
3 months ago
6 months ago
3 months ago
6 months ago
3 months ago
6 months ago
3 months ago
3 months ago
  1. <template>
  2. <view class="page">
  3. <image :src="configList.img_13"
  4. class="page-bg"
  5. mode="aspectFill"></image>
  6. <image :src="configList.img_7"
  7. class="logo"
  8. mode="widthFix"></image>
  9. <view class="service">
  10. <image :src="configList[mapKey[key].icon]"
  11. class="img_2"
  12. mode="widthFix"></image>
  13. <view class="title">
  14. {{ mapKey[key].title }}
  15. </view>
  16. <!-- // this.date = new Date(`${res.result.yearValue}-${res.result.monthDay} ${res.result.dayTime}:00`).getTime() -->
  17. <view class="stext" v-if="mapKey[key].stext">
  18. <uv-parse :content="mapKey[key].stext"></uv-parse>
  19. </view>
  20. <view class="title" v-else-if="key == 'reservationSuccessful'">
  21. {{ form.name }}先生/小姐
  22. <br />
  23. 我们已成功安排了您的上门威士忌品鉴服务
  24. <br />
  25. 我们的专员将在{{ form.yearValue }}{{ form.monthDay }} {{ form.dayTime }} 到达
  26. <br />
  27. {{ item.province }}
  28. {{ item.city }}
  29. {{ item.area }}
  30. {{ item.address }}
  31. </view>
  32. </view>
  33. <view class="btn-list">
  34. <view class="next-btn-2"
  35. v-if="mapKey[key].next"
  36. @click="next(mapKey[key])">
  37. 点击预约
  38. </view>
  39. <view class="next-btn"
  40. v-if="mapKey[key].rep"
  41. @click="rep(mapKey[key])">
  42. 返回
  43. </view>
  44. </view>
  45. <view class="second-color">{{ configList.bg_title }}</view>
  46. </view>
  47. </template>
  48. <script>
  49. export default {
  50. data() {
  51. return {
  52. mapKey : {
  53. success_text : {
  54. rep : '/pages/index/end',
  55. icon : 'img_3',
  56. title : '提交成功',
  57. stext : `
  58. 后台正在为您匹配合适的品鉴资源, <br>
  59. 我们会在匹配结束后 <br>
  60. 发送微信推送及电话联系您确认!
  61. `,
  62. },
  63. reservationSuccessful : {
  64. rep : true,
  65. icon : 'img_3',
  66. title : '预约成功',
  67. },
  68. },
  69. key : '',
  70. id : '',
  71. form : {
  72. name : '',
  73. },
  74. date : 0,
  75. }
  76. },
  77. onLoad({key, id}) {
  78. this.key = key
  79. if(id){
  80. this.id = id
  81. this.getDetail()
  82. }
  83. },
  84. methods: {
  85. rep(map){
  86. uni.reLaunch({
  87. url: map.rep
  88. })
  89. },
  90. getDetail(){
  91. this.$api('queryReservationDetail',{
  92. id : this.id
  93. }, res => {
  94. if(res.code == 200){
  95. // this.date = new Date(`${res.result.yearValue}-${res.result.monthDay} ${res.result.dayTime}:00`).getTime()
  96. this.form = res.result
  97. }
  98. })
  99. },
  100. next(map){
  101. uni.navigateTo({
  102. url: '/pages_order/info/appoint'
  103. })
  104. },
  105. }
  106. }
  107. </script>
  108. <style scoped lang="scss">
  109. .page{
  110. .logo{
  111. width: 600rpx;
  112. margin: 150rpx 75rpx;
  113. }
  114. .service{
  115. display: flex;
  116. flex-direction: column;
  117. align-items: center;
  118. .img_2{
  119. margin: 0 auto;
  120. width: 100rpx;
  121. }
  122. .title{
  123. font-weight: 900;
  124. margin: 30rpx 0;
  125. }
  126. .stext{
  127. width: 600rpx;
  128. margin-bottom: 150rpx;
  129. line-height: 50rpx;
  130. font-size: 26rpx;
  131. color: #777;
  132. text-align: center;
  133. }
  134. }
  135. .btn-list{
  136. display: flex;
  137. flex-direction: column;
  138. gap: 40rpx;
  139. width: 100%;
  140. justify-content: center;
  141. align-items: center;
  142. }
  143. .next-btn{
  144. width: 400rpx;
  145. display: flex;
  146. align-items: center;
  147. justify-content: center;
  148. color: white;
  149. padding: 22rpx 90rpx;
  150. background-color: $uni-color;
  151. border-radius: 40rpx;
  152. }
  153. .next-btn-2{
  154. width: 400rpx;
  155. display: flex;
  156. align-items: center;
  157. justify-content: center;
  158. color: white;
  159. padding: 22rpx 90rpx;
  160. background-color: $uni-color-primary;
  161. border-radius: 40rpx;
  162. }
  163. .second-color{
  164. width: 100%;
  165. text-align: center;
  166. margin-top: 40rpx;
  167. }
  168. }
  169. </style>