iot-front-ui/src/components/work/meeting/workMeeting.vue

<template>
  <div>
    <div class="border-shadow">
      <query></query>
      <card :title="'核心指标'">
        <CoreData :data-list="coreData"></CoreData>
      </card>
    </div>
    <a-row :style="{ marginTop: '15px' }">
      <a-col :span="18">
        <div class="left border-shadow">
          <card :title="'会议室管理'"></card>
          <div class="fjfbt"></div>
        </div>
      </a-col>
      <a-col :span="6">
        <div class="right border-shadow"></div>
      </a-col>
    </a-row>
  </div>
</template>
<script>
import query from "@/components/common/query.vue";
import card from "@/components/common/card.vue";
export default {
  components: {
    query,
    card,
  },
  data() {
    const listData = [];
    for (let i = 0; i < 100; i++) {
      listData.push({
        index: i + 1,
        name: "物理饭",
        department: "技术开发部门",
        time: "2023.02.03 00:00:00",
      });
    }
    return {
      options: [
        {
          value: 1,
          name: "中讯1",
        },
        {
          value: 2,
          name: "中讯2",
        },
      ],
      floors: [
        {
          value: 7,
          name: "7层",
        },
        {
          value: 8,
          name: "8层",
        },
      ],
      columns: [
        { title: "序号", dataIndex: "index", key: "1", width: 48 },
        { title: "姓名", dataIndex: "name", key: "2", width: 60 },
        { title: "部门", dataIndex: "department", key: "3", width: 80 },
        { title: "最后进入时间", dataIndex: "time", key: "4", width: 90 },
      ],
      listData: listData,
      coreData: [
        {
          title: "会议室饱和度",
          num: "90%",
          unit: "/月",
          historyDesc: "同比",
          historyNum: 0.4,
        },
        {
          title: "会议室占用率",
          num: "80%",
          unit: "/天",
          historyDesc: "同比",
          historyNum: 0.4,
        },
        {
          title: "会议室占用率",
          num: "80%",
          unit: "/天",
          historyDesc: "同比",
          historyNum: 0.4,
        },
        {
          title: "人均成本（会议）",
          num: 80,
          unit: "元/人/月",
          historyDesc: "同比",
          historyNum: 0.4,
        },
        {
          type: 1,
          isHighLight: false,
          title: "值得关注",
          content: "增加会议室",
        },
      ],
    };
  },
  mounted() {},
  methods: {
    handleChange(value) {
      console.log(`selected ${value}`);
    },
    getTimeRange() {
      this.$refs.timeRange.getTimeRange(); // 获取时间段
    },
  },
};
</script>
  

<style lang="less" scoped>
.left {
  padding-right: 15px;
  margin-right: 5px;
}
.right {
  padding-left: 15px;
  margin-left: 5px;
}

.fjfbt,
.drmj_list {
  height: 50px;
  height: 775px;
  .total {
    font-size: 16px;
    font-weight: bold;
    height: 50px;
    span {
      font-size: 26px;
    }
  }
}
</style>