storeList.vue 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  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
  7. :url="item.address" class="item flex flex-col flex-center">
  8. <image :src="item.image" class="icon-img" mode="aspectFit"></image>
  9. <view class="name">{{item.name}}</view>
  10. </navigator>
  11. <navigator v-if="item.id==256||item.name=='门店设置'" :url="`./mandatory?store_id=${store_id}`"
  12. class="item flex flex-col flex-center">
  13. <image src="./static/images/icon_8.png" class="icon-img" mode="aspectFit"></image>
  14. <view class="name">必选商品设置</view>
  15. </navigator>
  16. </block>
  17. <!-- <navigator url="./storeSetup" class="item flex flex-col flex-center">
  18. <image src="./static/images/icon_1.png" class="icon-img" mode="aspectFit"></image>
  19. <view class="name">门店设置</view>
  20. </navigator> -->
  21. <!-- <navigator url="./distriBution" class="item flex flex-col flex-center">
  22. <image src="./static/images/ps.png" class="icon-img" mode="aspectFit"></image>
  23. <view class="name">聚合配送</view>
  24. </navigator>
  25. <navigator url="./distriRule" class="item flex flex-col flex-center">
  26. <image src="./static/images/icon_2.png" class="icon-img" mode="aspectFit"></image>
  27. <view class="name">配送规则</view>
  28. </navigator>
  29. <navigator :url="`./bannerList?store_id=${store_id}`"
  30. class="item flex flex-col flex-center">
  31. <image src="./static/images/icon_3.png" class="icon-img" mode="aspectFit"></image>
  32. <view class="name">广告设置</view>
  33. </navigator>
  34. <navigator :url="`./staff?store_id=${store_id}&type=2`"
  35. class="item flex flex-col flex-center">
  36. <image src="./static/images/icon_4.png" class="icon-img" mode="aspectFit"></image>
  37. <view class="name">员工管理</view>
  38. </navigator>
  39. <navigator :url="`./handover?store_id=${store_id}`"
  40. class="item flex flex-col flex-center">
  41. <image src="./static/images/icon_5.png" class="icon-img" mode="aspectFit"></image>
  42. <view class="name">交班记录</view>
  43. </navigator>
  44. <navigator :url="`./BusinessHours?store_id=${store_id}`"
  45. class="item flex flex-col flex-center">
  46. <image src="./static/images/icon_15.png" class="icon-img" mode="aspectFit"></image>
  47. <view class="name">营业时间</view>
  48. </navigator>
  49. <navigator :url="`/saomaDiancan/lineUp/index?store_id=${store_id}`"
  50. class="item flex flex-col flex-center">
  51. <image src="./static/images/icon_14.png" class="icon-img" mode="aspectFit"></image>
  52. <view class="name">排队取号</view>
  53. </navigator>
  54. <navigator :url="`/saomaDiancan/tableList/tableList?store_id=${store_id}&name=${info.set.table_manager}`"
  55. class="item flex flex-col flex-center">
  56. <image src="./static/images/icon_8.png" class="icon-img" mode="aspectFit"></image>
  57. <view class="name">{{info.set.table_manager ||'餐桌管理'}}</view>
  58. </navigator>
  59. <navigator :url="`/saomaDiancan/tableTypeList/tableTypeList?store_id=${store_id}&name=${info.set.table_type}`"
  60. class="item flex flex-col flex-center">
  61. <image src="./static/images/icon_9.png" class="icon-img" mode="aspectFit"></image>
  62. <view class="name">{{info.set.table_type || '餐桌类型'}}</view>
  63. </navigator> -->
  64. </view>
  65. </view>
  66. </view>
  67. </template>
  68. <script>
  69. export default {
  70. data() {
  71. return {
  72. store_id: "",
  73. power_list:[]
  74. }
  75. },
  76. onLoad(e) {
  77. let { list } = this.$store.state.management_list.find((v, i) => v.id == e.id)
  78. this.power_list = list
  79. // console.log(this.power_list ,"this.power_list")
  80. this.store_id = uni.getStorageSync("store_id");
  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>