123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138 |
- <template>
- <view class="morePages">
- <view class="list-box">
- <view class="list-title">
- <u-icon size="38" name="bag"></u-icon> <text>货品管理</text>
- </view>
- <u-cell-group :border="false">
- <u-cell-item title="库存查询" @click="toPage('/pages/stockQuery/stockQuery')" :title-style="{fontSize:'1em'}">
- <text slot="icon"></text>
- </u-cell-item>
- <u-cell-item title="补货记录" @click="toPage('/pages/digitalShelf/stockPut')" :title-style="{fontSize:'1em'}">
- <text slot="icon"></text>
- </u-cell-item>
- </u-cell-group>
- </view>
- <view class="list-box">
- <view class="list-title">
- <u-icon size="34" name="order"></u-icon> <text>订单管理</text>
- </view>
- <u-cell-group :border="false">
- <u-cell-item title="货架订单" @click="toPage('/pages/digitalShelf/orderList')" :title-style="{fontSize:'1em'}">
- <text slot="icon"></text>
- </u-cell-item>
- <u-cell-item title="临配订单" @click="toPage('/pages/digitalShelf/tempOrderList/tempOrderList')" :title-style="{fontSize:'1em'}">
- <text slot="icon"></text>
- </u-cell-item>
- </u-cell-group>
- </view>
- <view class="list-box">
- <view class="list-title">
- <u-icon size="36" name="rmb-circle"></u-icon> <text>结算管理</text>
- </view>
- <u-cell-group :border="false">
- <u-cell-item title="结算记录" @click="toPage('/pages/digitalShelf/settlementRecord/settlementRecord')" :title-style="{fontSize:'1em'}">
- <text slot="icon"></text>
- </u-cell-item>
- <u-cell-item title="付款结算" @click="toPage('/pages/digitalShelf/settlementManage/settlementManage')" :title-style="{fontSize:'1em'}">
- <text slot="icon"></text>
- </u-cell-item>
- </u-cell-group>
- </view>
- <view class="list-box">
- <view class="list-title">
- <u-icon size="32" name="home"></u-icon> <text>门店管理</text>
- </view>
- <u-cell-group :border="false">
- <u-cell-item title="员工管理" @click="toPage('/pages/storeManage/personnel')" :title-style="{fontSize:'1em'}">
- <text slot="icon"></text>
- </u-cell-item>
- </u-cell-group>
- </view>
- <view class="list-box" v-if="hasLogin&&dealerPhone">
- <view class="list-title flex justify_center phone" @click="call">
- <u-icon size="36" name="phone"></u-icon> <text>联系汽配商</text>
- </view>
- </view>
- </view>
- </template>
- <script>
- import {
- mapState,
- mapMutations
- } from 'vuex'
- export default {
- data() {
- return {
- dealerPhone: null
- }
- },
- computed: {
- ...mapState(['hasLogin']),
- hasShelf(){
- return this.$store.state.vuex_storeShelf
- }
- },
- onShow() {
- const shelfInfo = this.$store.state.vuex_storeShelf
- this.dealerPhone = shelfInfo&&shelfInfo.contactMobile ? shelfInfo.contactMobile : ''
- },
- methods: {
- toPage(path){
- if(this.hasLogin){
- if(this.hasShelf){
- uni.navigateTo({
- url: path
- })
- }else{
- uni.showToast({
- icon:'none',
- title: '门店没有关联数字货架,无法使用此功能!'
- })
- }
- }else{
- uni.navigateTo({
- url: '/pages/login/login'
- })
- }
- },
- call(){
- this.callPhone(this.dealerPhone)
- }
- }
- }
- </script>
- <style lang="less">
- .morePages{
- width: 100%;
- padding: 30rpx;
- background-image: linear-gradient(#86defa 0%,#cdeff9 20%,#f8f8f8 30%);
- .list-box{
- background: #ffffff;
- margin-bottom: 30rpx;
- border-radius: 25rpx;
- overflow: hidden;
- box-shadow: 2rpx 2rpx 5rpx #eee;
- .list-title{
- padding:30rpx 20rpx;
- font-size: 30rpx;
- border-bottom: 2rpx solid #f8f8f8;
- > text{
- margin-left: 10rpx;
- }
- }
- &:first-child{
- box-shadow: 2rpx 2rpx 5rpx #cdeff9;
- }
- }
- .phone{
- color: #00aaff;
- &:active{
- opacity: 0.8;
- transform:scale(0.9);
- }
- }
- }
- </style>
|