deviceList.vue 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  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 class="item flex flex-col flex-center"
  7. :url="`${item.address}?id=${item.id}&type=${type}&sid=${sid}`">
  8. <image class="icon-img" :src="item.image"></image>
  9. <view class="name">{{item.name}}</view>
  10. </navigator>
  11. <!-- <navigator v-if="item.id==803||item.id==242" class="item flex flex-col flex-center"
  12. :url="`${item.address}?id=${item.id}&type=${type}&sid=${sid}`">
  13. <image class="icon-img" :src="item.image"></image>
  14. <view class="name">{{item.name}}</view>
  15. </navigator> -->
  16. </block>
  17. </view>
  18. </view>
  19. </view>
  20. </template>
  21. <script>
  22. export default {
  23. data() {
  24. return {
  25. store_id:"",
  26. type:2, //门店
  27. power_list:[],
  28. sid:'',
  29. }
  30. },
  31. onLoad(e) {
  32. this.sid=e.id;
  33. if(e.id==800){
  34. this.type=1;
  35. }else{
  36. this.type=e.type||2;
  37. }
  38. var management_list_store;
  39. if(uni.getStorageSync("is_shop")){
  40. management_list_store=this.$store.state.management_list||[]
  41. }else{
  42. management_list_store=this.$store.state.management_list_store||[]
  43. }
  44. let { list } = management_list_store.find((v, i) => v.id == e.id)
  45. this.power_list = list
  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>