4K适配

src/views/cockpit/bjxm.vue

@@ -1,10 +1,7 @@
 <template>
   <div class="bjxm">
     <div class="title">
-      <!-- <div class="icon"></div>
-      <span>报建项目</span> -->
-
-      <Title :title="'土地收储'"></Title>
+      <Title :title="'报健项目'"></Title>
 
       <div class="selectTab">
         <el-select v-model="left_value" placeholder="请选择" :popper-append-to-body="false" @change="changeChartsLeft">
@@ -397,10 +394,10 @@ export default {
 <style lang="scss" scoped>
 .bjxm {
   position: absolute;
-  width: 430px;
+  width: 350px;
   height: 310px;
   top: 38.5rem;
-  left: 27.5rem;
+  left: 26.5rem;
   border-radius: 0px;
   -webkit-box-shadow: none;
   box-shadow: none;
@@ -410,9 +407,8 @@ export default {
 
 .selectTab {
   position: absolute;
-  right: 0;
-  bottom: 9px;
-  right: 8px;
+  top: 3px;
+  right: 22px;
   z-index: 100;
 
   /deep/ .el-input__inner {
@@ -542,7 +538,12 @@ export default {
 #bjxm_echart {
   position: relative;
   top: 0;
-  width: 25.5rem;
-  height: 13rem;
+  width: 20.5rem;
+  height: 10rem;
+}
+
+.title {
+  width: 21rem;
+  background-size: 100% 89%;
 }
 </style>

src/views/cockpit/borderTemplate.vue

@@ -31,7 +31,7 @@ export default {
   position: absolute;
   right: 10px;
   top: 68%;
-  width: 21.6%; //416px
+  width: 25.6%; //416px
   max-width: 416px;
   height: calc((100% - 52px) / 3);
   display: -ms-flexbox;

src/views/cockpit/gdbh.vue

@@ -646,7 +646,7 @@ export default {
     // position: absolute;
     // left: 2%;
     // top: 10px;
-    width: 98%;
+    width: 100%;
     height: 100px;
     position: absolute;
     top: 0rem;

src/views/cockpit/hysy.vue

@@ -2,7 +2,7 @@
     <div class="hysy">
         <div class="title">
             <div class="icon"></div>
-            <span>海域使用权出让</span>
+            <span>重点用地监管</span>
         </div>
         <div class="hysy_box">
             <DialWatch class="hysy_dial_watch" :dial_watch_info="dial_watch_info" ref="hysy_dial_watch" />
@@ -333,10 +333,11 @@ export default {
 
 <style lang="scss"  scoped>
 .hysy {
+    display: none;
     position: relative;
-    top: 14rem;
-    width: 430px;
-    height: 310px;
+    top: 18rem;
+    left: 48rem;
+    width: 373px;
     z-index: 100;
 }
 

src/views/cockpit/jcbd.vue

@@ -109,7 +109,7 @@ export default {
 .jcbd {
     border-width: 0px;
     position: absolute;
-    left: 1rem;
+    left: 0.3rem;
     top: 2rem;
     width: 425px;
     height: 158px;

src/views/cockpit/kjgh.vue

@@ -156,7 +156,7 @@ export default {
 <style  lang="scss"  scoped>
 .jsyd {
   position: fixed;
-  left: 1rem;
+  left: 0.3rem;
   top: 15rem;
   z-index: 1;
   width: 416px;

src/views/cockpit/stxf.vue

@@ -242,18 +242,16 @@ export default {
 
 
 #stxf_echart_tdzz {
-
   width: 27rem;
   height: 10rem;
-  position: fixed;
-  top: 33rem;
-  left: 92rem;
+  position: absolute;
+  right: -1rem;
 }
 
 
 .infoLIst {
   width: 100%;
-  height: 12.5rem;
+  height: 9.5rem;
   overflow: hidden;
   overflow-y: auto;
   margin-top: 23px;

src/views/cockpit/tdsc.vue

@@ -148,7 +148,7 @@ export default {
 <style  lang="scss"  scoped>
 .tdsc {
   position: relative;
-  left: 1rem;
+  left: 0.3rem;
   top: 24.5rem;
   width: 416px;
   height: 221px;

src/views/cockpit/tdsy.vue

@@ -714,7 +714,7 @@ export default {
 <style lang="scss" scoped>
 .tdsy {
   position: fixed;
-  left: 1rem;
+  left: 0.3em;
   top: 42rem;
   z-index: 100;
   width: 416px;

src/views/cockpit/wpjg.vue

@@ -587,7 +587,7 @@ export default {
 </script>
 <style lang="scss" scoped>
 .wpjg {
-  top: 43rem !important;
+  top: 37rem !important;
 
 
   .stacontent {
@@ -597,7 +597,7 @@ export default {
   }
 
   .item {
-    width: 45%;
+    width: 49%;
     height: 30%;
     display: inline-block;
     // border: #00FFFF 1px solid;