home.vue 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
  1. <template>
  2. <view class="home">
  3. <!-- <uni-notice-bar show-icon scrollable
  4. text="uni-app 版正式发布,开发一次,同时发布iOS、Android、H5、微信小程序、支付宝小程序、百度小程序、头条小程序等7大平台。" /> -->
  5. <!-- <uni-card v-for="i in userInfoData.menus" :key="i.id">
  6. <view class="title">
  7. {{i.name}}
  8. </view>
  9. <view class="menu-list-warp">
  10. <view class="menu-list-box" v-for="j in i.children" :key="j.id" @click="toRouter(j)">
  11. <image :src="'../static/' + j.icon" mode=""></image>
  12. <view class="">
  13. {{j.name}}
  14. </view>
  15. </view>
  16. </view>
  17. </uni-card> -->
  18. <uni-card>
  19. <view class="title">
  20. 库存
  21. </view>
  22. <view class="menu-list-warp">
  23. <view class="menu-list-box" @click="toRouter('/submit/submit')">
  24. <image :src="'../static/smck.png'" mode=""></image>
  25. <view class="">
  26. 异常上报
  27. </view>
  28. </view>
  29. <view class="menu-list-box" @click="toRouter('/usedTotal/usedTotal')" v-if="isRoom">
  30. <image :src="'../static/tj.png'" mode=""></image>
  31. <view class="">
  32. 库存统计
  33. </view>
  34. </view>
  35. </view>
  36. </uni-card>
  37. <uni-card>
  38. <view class="title">
  39. 出库管理
  40. </view>
  41. <view class="menu-list-warp">
  42. <view class="menu-list-box" @click="toRouter('/usedTotal/warehouse-list')">
  43. <image :src="'../static/smrk.png'" mode=""></image>
  44. <view class="">
  45. 物料接收
  46. </view>
  47. </view>
  48. </view>
  49. </uni-card>
  50. </view>
  51. </template>
  52. <script>
  53. import {
  54. getInfo
  55. } from "@/util/api.js";
  56. import Vue from 'vue'
  57. export default {
  58. data() {
  59. return {
  60. userInfoData: [],
  61. notificationData: [],
  62. isRoom: false,
  63. }
  64. },
  65. onLoad() {
  66. // wx.requestSubscribeMessage({
  67. // tmplIds: ['Tt0C6SOrtd2QXIdLqrm0CNdarUE4LG_lNJblUnkqTPM'],
  68. // success(res) {
  69. // },
  70. // fail(err){
  71. // console.log(err)
  72. // }
  73. // })
  74. const v = this
  75. if (
  76. Vue.prototype.$token.role_id == '1552548151620026370' ||
  77. Vue.prototype.$token.role_id == '1552550790307004417' ||
  78. Vue.prototype.$token.role_id == '1552550978346041346') {
  79. this.isRoom = true
  80. }
  81. // v.$post('/wx/login/getUserInfo').then(res => {
  82. // v.userInfoData = res.data
  83. // Vue.prototype.$userInfo = res.data
  84. // uni.setStorage({
  85. // key: "userInfo",
  86. // data: res.data,
  87. // success(res) {
  88. // },
  89. // fail(res) {}
  90. // })
  91. // })
  92. // v.$post('/wx/message/notification',{}).then(res=>{
  93. // v.notificationData = res.data
  94. // })
  95. },
  96. methods: {
  97. toRouter(j) {
  98. console.log(j)
  99. wx.requestSubscribeMessage({
  100. tmplIds: ['Tt0C6SOrtd2QXIdLqrm0CNdarUE4LG_lNJblUnkqTPM'],
  101. success(res) {
  102. },
  103. fail(err){
  104. console.log(err)
  105. }
  106. })
  107. uni.navigateTo({
  108. url: '/pages' + j
  109. })
  110. },
  111. },
  112. }
  113. </script>
  114. <style lang="less">
  115. .menu-list-warp {
  116. .menu-list-box {
  117. width: 25%;
  118. text-align: center;
  119. float: left;
  120. padding: 20rpx;
  121. image {
  122. width: 100rpx;
  123. height: 100rpx;
  124. }
  125. }
  126. }
  127. </style>