init

pc/src/views/site-detail.vue

@@ -443,6 +443,9 @@
 			function tabActive(item) {
 				if (state.tab != item.value) {
 					state.tab = item.value;
+					if(item.value=='base'){
+						initGauge();
+					}
 					if(item.value=='history'){
 						getList();
 					}
@@ -452,6 +455,7 @@
 				}
 			}
 			function initGauge(){
+				nextTick(()=>{
 					state.myChart = echarts.init(chart.value);
 					let option = {
 						series: [
@@ -541,7 +545,10 @@
 							}
 						]
 					};
+					state.myChart.clear();
 					state.myChart.setOption(option);
+					state.myChart.resize();
+				})
 			}
 			function getList(){
 
@@ -585,11 +592,9 @@
 						return {text:'...',color:'#f78131'};
 				}
 			}
-			onMounted(async () => {
+			onMounted(() => {
 				getDetail();
-				await nextTick(()=>{
 				initGauge();
-				})
 			});
 			return {
 				...toRefs(state),