422

src/components/RegionTop/index.vue

@@ -1,12 +1,18 @@
 <!-- 客源地分析TOP5 -->
 <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),
+		opacity:list.length?1:0,
+  	  }"
+  	/>
+  	<div v-if="condShow==0" class="nYong-du">加载中...</div>
+  	<div v-if="condShow==1" class="nYong-du">暂无数据</div>
+  </div>
 </template>
 
 <script setup>
@@ -31,13 +37,21 @@
 
   const { id, setOption } = useEchart()
   let params = null
-
+	let condShow = ref(0)
+	let aIndex = 1
   watch(
     () => props.list,
-    () => {
-      setTimeout(() => {
-        init()
-      }, 1000)
+    (val) => {
+		aIndex+=1
+		if(aIndex>=3&&!val.length){
+			  condShow.value = 1
+		}
+	   if (val.length > 0) {
+		   setTimeout(() => {
+			 init()
+		   }, 1000)
+	   }
+
     },
     {
       immediate: true
@@ -165,6 +179,19 @@
 </script>
 
 <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;
+	}
   .top {
     width: vw(250);
     height: vh(366);