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();