<template>
  <view class="page-css">
    <betone-list :tabList="tabList"></betone-list>
    <betone-tabbar ref="tabbarRef" />
  </view>
</template>

<script>
export default {

  data() {
    return {
      tabList: [
        {
          name: "全部",
          key: "9999",
        },
        {
          name: "待接单",
          key: "0",
        },
        {
          name: "维修中",
          key: "1,2,3",
        },
        {
          name: "已完成",
          key: "4,5,6",
        },
      ],
      tagColor: {
        维修中: "#3A62D7",
        待确认: "#81B337",
        待提报: "#81B337",
        已完成: "#CECECE",
        待维修: '#E99D42'
      }
    };
  },
  computed: {

  },
  onReachBottom() {
    uni.$emit('onReachBottom');

  },
  onPullDownRefresh() {
    uni.$emit('onPullDownRefresh');
  },
  onShow() {
    this.$nextTick(() => {
      this.$refs.tabbarRef.getPermission();
    });
  },
  methods: {

  },
};
</script>

<style lang="scss" scoped>
.page-css {
  padding: 0;
  padding-top: var(--status-bar-height);
}
</style>