| | |
| | | <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> |
| | |
| | | </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'; |
| | | |
| | |
| | | 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; |
| | |
| | | flex-direction: column; |
| | | justify-content: center; |
| | | align-items: center; |
| | | width: 200px; |
| | | width: 150px; |
| | | } |
| | | </style> |