|
|
@ -4,10 +4,12 @@ |
|
|
|
<div class="echart-wrapper" ref="chartRef"></div> |
|
|
|
<div class="appraise-progress"> |
|
|
|
<div class="tips"> |
|
|
|
<div>问题处理进度:<span>{{progressCount}}%</span></div> |
|
|
|
<div> |
|
|
|
问题处理进度:<span>{{ progressCount }}%</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="progress"> |
|
|
|
<div class="progress-bar" :style="{width: `${progressCount}%`}"></div> |
|
|
|
<div class="progress-bar" :style="{ width: `${progressCount}%` }"></div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -40,7 +42,7 @@ const handleResize = () => { |
|
|
|
}; |
|
|
|
const dailyData: any = ref([]); |
|
|
|
const dailyCount = ref(0); |
|
|
|
const progressCount = ref(0) |
|
|
|
const progressCount = ref(0); |
|
|
|
const getChartData = async (time: any) => { |
|
|
|
dailyCount.value = 0; |
|
|
|
dailyData.value = []; |
|
|
@ -50,7 +52,7 @@ const getChartData = async (time: any) => { |
|
|
|
...time, |
|
|
|
group: 'K6' |
|
|
|
}; |
|
|
|
const data: any = chartStore.initStatisticChart(pramas); |
|
|
|
const data: any = await chartStore.initStatisticChart(pramas); |
|
|
|
if (data?.yaxis?.length) { |
|
|
|
let newArr = data.yaxis.flatMap((v: any) => v.series); |
|
|
|
newArr?.forEach((item: any) => { |
|
|
@ -243,11 +245,12 @@ watch( |
|
|
|
() => props.timeRange, |
|
|
|
(newVal) => { |
|
|
|
getChartData(newVal); |
|
|
|
getProgressData(newVal) |
|
|
|
getProgressData(newVal); |
|
|
|
} |
|
|
|
); |
|
|
|
onMounted(() => { |
|
|
|
// getChartData(props.timeRange); |
|
|
|
getChartData(props.timeRange); |
|
|
|
getProgressData(props.timeRange); |
|
|
|
|
|
|
|
window.addEventListener('resize', handleResize); |
|
|
|
}); |
|
|
|