<template>
  <view class="viewport">
    <template v-if="isLoading">
      <view class="loading-text">拼命加载中...</view>
    </template>
    <template v-else>
      <CustomNavbar />
      <view class="cont">
        <CategoryPanel :list="categoryList" />
      </view>
    </template>
  </view>
</template>

<script>
import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
import { mapGetters } from "vuex";
import { getIMReply, relocation } from "@/api/message.js";
import CustomNavbar from "./components/CustomNavbar";
import CategoryPanel from "./components/CategoryPanel";
export default {
  components: {
    CustomNavbar,
    CategoryPanel
  },
  mixins: [],
  data() {
    return {
      isLoading: false,
      categoryList: [
        {
          key: "product",
          children: [
            // {
            //   path: "/pages/yys/materialProcurementOrder/index",
            //   name: "采购协同",
            //   auth: true,
            //   imgUrl: "/static/images/caigouxietong@1x.png",
            //   defaultImgUrl: "/static/images/caigouxietong-wuquanxian@1x.png",
            // },
            {
              path: "/pages/yys/dayWork/index",
              name: "生产报工",
              auth: true,
              imgUrl: "/static/images/productionReport.png",
              defaultImgUrl: "/static/images/productionReport-default.png",
            },
            {
              path: "/pages/yys/eqmt/index",
              name: "设备维修",
              auth: true,
              imgUrl: "/static/images/maintenance.png",
              defaultImgUrl: "/static/images/maintenance-default.png",
            },
            {
              path: "/pages/yys/ToolManagement/index",
              name: "刀具管理",
              auth: true,
              imgUrl: "/static/images/dj.png",
              defaultImgUrl: "/static/images/maintenance-default.png",
            },
          ],
        },
      ],
    };
  },
  watch: {},
  computed: {},
  onLoad() {
  },
  onUnload() { },
  methods: {},
};
</script>

<style lang="scss">
page {
  height: 100%;
  overflow: hidden;
  background-color: #f8fafd;
}

.viewport {
  width: 100vw;
  height: 100vh;
  margin-bottom: 300rpx;

  .cont {
    //margin: 100rpx 0;
  }

  .loading-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}

.barbox {
  height: 50rpx;
}
</style>
