|
|
|
@ -2,7 +2,7 @@ |
|
|
|
|
<div class="data-screen" element-loading-text="加载中请稍后..." v-loading="state.loading"> |
|
|
|
|
<div class="topheader"> |
|
|
|
|
<div class="gradient"> |
|
|
|
|
智慧工地数据大屏 |
|
|
|
|
智慧工地数据看板 |
|
|
|
|
</div> |
|
|
|
|
<div class="xitong" @click="Jump()"></div> |
|
|
|
|
</div> |
|
|
|
@ -33,7 +33,8 @@ |
|
|
|
|
<span>总工期</span> |
|
|
|
|
</div> |
|
|
|
|
<div class="data-font jbborder"> |
|
|
|
|
<span class="number-font">{{ parseFloat(state.gk.gcjd).toFixed(0) }}<span>%</span></span> |
|
|
|
|
<span class="number-font">{{ parseFloat(state.gk.gcjd).toFixed(0) |
|
|
|
|
}}<span>%</span></span> |
|
|
|
|
<span>工程进度</span> |
|
|
|
|
</div> |
|
|
|
|
<div class="data-font jbborder"> |
|
|
|
@ -57,8 +58,11 @@ |
|
|
|
|
<div class="top-item"> |
|
|
|
|
<div class="boxtitle">智能资源调度</div> |
|
|
|
|
<div class="boxcontent" style="display: flex;flex-direction: column;justify-content: space-around;"> |
|
|
|
|
<div v-if="state.dispatchList.length == 0"> |
|
|
|
|
<el-empty :image-size="'6.25rem'" description="暂无预警" /> |
|
|
|
|
<div class="zanwu" v-if="state.dispatchList.length == 0"> |
|
|
|
|
<img style="width: 9.375rem;" src="../../assets/images/zw.png" alt=""> |
|
|
|
|
<div class="zwtext"> |
|
|
|
|
暂无资源调度 |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div v-for="item, index in state.dispatchList.slice(0, 2)"> |
|
|
|
|
<div class="jd-title"> |
|
|
|
@ -150,9 +154,13 @@ |
|
|
|
|
<div class="right-top-item" style="overflow: hidden;"> |
|
|
|
|
<div class="top-item"> |
|
|
|
|
<div class="boxtitle">进度预警</div> |
|
|
|
|
<div v-if="state.warnList.length == 0" class="boxcontent" |
|
|
|
|
style="display: grid;grid-template-columns: 1fr ;"> |
|
|
|
|
<el-empty :image-size="100" description="暂无预警" /> |
|
|
|
|
<div class="boxcontent" v-if="state.warnList.length == 0"> |
|
|
|
|
<div class="zanwu"> |
|
|
|
|
<img style="width: 150px;" src="../../assets/images/zw.png" alt=""> |
|
|
|
|
<div class="zwtext"> |
|
|
|
|
暂无进度预警 |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div v-else class="boxcontent" |
|
|
|
|
style="display: grid;grid-template-columns: 1fr 1fr ;grid-gap: .75rem;padding: 1.5625rem 1.3125rem;"> |
|
|
|
@ -166,7 +174,7 @@ |
|
|
|
|
</el-progress> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div>预警信息:{{ item.warnInfo?item.warnInfo:'-' }}</div> |
|
|
|
|
<div>预警信息:{{ item.warnInfo ? item.warnInfo : '-' }}</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
@ -198,7 +206,10 @@ |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="zanwu" v-if="state.monitorList.length == 0"> |
|
|
|
|
暂无数据 |
|
|
|
|
<img style="width: 9.375rem;" src="../../assets/images/zw.png" alt=""> |
|
|
|
|
<div class="zwtext"> |
|
|
|
|
暂无进度监控 |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</vue3-seamless-scroll> |
|
|
|
|
</div> |
|
|
|
@ -243,7 +254,10 @@ |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="zanwu" v-if="state.tableData.length == 0"> |
|
|
|
|
暂无数据 |
|
|
|
|
<img style="width: 200px;" src="../../assets/images/zw.png" alt=""> |
|
|
|
|
<div class="zwtext"> |
|
|
|
|
暂无门禁记录 |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</vue3-seamless-scroll> |
|
|
|
|
</div> |
|
|
|
@ -302,9 +316,8 @@ onMounted(async () => { |
|
|
|
|
await engineeringLog() |
|
|
|
|
await getQuerywarn() |
|
|
|
|
await getStatistics() |
|
|
|
|
// await getVehiclestat() |
|
|
|
|
// await accessControl() |
|
|
|
|
|
|
|
|
|
await getVehiclestat() |
|
|
|
|
await accessControl() |
|
|
|
|
state.loading = false |
|
|
|
|
}) |
|
|
|
|
function Jump() { |
|
|
|
@ -454,6 +467,18 @@ function engineeringLog(params) { |
|
|
|
|
text-align: center; |
|
|
|
|
color: #fff; |
|
|
|
|
padding: .625rem; |
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: column; |
|
|
|
|
align-items: center; |
|
|
|
|
position: relative; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.zwtext { |
|
|
|
|
position: absolute; |
|
|
|
|
bottom: .9375rem; |
|
|
|
|
width: 100%; |
|
|
|
|
text-align: center; |
|
|
|
|
color: #ccc; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.table-item>div { |
|
|
|
|