Browse Source

驾驶舱下拉框选择器样式

maxiaoxiao 4 months ago
parent
commit
e51f71a461

+ 2 - 2
src/views/cockpit/bjxm.vue

@@ -405,7 +405,7 @@ export default {
 
   /deep/ .el-input__inner {
     // padding-right: 30px;
-    width: 128px !important;
+    width: 100px !important;
     height: 24px !important;
     line-height: 24px;
     padding-left: 22px;
@@ -538,7 +538,7 @@ export default {
 }
 
 .title_bjxm {
-  width: 22vw !important;
+  // width: 22vw !important;
   background-size: 100% 89% !important;
 }
 </style>

+ 4 - 3
src/views/cockpit/borderTemplate.vue

@@ -71,12 +71,13 @@ export default {
 
     .selectTab {
       position: absolute;
-      bottom: 10px;
-      right: 0px;
+      top: 3px;
+      right: 1rem;
+      z-index: 100;
 
       /deep/ .el-input__inner {
         // padding-right: 30px;
-        width: 128px !important;
+        width: 100px !important;
         height: 24px !important;
         line-height: 24px;
         padding-left: 22px;

+ 2 - 2
src/views/cockpit/common/Title.vue

@@ -46,10 +46,10 @@ export default {
 <style lang="scss" scoped>
 
 .title {
-    width: 25rem;
     border-width: 0px;
+    width: 100%;
+    height: 35px;
     line-height: 2rem;
-    height: 4vh;
     background: no-repeat;
     background-size: 100%;
     background-image: url("/static/images/overview/titlebox.gif");

+ 5 - 5
src/views/cockpit/gdbh.vue

@@ -1,13 +1,13 @@
 <template>
   <borderTemplate titleName="耕地保护" class="gdbh">
-    <div class="content">
+    <template v-slot:title>
       <div class="selectTab">
         <el-select v-model="tab" placeholder="请选择" :popper-append-to-body="false" @change="change_model">
           <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
           </el-option>
         </el-select>
       </div>
-    </div>
+    </template>
     <div class="content_index">
 
       <div v-show="tab == options[1].value">
@@ -904,13 +904,13 @@ export default {
 
 .selectTab {
   position: absolute;
-  right: 22px;
-  bottom: 111px;
+  right: 1rem;
+  bottom: 8px;
   z-index: 1;
 
   /deep/ .el-input__inner {
     // padding-right: 30px;
-    width: 128px !important;
+    width: 100px !important;
     height: 24px !important;
     line-height: 24px;
     padding-left: 22px;

+ 1 - 1
src/views/cockpit/jcbd.vue

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

+ 15 - 15
src/views/cockpit/tdsc.vue

@@ -428,26 +428,26 @@ export default {
 }
 
 .title {
-  border-width: 0px;
-  width: 100%;
-  height: 40px;
+  // border-width: 0px;
+  // width: 100%;
+  // height: 40px;
   // font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
   // font-weight: 700;
   // font-style: normal;
   // color: #fff;
   // padding: 2%;
-  background: no-repeat;
-  background-image: url("/static/images/overview/titlebox.gif");
-  position: relative;
+  // background: no-repeat;
+  // background-image: url("/static/images/overview/titlebox.gif");
+  // position: relative;
 
-  span {
-    color: #fff;
-    font-size: 14px;
-    font-weight: bold;
-    position: relative;
-    bottom: -0.2rem;
-    right: -2.4rem;
-  }
+  // span {
+  //   color: #fff;
+  //   font-size: 14px;
+  //   font-weight: bold;
+  //   position: relative;
+  //   bottom: -0.2rem;
+  //   right: -2.4rem;
+  // }
 }
 
 .selectTab {
@@ -457,7 +457,7 @@ export default {
 
   /deep/ .el-input__inner {
     // padding-right: 30px;
-    width: 128px !important;
+    width: 100px !important;
     height: 24px !important;
     line-height: 24px;
     padding-left: 22px;

+ 7 - 3
src/views/cockpit/tdsy.vue

@@ -270,6 +270,7 @@ export default {
         jscType: "jsc_tdgy_gy_ztsh",
         id: params ? params.id : "4602",
         val0: params ? params.beginTime : store.state.cockpit_date[0],
+        // val1: params ? params.beginTime : store.state.cockpit_date[1],
       };
       let data = await QueryList(obj);
 
@@ -1181,20 +1182,23 @@ export default {
 
     .left_tab {
       position: absolute;
-      right: 151px;
+      right: 130px;
       bottom: 9px;
+      /deep/ .el-input__inner {
+        width: 128px !important;
+      }
     }
 
     .right_tab {
       position: absolute;
-      right: 38px;
+      right: 1rem;
       bottom: 9px;
     }
 
     .selectTab {
       /deep/ .el-input__inner {
         // padding-right: 30px;
-        width: 128px !important;
+        width: 100px;
         height: 24px !important;
         line-height: 24px;
         padding-left: 22px;

+ 3 - 3
src/views/cockpit/ydjc.vue

@@ -375,12 +375,12 @@ export default {
 .selectTab {
   position: absolute;
   top: 3px;
-  right: 70px;
+  right: 23px;
   z-index: 100;
 
   /deep/ .el-input__inner {
     // padding-right: 30px;
-    width: 90px !important;
+    width: 100px !important;
     height: 24px !important;
     line-height: 24px;
     padding-left: 22px;
@@ -398,7 +398,7 @@ export default {
   }
 
   /deep/ .el-input__suffix {
-    right: -36px;
+    right: -2px;
   }
 
   /deep/ .el-select-dropdown__list {