417

src/views/traffic/components/box-2.vue

@@ -20,7 +20,7 @@
           <div class="header-left">
             <img src="@/assets/images/work-icon-xl-1.png" />
             <div class="header-left__title">{{ item.name }}</div>
-            <div class="header-left__camera" @click="videoShow = true">道路监控</div>
+            <!-- <div class="header-left__camera" @click="videoShow = true">道路监控</div> -->
             <!-- <div class="header-left__point" @click="videoShow = true">3号点位</div> -->
           </div>
           <div class="header-status">{{ item.congestLevelText }} </div>
@@ -203,7 +203,7 @@
     let location = e.location.split(',')
     console.log(location, 'location')
     current.value = ''
-    map.value.centerAndZoom(new BMapGL.Point(location[0], location[1]), 15)
+    map.value.centerAndZoom(new BMapGL.Point(location[0], location[1]), 18)
   }
 
   const getRouterList = async () => {

src/views/traffic/components/spotRate.vue

@@ -1,5 +1,10 @@
 <template>
-  <div class="spotRate" :id="id" />
+  
+  <div style="position: relative;">
+  	<div class="spotRate" :id="id" />
+  	<div v-if="condShow==0" class="nYong-du">加载中...</div>
+  	<div v-if="condShow==1" class="nYong-du">暂无数据</div>
+  </div>
 </template>
 
 <script setup>
@@ -34,7 +39,8 @@
   const { id, setOption } = useEchart()
 
   let params = null
-
+  let condShow = ref(0)
+  let aIndex = 1
   var defaultCofig = {
     color: [],
     series: [
@@ -74,7 +80,13 @@
   watch(
     () => props.dataList,
     (newVal) => {
+		aIndex+=1
+		console.log(aIndex,'aIndex')
+		if(aIndex>=3&&!newVal.length){
+		   condShow.value = 1
+		}
       if (newVal.length > 0) {
+		  condShow.value = 2
         nextTick(() => {
           if (!params) {
             defaultCofig.color = props.colors
@@ -99,6 +111,18 @@
 </script>
 
 <style scoped lang="scss">
+	.nYong-du{
+		position:absolute;
+		left:0;
+		top:0;
+		width: 100%;
+		height: 100%;
+		font-size:vw(18);
+		color:#999;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
   .spotRate {
     width: vw(200);
     height: vh(200);