设备监控完善

bsw215583320

2023-06-26 d9d32b6627e75d945e2ab8709aa1a12a95305d82

 src/views/dry/monitor/WorkShop.vue

@@ -12,7 +12,7 @@
                           <span class="info-text">{{ realTime.get(item.id)?.dryTime | 0 }}</span> 分钟
                        </div>

                        <div style="padding: 0 10px; width: 200px; height: 40px">
                        <div style="padding: 0 10px; width: 195px; height: 40px">
                           <div style="padding-top: 10px">
                              <Progress
                                 :stroke-color="{
@@ -21,6 +21,7 @@
                                 }"
                                 :percent="realTime.get(item.id)?.percent"
                                 status="active"
                                 trailColor="#2b2b2b2b"
                                 :show-info="false"
                              />
                           </div>
@@ -54,18 +55,18 @@
                  </div>

                  <div class="eqpStatus">
                     <div> <span class="info-text">翻料</span> </div>
                     <div> <span class="info-text">正在干燥</span> </div>
                  </div>
               </div>
               <!-- <div :id="'chartDom' + item.id" class="chart"> </div> -->
               <div class="info">
                  <div class="leftInfo">
                     <div style="width: 120px">
                        <div style="height: 1px; font-size: 10px; text-align: center; margin-top: 10px; margin-bottom: -10px"
                        <div style="height: 1px; font-size: 14px; text-align: center; margin-top: 10px; margin-bottom: -10px"
                           >初始：{{ realTime.get(item.id)?.initial }}%</div
                        >
                        <div :id="'moisture' + item.id" style="width: 110px; height: 187px"></div>
                        <div style="height: 1px; font-size: 10px; text-align: center; margin-top: -25px">目标：{{ realTime.get(item.id)?.target }}%</div>
                        <div style="height: 1px; font-size: 14px; text-align: center; margin-top: -25px">目标：{{ realTime.get(item.id)?.target }}%</div>
                        <div style="width: 110px; text-align: center; margin-top: 23px">含水率</div>
                     </div>
                     <!-- <div class="herbName"> 当归 </div> -->
@@ -85,7 +86,7 @@
                           vertical
                        />
                        <div
                           >热风：<span class="info-text">{{ realTime.get(item.id)?.windTemp | 0 }}</span> °C</div
                        class="info-text">热风：<span >{{ realTime.get(item.id)?.windTemp | 0 }}</span> °C</div
                        >
                     </div>
                  </div>
@@ -356,7 +357,7 @@
                           // + '\n\n\n目标'+(mois.value[2]*100).toFixed(2) + '%'
                        )
                     },
                     fontSize: 10,
                     fontSize: 14,
                     //position: ['50%',(100-mois.value[1]*100).toFixed(2) + '%'],
                  },
               },
@@ -387,7 +388,7 @@
         console.log(`output->res`, res)
         if (res && res.trendVo) {
            res.tempValue = [res.windTemp, 100]
            res.percent = ((res.dryTime / res.et) * 100).toFixed(2)
            res.percent = ((res.dryTime / (res.dryTime + res.remain)) * 100).toFixed(2)
            res.mois = [
               (res.trendVo.moisture / 100).toFixed(2),
               (res.trendVo.moisture / 100 / 1.5).toFixed(2),
@@ -401,7 +402,7 @@
                        formatter: function () {
                           return res.trendVo.moisture + '%'
                        },
                        fontSize: 10,
                        fontSize: 14,
                        //position: ['50%',(100- res.trendVo.moisture)+ '%'],
                     },
                  },
@@ -449,12 +450,13 @@

   .eqp-content {
      height: 100%;
      background-color: white;
      background-image: url('../../../assets/images/dry/ganzaoji-x.png');
      background-repeat: no-repeat;
      background-size: 60% 60%;
      background-position: 105px 150px;
      border-radius: 8px;
    background-color: #fdfdfd;
    box-shadow: 0px 0px 23px #72727278;
    background-image: url(/src/assets/images/dry/ganzaoji-x.png);
    background-repeat: no-repeat;
    background-size: 60% 60%;
    background-position: 105px 127px;
    border-radius: 8px;
   }

   .chart {
@@ -475,13 +477,13 @@
   }
   .eqpStatus {
      width: 170px;
      background-position: 0 0px;
      background-image: url('../../../assets/images/dry/refeng2.gif');
      background-size: 180px;
      background-repeat: no-repeat;
      display: inline-flex;
      flex-direction: column-reverse;
      padding: 15px;
    background-position: -21px 19px;
    background-image: url(/src/assets/images/dry/refeng2.gif);
    background-size: 196px;
    background-repeat: no-repeat;
    display: inline-flex;
    flex-direction: column-reverse;
    padding: 15px;
   }
   .info {
      display: flex;
@@ -498,7 +500,7 @@
   }

   .info-text {
      font-size: 16px;
      font-size: 14px;
      font-weight: bold;
   }
   .herbName {
@@ -514,13 +516,14 @@
      line-height: 35px;
   }
   .eqpName {
      margin-top: 68px;
      margin-left: 150px;
      width: 95px;
      font-weight: bold;
      text-align: center;
      background-color: white;
      height: 22px;
      margin-top: 190px;
    margin-left: 129px;
    width: 95px;
    /* font-size: 14px; */
    font-weight: bold;
    text-align: center;
    background-color: white;
    height: 22px;
   }

   .tempChart {