refactor(dry): 调整车间大屏和机台大屏的尺寸，更换设备模型图片

baoshiwei

20 小时以前 4840673314921235a3abb6b2485383ff9c6fc72c

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

@@ -4,7 +4,7 @@
         <div class="eqpRow">
            <div class="eqpImage" :style="{ 'background-position': position + 'px' }">
               <div class="leftEqp">
                  <div style="width: 350px">
                  <div style="width: 373px">
                     <div class="herbInfo">
                        <dv-border-box7 class="curEqp">
                           <div style="display: flex">
@@ -157,7 +157,7 @@
<!--                           </div>-->
                        </div>
                     </div>
              <div style="width: 848px; height: 485px; position: absolute;" @click="showFault">
              <div style="width: 907px; height: 485px; position: absolute;" @click="showFault">
                <div v-show="zuoqianjiting" class="error-div" style=" top:309px; left:418px">
                  <div class="blingbling error-marker" ></div>
                  <div class="error-msg" style="width: 70px;">
@@ -359,12 +359,12 @@
                  </dv-border-box7>
                  <dv-border-box7 class="leftMid">
                     <div class="chartTittle">实时进度</div>
                     <div id="efficiencyLine" style="width: 848px; height: 180px; margin-top: -10px"></div>
                     <div style="height: 10px; display: flex; width: 848px; padding: 0 60px; justify-content: space-between">
                     <div id="efficiencyLine" style="width: 907px; height: 180px; margin-top: -10px"></div>
                     <div style="height: 10px; display: flex; width: 907px; padding: 0 60px; justify-content: space-between">
                        <div style="width: 100px; height: 20px">{{ realData?.dryTime | 0 }} min</div>
                        <div style="width: 100px; height: 20px; text-align: right">{{ realData?.totalTime | 0 }} min</div>
                     </div>
                     <div id="progressBar" style="width: 848px; height: 80px"></div>
                     <div id="progressBar" style="width: 907px; height: 80px"></div>
                  </dv-border-box7>

                  <!-- <div class="outDiv">
@@ -1553,8 +1553,8 @@
      setTimeout(shangliao, 7000)
   }
  function showFault () {
    console.log('showFault')
    router.push({ path: '/bigFault', query: {  num: num } })
    console.log('showFault')  // 禁用跳转到故障页面
    // router.push({ path: '/bigFault', query: {  num: num } })

  }
   function shangliao() {
@@ -2214,7 +2214,7 @@
   }
   .eqpImage {
      height: 1080px;
      width: 1920px;
      width: 2048px;
      background-image: url(/src/assets/images/dry/bg.png);
      background-repeat: no-repeat;
      color: white;
@@ -2229,7 +2229,7 @@

   .leftEqp {
      height: 1080px;
      width: 1200px;
      width: 1280px;
      display: flex;
      flex-wrap: wrap;
      align-content: flex-start;
@@ -2243,21 +2243,21 @@
   }

   .leftTop {
      height: 704px;
      width: 850px;
      height: 750px;
      width: 907px;
      display: flex;
      justify-content: center;
      align-content: flex-start;
      background-image: url(/src/assets/images/dry/ganzaoji-x.png);
      background-image: url(/src/assets/images/dry/gzj.png);
      background-repeat: no-repeat;
      background-size: 79%;
      background-size: 72%;
      border-radius: 10px;
      flex-wrap: wrap;
      background-position: 85px 260px;
      background-position: 131px 359px;
   }
   .leftMid {
      width: 850px;
      height: 281px;
      width: 907px;
      height: 300px;
      /* border: 1px solid; */
      margin-top: 10px;
      border-radius: 10px;
@@ -2287,7 +2287,7 @@
   }
   .zhengqi {
      height: 180px;
      width: 200px;
      width: 213px;
      background-image: url(/src/assets/images/dry/liuliangji.png);
      background-repeat: no-repeat;
      background-size: 160px;
@@ -2298,25 +2298,25 @@
   .liuliangji {
   }
   .leftData {
      height: 234px;
      width: 120px;
      height: 250px;
      width: 128px;
   }
   .rightChart {
      height: 253px;
      width: 170px;
      height: 270px;
      width: 181px;
      margin-top: -30px;
   }
   .leftTop0 {
      height: 243px;
      width: 848px;
      height: 260px;
      width: 904px;
      display: flex;
      justify-content: center;
      align-content: flex-start;
      flex-wrap: wrap;
   }
   .leftTop1 {
      width: 250px;
      height: 187px;
      width: 266px;
      height: 200px;
      text-align: center;
      display: flex;
      justify-content: center;
@@ -2325,8 +2325,8 @@
      color: #727272;
   }
   .leftTop2 {
      width: 250px;
      height: 187px;
      width: 266px;
      height: 200px;
      text-align: center;
      display: flex;
      justify-content: center;
@@ -2335,8 +2335,8 @@
      color: #727272;
   }
   .leftTop3 {
      width: 340px;
      height: 187px;
      width: 363px;
      height: 200px;
      /* background-image: url(/src/assets/images/dry/fanliao.gif); */
      background-repeat: no-repeat;
      background-position: 0px 20px;
@@ -2345,7 +2345,7 @@
   }

   .eqpStatus {
      width: 848px;
      width: 904px;
      
   }
   .rightInfo {
@@ -2353,12 +2353,12 @@
      flex-wrap: wrap;
      align-content: flex-start;
      height: 1060px;
      width: 700px;
      width: 747px;
   }

   .rightTop {
      display: flex;
      height: 412px;
      height: 440px;
      padding-left: 10px;
   }
   .rightTwo {
@@ -2367,15 +2367,15 @@
   }

   .infoChart {
      width: 340px;
      height: 281px;
      width: 362px;
      height: 300px;
      /* background: white; */
      margin-left: 10px;
      margin-top: 10px;
      border-radius: 10px;
   }
   .chartTittle {
      width: 340px;
      width: 362px;
      height: 30px;
      font-size: 16px;
      display: flex;
@@ -2437,22 +2437,22 @@
      font-size: 24px;
   }
   .herbInfo {
      width: 340px;
      height: 412px;
      width: 362px;
      height: 440px;
      color: #727272;
   }

   .curEqp {
      width: 340px;
      height: 159px;
      width: 362px;
      height: 170px;

      /* background: white;
      border-radius: 10px; */
   }
   .curHerb {
      margin-top: 10px;
      width: 340px;
      height: 243px;
      width: 362px;
      height: 260px;
      /* background: white;
      border-radius: 10px; */

@@ -2461,8 +2461,8 @@
      background-position: 0px 10px;
   }
   .tempMoisChart {
      width: 690px;
      height: 412px;
      width: 736px;
      height: 440px;
      /* background: white; */

      padding: 20px;