From f178bc80cd4d5451195662c7dbdff8c045caf2fd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=82=93=E6=B4=81?= <209192278@qq.com>
Date: Thu, 21 Dec 2023 20:13:11 +0800
Subject: [PATCH] =?UTF-8?q?=E9=82=93=E6=B4=81:=20=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E9=A6=96=E9=A1=B5=E9=A3=8E=E6=9C=BA=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/fanInfo/bg.png              | Bin 18553 -> 30920 bytes
 src/assets/images/fanInfo/fsp_icon_flf.png    | Bin 0 -> 376 bytes
 src/components/content/fanInfo/FanInfo.vue    | 475 ++++++++++++------
 .../content/fanInfo/FanInfoItem.vue           | 188 +++++++
 src/views/site/index.vue                      |   2 +-
 src/views/tunnel/index.vue                    |   4 +-
 6 files changed, 505 insertions(+), 164 deletions(-)
 create mode 100644 src/assets/images/fanInfo/fsp_icon_flf.png
 create mode 100644 src/components/content/fanInfo/FanInfoItem.vue

diff --git a/src/assets/images/fanInfo/bg.png b/src/assets/images/fanInfo/bg.png
index 7f8033ca5562327ef4b282461a8a37edeac7944f..6c3d87d7587e53d64f218721d80c130b94bac121 100644
GIT binary patch
literal 30920
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
WSm^DGKx<;N1OA8hm+p=F_P+td*9xxy

literal 18553
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

diff --git a/src/assets/images/fanInfo/fsp_icon_flf.png b/src/assets/images/fanInfo/fsp_icon_flf.png
new file mode 100644
index 0000000000000000000000000000000000000000..60631cba1d042c2d308edbdb58e6471de950dbaa
GIT binary patch
literal 376
zcmV-;0f+vHP)<h;3K|Lk000e1NJLTq0018V000~a1^@s6nL1>b00001b5ch_0Itp)
z=>Px$GD$>1R7gwhm%T~^F%*TrGfoyOU&g|p#lmN>v{)N$MG$-iTMK`{&esqdK|u?9
zAH&uRb7aP~aGhBP-Rw4#E|BEop4{AfA`*>YpJNVy{0Bn3M%Y#&Hlg$zu+nyZDRz><
z2llREgj*v&N(S$uXd1Y^9Ly~+1SS~;;v!0iN#MD?Df2KT`XXiuso+~O_tT`0nbgC-
zD`Z!NVW~^THm%8FD0BC#?7=<*_JHFkT?hLLvkzo{g?HIk-+3q<$0hJNW?BoSi~mI3
z1zfH9g1g=zUZS)bN`KB1j~>2I+24VHc#6_`uw!E<nsE-)cRsLBOBe}GqI5IYr`8zI
zyo$_>)vS-p?Y^<J3Y)T}Zpb_?#7t1xD8@F*6E;dzz2q{Pjp~}jNt{dt?>`OGJ`EqG
WfUx~CY)d!*0000<MNUMnLSTYrjiCMj

literal 0
HcmV?d00001

diff --git a/src/components/content/fanInfo/FanInfo.vue b/src/components/content/fanInfo/FanInfo.vue
index dea1f32..702b7c8 100644
--- a/src/components/content/fanInfo/FanInfo.vue
+++ b/src/components/content/fanInfo/FanInfo.vue
@@ -3,53 +3,70 @@
     <div class="title">风机</div>
     <div class="fans">
       <div class="fan-item" v-for="(item,index) in socketData" :key="item.equipmentId">
-        <!-- echarts -->
-        <div class="echart"></div>
-        <!-- 风机名 -->
-        <div class="fan-name">{{ changeNum(index + 1) }}号风机</div>
-        <!-- 功能 -->
-        <div class="option-nav">
-          <div class="state " :class="{ 'blue-state': !item.breakdown }">
-            <div :class="{ stopColor: item.breakdown }">
-              <div :style="{ backgroundImage: 'url(' +getImageUrl(item.breakdown)+')' }" class="state-icon"></div>
-              状态：{{ item.breakdown ? '故障' : '运行' }}
-            </div>
-            <div class="switch">
-              <div
-                  id="auto"
-                  :class="{ active: item.running }"
-                  @click="item.running = true"
-              >
-                启动
+        <div>
+          <!-- echarts -->
+          <div class="echart"></div>
+          <!-- 风机名 -->
+          <div class="fan-name">{{ changeNum(index + 1) }}号风机</div>
+          <!-- 功能 -->
+          <div class="option-nav">
+            <div>
+              <div class="state " :class="{ 'blue-state': !item.breakdown }">
+                <div :class="{ stopColor: item.breakdown }">
+                  <div :style="{ backgroundImage: 'url(' +getImageUrl(item.breakdown)+')' }" class="state-icon"></div>
+                  状态：{{ item.breakdown ? '故障' : '运行' }}
+                </div>
+                <div class="switch">
+                  <div
+                      id="auto"
+                      :class="{ active: item.running }"
+                      @click="item.running = true"
+                  >
+                    启动
+                  </div>
+                  <div
+                      id="stop"
+                      :class="{ active: !item.running }"
+                      @click="item.running = false"
+                  >
+                    停止
+                  </div>
+                </div>
               </div>
-              <div
-                  id="stop"
-                  :class="{ active: !item.running }"
-                  @click="item.running = false"
-              >
-                停止
+              <div class="power">
+                <div class="check-box">
+                  <el-radio-group v-model="item.autoMode" class="radio-group">
+                    <el-radio :label="true">自动</el-radio>
+                    <el-radio :label="false">手动</el-radio>
+                  </el-radio-group>
+                </div>
+                <div class="edit-power">
+                  <span style="color: white">当前功率</span>
+                  <span class="units"
+                  ><input
+                      type="number"
+                      min="0"
+                      v-model="item.frequencySetting"
+                      :disabled="item.autoMode"
+                  /></span>
+                </div>
               </div>
             </div>
-          </div>
-          <div class="power">
-            <div class="check-box">
-              <el-radio-group v-model="item.autoMode" class="radio-group">
-                <el-radio :label="true">自动</el-radio>
-                <el-radio :label="false">手动</el-radio>
-              </el-radio-group>
-            </div>
-            <div class="edit-power">
-              <span style="color: white">当前功率</span>
+            <div class="shuntThreshold">
+              <div class="fenliu-icon"></div>
+              分流阀值
               <span class="units"
               ><input
                   type="number"
                   min="0"
-                  v-model="item.frequencyFeedback"
-                  :disabled="item.autoMode"
+                  v-model="shuntThreshold"
               /></span>
             </div>
           </div>
         </div>
+        <div class="current">
+          <fan-info-item :wp="transducerData[index]"/>
+        </div>
       </div>
     </div>
   </div>
@@ -57,15 +74,40 @@
 
 <script setup>
 import * as echarts from "echarts";
+import FanInfoItem from "./FanInfoItem.vue";
 
 const props = defineProps({
   list: Array,
-  fanData: Array
+  fanData: Array,
+  transducerData: Array
 });
 const socketData = ref()
 let Echarts_info1 = null;
 let fan01_option = reactive();
-
+const shuntThreshold = ref(23)
+const transducerData = ref([])
+const stateA = ref(false)
+const stateB = ref(false)
+const stateC = ref(false)
+watch(() => props.transducerData, (now) => {
+  getTransData(now.frequencyChangerList)
+}, {deep: true});
+watch(() => props.list, (now) => {
+  transducerData.value.forEach(item => {
+    now.forEach(newItem => {
+      if (item.equipmentId === newItem.equipmentId) {
+        if (newItem.frequencyFeedback) {
+          item.frequencySetting = newItem.frequencySetting
+          item.frequencyFeedback = newItem.frequencyFeedback
+        } else if (newItem.phaseCurrentA) {
+          item.phaseCurrentA = newItem.phaseCurrentA
+          item.phaseCurrentB = newItem.phaseCurrentB
+          item.phaseCurrentC = newItem.phaseCurrentC
+        }
+      }
+    })
+  })
+}, {deep: true});
 watch(() => props.fanData, (now) => {
   getBasicData(now.frequencyChangerList)
 }, {deep: true});
@@ -74,14 +116,52 @@ watch(() => props.list, (now) => {
     now.forEach(newItem => {
       if (item.equipmentId === newItem.equipmentId) {
         if (newItem.frequencyFeedback) {
+          item.frequencySetting = newItem.frequencySetting
           item.frequencyFeedback = newItem.frequencyFeedback
         }
       }
     })
   })
+  transducerData.value.forEach(item => {
+    now.forEach(newItem => {
+      if (item.equipmentId === newItem.equipmentId) {
+        if (newItem.frequencyFeedback) {
+          item.frequencySetting = newItem.frequencySetting
+          item.frequencyFeedback = newItem.frequencyFeedback
+        } else if (newItem.phaseCurrentA) {
+          item.phaseCurrentA = newItem.phaseCurrentA
+          item.phaseCurrentB = newItem.phaseCurrentB
+          item.phaseCurrentC = newItem.phaseCurrentC
+        }
+      }
+    })
+  })
   handleOnMounted()
 }, {deep: true});
 
+const getTransData = (data) => {
+  let tranObj = {}
+  let tranArr = []
+  data?.map(item => {
+    tranObj = {
+      equipmentId: item.equipmentId,
+      max: 200,
+      valueA: item.phaseCurrentA,
+      pointA: item.phaseCurrentAThreshold,
+      valueB: item.phaseCurrentB,
+      pointB: item.phaseCurrentBThreshold,
+      valueC: item.phaseCurrentC,
+      pointC: item.phaseCurrentCThreshold,
+      frequencySetting: item.frequencySetting,
+      frequencyFeedback: item.frequencyFeedback,
+    }
+    stateA.value = item.phaseCurrentA > item.phaseCurrentAThreshold
+    stateB.value = item.phaseCurrentB > item.phaseCurrentBThreshold
+    stateC.value = item.phaseCurrentC > item.phaseCurrentCThreshold
+    tranArr.push(tranObj)
+  })
+  transducerData.value = tranArr
+}
 const getImage = (type) => {
   switch (type) {
     case false:
@@ -109,7 +189,8 @@ const getBasicData = (data) => {
       autoMode: item.autoMode,//自动模式
       breakdown: item.breakdown,//故障
       running: item.running,//启动,
-      frequencyFeedback: item.frequencyFeedback//当前功率
+      frequencyFeedback: item.frequencyFeedback,//当前功率
+      frequencySetting: item.frequencySetting//当前功率
     }
     tranArr.push(tranObj)
   })
@@ -289,9 +370,7 @@ input[type="number"] {
 }
 
 #fan_info {
-  min-height: 547px;
-  max-height: 795px;
-  height: 547px;
+  height: 1465px;
   width: 830px;
   position: absolute;
   z-index: 100;
@@ -319,125 +398,192 @@ input[type="number"] {
     height: calc(100% - 30px);
 
     .fan-item {
-      height: 50%;
+      height: 33.5%;
       display: flex;
+      flex-direction: column;
       font-size: 14px;
+      border-bottom: 2px solid rgba(107, 163, 237, 0.4);
 
-      .echart {
-        height: 100%;
-        width: 30%;
-        margin: 0px 0px 0px 10px;
-        position: relative;
-      }
-
-      .echart::after {
-        content: "Hz";
-        font-size: 24px;
-        font-family: MicrosoftYaHei, MicrosoftYaHei;
-        font-weight: bold;
-        color: #ffffff;
-        line-height: 31px;
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, 60%);
-      }
-
-      .fan-name {
-        width: 39px;
-        height: 140px;
-        font-size: 26px;
-        font-family: MicrosoftYaHei;
-        color: #38cafb;
-        line-height: 35px;
-        text-align: center;
-        margin-right: 42px;
-        transform: translateY(33%);
-      }
-
-      .option-nav {
+      > div:first-child {
         display: flex;
-        width: 70%;
 
-        .blue-state {
-          > div:first-child:hover {
-            color: #fff;
-            background-color: #127399;
-            width: 180px;
-            padding-left: 5px;
-            border-radius: 8px;
-
-            > div:first-child {
-              background-image: url('../../../assets/images/fanInfo/white-state-icon.png') !important;
-            }
-          }
+        .echart {
+          height: 100%;
+          width: 30%;
+          margin: 0px 0px 0px 10px;
+          position: relative;
         }
 
-        .state {
-          flex: 1;
-          display: flex;
-          flex-direction: column;
-          justify-content: center;
+        .echart::after {
+          content: "Hz";
+          font-size: 24px;
+          font-family: MicrosoftYaHei, MicrosoftYaHei;
+          font-weight: bold;
+          color: #ffffff;
+          line-height: 31px;
+          position: absolute;
+          top: 50%;
+          left: 50%;
+          transform: translate(-50%, 60%);
+        }
+
+        .fan-name {
+          width: 39px;
+          height: 140px;
           font-size: 26px;
           font-family: MicrosoftYaHei;
           color: #38cafb;
           line-height: 35px;
-          gap: 40px;
-
-          > div:first-child {
-            display: flex;
-            align-items: center;
-            padding-left: 5px;
-
-            > div {
-              margin-right: 10px;
-            }
-          }
-
-          img {
-            margin-right: 4px;
-            transform: translateY(15%);
-          }
-
-          .state-icon {
-            width: 26px;
-            height: 26px;
-          }
-
-          .switch {
-            display: flex;
-            width: 160px;
-            height: 40px;
-            border-radius: 22px;
-            border: 2px solid #0f82af;
-            overflow: hidden;
-            font-family: MicrosoftYaHei, MicrosoftYaHei;
-            font-weight: bold;
-            color: #127399;
-            line-height: 35px;
-
-            & > div {
-              flex: 1;
-              text-align: center;
-              cursor: pointer;
-            }
-          }
+          text-align: center;
+          margin-right: 42px;
+          transform: translateY(33%);
         }
 
-        .power {
-          flex: 1.3;
+        .option-nav {
           display: flex;
           flex-direction: column;
-          justify-content: center;
-          padding: 0px 20px;
-          font-size: 28px;
-          font-family: MicrosoftYaHei;
-          color: #38cafb;
-          line-height: 37px;
-          gap: 33px;
+          width: 70%;
 
-          .edit-power {
-            margin-top: 10px;
+          > div:first-child {
+            margin-top: 48px;
+            display: flex;
+            align-items: center;
+
+            .state {
+              flex: 1;
+              display: flex;
+              flex-direction: column;
+              justify-content: center;
+              font-size: 26px;
+              font-family: MicrosoftYaHei;
+              color: #38cafb;
+              line-height: 35px;
+              gap: 40px;
+
+              .blue-state {
+                > div:first-child:hover {
+                  color: #fff;
+                  background-color: #127399;
+                  width: 180px;
+                  padding-left: 5px;
+                  border-radius: 8px;
+
+                  > div:first-child {
+                    background-image: url('../../../assets/images/fanInfo/white-state-icon.png') !important;
+                  }
+                }
+              }
+
+              > div:first-child {
+                display: flex;
+                align-items: center;
+                padding-left: 5px;
+
+                > div {
+                  margin-right: 10px;
+                }
+              }
+
+              img {
+                margin-right: 4px;
+                transform: translateY(15%);
+              }
+
+              .state-icon {
+                width: 26px;
+                height: 26px;
+              }
+
+              .switch {
+                display: flex;
+                width: 160px;
+                height: 40px;
+                border-radius: 22px;
+                border: 2px solid #0f82af;
+                overflow: hidden;
+                font-family: MicrosoftYaHei, MicrosoftYaHei;
+                font-weight: bold;
+                color: #127399;
+                line-height: 35px;
+
+                & > div {
+                  flex: 1;
+                  text-align: center;
+                  cursor: pointer;
+                }
+              }
+            }
+
+            .power {
+              flex: 1.3;
+              display: flex;
+              flex-direction: column;
+              justify-content: center;
+              padding: 0px 20px;
+              font-size: 28px;
+              font-family: MicrosoftYaHei;
+              color: #38cafb;
+              line-height: 37px;
+              gap: 33px;
+
+              .edit-power {
+                margin-top: 10px;
+
+                .units {
+                  position: relative;
+                }
+
+                .units::after {
+                  content: "Hz";
+                  position: absolute;
+                  right: 6px;
+                  top: 50%;
+                  transform: translateY(-50%);
+                  font-size: 28px;
+                  font-family: MicrosoftYaHei;
+                  color: #38cafb;
+                  line-height: 37px;
+                }
+
+                input {
+                  width: 130px;
+                  height: 44px;
+                  border: 2px solid #0f82af;
+                  background: transparent;
+                  margin-left: 14px;
+                  outline: none;
+                  font-size: 28px;
+                  font-family: MicrosoftYaHei, MicrosoftYaHei;
+                  font-weight: bold;
+                  color: #38cafb;
+                  line-height: 37px;
+                }
+              }
+            }
+          }
+
+          .shuntThreshold {
+            display: flex;
+            align-items: center;
+            justify-content: flex-end;
+            //align-items: center;
+            //width: 112px;
+            padding-top: 30px;
+            padding-right: 25px;
+            font-size: 28px;
+            font-family: MicrosoftYaHei;
+            color: #FFFFFF;
+
+            .fenliu-icon {
+              margin-right: 9px;
+              width: 31px;
+              height: 28px;
+              background-image: url('../../../assets/images/fanInfo/fsp_icon_flf.png');
+            }
+
+            .units {
+              position: relative;
+            }
 
             input {
               width: 130px;
@@ -445,35 +591,42 @@ input[type="number"] {
               border: 2px solid #0f82af;
               background: transparent;
               margin-left: 14px;
-              outline:none;
+              outline: none;
               font-size: 28px;
               font-family: MicrosoftYaHei, MicrosoftYaHei;
               font-weight: bold;
               color: #38cafb;
               line-height: 37px;
             }
+
+            .units::after {
+              content: "%";
+              position: absolute;
+              right: 6px;
+              top: 40%;
+              bottom: 0;
+              transform: translateY(-50%);
+              font-size: 28px;
+              font-family: MicrosoftYaHei;
+              color: #38cafb;
+              line-height: 37px;
+            }
           }
         }
       }
+
+      .current {
+        margin-top: 30px;
+        margin-left: 26px;
+        height: 37px;
+        font-size: 28px;
+        color: #FFFFFF;
+      }
+
     }
   }
 }
 
-.units {
-  position: relative;
-}
-
-.units::after {
-  content: "Hz";
-  position: absolute;
-  right: 6px;
-  top: 50%;
-  transform: translateY(-50%);
-  font-size: 28px;
-  font-family: MicrosoftYaHei;
-  color: #38cafb;
-  line-height: 37px;
-}
 
 .active {
   color: white;
diff --git a/src/components/content/fanInfo/FanInfoItem.vue b/src/components/content/fanInfo/FanInfoItem.vue
new file mode 100644
index 0000000..85c7b4a
--- /dev/null
+++ b/src/components/content/fanInfo/FanInfoItem.vue
@@ -0,0 +1,188 @@
+<template>
+  <div class="wind-pressure-item" :class="{ abnormal:isWaringA }">
+    <div class="label">
+      A相电流:{{params.wp.valueA}}A
+    </div>
+    <div class="container" ref="length">
+      <div class="value" ref="valueA"></div>
+      <div class="point" ref="pointA"></div>
+    </div>
+  </div>
+  <div class="wind-pressure-item" :class="{ abnormal:isWaringA }">
+    <div class="label">
+      B相电流:{{params.wp.valueB}}A
+    </div>
+    <div class="container" ref="length">
+      <div class="value" ref="valueB"></div>
+      <div class="point" ref="pointB"></div>
+    </div>
+  </div>
+  <div class="wind-pressure-item" :class="{ abnormal:isWaringA }">
+    <div class="label">
+      C相电流:{{params.wp.valueC}}A
+    </div>
+    <div class="container" ref="length">
+      <div class="value" ref="valueC"></div>
+      <div class="point" ref="pointC"></div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+const params = defineProps({
+  wp: Object
+});
+const length = ref(null);
+const valueA = ref(null);
+const valueB = ref(null);
+const valueC= ref(null);
+const pointA = ref(null);
+const pointB = ref(null);
+const pointC = ref(null);
+onMounted(()=>{
+  setValueA();
+  setValueB();
+  setValueC();
+})
+
+watch(() => params.wp.value, () => {
+  setValueA();
+  setValueB();
+  setValueC();
+});
+
+const setValueA=()=> {
+  let width = (params.wp.valueA* length.value.offsetWidth) / params.wp.max;
+  valueA.value.style.width = `${width}px`;
+  let flag = (params.wp.pointA * length.value.offsetWidth) / params.wp.max;
+  pointA.value.style.left = `${flag}px`;
+  if (width >= flag) {
+    valueA.value.style.background = "#F53839";
+  } else {
+    valueA.value.style.background = "#60DDDE";
+  }
+}
+const setValueB=()=> {
+  let width = (params.wp.valueB* length.value.offsetWidth) / params.wp.max;
+  valueB.value.style.width = `${width}px`;
+  let flag = (params.wp.pointB * length.value.offsetWidth) / params.wp.max;
+  pointB.value.style.left = `${flag}px`;
+  if (width >= flag) {
+    valueB.value.style.background = "#F53839";
+  } else {
+    valueB.value.style.background = "#60DDDE";
+  }
+}
+const setValueC=()=> {
+  let width = (params.wp.valueC* length.value.offsetWidth) / params.wp.max;
+  valueC.value.style.width = `${width}px`;
+  let flag = (params.wp.pointC * length.value.offsetWidth) / params.wp.max;
+  pointC.value.style.left = `${flag}px`;
+  if (width >= flag) {
+    valueC.value.style.background = "#F53839";
+  } else {
+    valueC.value.style.background = "#60DDDE";
+  }
+}
+
+let isWaringA = computed(() => {
+  return params.wp.valueA >= params.wp.pointA;
+});
+let isWaringB = computed(() => {
+  return params.wp.valueB >= params.wp.pointB;
+});
+let isWaringC = computed(() => {
+  return params.wp.valueC >= params.wp.pointC;
+});
+</script>
+
+<style lang="scss" scoped>
+.abnormal:hover {
+  background: #9C5252 !important;
+  border-radius: 6px;
+
+  .point {
+    background: #fff !important;
+  }
+}
+
+.wind-pressure-item {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: 6px 38px 7px 10px;
+  margin-bottom: 17px;
+
+  &:hover {
+    background: #2E5589;
+    border-radius: 6px;
+  }
+
+  &:last-child {
+    .label {
+      span {
+        margin: 0 5px 0 14px;
+      }
+    }
+  }
+
+  .label {
+    display: flex;
+    white-space: nowrap;
+    align-items: center;
+    margin-right: 20px;
+
+    img {
+      height: 26px;
+      width: 26px;
+    }
+
+    span {
+      //width: 101px;
+      white-space: nowrap;
+      height: 37px;
+      font-size: 28px;
+      color: #d6f1fa;
+      line-height: 37px;
+      margin: 0 20px 0 14px;
+
+    }
+  }
+
+  .container {
+    width: 500px;
+    height: 24px;
+    border-radius: 12px;
+    border: 1px solid #0f82af;
+    position: relative;
+
+    .value {
+      height: inherit;
+      width: 0px;
+      background: #60ddde;
+      border-radius: 10px;
+      transition: width 0.5s linear 0s;
+    }
+
+    .point {
+      position: absolute;
+      height: 20px;
+      background: #92D18F;
+      width: 3px;
+      border-radius: 4px;
+      box-shadow: 0 0 10px #92D18F;
+      top: 1px;
+      left: 1px;
+    }
+  }
+
+  .value-num {
+    height: 37px;
+    font-size: 28px;
+    font-family: MicrosoftYaHei;
+    color: #d6f1fa;
+    line-height: 37px;
+    margin-left: 20px;
+  }
+}
+</style>
diff --git a/src/views/site/index.vue b/src/views/site/index.vue
index 7cd9893..44ce543 100644
--- a/src/views/site/index.vue
+++ b/src/views/site/index.vue
@@ -34,7 +34,7 @@
                 <div>{{ item.info.tunnelName }}</div>
                 <div class="tunnel-icon"></div>
                 <div>施工长度{{ item.info.constructionLength }}米</div>
-                <div>实现长度{{ item.info.implementationLength }}公里
+                <div>实现长度{{ item.info.totalLength }}公里
                 </div>
               </div>
               <div class="tunnel-add" @click="goToAddTunnel(item.siteId)">
diff --git a/src/views/tunnel/index.vue b/src/views/tunnel/index.vue
index 77fe670..31c35e6 100644
--- a/src/views/tunnel/index.vue
+++ b/src/views/tunnel/index.vue
@@ -30,8 +30,8 @@
     <div class="left">
       <el-drawer v-model="drawerLeft" direction="ltr" modal-class="modal-box" :modal="false" :show-close="false"
         :close-on-click-modal="false" :close-on-press-escape="false">
-        <fan-info v-if="showFan" :list="socketData.leftData" :fan-data="largeScreenData" />
-        <transducer-list v-if="showFan" :list="socketData.leftData" :transducer-data="largeScreenData" />
+        <fan-info v-if="showFan" :list="socketData.leftData" :fan-data="largeScreenData" :transducer-data="largeScreenData"/>
+<!--        <transducer-list v-if="showFan" :list="socketData.leftData" :transducer-data="largeScreenData" />-->
         <used-ele v-if="showFan" :list="socketData.leftData" :ele-data="largeScreenData" />
       </el-drawer>
       <div v-if="drawerLeft" class="left-arrow" @click="closeLeft"></div>