4.22

src/components/PieRow/index.vue

@@ -1,11 +1,16 @@
 <template>
-  <div
-    :id="id"
-    :style="{
-      width: styleUtil.px2vw(width),
-      height: styleUtil.px2vh(height)
-    }"
-  />
+	<div style="position:relative;">
+		<div
+		  :id="id"
+		  :style="{
+		    width: styleUtil.px2vw(width),
+		    height: styleUtil.px2vh(height)
+		  }"
+		/>
+		<div v-if="condShow==0" class="nYong-du">加载中...</div>
+		<div v-if="condShow==1" class="nYong-du">暂无数据</div>
+	</div>
+  
 </template>
 
 <script setup>
@@ -96,11 +101,17 @@
       }
     ]
   }
-
+	let condShow = ref(0)
+	let aIndex = 1
   watch(
     () => props.dataList,
     (newVal) => {
+		aIndex+=1
+		if(aIndex>=3&&!newVal.length){
+			  condShow.value = 1
+		}
       if (newVal.length > 0) {
+		  condShow.value = 2
         nextTick(() => {
           defaultCofig.legend.formatter = (name) => {
             let percent = props.dataList.find((item) => item.name == name).value
@@ -121,4 +132,19 @@
   )
 </script>
 
-<style scoped lang="scss"></style>
+<style scoped lang="scss">
+	
+	.nYong-du{
+		position:absolute;
+		left:0;
+		top:0;
+		width: 100%;
+		height: 100%;
+		font-size:vw(18);
+		// color:#999;
+		color:#02f9fa;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+</style>