<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="pageTo(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>
    <kd-entrance></kd-entrance>
  </view>
</template>

<script>
export default { // 应用页面
  name: 'Apply',
  data () {
    return {
      menuList: [
        {
          title: '门店仓库',
          list: [
            {
              name: "商品",
              img: `${this.$constant.imgUrl}/ghs/home/icon_spgl.png`,
              url: "/admin/goodsManage/list"
            },
            {
              name: "花材",
              img: `${this.$constant.imgUrl}/ghs/home/hcgl.png`,
              url: "/pagesStorehouse/flower/manage"
            },
            {
              name: "门店",
              img: `${this.$constant.imgUrl}/ghs/home/shop.png`,
              url: "/admin/shop/list"
            },
/*
            {
              name: "调拨出库",
              img: `${this.$constant.imgUrl}/ghs/home/dbck.png`,
              url: "/pagesStorehouse/allot/allotEx"
            },
            {
              name: "调拨入库",
              img: `${this.$constant.imgUrl}/ghs/home/dbrk.png`,
              url: "/pagesStorehouse/allot/allotPut"
            },
*/
            {
              name: "库存",
              img: `${this.$constant.imgUrl}/ghs/home/kcyjs.png`,
              url: "/pagesStorehouse/stockWarn/manage"
            },
            {
              name: "库存预警",
              img: `${this.$constant.imgUrl}/ghs/home/kcyjs.png`,
              url: "/pagesStorehouse/stockWarn/manage"
            },
            {
              name: "盘点",
              img: `${this.$constant.imgUrl}/ghs/home/pandian.png`,
              url: "/pagesStorehouse/inventory/list"
            },
            {
              name: "员工",
              img: `${this.$constant.imgUrl}/ghs/home/yggl.png`,
              url: "/admin/staff/list"
            },
            {
              name: "员工业绩",
              img: `${this.$constant.imgUrl}/ghs/home/icon_ygyj.png`,
              url: "/admin/staff/achieve"
            },
            {
              name: "供货商",
              img: `${this.$constant.imgUrl}/ghs/home/icon_ghs.png`,
              url: "/pagesPurchase/order"
            },
            {
              name: "采购单",
              img: `${this.$constant.imgUrl}/ghs/home/icon_caigou.png`,
              url: "/pagesPurchase/shopping"
            },
            {
              name: "培训班",
              img: `${this.$constant.imgUrl}/ghs/home/icon_pxb.png`,
              url: "/pagesStatistics/trainingClass"
            },
          ]
        },
        {
          title: '赚钱分红',
          list: [{
            name: "邀请开店",
            img: `${this.$constant.imgUrl}/ghs/home/yqyl.png`,
            url: "/pagesInvite/list"
          }]
        },
        {
          title: '数据统计',
          list: [
            {
              name: "经营概况",
              img: `${this.$constant.imgUrl}/ghs/home/jyzk.png`,
              url: "/pagesStatistics/business"
            }
          ]
        }
      ]
    }
  },
  onPullDownRefresh () {
    uni.stopPullDownRefresh();
  }
}
</script>

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