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