order.vue 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. <template>
  2. <view class="main-block">
  3. <view class="page-block">
  4. <view class="btn-list">
  5. <navigator :url="`../order/refundRecord?store_id=${store_id}`" class="item flex flex-col flex-center">
  6. <image src="../static/images/icon_15.png" class="icon-img" mode="aspectFit"></image>
  7. <view class="name">退款记录</view>
  8. </navigator>
  9. <navigator :url="`../orderList/orderList?store_id=${store_id}`" class="item flex flex-col flex-center">
  10. <image src="../static/images/icon_1.png" class="icon-img" mode="aspectFit"></image>
  11. <view class="name">小程序订单</view>
  12. </navigator>
  13. <navigator url="../order/juheOrder?type=2" class="item flex flex-col flex-center">
  14. <image src="../static/images/icon_2.png" class="icon-img" mode="aspectFit"></image>
  15. <view class="name">订单列表</view>
  16. </navigator>
  17. <navigator url="../order/delivery?type=2" class="item flex flex-col flex-center">
  18. <image src="../static/images/ps.png" class="icon-img" mode="aspectFit"></image>
  19. <view class="name">聚合配送费记录</view>
  20. </navigator>
  21. <navigator url="../order/yuyueOrder" class="item flex flex-col flex-center">
  22. <image src="../static/images/icon_order_yuyue.png" class="icon-img" mode="aspectFit"></image>
  23. <view class="name">预约订单</view>
  24. </navigator>
  25. <navigator url="../order/miaoshaOrder" class="item flex flex-col flex-center">
  26. <image src="../static/images/icon_order_miaosha.png" class="icon-img" mode="aspectFit"></image>
  27. <view class="name">秒杀订单</view>
  28. </navigator>
  29. <navigator url="../order/pintuanOrder" class="item flex flex-col flex-center">
  30. <image src="../static/images/icon_order_pintuan.png" class="icon-img" mode="aspectFit"></image>
  31. <view class="name">拼团订单</view>
  32. </navigator>
  33. </view>
  34. </view>
  35. </view>
  36. </template>
  37. <script>
  38. export default {
  39. data() {
  40. return {
  41. store_id: ""
  42. }
  43. },
  44. onLoad(e) {
  45. this.store_id = uni.getStorageSync("store_id");
  46. },
  47. }
  48. </script>
  49. <style>
  50. .main-block {
  51. padding: 50rpx 25rpx 0;
  52. }
  53. .btn-list {
  54. display: -webkit-box;
  55. display: -webkit-flex;
  56. display: flex;
  57. -webkit-box-orient: horizontal;
  58. -webkit-box-direction: normal;
  59. -webkit-flex-flow: row wrap;
  60. flex-flow: row wrap;
  61. -webkit-box-pack: start;
  62. -webkit-justify-content: flex-start;
  63. justify-content: flex-start;
  64. -webkit-align-content: flex-start;
  65. align-content: flex-start;
  66. }
  67. .page-block {
  68. width: 700rpx;
  69. background-color: #fff;
  70. box-sizing: border-box;
  71. border-radius: 8rpx;
  72. margin-bottom: 30rpx;
  73. }
  74. .btn-list .item {
  75. width: 33.33%;
  76. height: 145rpx;
  77. }
  78. .btn-list .item .icon-img {
  79. display: block;
  80. width: 48rpx;
  81. height: 48rpx;
  82. }
  83. .btn-list .item .name {
  84. font-size: 24rpx;
  85. line-height: 33rpx;
  86. margin-top: 16rpx;
  87. color: #666;
  88. }
  89. </style>