xiangpei
2024-08-07 0f9f70d05e3739d657f8047675f2b12def44525e
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>
@@ -103,7 +103,7 @@
</template>
<script>
import { listPlatform, getPlatform, delPlatform, addPlatform, updatePlatform } from "@/api/platform/vehicle-data-monitor";
import { dataCenter } from "@/api/platform/data-center";
import { videoData, carData, faceData, equipment } from "./list";
import store from '@/store';
@@ -178,14 +178,18 @@
      this.tableHead = data.columns;
      this.cardList = data.card;
    }
    if (this.$route.query.type === '4') this.tableHead = equipment[this.$route.query.index].columns;
    this.getList();
    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(this.$route.query.url);
  },
  methods: {
    /** 查询卡口过车数据一致性列表 */
    getList() {
    getList(url) {
      this.loading = true;
      listPlatform(this.queryParams).then(response => {
      dataCenter(url, this.queryParams).then(response => {
        this.platformList = response.rows;
        this.total = response.total;
        this.loading = false;
@@ -316,6 +320,6 @@
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 200px;
  width: 150px;
}
</style>