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.hostUrl}/image/ghs/home/hcgl2.png`,url: "/admin/item/list2",pf:1},
                {name: "花材分类",img: `${this.$constant.hostUrl}/image/ghs/home/hcgl2.png`,url: "/admin/itemClass/list",pf:1},
                {name: "停用",img: `${this.$constant.hostUrl}/image/ghs/home/hcgl2.png`,url: "/admin/item/list?delStatus=1",pf:1},
                { name: "花材盘点", img: `${this.$constant.hostUrl}/image/ghs/home/pandian2.png`, url: "/pagesStorehouse/inventory/list",pf:1}
            ]
        },
        {
            title:'花束',
            list:[
                { name: "花束", img: `${this.$constant.hostUrl}/image/ghs/home/hcgl2.png`, url: "/admin/goods/list",pf:1},
                { name: "花束分类", img: `${this.$constant.hostUrl}/image/ghs/home/hcgl2.png`, url: "/admin/goods/category",pf:1},
                { name: "涨价设置", img: `${this.$constant.hostUrl}/image/ghs/home/gj2.png`, url: "/admin/goods/price-increase",pf:1},
                { name: "花束顺序", img: `${this.$constant.hostUrl}/image/ghs/home/hcgl2.png`, url: "/admin/goods/categorySort",pf:1},
            ]
        },
        {
            title:'绿植',
            list:[
                { name: "绿植", img: `${this.$constant.hostUrl}/image/ghs/home/hcgl2.png`, url: "/admin/goods/lz",pf:1},
                { name: "绿植品种", img: `${this.$constant.hostUrl}/image/ghs/home/hcgl2.png`, url: "/admin/goods/lzKind",pf:1},
                { name: "绿植采购", img: `${this.$constant.hostUrl}/image/ghs/home/icon_caigou2.png`, url: "/admin/goods/plantCg",pf:1},
                { name: "绿植盘点", img: `${this.$constant.hostUrl}/image/ghs/home/pandian2.png`, url: "/admin/goods/pdList",pf:1}
            ]
        },
        {
          title: '生产',
          list: [

            { name: "列表", img: `${this.$constant.hostUrl}/image/ghs/home/kcyjs2.png`, url: "/admin/work/list",pf:1},
            {name: "生产统计",img: `${this.$constant.hostUrl}/image/ghs/home/jyzk2.png`,url: "/admin/stat/kind",pf:1},
            { name: "员工生产统计", img: `${this.$constant.hostUrl}/image/ghs/home/kcyjs2.png`, url: "/admin/stat/makeStat",pf:1},
            { name: "设置", img: `${this.$constant.hostUrl}/image/ghs/home/kcyjs2.png`, url: "/admin/work/set",pf:1},
          ]
        },
        {
          title: '门店仓库',
          list: [

            { name: "门店", img: `${this.$constant.hostUrl}/image/ghs/home/shop2.png`, url: "/admin/shop/list",pf:1},
            { name: "调拨出库", img: `${this.$constant.hostUrl}/image/ghs/home/dbck2.png`, url: "/pagesStorehouse/allot/allotEx",pf:0},
            { name: "调拨入库", img: `${this.$constant.hostUrl}/image/ghs/home/dbrk2.png`, url: "/pagesStorehouse/allot/allotPut",pf:0},
            { name: "库存预警", img: `${this.$constant.hostUrl}/image/ghs/home/kcyjs2.png`, url: "/pagesStorehouse/stockWarn/manage",pf:1},
            { name: "员工", img: `${this.$constant.hostUrl}/image/ghs/home/yggl2.png`, url: "/admin/staff/list",pf:1},
            { name: "员工业绩", img: `${this.$constant.hostUrl}/image/ghs/home/icon_ygyj2.png`, url: "/admin/staff/achieve",pf:1},
            { name: "供货商", img: `${this.$constant.hostUrl}/image/ghs/home/icon_ghs2.png`, url: "/pagesPurchase/order",pf:1},
            { name: "已屏蔽", img: `${this.$constant.hostUrl}/image/ghs/home/icon_ghs2.png`, url: "/pagesPurchase/pb",pf:1},
            { name: "采购单", img: `${this.$constant.hostUrl}/image/ghs/home/icon_caigou2.png`, url: "/pagesPurchase/shopping",pf:1},
            { name: "损耗", img: `${this.$constant.hostUrl}/image/ghs/home/kcyjs2.png`, url: "/admin/breakage/list",pf:1},
            { name: "拆散", img: `${this.$constant.hostUrl}/image/ghs/home/kcyjs2.png`, url: "/admin/part/list",pf:1},
            { name: "商城", img: `${this.$constant.hostUrl}/image/ghs/home/shop2.png`, url: "/admin/cg/mall",pf:1},
            { name: "开关商城", img: `${this.$constant.hostUrl}/image/ghs/home/shop2.png`, url: "/pagesPurchase/open",pf:1},
            { name: "失信人员", img: `${this.$constant.hostUrl}/image/ghs/home/shop2.png`, url: "/admin/ll/list",pf:1},
            { name: "会员优惠", img: `${this.$constant.hostUrl}/image/ghs/home/shop2.png`, url: "/admin/member/discount",pf:1},
            { name: "充值优惠", img: `${this.$constant.hostUrl}/image/ghs/home/shop2.png`, url: "/admin/recharge/discount",pf:1},
          ]
        },
        {
          title: '数据统计',
          list: [
                        {name: "利润表",img: `${this.$constant.hostUrl}/image/ghs/home/jyzk2.png`,url: "/admin/stat/profit",pf:1},
            {name: "收入统计",img: `${this.$constant.hostUrl}/image/ghs/home/jyzk2.png`,url: "/admin/stat/kdIncome",pf:1},
            {name: "花材销量",img: `${this.$constant.hostUrl}/image/ghs/home/jyzk2.png`,url: "/admin/stat/productSale",pf:1},
            // {name: "客户下单榜",img: `${this.$constant.hostUrl}/image/ghs/home/jyzk2.png`,url: "/admin/stat/customSale",pf:1},
            {name: "采购统计",img: `${this.$constant.hostUrl}/image/ghs/home/jyzk2.png`,url: "/admin/stat/cgStat",pf:1},
            {name: "采购花材",img: `${this.$constant.hostUrl}/image/ghs/home/jyzk2.png`,url: "/admin/stat/cgItem",pf:1},
            {name: "绿植统计",img: `${this.$constant.hostUrl}/image/ghs/home/jyzk2.png`,url: "/admin/stat/kindLz",pf:1},
            {name: "损耗总览",img: `${this.$constant.hostUrl}/image/ghs/home/jyzk2.png`,url: "/admin/stat/waste"},
			{name: "赊账汇总",img: `${this.$constant.hostUrl}/image/ghs/home/jyzk2.png`,url: "/admin/custom/showTotalBalance"},
          ]
        }
      ]
    }
  },
  computed: {
    ...mapGetters({ loginInfo: "getLoginInfo" })
  },
  onPullDownRefresh () {
    uni.stopPullDownRefresh();
  },
  methods: {
    init(){

    },
    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:  #444444;
        margin-top: 10upx;
      }
      &:nth-child(-n + 4) {
        margin-top: 0;
      }
    }
  }
}
</style>