|
@@ -194,18 +194,24 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<el-row class="h-[220px]">
|
|
|
- <el-col :span="12" class="flex flex-col items-center">
|
|
|
+ <el-col :span="8" class="flex flex-col items-center">
|
|
|
<div ref="finishedChartRef" class="h-[160px] w-full"></div>
|
|
|
<div class="text-center mt-2">
|
|
|
<span class="text-sm text-gray-600" style="text-decoration: underline;color: dodgerblue;cursor: pointer" @click="clickStatus('工单已执行')">已执行</span>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
- <el-col :span="12" class="flex flex-col items-center">
|
|
|
+ <el-col :span="8" class="flex flex-col items-center">
|
|
|
<div ref="writeChartRef" class="h-[160px] w-full"></div>
|
|
|
<div class="text-center mt-2">
|
|
|
<span class="text-sm text-gray-600" style="text-decoration: underline;color: orangered;cursor: pointer" @click="clickStatus('工单待执行')">待执行</span>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
+ <el-col :span="8" class="flex flex-col items-center">
|
|
|
+ <div ref="ignoreChartRef" class="h-[160px] w-full"></div>
|
|
|
+ <div class="text-center mt-2">
|
|
|
+ <span class="text-sm text-gray-600" style="text-decoration: underline;color: purple;cursor: pointer" @click="clickStatus('工单忽略')">忽略</span>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
</el-row>
|
|
|
</el-card>
|
|
|
</el-col>
|
|
@@ -217,18 +223,24 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<el-row class="h-[220px]">
|
|
|
- <el-col :span="12" class="flex flex-col items-center">
|
|
|
+ <el-col :span="8" class="flex flex-col items-center">
|
|
|
<div ref="finishedTodayChartRef" class="h-[160px] w-full"></div>
|
|
|
<div class="text-center mt-2">
|
|
|
<span class="text-sm text-gray-600" style="text-decoration: underline;color: dodgerblue;cursor: pointer" @click="clickStatus('设备已执行')">已填写</span>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
- <el-col :span="12" class="flex flex-col items-center">
|
|
|
+ <el-col :span="8" class="flex flex-col items-center">
|
|
|
<div ref="writeTodayChartRef" class="h-[160px] w-full"></div>
|
|
|
<div class="text-center mt-2" >
|
|
|
<span class="text-sm text-gray-600" style="text-decoration: underline;color: orangered;cursor: pointer" @click="clickStatus('设备待执行')">未填写</span>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
+ <el-col :span="8" class="flex flex-col items-center">
|
|
|
+ <div ref="ignoreTodayChartRef" class="h-[160px] w-full"></div>
|
|
|
+ <div class="text-center mt-2" >
|
|
|
+ <span class="text-sm text-gray-600" style="text-decoration: underline;color: purple;cursor: pointer" @click="clickStatus('设备忽略')">忽略</span>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
</el-row>
|
|
|
</el-card>
|
|
|
</el-col>
|
|
@@ -328,8 +340,10 @@ const transOrderChartRef = ref() // 待激活设备统计的图表
|
|
|
const orderFinishChartRef = ref()
|
|
|
const deviceMessageCountChartRef = ref() // 上下行消息量统计的图表
|
|
|
const writeChartRef = ref() // 上下行消息量统计的图表
|
|
|
+const ignoreChartRef = ref() // 上下行消息量统计的图表
|
|
|
const finishedChartRef = ref() // 上下行消息量统计的图表
|
|
|
const writeTodayChartRef = ref() // 上下行消息量统计的图表
|
|
|
+const ignoreTodayChartRef = ref() // 上下行消息量统计的图表
|
|
|
const finishedTodayChartRef = ref() // 上下行消息量统计的图表
|
|
|
const statusChartRef = ref() // 设备数量统计的图表
|
|
|
// 基础统计数据
|
|
@@ -378,9 +392,14 @@ const clickStatus = (type) => {
|
|
|
} else if (type === '工单已执行') {
|
|
|
status = 'finished'
|
|
|
push({name: 'IotInspectOrdere', params:{deptId,status,createTime}})
|
|
|
+ } else if (type === '工单忽略'){
|
|
|
+ status = 'ignore'
|
|
|
+ push({name: 'IotInspectOrdere', params:{deptId,status,createTime}})
|
|
|
+ } else if (type === '设备忽略') {
|
|
|
+ status = 'ignore'
|
|
|
+ push({name:'IotInspectOrderDetailStat', params:{deptId,status,createTime}})
|
|
|
} else if (type==='设备待执行') {
|
|
|
status = 'todo'
|
|
|
- debugger
|
|
|
push({name:'IotInspectOrderDetailStat', params:{deptId,status,createTime}})
|
|
|
} else if (type==='设备已执行'){
|
|
|
status = 'finished'
|
|
@@ -407,11 +426,13 @@ const total = ref({
|
|
|
|
|
|
const status = ref({
|
|
|
finished: 0,
|
|
|
- todo: 0
|
|
|
+ todo: 0,
|
|
|
+ ignore:0
|
|
|
})
|
|
|
const todayStatus = ref({
|
|
|
finished: 0,
|
|
|
- todo: 0
|
|
|
+ todo: 0,
|
|
|
+ ignore:0
|
|
|
})
|
|
|
const typeData = ref({})
|
|
|
// 消息统计数据
|
|
@@ -562,6 +583,12 @@ const initCharts = () => {
|
|
|
'#f50',
|
|
|
'设备待执行'
|
|
|
)
|
|
|
+ initGaugeChart(
|
|
|
+ ignoreTodayChartRef.value,
|
|
|
+ todayStatus.value.ignore === undefined ? 0 : todayStatus.value.ignore,
|
|
|
+ 'purple',
|
|
|
+ '忽略'
|
|
|
+ )
|
|
|
//已执行
|
|
|
initGaugeChart(
|
|
|
finishedTodayChartRef.value,
|
|
@@ -576,6 +603,13 @@ const initCharts = () => {
|
|
|
'#f50',
|
|
|
'工单待执行'
|
|
|
)
|
|
|
+ // 忽略
|
|
|
+ initGaugeChart(
|
|
|
+ ignoreChartRef.value,
|
|
|
+ status.value.ignore === undefined ? 0 : status.value.ignore,
|
|
|
+ 'purple',
|
|
|
+ '忽略'
|
|
|
+ )
|
|
|
//工单已执行
|
|
|
initGaugeChart(
|
|
|
finishedChartRef.value,
|
|
@@ -646,12 +680,18 @@ const initGaugeChart = (el: any, value: number, color: string, type: string) =>
|
|
|
} else if (params.data.type === '工单已执行') {
|
|
|
status = 'finished'
|
|
|
push({name: 'IotInspectOrdere', params:{deptId,status,createTime}})
|
|
|
+ } else if (params.data.type === '工单忽略'){
|
|
|
+ status = 'ignore'
|
|
|
+ push({name: 'IotInspectOrdere', params:{deptId,status,createTime}})
|
|
|
} else if (params.data.type==='设备待执行') {
|
|
|
status = 'todo'
|
|
|
push({name:'IotInspectOrderDetailStat', params:{deptId,status,createTime}})
|
|
|
} else if (params.data.type==='设备已执行'){
|
|
|
status = 'finished'
|
|
|
push({name:'IotInspectOrderDetailStat', params:{deptId,status,createTime}})
|
|
|
+ } else if (params.data.type === '设备忽略') {
|
|
|
+ status = 'ignore'
|
|
|
+ push({name:'IotInspectOrderDetailStat', params:{deptId,status,createTime}})
|
|
|
}
|
|
|
});
|
|
|
}
|