适配4k

src/views/cockpit/jcbd.vue

@@ -110,7 +110,7 @@ export default {
     border-width: 0px;
     position: absolute;
     left: 0.3rem;
-    top: 2rem;
+    top: 3vh;
     width: 425px;
     height: 158px;
     border-width: 0px;

src/views/cockpit/kjgh.vue

@@ -157,7 +157,7 @@ export default {
 .jsyd {
   position: fixed;
   left: 0.3rem;
-  top: 15rem;
+  top: 25vh;
   z-index: 1;
   width: 416px;
   height: 221px;

src/views/cockpit/stxf.vue

@@ -1,5 +1,5 @@
 <template>
-  <borderTemplate titleName="生态修复" class="stxf" :isregion="tab=='tdzz'">
+  <borderTemplate titleName="生态修复" class="stxf" :isregion="tab == 'tdzz'">
     <template v-slot:title>
       <!-- #content="row" -->
       <div class="selectTab">
@@ -10,7 +10,8 @@
       </div>
     </template>
     <div class="stacontent">
-      <div class="item" v-for="(sd, index) in sdlist[tab]" :key="index" :class="{cursor: sd.view}" @click="draw_vector(sd)">
+      <div class="item" v-for="(sd, index) in sdlist[tab]" :key="index" :class="{ cursor: sd.view }"
+        @click="draw_vector(sd)">
         <div class="itembg"></div>
         <div class="text">{{ sd.name }}</div>
         <span>{{ sdata[tab][sd.prop] || 0 }}</span>
@@ -26,7 +27,7 @@
       <div class="content">
 
         <div class="infoLIst content" ref="contentRef">
-          <div class="infoItem" v-for="(item, index) in store.state.cockpit_stxf.ssgc.list" :key="index" >
+          <div class="infoItem" v-for="(item, index) in store.state.cockpit_stxf.ssgc.list" :key="index">
             <div class="itemIcon">
               <span>
                 {{ index + 1 }}
@@ -72,7 +73,7 @@ export default {
           { name: "总投资", prop: "tzje", unit: "亿元" },
         ],
         ssxf: [
-          { name: "2023-2025年项目", prop: "xzqhdm_number", unit: "个", view:true },
+          { name: "2023-2025年项目", prop: "xzqhdm_number", unit: "个", view: true },
           { name: "整治面积", prop: "zlmj", unit: "公顷" },
           { name: "总投资", prop: "tzje", unit: "亿元" },
         ],
@@ -184,9 +185,9 @@ export default {
         id: params ? params.id : '4602'
 
       });
-      
-      
-      
+
+
+
       this.sdata.tdzz = {
         xzqhdm_number: res_hz.data[0].xmsl,
         zlmj: res_hz.data[0].mj,
@@ -219,7 +220,7 @@ export default {
         self.timer = setInterval(setInter, 100)
       })
     },
-    goDetail(item){
+    goDetail(item) {
       store.setViewerFlagb(false);
       store.setToolBarShow(false);
       store.setXzqh_flag(false);
@@ -240,7 +241,7 @@ export default {
 
           tableData: store.state.cockpit_stxf.ssgc.list,
           tablejscType: `jsc_stxf_ywlx_ssxfmx`,
-          columns: ['区县编码','区县编码名称','项目名称','投资金额(万元)','治理时间','治理进度','治理面积(公顷)','备注'],
+          columns: ['区县编码', '区县编码名称', '项目名称', '投资金额(万元)', '治理时间', '治理进度', '治理面积(公顷)', '备注'],
         });
       }
     }
@@ -261,7 +262,7 @@ export default {
 //  
 
 .stxf {
-  top: 33.3% !important;
+  top: 32vh;
 
   .stacontent {
     width: 100%;
@@ -302,6 +303,7 @@ export default {
     line-height: 18px;
   }
 }
+
 .cursor {
   cursor: pointer;
 }
@@ -358,6 +360,7 @@ export default {
 
     .itemCon {
       width: 21rem;
+
       // height: 1.55rem;
       // background-color: #faa012;
       // line-height: 1.55rem;
@@ -423,5 +426,4 @@ export default {
   position: absolute;
   bottom: 8px;
   right: 11px;
-}
-</style>
+}</style>

src/views/cockpit/tdsc.vue

@@ -359,7 +359,7 @@ export default {
 .tdsc {
   position: relative;
   left: 0.3rem;
-  top: 24.5rem;
+  top: 40vh;
   width: 416px;
   height: 221px;
   background: inherit;

src/views/cockpit/tdsy.vue

@@ -1234,7 +1234,7 @@ export default {
 .tdsy {
   position: fixed;
   left: 0.3em;
-  top: 42rem;
+  top: 69vh;
   z-index: 100;
   width: 416px;
   height: 300px;

src/views/cockpit/wpjg.vue

@@ -633,7 +633,7 @@ export default {
 </script>
 <style lang="scss" scoped>
 .wpjg {
-  top: 38rem !important;
+  top: 63vh;
 
 
   .stacontent {

src/views/viewer.vue

@@ -522,7 +522,7 @@ export default {
     width: 44vw;
     height: 29vh;
     z-index: 100;
-    top: 38rem;
+    top: 63vh;
 
     .bjxm_box {
         // border: 1px solid red;