Explorar o código

fix:设备管理看板日期背景

zhangjingyuan %!s(int64=2) %!d(string=hai) anos
pai
achega
61c109a156
Modificáronse 1 ficheiros con 13 adicións e 4 borrados
  1. 13 4
      src/views/system/jbdHome/board/equipmentBoard.vue

+ 13 - 4
src/views/system/jbdHome/board/equipmentBoard.vue

@@ -8,8 +8,10 @@
         <dv-decoration-8 class="right" :reverse="true" />
         <dv-decoration-8 class="right" :reverse="true" />
         <div class="title">{{ titleName }}</div>
         <div class="title">{{ titleName }}</div>
         <div class="time">
         <div class="time">
-          <span>年度:</span>
-          <el-date-picker v-model="month" type="year" value-format="yyyy" format="yyyy" placeholder="日期选择" style="width: 120px" :readonly="false" :editable="true" :clearable="false" @change="updateAll" />
+          <dv-border-box-8>
+          <span >年度:</span>
+          <el-date-picker v-model="month" type="year" value-format="yyyy" format="yyyy" placeholder="日期选择" style="width: 100px;" :readonly="false" :editable="true" :clearable="false" @change="updateAll" />
+          </dv-border-box-8>
         </div>
         </div>
         <div class="back" @click.prevent="goBack()">
         <div class="back" @click.prevent="goBack()">
           <dv-border-box-8>返回</dv-border-box-8>
           <dv-border-box-8>返回</dv-border-box-8>
@@ -760,6 +762,11 @@ export default {
 };
 };
 </script>
 </script>
 <style lang="scss" scoped>
 <style lang="scss" scoped>
+   ::v-deep.el-input--small .el-input__inner {
+        background-color: rgb(7 16 43 / 50%);
+        color: white;
+        border: none;
+      }
 .content {
 .content {
   width: 100%;
   width: 100%;
   height: 100%;
   height: 100%;
@@ -839,13 +846,15 @@ export default {
     .time {
     .time {
       display: flex;
       display: flex;
       justify-content: flex-end;
       justify-content: flex-end;
-      width: 20%;
+      width: 154px;
       right: 75%;
       right: 75%;
+
     }
     }
     .back {
     .back {
       left: 75%;
       left: 75%;
     }
     }
-  }
+  }    
+
   .topCard {
   .topCard {
     height: 30%;
     height: 30%;
     margin-top: 10px;
     margin-top: 10px;