morePage.vue 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  1. <template>
  2. <view class="morePages">
  3. <view class="list-box">
  4. <view class="list-title">
  5. <u-icon size="38" name="bag"></u-icon> <text>货品管理</text>
  6. </view>
  7. <u-cell-group :border="false">
  8. <u-cell-item title="库存查询" @click="toPage('/pages/stockQuery/stockQuery')" :title-style="{fontSize:'1em'}">
  9. <text slot="icon"></text>
  10. </u-cell-item>
  11. <u-cell-item title="补货记录" @click="toPage('/pages/digitalShelf/stockPut')" :title-style="{fontSize:'1em'}">
  12. <text slot="icon"></text>
  13. </u-cell-item>
  14. </u-cell-group>
  15. </view>
  16. <view class="list-box">
  17. <view class="list-title">
  18. <u-icon size="34" name="order"></u-icon> <text>订单管理</text>
  19. </view>
  20. <u-cell-group :border="false">
  21. <u-cell-item title="货架订单" @click="toPage('/pages/digitalShelf/orderList')" :title-style="{fontSize:'1em'}">
  22. <text slot="icon"></text>
  23. </u-cell-item>
  24. <u-cell-item title="临配订单" @click="toPage('/pages/digitalShelf/tempOrderList/tempOrderList')" :title-style="{fontSize:'1em'}">
  25. <text slot="icon"></text>
  26. </u-cell-item>
  27. </u-cell-group>
  28. </view>
  29. <view class="list-box">
  30. <view class="list-title">
  31. <u-icon size="36" name="rmb-circle"></u-icon> <text>结算管理</text>
  32. </view>
  33. <u-cell-group :border="false">
  34. <u-cell-item title="结算记录" @click="toPage('/pages/digitalShelf/settlementRecord/settlementRecord')" :title-style="{fontSize:'1em'}">
  35. <text slot="icon"></text>
  36. </u-cell-item>
  37. <u-cell-item title="付款结算" @click="toPage('/pages/digitalShelf/settlementManage/settlementManage')" :title-style="{fontSize:'1em'}">
  38. <text slot="icon"></text>
  39. </u-cell-item>
  40. </u-cell-group>
  41. </view>
  42. <view class="list-box" v-if="hasLogin&&dealerPhone">
  43. <view class="list-title flex justify_center phone" @click="call">
  44. <u-icon size="36" name="phone"></u-icon> <text>联系汽配商</text>
  45. </view>
  46. </view>
  47. </view>
  48. </template>
  49. <script>
  50. import {
  51. mapState,
  52. mapMutations
  53. } from 'vuex'
  54. export default {
  55. data() {
  56. return {
  57. dealerPhone: null
  58. }
  59. },
  60. computed: {
  61. ...mapState(['hasLogin']),
  62. hasShelf(){
  63. return this.$store.state.vuex_storeShelf
  64. }
  65. },
  66. onShow() {
  67. const shelfInfo = this.$store.state.vuex_storeShelf
  68. this.dealerPhone = shelfInfo&&shelfInfo.contactMobile ? shelfInfo.contactMobile : ''
  69. },
  70. methods: {
  71. toPage(path){
  72. if(this.hasLogin){
  73. if(this.hasShelf){
  74. uni.navigateTo({
  75. url: path
  76. })
  77. }else{
  78. uni.showToast({
  79. icon:'none',
  80. title: '门店没有关联数字货架,无法使用此功能!'
  81. })
  82. }
  83. }else{
  84. uni.navigateTo({
  85. url: '/pages/login/login'
  86. })
  87. }
  88. },
  89. call(){
  90. this.callPhone(this.dealerPhone)
  91. }
  92. }
  93. }
  94. </script>
  95. <style lang="less">
  96. .morePages{
  97. width: 100%;
  98. padding: 30rpx;
  99. background-image: linear-gradient(#86defa 0%,#cdeff9 20%,#f8f8f8 30%);
  100. .list-box{
  101. background: #ffffff;
  102. margin-bottom: 30rpx;
  103. border-radius: 25rpx;
  104. overflow: hidden;
  105. box-shadow: 2rpx 2rpx 5rpx #eee;
  106. .list-title{
  107. padding:30rpx 20rpx;
  108. font-size: 30rpx;
  109. border-bottom: 2rpx solid #f8f8f8;
  110. > text{
  111. margin-left: 10rpx;
  112. }
  113. }
  114. &:first-child{
  115. box-shadow: 2rpx 2rpx 5rpx #cdeff9;
  116. }
  117. }
  118. .phone{
  119. color: #00aaff;
  120. &:active{
  121. opacity: 0.8;
  122. transform:scale(0.9);
  123. }
  124. }
  125. }
  126. </style>