|
@@ -189,20 +189,20 @@
|
|
<el-card class="chart-card" shadow="never">
|
|
<el-card class="chart-card" shadow="never">
|
|
<template #header>
|
|
<template #header>
|
|
<div class="flex items-center">
|
|
<div class="flex items-center">
|
|
- <span class="text-base font-medium text-gray-600">设备状态统计</span>
|
|
|
|
|
|
+ <span class="text-base font-medium text-gray-600">工单状态统计</span>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
<el-row class="h-[220px]">
|
|
<el-row class="h-[220px]">
|
|
<el-col :span="12" class="flex flex-col items-center">
|
|
<el-col :span="12" 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 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>
|
|
</div>
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="12" class="flex flex-col items-center">
|
|
<el-col :span="12" class="flex flex-col items-center">
|
|
- <div ref="finishedTodayChartRef" class="h-[160px] w-full"></div>
|
|
|
|
|
|
+ <div ref="writeChartRef" class="h-[160px] w-full"></div>
|
|
<div class="text-center mt-2">
|
|
<div class="text-center mt-2">
|
|
- <span class="text-sm text-gray-600" style="text-decoration: underline;color: dodgerblue;cursor: pointer" @click="clickStatus('设备已执行')">已填写</span>
|
|
|
|
|
|
+ <span class="text-sm text-gray-600" style="text-decoration: underline;color: orangered;cursor: pointer" @click="clickStatus('工单待执行')">待执行</span>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
</el-col>
|
|
</el-row>
|
|
</el-row>
|
|
@@ -212,20 +212,20 @@
|
|
<el-card class="chart-card" shadow="never">
|
|
<el-card class="chart-card" shadow="never">
|
|
<template #header>
|
|
<template #header>
|
|
<div class="flex items-center">
|
|
<div class="flex items-center">
|
|
- <span class="text-base font-medium text-gray-600">工单状态统计</span>
|
|
|
|
|
|
+ <span class="text-base font-medium text-gray-600">设备状态统计</span>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
<el-row class="h-[220px]">
|
|
<el-row class="h-[220px]">
|
|
<el-col :span="12" class="flex flex-col items-center">
|
|
<el-col :span="12" class="flex flex-col items-center">
|
|
- <div ref="writeChartRef" class="h-[160px] w-full"></div>
|
|
|
|
|
|
+ <div ref="finishedTodayChartRef" class="h-[160px] w-full"></div>
|
|
<div class="text-center mt-2">
|
|
<div class="text-center mt-2">
|
|
- <span class="text-sm text-gray-600" style="text-decoration: underline;color: orangered;cursor: pointer" @click="clickStatus('工单待执行')">待执行</span>
|
|
|
|
|
|
+ <span class="text-sm text-gray-600" style="text-decoration: underline;color: dodgerblue;cursor: pointer" @click="clickStatus('设备已执行')">已填写</span>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="12" class="flex flex-col items-center">
|
|
<el-col :span="12" 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 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>
|
|
</div>
|
|
</el-col>
|
|
</el-col>
|
|
</el-row>
|
|
</el-row>
|
|
@@ -597,14 +597,14 @@ const initGaugeChart = (el: any, value: number, color: string, type: string) =>
|
|
max: value, // 使用设备总数作为最大值
|
|
max: value, // 使用设备总数作为最大值
|
|
progress: {
|
|
progress: {
|
|
show: true,
|
|
show: true,
|
|
- width: 25,
|
|
|
|
|
|
+ width: 15,
|
|
itemStyle: {
|
|
itemStyle: {
|
|
color: color
|
|
color: color
|
|
}
|
|
}
|
|
},
|
|
},
|
|
axisLine: {
|
|
axisLine: {
|
|
lineStyle: {
|
|
lineStyle: {
|
|
- width: 25,
|
|
|
|
|
|
+ width: 15,
|
|
color: [[1, '#E5E7EB']]
|
|
color: [[1, '#E5E7EB']]
|
|
}
|
|
}
|
|
},
|
|
},
|