front-end/hdApp/src/admin/home/apply.vue

<template>
  <view class="app-content">
    <view class="apply-content_box">
      <view v-for="item in menuList" :key="item.title" class="apply-list_box" >
        <view class="tit"> {{item.title}} </view>
        <div class="tabs-wrap">
          <div v-for="s in item.list" :key="s.url" class="tabs-list" >
            <div @click="goPage(s)">
              <div class="tabs-img"> <img :src="s.img" alt mode="widthFix" />
              </div>
              <div class="tabs-name">{{s.name}}</div>
            </div>
          </div>
        </div>
      </view>
    </view>
    <NotLogin></NotLogin>
  </view>
</template>
<script>
import { mapGetters } from "vuex";
import NotLogin from "@/components/not-login";
export default {
  name: 'apply',
  components: {
    NotLogin
  },
  data () {
    return {
      menuList: [
        {
            title:'花材',
            list:[
                {name: "花材",img: `${this.$constant.imgUrl}/ghs/home/hcgl.png`,url: "/admin/item/list",pf:1},
                {name: "花材分类",img: `${this.$constant.imgUrl}/ghs/home/hcgl.png`,url: "/admin/itemClass/list",pf:1},
                {name: "停用花材",img: `${this.$constant.imgUrl}/ghs/home/hcgl.png`,url: "/admin/item/list?delStatus=1",pf:1}
            ]
        },
        {
            title:'商品',
            list:[
                { name: "商品", img: `${this.$constant.imgUrl}/ghs/home/hcgl.png`, url: "/admin/goods/list",pf:1},
                { name: "分类", img: `${this.$constant.imgUrl}/ghs/home/hcgl.png`, url: "/admin/goods/category",pf:1},
                { name: "种类", img: `${this.$constant.imgUrl}/ghs/home/hcgl.png`, url: "/admin/goods/kind",pf:1},
                { name: "涨价设置", img: `${this.$constant.imgUrl}/ghs/home/hcgl.png`, url: "/admin/goods/price-increase",pf:1},
                { name: "运费规则", img: `${this.$constant.imgUrl}/ghs/home/hcgl.png`, url: "/admin/goods/freight",pf:1}
            ]
        },
        {
          title: '制作单',
          list: [
            { name: "制作单", img: `${this.$constant.imgUrl}/ghs/home/kcyjs.png`, url: "/admin/work/list",pf:1},
            { name: "制作统计", img: `${this.$constant.imgUrl}/ghs/home/kcyjs.png`, url: "/admin/work/statCat",pf:1},
            { name: "制作设置", img: `${this.$constant.imgUrl}/ghs/home/kcyjs.png`, url: "/admin/work/set",pf:1},
          ]
        },
        {
          title: '门店仓库',
          list: [
            { name: "门店", img: `${this.$constant.imgUrl}/ghs/home/shop.png`, url: "/admin/shop/list",pf:1},
            { name: "调拨出库", img: `${this.$constant.imgUrl}/ghs/home/dbck.png`, url: "/pagesStorehouse/allot/allotEx",pf:0},
            { name: "调拨入库", img: `${this.$constant.imgUrl}/ghs/home/dbrk.png`, url: "/pagesStorehouse/allot/allotPut",pf:0},
            { name: "库存预警", img: `${this.$constant.imgUrl}/ghs/home/kcyjs.png`, url: "/pagesStorehouse/stockWarn/manage",pf:1},
            { name: "盘点", img: `${this.$constant.imgUrl}/ghs/home/pandian.png`, url: "/pagesStorehouse/inventory/list",pf:0},
            { name: "员工", img: `${this.$constant.imgUrl}/ghs/home/yggl.png`, url: "/admin/staff/list",pf:0},
            { name: "员工业绩", img: `${this.$constant.imgUrl}/ghs/home/icon_ygyj.png`, url: "/admin/staff/achieve",pf:1},
            { name: "供货商", img: `${this.$constant.imgUrl}/ghs/home/icon_ghs.png`, url: "/pagesPurchase/order",pf:1},
            { name: "采购单", img: `${this.$constant.imgUrl}/ghs/home/icon_caigou.png`, url: "/pagesPurchase/shopping",pf:1},
            { name: "报损", img: `${this.$constant.imgUrl}/ghs/home/kcyjs.png`, url: "/admin/breakage/list",pf:1},
            { name: "拆散", img: `${this.$constant.imgUrl}/ghs/home/kcyjs.png`, url: "/admin/part/list",pf:1}
          ]
        },
        {
          title: '数据统计',
          list: [
            {name: "利润表",img: `${this.$constant.imgUrl}/ghs/home/jyzk.png`,url: "/admin/stat/profit",pf:1},
            {name: "收入渠道",img: `${this.$constant.imgUrl}/ghs/home/jyzk.png`,url: "/admin/stat/kdIncome",pf:1},
            {name: "花材销量",img: `${this.$constant.imgUrl}/ghs/home/jyzk.png`,url: "/admin/stat/productSale",pf:1},
            // {name: "客户下单榜",img: `${this.$constant.imgUrl}/ghs/home/jyzk.png`,url: "/admin/stat/customSale",pf:1},
            {name: "采购统计",img: `${this.$constant.imgUrl}/ghs/home/jyzk.png`,url: "/admin/stat/cgStat",pf:1},
            {name: "采购花材",img: `${this.$constant.imgUrl}/ghs/home/jyzk.png`,url: "/admin/stat/cgItem",pf:1}
          ]
        }
      ]
    }
  },
  computed: {
    ...mapGetters({ loginInfo: "getLoginInfo" })
  },
  onPullDownRefresh () {
    uni.stopPullDownRefresh();
  },
  methods: {
    goPage (item) {
      if (item.url === '/admin/billing/priceChange') {
        this.goToMallPt('pages/pay/index')
        return true
      }
      if(this.getLoginInfo.pfShopId && Number(this.getLoginInfo.pfShopId)>0){
        if(item.pf == 0){
          this.$msg('请在批发端操作')
          return false
        }
      }
      this.$util.pageTo(item)
    }
  }
}
</script>

<style lang="scss" scoped>
.apply-content_box {
  padding-top: 1upx;
  padding-bottom: 60upx;
  & .apply-list_box {
    margin-top: 20upx;
    padding: 40upx 30upx;
    background-color: #ffffff;
    & > .tit {
      color: #333333;
      font-size: 32upx;
      font-weight: 600;
    }
  }
  .tabs-wrap {
    padding: 40upx 0upx;
    @include disFlex(center, flex-start);
    flex-wrap: wrap;
    .tabs-list {
      width: 25%;
      margin-top: 50upx;
      text-align: center;
      .tabs-img {
        width: 100upx;
        height: 100upx;
        margin: 0 auto;
        img {
          height: 100%;
        }
      }
      .tabs-name {
        color: $fontColor2;
        margin-top: 10upx;
      }
      &:nth-child(-n + 4) {
        margin-top: 0;
      }
    }
  }
}
</style>