景徳镇旅游微信小程序
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.

184 lines
3.5 KiB

8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
  1. <template>
  2. <view class="page">
  3. <!-- 我的预约 -->
  4. <navbar title="我的预约" leftClick @leftClick="$utils.navigateBack" />
  5. <view style="background-color: #fff;">
  6. <uv-tabs :list="tabs"
  7. lineColor="#B12026"
  8. lineHeight="8rpx"
  9. lineWidth="50rpx"
  10. @click="clickTabs"></uv-tabs>
  11. </view>
  12. <uv-empty
  13. v-if="total == 0"
  14. text="还没有订单呢!"
  15. textSize="30rpx"
  16. iconSize="200rpx"
  17. icon="list"></uv-empty>
  18. <view class="subscribe-list">
  19. <view class="item"
  20. v-for="(item, index) in list">
  21. <!-- 主题 -->
  22. <uv-cell :title="item.orderTitle"
  23. :border="false">
  24. <template #icon>
  25. <text class="text">主题</text>
  26. </template>
  27. <template #value>
  28. <text class="price">{{ item.orderPrice }}</text>
  29. </template>
  30. </uv-cell>
  31. <!-- 日期 -->
  32. <uv-cell
  33. :border="false">
  34. <template #icon>
  35. <text class="text">日期</text>
  36. </template>
  37. <template #title>
  38. <text class="time">{{ item.orderDate }}</text>
  39. </template>
  40. </uv-cell>
  41. <!-- 时间 -->
  42. <uv-cell
  43. :border="false">
  44. <template #icon>
  45. <text class="text">时间</text>
  46. </template>
  47. <template #title>
  48. <text class="time">{{ item.orderTime }}</text>
  49. </template>
  50. </uv-cell>
  51. <!-- 电话 -->
  52. <uv-cell
  53. :border="false">
  54. <template #icon>
  55. <text class="text">电话</text>
  56. </template>
  57. <template #title>
  58. <text class="phone">{{ item.orderPhone }}</text>
  59. </template>
  60. </uv-cell>
  61. <view class="btns">
  62. <view class="btn-info">
  63. {{ statusTitle[item.orderStatus] }}
  64. </view>
  65. <view class="btn"
  66. @click="toUrl(item)">
  67. 再次预约
  68. </view>
  69. </view>
  70. </view>
  71. </view>
  72. </view>
  73. </template>
  74. <script>
  75. import mixinsList from '@/mixins/list.js'
  76. export default {
  77. mixins : [mixinsList],
  78. data() {
  79. return {
  80. statusTitle : ['待支付', '待使用', '已完成'],
  81. tabs: [
  82. {
  83. name: '路径定制'
  84. },
  85. {
  86. name: '遗产讲述'
  87. },
  88. {
  89. name: '达人同游'
  90. },
  91. {
  92. name: '我要跟拍'
  93. },
  94. {
  95. name: '非遗体验'
  96. },
  97. {
  98. name: '我要研学'
  99. },
  100. ],
  101. mixinsListApi : 'queryOrderList',
  102. list : [],
  103. }
  104. },
  105. onLoad() {
  106. this.queryParams.orderType = 0
  107. },
  108. onShow() {
  109. this.getData()
  110. },
  111. methods: {
  112. //点击tab栏
  113. clickTabs({index}) {
  114. this.queryParams.orderType = index;
  115. this.getData()
  116. },
  117. toUrl(item){
  118. for(let key in this.$config.dict){
  119. if(this.$config.dict[key].payType == item.orderType){
  120. uni.navigateTo({
  121. url: `/pages_order/order/orderSubscribe?type=${key}&id=${item.itemId}`
  122. })
  123. }
  124. }
  125. },
  126. }
  127. }
  128. </script>
  129. <style scoped lang="scss">
  130. .page {
  131. .subscribe-list{
  132. .item{
  133. background-color: #fff;
  134. border-radius: 20rpx;
  135. margin: 20rpx;
  136. padding: 20rpx;
  137. box-shadow: 0 0 16rpx 6rpx #00000011;
  138. /deep/ text{
  139. font-size: 26rpx;
  140. color: #333333;
  141. font-weight: 900;
  142. }
  143. /deep/ .text{
  144. color: #B7BBC7;
  145. margin-right: 20rpx;
  146. font-size: 26rpx;
  147. }
  148. /deep/ .price{
  149. color: #f40;
  150. }
  151. /deep/ .time{
  152. color: $uni-color;
  153. }
  154. .btns{
  155. display: flex;
  156. justify-content: space-between;
  157. .btn-info{
  158. padding: 10px 30rpx;
  159. font-size: 24rpx;
  160. color: $uni-color;
  161. }
  162. .btn{
  163. padding: 10px 30rpx;
  164. font-size: 24rpx;
  165. background-color: $uni-color;
  166. color: #fff;
  167. border-radius: 35rpx;
  168. }
  169. }
  170. }
  171. }
  172. }
  173. </style>