diff --git a/src/views/components/OfflineStatus.vue b/src/views/components/OfflineStatus.vue index 41df4d9..1a8558d 100644 --- a/src/views/components/OfflineStatus.vue +++ b/src/views/components/OfflineStatus.vue @@ -18,7 +18,7 @@
-
690
+
{{ offlineTotal }}
线下
@@ -70,7 +70,7 @@ }; const colorList = ref(["#0783FA", "#07D1FA", "#20E6A4", "#FFD15C"]); - const askSectionData = inject("askSectionData", ref<{ offline: any[] }>({ offline: [] })); + const askSectionData = inject("askSectionData", ref<{ offline: any[],scource:any[] }>({ offline: [],scource:[] })); const chartData = ref([]); @@ -81,6 +81,8 @@ }, ); + const offlineTotal = ref({}) + const initData = () => { if (askSectionData.value.offline && askSectionData.value.offline.length > 0) { chartData.value = askSectionData.value.offline.map((item, index) => ({ @@ -88,6 +90,7 @@ value: item.total, color: colorList.value[index % colorList.value.length], })); + offlineTotal.value = askSectionData.value.scource.filter(item => item.tag==="线下")[0].total } } diff --git a/src/views/components/OnlineStatus.vue b/src/views/components/OnlineStatus.vue index 0352059..088a6a0 100644 --- a/src/views/components/OnlineStatus.vue +++ b/src/views/components/OnlineStatus.vue @@ -18,7 +18,7 @@
-
690
+
{{ onlineTotal }}
线上
@@ -71,23 +71,28 @@ const colorList = ref(["#0783FA", "#07D1FA", "#20E6A4", "#FFD15C"]); - const askSectionData = inject("askSectionData", ref<{ online: any[] }>({ online: [] })); + const askSectionData = inject("askSectionData", ref<{ online: any[]; scource: any[] }>({ online: [], scource: [] })); const chartData = ref([]); + const onlineTotal = ref({}); - watch(() => askSectionData.value, () => { - initData() - }); + watch( + () => askSectionData.value, + () => { + initData(); + }, + ); const initData = () => { if (askSectionData.value.online && askSectionData.value.online.length > 0) { chartData.value = askSectionData.value.online.map((item, index) => ({ name: item.tag, value: item.total, - color: colorList.value[index % colorList.value.length], + color: colorList.value[index % colorList.value.length], })); + onlineTotal.value = askSectionData.value.scource.filter((item) => item.tag === "线上")[0].total; } - } + }; onBeforeMount(() => { getHeaderLeftSvg();