优化配方维护功能-增加简写首字母自动填充，优化车间大屏和设备大屏界面

baoshiwei

13 小时以前 a3e955e801044d8abc2ec575cdf74a6815b8d963

 src/views/dry/bigScreen/BigWorkShop-tjt.vue

@@ -28,9 +28,9 @@
                  <!--                  </div>-->
               </div>
               <div class="feed">
                  <div style="width: 700px; margin-left: 50px; display: flex; flex-direction: column; height: 950px; justify-content: space-between">
                  <div style="width: 800px; margin-left: 50px; display: flex; flex-direction: column; height: 950px; justify-content: space-between">
                     <div style="display: flex; flex-wrap: wrap; justify-content: space-between">
                        <dv-border-box7 style="width: 210px; height: 100px; padding: 10px">
                        <dv-border-box7 class="toptip">
                           <div class="statistics putincolor">
                              <div class="stat_label font16"> 总投料量 </div>
                              <div class="stat_value">
@@ -43,7 +43,7 @@
                              </div>
                           </div>
                        </dv-border-box7>
                        <dv-border-box7 style="width: 210px; height: 100px; padding: 10px">
                        <dv-border-box7 class="toptip">
                           <div class="statistics putincolor">
                              <div class="stat_label font16"> 电量消耗 </div>
                              <div class="stat_value">
@@ -56,7 +56,7 @@
                              </div>
                           </div>
                        </dv-border-box7>
                        <dv-border-box7 style="width: 210px; height: 100px; padding: 10px">
                        <dv-border-box7 class="toptip">
                           <div class="statistics putincolor">
                              <div class="stat_label font16"> 蒸汽消耗 </div>
                              <div class="stat_value">
@@ -484,12 +484,12 @@
      height: 980px;
      width: 100%;
      margin-top: -100px;
      font-size: 20px;
      font-size: 24px;
   }
   .title {
      height: 200px;
      padding: 20px;
      font-size: 30px;
      font-size: 36px;
      font-weight: bold;
      text-align: center;
      color: white;
@@ -518,14 +518,14 @@
   }
   .down {
      padding-left: 683px;
      margin-top: -823px;
      margin-top: -730px;
      display: flex;

      align-content: center;
      justify-content: flex-start;
   }
   .eqpInfoup {
      width: 304px;
      width: 340px;
      height: 400px;
      position: relative;
      display: flex;
@@ -533,7 +533,7 @@
   }

   .eqpInfodown {
      width: 313px;
      width: 340px;
      height: 490px;
      position: relative;
      display: flex;
@@ -542,19 +542,19 @@
   }

   .one {
      margin: 310px 52px;
      margin: 280px 45px;
   }

   .two {
      margin: 248px -45px;
      margin: 218px -45px;
   }

   .three {
      margin: 129px 222px;
      margin: 99px 222px;
   }

   .four {
      margin: 3px 4px;
      margin: -27px 4px;
   }

   .four_down {
@@ -566,7 +566,7 @@

      width: 100%;

      padding: 10px 20px;
      padding: 10px 10px;
   }

   .eqp-name {
@@ -601,15 +601,15 @@

   .eqp-info-up {
      flex: 1;
      padding-top: 108px;
      padding-top: 140px;
      display: flex;
   }

   .weight {
      flex: 1;
      display: flex;
      margin-left: 36px;
      font-size: 20px;
      margin-left: 45px;
      font-size: 24px;
   }

   .eqp-info-down {
@@ -644,7 +644,7 @@
      height: 160px;
      display: flex;
      padding: 10px 20px;
      font-size: 30px;
      font-size: 36px;
      flex-direction: column-reverse;
      align-items: flex-end;
      color: white;
@@ -675,7 +675,7 @@
   }

   .stat_value {
      font-size: 28px;
      font-size: 33px;
   }

   .herb_weight {
@@ -691,7 +691,7 @@
      background: #a0782e;
      border-radius: 50px;
      /* text-align: center; */
      font-size: 18px;
      font-size: 22px;
      color: white;
      display: flex;
      justify-content: center;
@@ -731,11 +731,11 @@
      color: sandybrown;
   }
   .font16 {
      font-size: 16px;
      font-size: 20px;
   }
   .stat_avg {
      width: 100%;
      font-size: 16px;
      font-size: 20px;
      display: flex;
      color: rgb(176, 176, 176);
      justify-content: space-between;
@@ -762,7 +762,7 @@
      content: '';
      position: absolute;
      left: 90px;
      top: 34%;
      top: 39%;
      width: 65px;
      height: 6px;
      background: repeating-linear-gradient(90deg, #5596c7 0 5px, transparent 5px 10px);
@@ -784,4 +784,7 @@
      background-size: 200% 100%;
      animation: flowLight 15s infinite linear;
   }
  .toptip {
    width: 250px; height: 120px; padding: 10px;
  }
</style>