feat(bigScreen): 添加大屏故障页面并更新相关路由和权限- 在 pageEnum.ts 中添加 BIG_FAULT 路径 - 在 per...

baoshiwei

昨天 0ed65d2b6b8dbfeaeda4720964ee5fbf3f42197e

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

@@ -134,11 +134,11 @@
               </div>
               <div class="up">
                  <div v-for="num in eqpNum" :key="num" :class="{ one: num === 1, two: num === 2, three: num === 3, four: num === 4 }">
                     <div class="eqpInfoup" @click="gotoeqp(num - 1)">
                     <div class="eqpInfoup" @click="gotoeqp(num - 1 + (num == 3) * 1 + (num == 4) * 2 )">
                        <div class="eqp-title">
                           <div class="herb_weight">
                              <div>{{ realTime.get(eqpCodes[num - 1])?.herbName || '暂无' }}</div>
                              <div>{{ realTime.get(eqpCodes[num - 1])?.originWeight || 0 }} Kg</div>
                              <div>{{ realTime.get(eqpCodes[num - 1 + (num == 3) * 1 + (num == 4) * 2 ])?.herbName || '暂无' }}</div>
                              <div>{{ realTime.get(eqpCodes[num - 1 + (num == 3) * 1 + (num == 4) * 2 ])?.originWeight || 0 }} Kg</div>
                           </div>
                           <!-- <div class="eqp-name">{{ eqpMap.get(eqpCodes[num - 1])?.name || '预留' }}</div> -->
                           <!-- <div class="process"> </div> -->
@@ -147,7 +147,7 @@
                                 from: '#108ee9',
                                 to: '#87d068',
                              }"
                              :percent="parseFloat(realTime.get(eqpCodes[num - 1])?.percent || '0')"
                              :percent="parseFloat(realTime.get(eqpCodes[num - 1 + (num == 3) * 1 + (num == 4) * 2 ])?.percent || '0')"
                              status="active"
                              trailColor="#2b2b2b2b"
                              :show-info="false"
@@ -155,15 +155,15 @@
                           <div class="eqp-timer">
                              <div
                                 ><Icon style="color: #1850b7" icon="ic:twotone-water-drop" :size="20" />
                                 {{ realTime.get(eqpCodes[num - 1])?.trendVo?.moisture?.toFixed(1) || '0' }} %
                                 {{ realTime.get(eqpCodes[num - 1 + (num == 3) * 1 + (num == 4) * 2 ])?.trendVo?.moisture?.toFixed(1) || '0' }} %
                              </div>
                              <div
                                 ><Icon style="color: #873853" icon="fluent:temperature-20-regular" :size="20" />
                                 {{ realTime.get(eqpCodes[num - 1])?.trendVo?.bellowsTemp?.toFixed(0) || '0' }} ℃
                                 {{ realTime.get(eqpCodes[num - 1 + (num == 3) * 1 + (num == 4) * 2 ])?.trendVo?.bellowsTemp?.toFixed(0) || '0' }} ℃
                              </div>
                              <div
                                 ><Icon style="color: rgb(134 207 106)" icon="gg:sand-clock" :size="20" />
                                 {{ realTime.get(eqpCodes[num - 1])?.totalRemain || 0 }} min
                                 {{ realTime.get(eqpCodes[num - 1 + (num == 3) * 1 + (num == 4) * 2 ])?.totalRemain || 0 }} min
                              </div>
                           </div>
                        </div>
@@ -177,11 +177,11 @@

                        <div class="weight"
                           ><div class="herb">
                              {{ showInfo(realTime.get(eqpCodes[num - 1])) }}
                              {{ showInfo(realTime.get(eqpCodes[num - 1 + (num == 3) * 1 + (num == 4) * 2])) }}
                           </div></div
                        >
                        <div class="water">
                           <div class="eqp_num">{{ num }}</div>
                           <div :class="{ eqp_num: 1 == 1, eqp_num_two: num === 2, eqp_num_three: num === 3, eqp_num_four: num === 4 }">{{ num + (num == 3) * 1 + (num == 4) * 2 }}</div>
                           <!-- <div class="temp">
                              <div style="line-height: 28px"><Icon style="color: #1850b7" icon="ic:twotone-water-drop" :size="28" /> </div>
                              <div class="font">
@@ -200,16 +200,16 @@
               </div>
               <div class="down">
                  <div v-for="num in eqpNum2" :key="num" :class="{ two: num === 1, three: num === 2, four_down: num === 3 }">
                     <div class="eqpInfodown" @click="gotoeqp(num + 3)">
                     <div class="eqpInfodown" @click="gotoeqp(num - 2 * num + 3 * num)">
                        <!-- <div class="eqp-info-down">
                           <div class="herb">{{ realTime.get(eqpCodes[num + 3])?.herbName || '暂无' }}</div>
                        </div>
                        <div class="weight"><div class="herb">{{ realTime.get(eqpCodes[num + 3])?.originWeight || 0 }} Kg </div></div> -->
                        <div class="weight"
                           ><div class="herb">{{ showInfo(realTime.get(eqpCodes[num + 3])) }}</div></div
                           ><div class="herb">{{ showInfo(realTime.get(eqpCodes[num - 2 * num + 3 * num])) }}</div></div
                        >
                        <div class="water">
                           <div class="eqp_num">{{ num - 2 * num + 3 * num + 1 }}</div>
                           <div :class="{eqp_num:1==1, eqp_num_down_one: num === 1, eqp_num_down_two: num === 2, eqp_num_down_three: num === 3}">{{ num - 2 * num + 3 * num + 1 }}</div>
                           <!-- <div class="temp">
                              <div style="line-height: 28px">
                                 <Icon style="color: #1850b7" icon="ic:twotone-water-drop" :size="28" />
@@ -229,8 +229,8 @@
                        <div style="height: 40px"></div>
                        <div class="eqp-title">
                           <div class="herb_weight">
                              <div>{{ realTime.get(eqpCodes[num + 3])?.herbName || '暂无' }}</div>
                              <div>{{ realTime.get(eqpCodes[num + 3])?.originWeight || 0 }} Kg</div>
                              <div>{{ realTime.get(eqpCodes[num - 2 * num + 3 * num])?.herbName || '暂无' }}</div>
                              <div>{{ realTime.get(eqpCodes[num - 2 * num + 3 * num])?.originWeight || 0 }} Kg</div>
                           </div>

                           <Progress
@@ -238,7 +238,7 @@
                                 from: '#108ee9',
                                 to: '#87d068',
                              }"
                              :percent="parseFloat(realTime.get(eqpCodes[num + 3])?.percent || '0')"
                              :percent="parseFloat(realTime.get(eqpCodes[num - 2 * num + 3 * num])?.percent || '0')"
                              status="active"
                              trailColor="#2b2b2b2b"
                              :show-info="false"
@@ -247,18 +247,18 @@
                           <div class="eqp-timer">
                              <div
                                 ><Icon style="color: #1850b7" icon="ic:twotone-water-drop" :size="20" />
                                 {{ realTime.get(eqpCodes[num + 3])?.trendVo?.moisture?.toFixed(1) || '0' }} %
                                 {{ realTime.get(eqpCodes[num - 2 * num + 3 * num])?.trendVo?.moisture?.toFixed(1) || '0' }} %
                              </div>
                              <div
                                 ><Icon style="color: #873853" icon="fluent:temperature-20-regular" :size="20" />
                                 {{ realTime.get(eqpCodes[num + 3])?.trendVo?.bellowsTemp?.toFixed(0) || '0' }} ℃
                                 {{ realTime.get(eqpCodes[num - 2 * num + 3 * num])?.trendVo?.bellowsTemp?.toFixed(0) || '0' }} ℃
                              </div>
                              <!-- <div><Icon style="color: rgb(42 154 234)" icon="mdi:clock-outline" :size="20" />
                                  {{realTime.get(eqpCodes[num + 3])?.dryTime || 0}} min
                              </div> -->
                              <div
                                 ><Icon style="color: rgb(134 207 106)" icon="gg:sand-clock" :size="20" />
                                 {{ realTime.get(eqpCodes[num + 3])?.totalRemain || 0 }} min
                                 {{ realTime.get(eqpCodes[num - 2 * num + 3 * num])?.totalRemain || 0 }} min
                              </div>
                           </div>
                        </div>
@@ -444,10 +444,10 @@
   .bgImage {
      height: 1080px;
      width: 1920px;
      background-image: url(/src/assets/images/dry/bg/223.png);
      background-image: url(/src/assets/images/dry/bg/tjtbg@0.5x.png);
      background-repeat: no-repeat;
      background-size: 104%;
      background-position: 0px 257px;
      background-position: 0px 233px;
   }

   .head {
@@ -493,7 +493,7 @@
      justify-content: flex-start;
   }
   .down {
      padding-left: 554px;
      padding-left: 640px;
      margin-top: -760px;
      display: flex;

@@ -518,23 +518,23 @@
   }

   .one {
      margin: 278px 10px;
      margin: 282px 37px;
   }

   .two {
      margin: 208px 23px;
      margin: 227px -49px;
   }

   .three {
      margin: 110px 158px;
      margin: 118px 197px;
   }

   .four {
      margin: 16px 10px;
      margin: 0px -5px;
   }

   .four_down {
      margin: 4px 74px;
      margin: -3px 17px;
   }

   .eqp-title {
@@ -604,7 +604,7 @@
   .water {
      height: 120px;
      width: 110px;
      margin: 58px 158px;
      margin: 69px 178px;
      display: flex;
      flex-wrap: wrap;
   }
@@ -662,17 +662,38 @@
   }
   .eqp_num {
      font-weight: bold;
      width: 40px;
      height: 40px;
      width: 35px;
      height: 35px;
      background: #a0782e;
      border-radius: 50px;
      /* text-align: center; */
      font-size: 23px;
      font-size: 18px;
      color: white;
      display: flex;
      justify-content: center;
      align-items: center;
   }
  .eqp_num_two {
    margin-left: -6px;
  }

  .eqp_num_three {
    margin-left: -7px;
  }

  .eqp_num_four {
    margin-left: -8px;
  }

  .eqp_num_down_one {
    margin: -16px -82px;
  }
  .eqp_num_down_two {
    margin: -23px -61px;
  }
  .eqp_num_down_three {
    margin: -24px -69px;
  }

   .putincolor {
      color: antiquewhite;