地图缩略信息展示修改

czks-地图合并
liulixin 2024-02-27 11:30:02 +08:00
parent adafcfd115
commit bcd826dd04
1 changed files with 27 additions and 39 deletions

View File

@ -1,19 +1,5 @@
<template> <template>
<div class="fensongsi_index"> <div class="fensongsi_index">
<div class="block1">
<layout-title title="沧州矿石气象监测数据"/>
<div class="options">
<div v-for="(item,index) in block1OptionsList" :key="index" class="option">
<div class="title">{{ item.title }}</div>
<div class="circular">
<img :src="item.img" alt="">
</div>
<div class="label">
{{ item.count }}
</div>
</div>
</div>
</div>
<div class="block2"> <div class="block2">
<layout-title title="风险辨识管控"/> <layout-title title="风险辨识管控"/>
<div class="options"> <div class="options">
@ -41,7 +27,7 @@
</div> </div>
</div> </div>
<div class="block4"> <div class="block4">
<layout-title title="口门管理"/> <layout-title title="进出记录管理"/>
<div class="options"> <div class="options">
<div v-for="(item,index) in block4OptionsList" :key="index" class="option"> <div v-for="(item,index) in block4OptionsList" :key="index" class="option">
<div class="title">{{ item.title }}</div> <div class="title">{{ item.title }}</div>
@ -55,6 +41,23 @@
</div> </div>
</div> </div>
</div> </div>
<div class="block1">
<layout-title title="气象监测数据"/>
<div class="options">
<div v-for="(item,index) in block1OptionsList" :key="index" class="option">
<div class="title">{{ item.title }}</div>
<div class="circular">
<img :src="item.img" alt="">
</div>
<div class="label">
{{ item.count }}
</div>
</div>
</div>
</div>
</div> </div>
</template> </template>
@ -138,44 +141,29 @@ export default {
], ],
block4OptionsList: [ block4OptionsList: [
{ {
title: '风险指数', title: '矿石作业区',
list: [ list: [
{ {
label: '重大风险点数', label: '今日进矿石作业区车辆数',
count: '9' count: 0
}, },
{ {
label: '较大风险点数', label: '今日出矿石作业区车辆数',
count: '20' count: 0
},
{
label: '一般风险点数',
count: '13'
},
{
label: '低风险性点数',
count: '3'
} }
] ]
}, },
{ {
title: '今日情况', title: '杂货作业区',
list: [ list: [
{
label: '今日进矿石作业区车辆数',
count: '-'
},
{
label: '今日出矿石作业区车辆数',
count: '-'
},
{ {
label: '今日进杂货作业区车辆数', label: '今日进杂货作业区车辆数',
count: '-' count: 0
}, },
{ {
label: '今日出杂货作业区车辆数', label: '今日出杂货作业区车辆数',
count: '-' count: 0
} }
] ]
} }