完成设备大屏，新增报警大屏

baoshiwei

2024-12-06 bd11d32a4e0fab6e4e6c4a32d5e7e3fe26abb271

 src/views/dry/bigScreen/BigEqpCloud.vue

@@ -158,189 +158,189 @@
                        </div>
                     </div>
              <div style="width: 848px; height: 485px; position: absolute;" @click="showFault">
                <div v-if="true | zuoqianjiting" class="error-div" style=" top:309px; left:418px">
                <div v-if="zuoqianjiting" class="error-div" style=" top:309px; left:418px">
                  <div class="blingbling error-marker" ></div>
                  <div class="error-msg" style="width: 70px;">
                    &nbsp;&nbsp;左前急停
                  </div>
                </div>
                <div v-if="true | shebeijiting" class="error-div"  style=" top:111px; left:484px">
                <div v-if="shebeijiting" class="error-div"  style=" top:111px; left:484px">
                  <div class="blingbling error-marker" ></div>
                  <div class="error-msg" style=" width: 106px;">
                    &nbsp;&nbsp;设备急停（总）
                  </div>
                </div>
                <div v-if="true | chuliaojiting" class="error-div"  style=" top:300px; left:129px">
                <div v-if="chuliaojiting" class="error-div"  style=" top:300px; left:129px">
                  <div class="blingbling error-marker" ></div>
                  <div class="error-msg" style=" width: 70px;">
                    &nbsp;&nbsp;出料急停
                  </div>
                </div>
                <div v-if="true | mianbanjiting" class="error-div"  style=" top:258px; left:659px">
                <div v-if="mianbanjiting" class="error-div"  style=" top:258px; left:659px">
                  <div class="blingbling error-marker" ></div>
                  <div class="error-msg" style=" width: 70px;">
                    &nbsp;&nbsp;面板急停
                  </div>
                </div>
                <div v-if="true | fengxiangsheng" class="error-div"  style=" top:294px; left:517px">
                <div v-if="fengxiangsheng" class="error-div"  style=" top:294px; left:517px">
                  <div class="blingbling error-marker" ></div>
                  <div class="error-msg" style=" width: 86px;">
                    &nbsp;&nbsp;风箱升异常
                  </div>
                </div>
                <div v-if="true | fengxiangjiang" class="error-div"  style=" top:319px; left:517px">
                <div v-if="fengxiangjiang" class="error-div"  style=" top:319px; left:517px">
                  <div class="blingbling error-marker" ></div>
                  <div class="error-msg" style=" width: 86px;">
                    &nbsp;&nbsp;风箱降异常
                  </div>
                </div>
                <div v-if="true | fengjiguoliu" class="error-div"  style=" top:335px; left:655px">
                <div v-if="fengjiguoliu" class="error-div"  style=" top:335px; left:655px">
                  <div class="blingbling error-marker" ></div>
                  <div class="error-msg" style=" width: 70px;">
                    &nbsp;&nbsp;风机过流
                  </div>
                </div>
                <div v-if="true | guntongsheng" class="error-div"  style=" top:198px; left:517px">
                <div v-if="guntongsheng" class="error-div"  style=" top:198px; left:517px">
                  <div class="blingbling error-marker" ></div>
                  <div class="error-msg" style=" width: 86px;">
                    &nbsp;&nbsp;滚筒升异常
                  </div>
                </div>
                <div v-if="true | guntongjiang" class="error-div"  style=" top:223px; left:517px">
                <div v-if="guntongjiang" class="error-div"  style=" top:223px; left:517px">
                  <div class="blingbling error-marker" ></div>
                  <div class="error-msg" style=" width: 86px;">
                    &nbsp;&nbsp;滚筒降异常
                  </div>
                </div>
                <div v-if="true | guntongguoliu" class="error-div"  style=" top:209px; left:642px">
                <div v-if="guntongguoliu" class="error-div"  style=" top:209px; left:642px">
                  <div class="blingbling error-marker" ></div>
                  <div class="error-msg" style=" width: 70px;">
                    &nbsp;&nbsp;滚筒过流
                  </div>
                </div>
                <div v-if="true | wendubaojing" class="error-div"  style=" top:234px; left:659px">
                <div v-if="wendubaojing" class="error-div"  style=" top:234px; left:659px">
                  <div class="blingbling error-marker" ></div>
                  <div class="error-msg" style=" width: 70px;">
                    &nbsp;&nbsp;温度报警
                  </div>
                </div>

                <div v-if="true | zuoqianmen" class="error-div"  style=" top:388px; left:415px">
                <div v-if="zuoqianmen" class="error-div"  style=" top:388px; left:415px">
                  <div class="blingbling warn-marker" ></div>
                  <div class="warn-msg" style=" width: 80px;">
                    &nbsp;&nbsp;左前门报警
                  </div>
                </div>
                <div v-if="true | zuohoumen" class="error-div"  style=" top:367px; left:587px">
                <div v-if="zuohoumen" class="error-div"  style=" top:367px; left:587px">
                  <div class="blingbling warn-marker" ></div>
                  <div class="warn-msg" style=" width: 80px;">
                    &nbsp;&nbsp;左后门报警
                  </div>
                </div>
                <div v-if="true | youqianmen" class="error-div"  style=" top:388px; left:284px">
                <div v-if="youqianmen" class="error-div"  style=" top:388px; left:284px">
                  <div class="blingbling warn-marker" ></div>
                  <div class="warn-msg" style=" width: 80px;">
                    &nbsp;&nbsp;右前门报警
                  </div>
                </div>
                <div v-if="true | youhoumen" class="error-div"  style=" top:367px; left:478px">
                <div v-if="youhoumen" class="error-div"  style=" top:367px; left:478px">
                  <div class="blingbling warn-marker" ></div>
                  <div class="warn-msg" style=" width: 80px;">
                    &nbsp;&nbsp;右后门报警
                  </div>
                </div>

                <div v-if="true | guntongbuzaigaowei" class="error-div"  style=" top:173px; left:517px">
                <div v-if="guntongbuzaigaowei" class="error-div"  style=" top:173px; left:517px">
                  <div class="blingbling warn-marker" ></div>
                  <div class="warn-msg" style=" width: 100px;">
                    &nbsp;&nbsp;滚筒不在高位
                  </div>
                </div>
                <div v-if="true | fengxiangbuzaigaowei" class="error-div"  style=" top:269px; left:517px">
                <div v-if="fengxiangbuzaigaowei" class="error-div"  style=" top:269px; left:517px">
                  <div class="blingbling warn-marker" ></div>
                  <div class="warn-msg" style=" width: 100px;">
                    &nbsp;&nbsp;风箱不在高位
                  </div>
                </div>
                <div v-if="true | fengxiangbuzaidiwei" class="error-div"  style=" top:343px; left:517px">
                <div v-if="fengxiangbuzaidiwei" class="error-div"  style=" top:343px; left:517px">
                  <div class="blingbling warn-marker" ></div>
                  <div class="warn-msg" style=" width: 100px;">
                    &nbsp;&nbsp;风箱不在低位
                  </div>
                </div>
                <div v-if="true | jiareweichuanganqi" class="error-div"  style=" top:283px; left:642px">
                <div v-if="jiareweichuanganqi" class="error-div"  style=" top:283px; left:642px">
                  <div class="blingbling warn-marker" ></div>
                  <div class="warn-msg" style=" width: 126px;">
                    &nbsp;&nbsp;加热位传感器报警
                  </div>
                </div>
                <div v-if="true | zuoqianfengxianggaowei" class="error-div"  style=" top:334px; left:362px">
                <div v-if="zuoqianfengxianggaowei" class="error-div"  style=" top:334px; left:362px">
                  <div class="blingbling warn-marker" ></div>
                  <div class="warn-msg" style=" width: 126px;">
                    &nbsp;&nbsp;左前风箱不在高位
                  </div>
                </div>
                <div v-if="true | zuoqianfengxiangdiwei" class="error-div"  style=" top:334px; left:362px">
                <div v-if="zuoqianfengxiangdiwei" class="error-div"  style=" top:334px; left:362px">
                  <div class="blingbling warn-marker" ></div>
                  <div class="warn-msg" style=" width: 126px;">
                    &nbsp;&nbsp;左前风箱不在低位
                  </div>
                </div>
                <div v-if="true | zuohoufengxianggaowei" class="error-div"  style=" top:309px; left:642px">
                <div v-if="zuohoufengxianggaowei" class="error-div"  style=" top:309px; left:642px">
                  <div class="blingbling warn-marker" ></div>
                  <div class="warn-msg" style=" width: 126px;">
                    &nbsp;&nbsp;左后风箱不在高位
                  </div>
                </div>
                <div v-if="true | zuohoufengxiangdiwei" class="error-div"  style=" top:309px; left:642px">
                <div v-if="zuohoufengxiangdiwei" class="error-div"  style=" top:309px; left:642px">
                  <div class="blingbling warn-marker" ></div>
                  <div class="warn-msg" style=" width: 126px;">
                    &nbsp;&nbsp;左后风箱不在低位
                  </div>
                </div>
                <div v-if="true | youqianfengxianggaowei" class="error-div"  style=" top:272px; left:300px">
                <div v-if="youqianfengxianggaowei" class="error-div"  style=" top:272px; left:300px">
                  <div class="blingbling warn-marker" ></div>
                  <div class="warn-msg" style=" width: 126px;">
                    &nbsp;&nbsp;右前风箱不在高位
                  </div>
                </div>
                <div v-if="true | youqianfengxiangdiwei" class="error-div"  style=" top:272px; left:300px">
                <div v-if="youqianfengxiangdiwei" class="error-div"  style=" top:272px; left:300px">
                  <div class="blingbling warn-marker" ></div>
                  <div class="warn-msg" style=" width: 126px;">
                    &nbsp;&nbsp;右前风箱不在低位
                  </div>
                </div>
                <div v-if="true | youhoufengxianggaowei" class="error-div"  style=" top:246px; left:506px">
                <div v-if="youhoufengxianggaowei" class="error-div"  style=" top:246px; left:506px">
                  <div class="blingbling warn-marker" ></div>
                  <div class="warn-msg" style=" width: 126px;">
                    &nbsp;&nbsp;右后风箱不在高位
                  </div>
                </div>
                <div v-if="true | youhoufengxiangdiwei" class="error-div"  style=" top:246px; left:506px">
                <div v-if="youhoufengxiangdiwei" class="error-div"  style=" top:246px; left:506px">
                  <div class="blingbling warn-marker" ></div>
                  <div class="warn-msg" style=" width: 126px;">
                    &nbsp;&nbsp;右后风箱不在低位
                  </div>
                </div>
                <div v-if="true | zuoqianguntongdiwei" class="error-div"  style=" top:175px; left:358px">
                <div v-if="zuoqianguntongdiwei" class="error-div"  style=" top:175px; left:358px">
                  <div class="blingbling warn-marker" ></div>
                  <div class="warn-msg" style=" width: 126px;">
                    &nbsp;&nbsp;左前滚筒不在低位
                  </div>
                </div>
                <div v-if="true | zuohouguntongdiwei" class="error-div"  style=" top:158px; left:643px">
                <div v-if="zuohouguntongdiwei" class="error-div"  style=" top:158px; left:643px">
                  <div class="blingbling warn-marker" ></div>
                  <div class="warn-msg" style=" width: 126px;">
                    &nbsp;&nbsp;左后滚筒不在低位
                  </div>
                </div>
                <div v-if="true | youqianguntongdiwei" class="error-div"  style=" top:150px; left:268px">
                <div v-if="youqianguntongdiwei" class="error-div"  style=" top:150px; left:268px">
                  <div class="blingbling warn-marker" ></div>
                  <div class="warn-msg" style=" width: 126px;">
                    &nbsp;&nbsp;右前滚筒不在低位
                  </div>
                </div>
                <div v-if="true | youhouguntongdiwei" class="error-div"  style=" top:135px; left:506px">
                <div v-if="youhouguntongdiwei" class="error-div"  style=" top:135px; left:506px">
                  <div class="blingbling warn-marker" ></div>
                  <div class="warn-msg" style=" width: 126px;">
                    &nbsp;&nbsp;右后滚筒不在低位
@@ -713,7 +713,7 @@
   var progressBarChart: echarts.ECharts
   var efficiencyLineChart: echarts.ECharts

   var compareChart: echarts.ECharts
   var compareChart : echarts.ECharts

  //----------------error----------------
  const shebeijiting = ref(false)
@@ -1826,6 +1826,9 @@
                  res.zhengqi = lastTrend.steam / (res.originWeight - lastTrend.weight)
               }
               res.zhengqi = Number(res.zhengqi)
          if (res.zhengqi < 0) {
            res.zhengqi = 0
          }
               //eqp.value.steamConsumption = Number(eqp.value.steamConsumption)
               // res.zhengqi = eqp.value.steamConsumption - 3
               // console.log(res);
@@ -1850,7 +1853,10 @@
                  res.dian = lastTrend.watt / (res.originWeight - lastTrend.weight)
               }
               // res.dian = eqp.value.powerConsumption - 1.5
               res.dian = Number(res.dian) 
               res.dian = Number(res.dian)
          if (res.dian < 0) {
            res.dian = 0
          }
               //eqp.value.powerConsumption = Number(eqp.value.powerConsumption)
               if (res.dian > res.wattAvg) {
                  console.log("dian::", res.dian,res.wattAvg )
@@ -1950,17 +1956,112 @@
               }
               
               res.isError = false
               if (res.fault) {
                  res.isError = true
                  res.errorMsg = res.fault
            console.log("errorMsg:",res.fault)
               }
          if (res.fault) {
            res.isError = true
            res.errorMsg = res.fault;
            const faults = res.fault;
            console.log('errorMsg:', res.fault)
            if (faults.includes('急停报警')) {
              shebeijiting.value = true;
            }
            if (faults.includes('左前急停')) {
              zuoqianjiting.value = true;
            }
            if (faults.includes('面板急停')) {
              mianbanjiting.value = true;
            }
            if (faults.includes('出料急停')) {
              chuliaojiting.value = true;
            }
            if (faults.includes('温度失控')) {
              wendubaojing.value = true;
            }
            if (faults.includes('滚筒升')) {
              guntongsheng.value = true;
            }
            if (faults.includes('滚筒降')) {
              guntongjiang.value = true;
            }
            if (faults.includes('滚筒电机过流')) {
              guntongguoliu.value = true;
            }
            if (faults.includes('风箱升')) {
              fengxiangsheng.value = true;
            }
            if (faults.includes('风箱降')) {
              fengxiangjiang.value = true;
            }
            if (faults.includes('风箱风机过流')) {
              fengjiguoliu.value = true;
            }
          }

               if (res.warning) {
                  res.isWarning = true
                  res.warnMsg = res.warning
            console.log("warnMsg:",res.warning)
               }
          if (res.warning) {
            res.isWarning = true
            res.warnMsg = res.warning
            const warnings = res.warning;
            console.log('warnMsg:', res.warning)
            if (warnings.includes('左前门')) {
              zuoqianmen.value = true;
            }
            if (warnings.includes('右前门')) {
              youqianmen.value = true;
            }
            if (warnings.includes('左后门')) {
              zuohoumen.value = true;
            }
            if (warnings.includes('右后门')) {
              youhoumen.value = true;
            }
            if (warnings.includes('滚筒不在高位')) {
              guntongbuzaigaowei.value = true;
            }
            if (warnings.includes('风箱不在低位')) {
              fengxiangbuzaidiwei.value = true;
            }
            if (warnings.includes('风箱不在高位')) {
              fengxiangbuzaigaowei.value = true;
            }
            if (warnings.includes('加热位传感器')) {
              jiareweichuanganqi.value = true;
            }
            if (warnings.includes('左前风箱高位传感器')) {
              zuoqianfengxianggaowei.value = true;
            }
            if (warnings.includes('右前风箱高位传感器')) {
              youqianfengxianggaowei.value = true;
            }
            if (warnings.includes('左后风箱高位传感器')) {
              zuohoufengxianggaowei.value = true;
            }
            if (warnings.includes('右后风箱高位传感器')) {
              youhoufengxianggaowei.value = true;
            }
            if (warnings.includes('左前风箱低位传感器')) {
              zuoqianfengxiangdiwei.value = true;
            }
            if (warnings.includes('右前风箱低位传感器')) {
              youqianfengxiangdiwei.value = true;
            }
            if (warnings.includes('左后风箱低位传感器')) {
              zuohoufengxiangdiwei.value = true;
            }
            if (warnings.includes('右后风箱低位传感器')) {
              youhoufengxiangdiwei.value = true;
            }
            if (warnings.includes('左前滚筒低位传感器')) {
              zuoqianguntongdiwei.value = true;
            }
            if (warnings.includes('右前滚筒低位传感器')) {
              youqianguntongdiwei.value = true;
            }
            if (warnings.includes('左后滚筒低位传感器')) {
              zuohouguntongdiwei.value = true;
            }
            if (warnings.includes('右后滚筒低位传感器')) {
              youhouguntongdiwei.value = true;
            }
          }
            } else {
               res = {
                  mois: [],