Coupon.vue 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141
  1. <template>
  2. <view class="main-block">
  3. <view class="page-block">
  4. <view class="btn-list">
  5. <block v-for="(item,index) in power_list" :key='index'>
  6. <navigator v-if="item.id!=960" class="item flex flex-col flex-center" :url="item.address">
  7. <image :src="item.image" class="icon-img" mode="aspectFit"></image>
  8. <view class="name">{{item.name}}</view>
  9. </navigator>
  10. <view v-if="item.id==960" @click="navToZhida(item.list)" class="item flex flex-col flex-center">
  11. <image src="../static/images/sszdgl.png" class="icon-img" mode="aspectFit"></image>
  12. <view class="name">搜索直达管理</view>
  13. </view>
  14. </block>
  15. <!-- <navigator url="./ShopCoupon" class="item flex flex-col flex-center">
  16. <image src="../static/images/sjyhq.png" class="icon-img" mode="aspectFit"></image>
  17. <view class="name">商家优惠劵</view>
  18. </navigator>
  19. <navigator url="./couponLog" class="item flex flex-col flex-center">
  20. <image src="../static/images/yhqjl.png" class="icon-img" mode="aspectFit"></image>
  21. <view class="name">优惠劵记录</view>
  22. </navigator> -->
  23. <!-- <navigator url="./cashCoupon" class="item flex flex-col flex-center">
  24. <image src="../static/images/icon_8.png" class="icon-img" mode="aspectFit"></image>
  25. <view class="name">现金抵扣券</view>
  26. </navigator>
  27. <navigator url="./couponList" class="item flex flex-col flex-center">
  28. <image src="../static/images/icon_8.png" class="icon-img" mode="aspectFit"></image>
  29. <view class="name">抵扣券列表</view>
  30. </navigator> -->
  31. <!-- <navigator url="./huodongCouponList" class="item flex flex-col flex-center">
  32. <image src="../static/images/sjhdq.png" class="icon-img" mode="aspectFit"></image>
  33. <view class="name">商家活动券</view>
  34. </navigator>
  35. <navigator url="./serviceForm" class="item flex flex-col flex-center">
  36. <image src="../static/images/fwtb.png" class="icon-img" mode="aspectFit"></image>
  37. <view class="name">服务提报</view>
  38. </navigator>
  39. <navigator url="./imgForm" class="item flex flex-col flex-center">
  40. <image src="../static/images/sctb.png" class="icon-img" mode="aspectFit"></image>
  41. <view class="name">素材提报</view>
  42. </navigator>
  43. <navigator url="./searchForm" class="item flex flex-col flex-center">
  44. <image src="../static/images/gjcss.png" class="icon-img" mode="aspectFit"></image>
  45. <view class="name">关键词搜索</view>
  46. </navigator> -->
  47. </view>
  48. </view>
  49. </view>
  50. </template>
  51. <script>
  52. export default {
  53. methods:{
  54. navToZhida(list){
  55. let urls=[],itemList=[];
  56. for(let i of list){
  57. urls.push(i.address)
  58. itemList.push(i.name)
  59. }
  60. // let urls = list
  61. // ['./searchOperation','./searchList','./aliPlan']:['授权管理','搜索直达','投放计划']
  62. uni.showActionSheet({
  63. itemList:itemList,
  64. success: (r) => {
  65. uni.navigateTo({
  66. url:urls[r.tapIndex]
  67. })
  68. }
  69. })
  70. },
  71. },
  72. data() {
  73. return {
  74. power_list:[],
  75. }
  76. },
  77. onLoad(e) {
  78. this.sid=e.id;
  79. let { list } = this.$store.state.management_list_store.find((v, i) => v.id == e.id)
  80. this.power_list = list
  81. },
  82. }
  83. </script>
  84. <style>
  85. .main-block {
  86. padding: 50rpx 25rpx 0;
  87. }
  88. .btn-list {
  89. display: -webkit-box;
  90. display: -webkit-flex;
  91. display: flex;
  92. -webkit-box-orient: horizontal;
  93. -webkit-box-direction: normal;
  94. -webkit-flex-flow: row wrap;
  95. flex-flow: row wrap;
  96. -webkit-box-pack: start;
  97. -webkit-justify-content: flex-start;
  98. justify-content: flex-start;
  99. -webkit-align-content: flex-start;
  100. align-content: flex-start;
  101. }
  102. .page-block {
  103. width: 700rpx;
  104. background-color: #fff;
  105. box-sizing: border-box;
  106. border-radius: 8rpx;
  107. margin-bottom: 30rpx;
  108. }
  109. .btn-list .item {
  110. width: 33.33%;
  111. height: 145rpx;
  112. }
  113. .btn-list .item .icon-img {
  114. display: block;
  115. width: 48rpx;
  116. height: 48rpx;
  117. }
  118. .btn-list .item .name {
  119. font-size: 24rpx;
  120. line-height: 33rpx;
  121. margin-top: 16rpx;
  122. color: #666;
  123. }
  124. </style>