...
|
...
|
@@ -90,22 +90,18 @@ |
90
|
90
|
const radisStatusData = ref<string[]>(['40%', '70%']);
|
91
|
91
|
const growCardList = ref<CardList>();
|
92
|
92
|
const legendData = ref(['gateway', 'directly', 'sub-device']);
|
93
|
|
- const seriesData: Ref<seriesDataT[]> = ref([]);
|
|
93
|
+ const seriesData: Ref<seriesDataT[]> = ref([
|
|
94
|
+ { value: 1048, name: 'gateway', itemStyle: { color: '#3aa0ff' } },
|
|
95
|
+ { value: 735, name: 'directly', itemStyle: { color: '#36cbcb' } },
|
|
96
|
+ { value: 580, name: 'sub-device', itemStyle: { color: '#4ecb73' } },
|
|
97
|
+ ]);
|
94
|
98
|
const legendStatusData = ref(['inactive', 'online', 'offline']);
|
95
|
|
- const seriesStatusData: Ref<seriesDataT[]> = ref([]);
|
|
99
|
+ const seriesStatusData: Ref<seriesDataT[]> = ref([
|
|
100
|
+ { value: 1048, name: 'inactive', itemStyle: { color: '#3aa0ff' } },
|
|
101
|
+ { value: 735, name: 'online', itemStyle: { color: '#36cbcb' } },
|
|
102
|
+ { value: 580, name: 'offline', itemStyle: { color: '#4ecb73' } },
|
|
103
|
+ ]);
|
96
|
104
|
onMounted(async () => {
|
97
|
|
- const mockData = [
|
98
|
|
- { value: 1048, name: 'gateway', itemStyle: { color: '#3aa0ff' } },
|
99
|
|
- { value: 735, name: 'directly', itemStyle: { color: '#36cbcb' } },
|
100
|
|
- { value: 580, name: 'sub-device', itemStyle: { color: '#4ecb73' } },
|
101
|
|
- ];
|
102
|
|
- const mockTestData = [
|
103
|
|
- { value: 1048, name: 'inactive', itemStyle: { color: '#3aa0ff' } },
|
104
|
|
- { value: 735, name: 'online', itemStyle: { color: '#36cbcb' } },
|
105
|
|
- { value: 580, name: 'offline', itemStyle: { color: '#4ecb73' } },
|
106
|
|
- ];
|
107
|
|
- seriesData.value = mockData;
|
108
|
|
- seriesStatusData.value = mockTestData;
|
109
|
105
|
const res = await getHomeData();
|
110
|
106
|
growCardList.value = res;
|
111
|
107
|
});
|
...
|
...
|
|