morePage.vue 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166
  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">
  43. <view class="list-title">
  44. <u-icon size="32" name="home"></u-icon> <text>门店管理</text>
  45. </view>
  46. <u-cell-group :border="false">
  47. <u-cell-item title="员工管理" @click="toPage('/pages/storeManage/personnel')" :title-style="{fontSize:'1em'}">
  48. <text slot="icon"></text>
  49. </u-cell-item>
  50. </u-cell-group>
  51. </view>
  52. <view class="list-box" v-if="hasLogin&&dealerPhone">
  53. <view class="list-title flex justify_center phone" @click="call">
  54. <u-icon size="36" name="phone"></u-icon> <text>联系汽配商</text>
  55. </view>
  56. </view>
  57. <!-- 去认证 -->
  58. <u-popup v-model="showPopup" mode="center" :border-radius="20" closeable>
  59. <view style="background-color: #fff;padding: 1rem;">
  60. <u-image width="533" height="415" src="/static/authimg.jpg"></u-image>
  61. <view style="padding-top:1rem;" class="flex justify_center">
  62. <u-button @click="toAuthStore()" shape="circle" :custom-style="{background:'#066cff',color:'#fff',width:'350rpx'}">开始认证</u-button>
  63. </view>
  64. </view>
  65. </u-popup>
  66. </view>
  67. </template>
  68. <script>
  69. import {
  70. mapState,
  71. mapMutations
  72. } from 'vuex'
  73. export default {
  74. data() {
  75. return {
  76. dealerPhone: null,
  77. showPopup: false
  78. }
  79. },
  80. computed: {
  81. ...mapState(['hasLogin']),
  82. hasShelf(){
  83. return !!this.$store.state.vuex_storeShelf
  84. },
  85. userInfo(){
  86. return this.$store.state.vuex_userInfo
  87. },
  88. storeApply(){
  89. return this.$store.state.vuex_storeAuthInfo
  90. }
  91. },
  92. onShow() {
  93. const shelfInfo = this.$store.state.vuex_storeShelf
  94. this.dealerPhone = shelfInfo&&shelfInfo.contactMobile ? shelfInfo.contactMobile : ''
  95. },
  96. methods: {
  97. toPage(path){
  98. if(this.hasLogin){
  99. // 游客未认证
  100. if(this.userInfo.sysUserFlag == '0'){
  101. this.showPopup = true
  102. }else{
  103. // 已有数字货架
  104. if(this.hasShelf){
  105. uni.navigateTo({
  106. url: path
  107. })
  108. }else{
  109. uni.showToast({
  110. icon:'none',
  111. title: '门店没有关联数字货架,无法使用此功能!'
  112. })
  113. }
  114. }
  115. }else{
  116. uni.navigateTo({
  117. url: '/pages/login/login'
  118. })
  119. }
  120. },
  121. toAuthStore(){
  122. this.showPopup = false
  123. uni.navigateTo({
  124. url: '/pages/storeManage/storeAuth'
  125. })
  126. },
  127. call(){
  128. this.callPhone(this.dealerPhone)
  129. }
  130. }
  131. }
  132. </script>
  133. <style lang="less">
  134. .morePages{
  135. width: 100%;
  136. padding: 30rpx;
  137. background-image: linear-gradient(#86defa 0%,#cdeff9 20%,#f8f8f8 30%);
  138. .list-box{
  139. background: #ffffff;
  140. margin-bottom: 30rpx;
  141. border-radius: 25rpx;
  142. overflow: hidden;
  143. box-shadow: 2rpx 2rpx 5rpx #eee;
  144. .list-title{
  145. padding:30rpx 20rpx;
  146. font-size: 30rpx;
  147. border-bottom: 2rpx solid #f8f8f8;
  148. > text{
  149. margin-left: 10rpx;
  150. }
  151. }
  152. &:first-child{
  153. box-shadow: 2rpx 2rpx 5rpx #cdeff9;
  154. }
  155. }
  156. .phone{
  157. color: #00aaff;
  158. &:active{
  159. opacity: 0.8;
  160. transform:scale(0.9);
  161. }
  162. }
  163. }
  164. </style>