<template>
  <view class="viewport">
    <template v-if="isLoading">
      <view class="loading-text">拼命加载中...</view>
    </template>
    <template v-else>
      <CustomNavbar />
      <view class="cont">
      </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";
export default {
  components: {
    CustomNavbar
  },
  mixins: [],
  data() {
    return {
      isLoading: false,
      categoryList: [
        {
          key: "product",
          children: [
            {
              path: "productionReport",
              name: "采购协同",
              auth: true,
              imgUrl: "/static/images/caigouxietong@1x.png",
              defaultImgUrl: "/static/images/caigouxietong-wuquanxian@1x.png",
            },
            {
              path: "assembleReport",
              name: "报工确认",
              auth: true,
              imgUrl: "/static/images/baogongqueren@1x.png",
              defaultImgUrl: "/static/images/baogongqueren-wuquanxian@1x.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>
