feat：首页统计图

龚焕茏

2024-08-02 81380b5b765cdbfcbf7153378b79a41aab78b735

 src/views/system/data-manage/data-detail/index.vue

@@ -2,14 +2,14 @@
  <div class="app-container">
    <el-card class="box-card">
      <el-row style="display: flex; flex-direction: row; align-items: center" justify="space-between">
          <div v-for="card in cardList" style="display: flex;flex-direction: row; ">
          <div v-for="card in cardList" style="display: flex;flex-direction: row; margin-right: 50px">
            <div>
              <div class="icon-container">
                <i :class="card.icon"></i>
              </div>
            </div>
            <div v-for="data in card.dataList" class="dashboard-item">
              <div style="color: #5C9BF8">{{ data.value }}</div>
              <div style="color: #5C9BF8;margin-bottom: 20px;font-size: 20px">{{ data.value }}</div>
              <div>{{data.label}}</div>
            </div>
          </div>
@@ -178,7 +178,11 @@
      this.tableHead = data.columns;
      this.cardList = data.card;
    }
    if (this.$route.query.type === '4') this.tableHead = equipment[this.$route.query.index].columns;
    if (this.$route.query.type === '4') {
      let data = equipment.table.filter(item => item.index === this.$route.query.index)[0]
      this.tableHead = data.columns;
      this.cardList = data.card;
    }
    this.getList();
  },
  methods: {
@@ -316,6 +320,6 @@
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 200px;
  width: 150px;
}
</style>