机台监控和车间大屏优化

baoshiwei

2023-11-07 e90b860aaa30bb3e5486618b447589eee75ff6ec

 src/views/dry/monitor/WorkShop.vue

@@ -85,8 +85,8 @@
                           :marks="marks"
                           vertical
                        />
                        <div
                        class="info-text">热风：<span >{{ realTime.get(item.id)?.windTemp | 0 }}</span> °C</div
                        <div class="info-text"
                           >热风：<span>{{ realTime.get(item.id)?.trendVo?.bellowsTemp | 0 }}</span> °C</div
                        >
                     </div>
                  </div>
@@ -387,7 +387,7 @@
      defHttp.get({ url: queryRealTimeUrl, params: { tenantid: tenantId, machineid: eqpCode } }).then((res) => {
         console.log(`output->res`, res)
         if (res && res.trendVo) {
            res.tempValue = [res.windTemp, 100]
            res.tempValue = [res.trendVo.bellowsTemp, 100]
            res.percent = ((res.dryTime / (res.dryTime + res.remain)) * 100).toFixed(2)
            res.mois = [
               (res.trendVo.moisture / 100).toFixed(2),
@@ -450,13 +450,13 @@

   .eqp-content {
      height: 100%;
    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;
      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 {
@@ -477,13 +477,13 @@
   }
   .eqpStatus {
      width: 170px;
    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;
      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;
@@ -517,13 +517,13 @@
   }
   .eqpName {
      margin-top: 190px;
    margin-left: 129px;
    width: 95px;
    /* font-size: 14px; */
    font-weight: bold;
    text-align: center;
    background-color: white;
    height: 22px;
      margin-left: 58px;
      width: 205px;
      /* font-size: 14px; */
      font-weight: bold;
      text-align: center;
      background-color: white;
      height: 22px;
   }

   .tempChart {
@@ -583,4 +583,15 @@
      border: none;
      background: #ce0000;
   }

	
   .blingbling {
      -webkit-transition: -webkit-transform 0.4s ease-in-out;
   transition: transform 0.4s ease-in-out;
		
   }
   .blingbling:hover {
      -webkit-transform: scale(1.1);
         transform: scale(1.1);
   }
</style>