lixuefeng/fengjie-datascreen
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat：对接景区数据和监控视频

Browse Source
This commit is contained in:
zjc
2025-01-16 19:41:46 +08:00
parent 0c00523114
commit fd8ede8a32
20 changed files with 534 additions and 541 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
src/views/home/components/box-2.vue
View File

@@ -58,38 +58,44 @@
<div class="flex justify-center pt-10">
<div class="item">
<p class="label">今日工单总条数</p>
<countup :endVal="1234" />
<countup :end-val="homeStore.wordkOrderData.toDayData.count" />
</div>
<div class="item">
<p class="label">工单完成数</p>
<countup :endVal="1234" />
<countup class="complete" :end-val="homeStore.wordkOrderData.toDayData.end" />
</div>
</div>
<div class="progress-box">
<span class="text">工单完成数</span>
<div class="progress-1">
<el-progress :percentage="50" :show-text="false" />
<el-progress
:percentage="homeStore.wordkOrderData.toDayData.rate"
:show-text="false"
/>
</div>
<span class="value">50%</span>
<span class="value">{{ homeStore.wordkOrderData.toDayData.rate }}%</span>
</div>
</div>
<div>
<div class="flex justify-center pt-10">
<div class="item">
<p class="label">紧急工单数</p>
<countup :endVal="1234" />
<countup class="error" :end-val="homeStore.wordkOrderData.warnData.count" />
</div>
<div class="item">
<p class="label">紧急工单完成数</p>
<countup :endVal="1234" />
<countup class="complete" :end-val="homeStore.wordkOrderData.warnData.end" />
</div>
</div>
<div class="progress-box">
<span class="text">工单完成数</span>
<div class="progress-2">
<el-progress :percentage="50" :show-text="false" />
<el-progress
:percentage="homeStore.wordkOrderData.warnData.rate"
:show-text="false"
/>
</div>
<span class="value">50%</span>
<span class="value">{{ homeStore.wordkOrderData.warnData.rate }}%</span>
</div>
</div>
</div>
@@ -162,9 +168,10 @@
const getSpotList = async () => {
let res = await getSpotListApi()
spotList.value = res.data
// let res1 = await getBaiduMapCrowdedApi({
// nodeId: res.data[0].nodeid
// })
let res1 = await getBaiduMapCrowdedApi({
nodeId: res.data[0].nodeid
})
console.log(res1, 'res1')
}
watch(
@@ -338,16 +345,22 @@
justify-content: center;
}
.label {
margin-bottom: vh(10);
font-weight: 400;
font-size: vw(14);
margin-bottom: vh(10);
color: rgba(255, 255, 255, 0.9);
color: #ffffff;
}
.countup-wrap {
color: #02f9fa;
font-size: vw(28);
font-weight: bold;
}
.error {
color: #e21b1b;
}
.complete {
color: #ffffff;
}
.progress-box {
margin-top: vh(10);
display: flex;
@@ -388,7 +401,7 @@
}
}
.right {
margin-top: vh(8);
margin-top: vh(4);
padding: vh(10) vw(10);
height: vh(106);
width: vw(1040);