|
@@ -4,7 +4,7 @@
|
|
|
<DeptTree @node-click="handleDeptNodeClick" v-model:collapsed="isLeftContentCollapsed" />
|
|
<DeptTree @node-click="handleDeptNodeClick" v-model:collapsed="isLeftContentCollapsed" />
|
|
|
|
|
|
|
|
<el-col :span="isLeftContentCollapsed ? 24 : 20" :xs="24">
|
|
<el-col :span="isLeftContentCollapsed ? 24 : 20" :xs="24">
|
|
|
- <div class="soc-summary-panel">
|
|
|
|
|
|
|
+ <div class="soc-summary-panel" v-loading="staticLoading">
|
|
|
<div class="soc-summary-chart">
|
|
<div class="soc-summary-chart">
|
|
|
<div class="soc-summary-chart__header">
|
|
<div class="soc-summary-chart__header">
|
|
|
<div class="soc-summary-chart__title">
|
|
<div class="soc-summary-chart__title">
|
|
@@ -18,8 +18,7 @@
|
|
|
ref="socChartRef"
|
|
ref="socChartRef"
|
|
|
:options="socChartOption"
|
|
:options="socChartOption"
|
|
|
:height="240"
|
|
:height="240"
|
|
|
- @chart-click="handleChartClick"
|
|
|
|
|
- />
|
|
|
|
|
|
|
+ @chart-click="handleChartClick" />
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
@@ -482,8 +481,10 @@ const socChartOption = computed<EChartsOption>(() => {
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
|
|
|
|
|
|
|
+let staticLoading = ref(false)
|
|
|
async function getStatic() {
|
|
async function getStatic() {
|
|
|
if (queryParams.deptId) {
|
|
if (queryParams.deptId) {
|
|
|
|
|
+ staticLoading.value = true
|
|
|
const res = await IotSocSummaryApi.getSocSummaryStatistics({
|
|
const res = await IotSocSummaryApi.getSocSummaryStatistics({
|
|
|
deptId: queryParams.deptId,
|
|
deptId: queryParams.deptId,
|
|
|
// 日期
|
|
// 日期
|
|
@@ -491,7 +492,9 @@ async function getStatic() {
|
|
|
})
|
|
})
|
|
|
child.value = res.child
|
|
child.value = res.child
|
|
|
totalData.value = res.total
|
|
totalData.value = res.total
|
|
|
|
|
+ staticLoading.value = false
|
|
|
} else {
|
|
} else {
|
|
|
|
|
+ staticLoading.value = true
|
|
|
queryParams.deptId = userStore.user.deptId
|
|
queryParams.deptId = userStore.user.deptId
|
|
|
const res = await IotSocSummaryApi.getSocSummaryStatistics({
|
|
const res = await IotSocSummaryApi.getSocSummaryStatistics({
|
|
|
deptId: queryParams.deptId,
|
|
deptId: queryParams.deptId,
|
|
@@ -500,6 +503,7 @@ async function getStatic() {
|
|
|
})
|
|
})
|
|
|
child.value = res.child
|
|
child.value = res.child
|
|
|
totalData.value = res.total
|
|
totalData.value = res.total
|
|
|
|
|
+ staticLoading.value = false
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|