|
|
@@ -1,29 +1,13 @@
|
|
|
<template>
|
|
|
<div class="bigdata-map-tabbar">
|
|
|
<el-row :gutter="20">
|
|
|
- <el-col :span="4" v-for="(item,index) in data_zhxx_data" :key="index">
|
|
|
+ <el-col :span="4" v-for="(item,index) in regionNum" :key="index">
|
|
|
<div class="list-content">
|
|
|
- <span>{{item.value}}</span>
|
|
|
+ <span>{{item.count}}</span>
|
|
|
<h5>{{item.name}}</h5>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="4" v-for="(item,index) in data_zhxx_event" :key="index">
|
|
|
- <div class="list-content">
|
|
|
- <span>{{item.value}}</span>
|
|
|
- <h5>{{item.name}}</h5>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="4">
|
|
|
- <div class="list-content">
|
|
|
- <span>{{data_zhxx_device}}</span>
|
|
|
- <h5>设备</h5>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -153,9 +137,16 @@
|
|
|
let that = this
|
|
|
getZhxx().then(resp => {
|
|
|
console.log(resp)
|
|
|
- that.data_zhxx_device = resp.data.device
|
|
|
- that.data_zhxx_data = resp.data.data
|
|
|
- that.data_zhxx_event = resp.data.event
|
|
|
+ // that.data_zhxx_device = resp.data.device
|
|
|
+ // that.data_zhxx_data = resp.data.data
|
|
|
+ // that.data_zhxx_event = resp.data.event
|
|
|
+ that.regionNum = [];
|
|
|
+ that.regionNum.push(...resp.data.event)
|
|
|
+ that.regionNum.push(...resp.data.data)
|
|
|
+ for(let i in resp.data.device){
|
|
|
+ that.regionNum.push({count: resp.data.device[i].deviceCount,name: resp.data.device[i].deviceName})
|
|
|
+ }
|
|
|
+
|
|
|
})
|
|
|
},
|
|
|
|
