功能噪声gis达标率统计

src/views/components/mapTableCenter.vue

@@ -70,7 +70,7 @@ export default {
   padding: 10px;
   position: absolute;
   /*bottom: 300px;*/
-  top: 50px;
+  top: 80px;
   transition: right 0.8s;
 }
 

src/views/components/mapTableCenterPlace.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="map-table-container " :style="{'right':type1 == 1 ? '0px':'-500px'}">
+  <div class="map-table-container " :style="{'right':type1 == 1 ? '0px':'-700px'}">
     <a-card title="功能区噪声" :headStyle="{'padding':'0px 5px'}"
             :bodyStyle="{'padding':'0px 5px','height':'200px','overFlow':'scroll'}">
       <div class="left-close-button" @click="showTable(0)" v-if="type1 == 1">
@@ -11,7 +11,7 @@
         <img src="https://sqtt.oss-cn-qingdao.aliyuncs.com/Uploads/image/goods/2022-01-08/61d8e83754c7e.png" alt=""
              style="width: 30px;height: 30px">
       </div>
-      <a-table :columns="columns" :data-source="rowData" size="mini" :scroll="{y:150,x:500}" :pagination="false">
+      <a-table :columns="columns" :data-source="rowData" size="mini" :scroll="{y:150,x:700}" :pagination="false">
       </a-table>
     </a-card>
   </div>
@@ -21,11 +21,7 @@
 
 const columns = [
   {
-    title: "年份",
-    dataIndex: "year",
-  },
-  {
-    title: "功能区类别",
+    title: "区域",
     dataIndex: "col1",
   },
   {
@@ -152,10 +148,10 @@ export default {
 <style scoped>
 .map-table-container {
   box-sizing: border-box;
-  width: 500px;
+  width: 700px;
   padding: 10px;
   position: absolute;
-  bottom: 300px;
+  top: 80px;
   transition: right 0.8s;
 }
 
@@ -169,7 +165,7 @@ export default {
   background-color: #fff;
   position: absolute;
   left: -40px;
-  bottom: 0;
+  top: 0;
   display: flex;
   justify-content: center;
   align-items: center;

src/views/components/tipToolPlace.vue

@@ -35,7 +35,8 @@ export default {
       default: false
     },
     data:{
-      type:Object
+      type:Object,
+      default: ()=> {}
     }
   },
   watch: {

src/views/visualiz/sound/function/index.vue

@@ -262,6 +262,7 @@ export default {
         myCompOverlay.addEventListener('mouseover', function (e) {
           let currentId = e.target.getAttribute("id")
 
+
           setTimeout(() => {
           }, 300)
           let bodyInfo = document.getElementsByTagName("body")[0]
@@ -274,8 +275,10 @@ export default {
 
           let calcWidth = screenWidth - mapWidth
           // let calcHeight = screenHeight - mapHeight
+          console.log("=================================================================================================")
+          that.tipData = that.pointData[Number(currentId.substring(2, currentId.length))]
           that.tipFlag = true
-          that.tipData = that.pointData[currentId.substring(2, currentId.length)]
+
           that.currentX = e.pageX - calcWidth
           that.currentY = e.pageY - 80
         })
@@ -321,9 +324,9 @@ export default {
         scene.removeLayer(pointLayer)
       }
       getGradeAll(this.where.monitorYear).then(res=>{
-        that.pointData = []
+        that.gradeData = []
         if (res.data.code == 0 && res.data.data.length > 0) {
-          this.gradeData = res.data
+          this.gradeData = res.data.data
         }
       })
       getPlaceGis(this.where).then((res) => {