morePage.vue 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222
  1. <template>
  2. <view class="morePages">
  3. <view class="list-box" v-if="$hasPermissions('M_stockQueryList_mini')||$hasPermissions('M_stockPut_mini')">
  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="库存查询" v-if="$hasPermissions('M_stockQueryList_mini')" @click="toPage('/pages/stockQuery/stockQuery')" :title-style="{fontSize:'1em'}">
  9. <text slot="icon"></text>
  10. </u-cell-item>
  11. <u-cell-item title="补货记录" v-if="$hasPermissions('M_stockPut_mini')" @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" v-if="$hasPermissions('M_shelfOrder_mini')||$hasPermissions('M_tempShelfOrder_mini')">
  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="货架订单" v-if="$hasPermissions('M_shelfOrder_mini')" @click="toPage('/pages/digitalShelf/orderList')" :title-style="{fontSize:'1em'}">
  22. <text slot="icon"></text>
  23. </u-cell-item>
  24. <u-cell-item title="临配订单" v-if="$hasPermissions('M_tempShelfOrder_mini')" @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" v-if="$hasPermissions('M_settlementRecord_mini')||$hasPermissions('M_settlementManage_mini')">
  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="结算记录" v-if="$hasPermissions('M_settlementRecord_mini')" @click="toPage('/pages/digitalShelf/settlementRecord/settlementRecord')" :title-style="{fontSize:'1em'}">
  35. <text slot="icon"></text>
  36. </u-cell-item>
  37. <u-cell-item title="付款结算" v-if="$hasPermissions('M_settlementManage_mini')" @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="$hasPermissions('M_employee_mini')||$hasPermissions('M_roleSetting_mini')">
  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="员工管理" v-if="$hasPermissions('M_employee_mini')" @click="toPage('/pages/storeManage/personnel')" :title-style="{fontSize:'1em'}">
  48. <text slot="icon"></text>
  49. </u-cell-item>
  50. </u-cell-group>
  51. <u-cell-group :border="false">
  52. <u-cell-item title="岗位权限" v-if="$hasPermissions('M_roleSetting_mini')" @click="toPage('/pages/storeManage/roleSetting/roleSetting')" :title-style="{fontSize:'1em'}">
  53. <text slot="icon"></text>
  54. </u-cell-item>
  55. </u-cell-group>
  56. <u-cell-group :border="false">
  57. <u-cell-item title="价格显示设置" v-if="$hasPermissions('M_priceShow_mini')" @click="toPage('/pages/storeManage/priceSetting/priceSetting')" :title-style="{fontSize:'1em'}">
  58. <text slot="icon"></text>
  59. </u-cell-item>
  60. </u-cell-group>
  61. </view>
  62. <view class="list-box" v-if="hasLogin&&dealerPhone">
  63. <view class="list-title flex justify_center phone" @click="call">
  64. <u-icon size="36" name="phone"></u-icon> <text>联系汽配商</text>
  65. </view>
  66. </view>
  67. <view class="list-box" v-if="hasLogin">
  68. <view class="list-title flex justify_center phone" @click="quitOut">
  69. <text>退出登录</text>
  70. </view>
  71. </view>
  72. <!-- 去认证 -->
  73. <u-popup v-model="showPopup" mode="center" :border-radius="20" closeable>
  74. <view style="background-color: #fff;padding: 1rem;">
  75. <u-image width="533" height="415" src="/static/authimg.jpg"></u-image>
  76. <view style="padding-top:1rem;" class="flex justify_center">
  77. <u-button @click="toAuthStore()" shape="circle" :custom-style="{background:'#066cff',color:'#fff',width:'350rpx'}">开始认证</u-button>
  78. </view>
  79. </view>
  80. </u-popup>
  81. </view>
  82. </template>
  83. <script>
  84. import {
  85. mapState,
  86. mapMutations
  87. } from 'vuex'
  88. export default {
  89. data() {
  90. return {
  91. dealerPhone: null,
  92. showPopup: false
  93. }
  94. },
  95. computed: {
  96. ...mapState(['hasLogin']),
  97. hasShelf(){
  98. return !!this.$store.state.vuex_storeShelf
  99. },
  100. userInfo(){
  101. return this.$store.state.vuex_userInfo
  102. },
  103. storeApply(){
  104. return this.$store.state.vuex_storeAuthInfo
  105. }
  106. },
  107. onShow() {
  108. const shelfInfo = this.$store.state.vuex_storeShelf
  109. this.dealerPhone = shelfInfo&&shelfInfo.contactMobile ? shelfInfo.contactMobile : ''
  110. },
  111. methods: {
  112. toPage(path){
  113. const _this = this
  114. if(this.hasLogin){
  115. // 游客未认证
  116. if(this.userInfo.sysUserFlag == '0'){
  117. if(this.storeApply&&this.storeApply.auditStatus=='WAIT'){
  118. uni.showModal({
  119. title: '提示',
  120. content: '门店认证资料审核中,请耐心等待!',
  121. confirmText: '知道了',
  122. showCancel: false
  123. })
  124. }
  125. // 如果审核已通过
  126. else if(this.storeApply&&this.storeApply.auditStatus=='PASS'){
  127. uni.showModal({
  128. title: '提示',
  129. content: '门店认证审核已通过,请重新登录!',
  130. confirmText: '去登录',
  131. showCancel: false,
  132. success() {
  133. _this.$store.dispatch('userLogout');
  134. uni.redirectTo({
  135. url: '/pages/login/login'
  136. });
  137. }
  138. })
  139. }else{
  140. this.showPopup = true
  141. }
  142. }else{
  143. // 已有数字货架
  144. if(this.hasShelf){
  145. uni.navigateTo({
  146. url: path
  147. })
  148. }else{
  149. uni.showToast({
  150. icon:'none',
  151. title: '门店没有关联数字货架,无法使用此功能!'
  152. })
  153. }
  154. }
  155. }else{
  156. uni.navigateTo({
  157. url: '/pages/login/login'
  158. })
  159. }
  160. },
  161. toAuthStore(){
  162. this.showPopup = false
  163. uni.navigateTo({
  164. url: '/pages/storeManage/storeAuth'
  165. })
  166. },
  167. call(){
  168. this.callPhone(this.dealerPhone)
  169. },
  170. quitOut(){
  171. let _this = this
  172. uni.showModal({
  173. title: '提示',
  174. content: '确定退出登录吗?',
  175. success: (ret) => {
  176. if(ret.confirm){
  177. _this.$store.dispatch('userLogout');
  178. uni.navigateTo({
  179. url: '/pages/login/login'
  180. });
  181. }
  182. }
  183. })
  184. }
  185. }
  186. }
  187. </script>
  188. <style lang="less">
  189. .morePages{
  190. width: 100%;
  191. padding: 30rpx;
  192. background-image: linear-gradient(#86defa 0%,#cdeff9 20%,#f8f8f8 30%);
  193. .list-box{
  194. background: #ffffff;
  195. margin-bottom: 30rpx;
  196. border-radius: 25rpx;
  197. overflow: hidden;
  198. box-shadow: 2rpx 2rpx 5rpx #eee;
  199. .list-title{
  200. padding:30rpx 20rpx;
  201. font-size: 30rpx;
  202. border-bottom: 2rpx solid #f8f8f8;
  203. > text{
  204. margin-left: 10rpx;
  205. }
  206. }
  207. &:first-child{
  208. box-shadow: 2rpx 2rpx 5rpx #cdeff9;
  209. }
  210. }
  211. .phone{
  212. color: #00aaff;
  213. &:active{
  214. opacity: 0.8;
  215. transform:scale(0.9);
  216. }
  217. }
  218. }
  219. </style>