From 38c3a34a9c83fb30690e13720581cc6ee61cdd04 Mon Sep 17 00:00:00 2001
From: admin <2077599564@qq.com>
Date: Thu, 14 Dec 2023 14:04:03 +0800
Subject: [PATCH] =?UTF-8?q?=E9=82=93=E6=B4=81=20:=20=E9=A6=96=E9=A1=B5?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/content/fanInfo/FanInfo.vue    | 207 ++++--------------
 .../content/transducerList/TransducerList.vue |  43 ++--
 2 files changed, 60 insertions(+), 190 deletions(-)

diff --git a/src/components/content/fanInfo/FanInfo.vue b/src/components/content/fanInfo/FanInfo.vue
index db9aa50..d0d3ab0 100644
--- a/src/components/content/fanInfo/FanInfo.vue
+++ b/src/components/content/fanInfo/FanInfo.vue
@@ -98,53 +98,53 @@
           </div>
         </div>
       </div>
-      <div class="fan-item">
-        <!-- echarts -->
-        <div class="echart" ref="info3"></div>
-        <!-- 风机名称 -->
-        <div class="fan-name">三号风机</div>
-        <!-- 功能 -->
-        <div class="option-nav">
-          <div class="state" :class="{ 'blue-state': isStartTwo }">
-            <div :class="{ stopColor: !stateTwo }">
-              <div :style="{ backgroundImage: 'url(' +getImageUrl(stateIconTwo)+')' }" class="state-icon"></div>
-              状态：{{ stateTwo ? '运行' : '故障' }}
-            </div>
-            <div class="switch">
-              <div
-                  :class="{ active: isStartTwo }"
-                  @click="isStartTwo = true"
-              >
-                启动
-              </div>
-              <div
-                  :class="{ active: !isStartTwo }"
-                  @click="isStartTwo = false"
-              >
-                停止
-              </div>
-            </div>
-          </div>
-          <div class="power">
-            <div class="check-box">
-              <el-radio-group v-model="isSAuto2" 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="powerThree"
-                  :disabled="isSAuto2 === 'true'"
-              /></span>
-            </div>
-          </div>
-        </div>
-      </div>
+<!--      <div class="fan-item">-->
+<!--        &lt;!&ndash; echarts &ndash;&gt;-->
+<!--        <div class="echart" ref="info3"></div>-->
+<!--        &lt;!&ndash; 风机名称 &ndash;&gt;-->
+<!--        <div class="fan-name">三号风机</div>-->
+<!--        &lt;!&ndash; 功能 &ndash;&gt;-->
+<!--        <div class="option-nav">-->
+<!--          <div class="state" :class="{ 'blue-state': isStartTwo }">-->
+<!--            <div :class="{ stopColor: !stateTwo }">-->
+<!--              <div :style="{ backgroundImage: 'url(' +getImageUrl(stateIconTwo)+')' }" class="state-icon"></div>-->
+<!--              状态：{{ stateTwo ? '运行' : '故障' }}-->
+<!--            </div>-->
+<!--            <div class="switch">-->
+<!--              <div-->
+<!--                  :class="{ active: isStartTwo }"-->
+<!--                  @click="isStartTwo = true"-->
+<!--              >-->
+<!--                启动-->
+<!--              </div>-->
+<!--              <div-->
+<!--                  :class="{ active: !isStartTwo }"-->
+<!--                  @click="isStartTwo = false"-->
+<!--              >-->
+<!--                停止-->
+<!--              </div>-->
+<!--            </div>-->
+<!--          </div>-->
+<!--          <div class="power">-->
+<!--            <div class="check-box">-->
+<!--              <el-radio-group v-model="isSAuto2" 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="powerThree"-->
+<!--                  :disabled="isSAuto2 === 'true'"-->
+<!--              /></span>-->
+<!--            </div>-->
+<!--          </div>-->
+<!--        </div>-->
+<!--      </div>-->
     </div>
   </div>
 </template>
@@ -461,119 +461,6 @@ const handleOnMounted = () => {
     ],
   }
   Echarts_info2.setOption(fan02_option);
-  //三号风机
-  Echarts_info3 = echarts.init(info3.value);
-  fan03_option = {
-    series: [
-      {
-        type: "gauge",
-        startAngle: -120,
-        endAngle: -420,
-        pointer: {
-          show: false,
-        },
-        progress: {
-          show: true,
-          overlap: false,
-          roundCap: true,
-          clip: false,
-          itemStyle: {
-            borderWidth: 10,
-            borderColor: {
-              type: "linear",
-              x: 0,
-              y: 1,
-              x2: 0,
-              y2: 0,
-              colorStops: [
-                {
-                  offset: 0,
-                  color: "#4BB10E", // 0% 处的颜色
-                },
-                {
-                  offset: 0.25,
-                  color: "#B1AD0E", // 100% 处的颜色
-                },
-                {
-                  offset: 0.75,
-                  color: "#B1880E", // 100% 处的颜色
-                },
-                {
-                  offset: 1,
-                  color: "#D77E01", // 100% 处的颜色
-                },
-              ],
-              global: false, // 缺省为 false
-            },
-            color: {
-              type: "linear",
-              x: 0,
-              y: 1,
-              x2: 0,
-              y2: 0,
-              colorStops: [
-                {
-                  offset: 0,
-                  color: "#4BB10E", // 0% 处的颜色
-                },
-                {
-                  offset: 0.25,
-                  color: "#B1AD0E", // 100% 处的颜色
-                },
-                {
-                  offset: 0.75,
-                  color: "#B1880E", // 100% 处的颜色
-                },
-                {
-                  offset: 1,
-                  color: "#D77E01", // 100% 处的颜色
-                },
-              ],
-              global: false, // 缺省为 false
-            }
-          },
-        },
-        max: 1000,
-        splitLine: {
-          show: false,
-        },
-        axisTick: {
-          show: true,
-          splitNumber: 1,
-          length: 10,
-        },
-        axisLabel: {
-          show: false,
-        },
-        data: [
-          {
-            value: powerThree.value,
-            fontSize: 2100,
-            detail: {
-              valueAnimation: true,
-              offsetCenter: ["0%", "0%"],
-              fontSize: 40,
-              color: "white",
-            },
-          },
-        ],
-        axisLine: {
-          lineStyle: {
-            width: 3,
-            color: [[1, "#155F7C"]],
-          },
-        },
-        detail: {
-          width: 100,
-          height: 14,
-          fontSize: 26,
-          color: "inherit",
-          formatter: "{value}",
-        },
-      },
-    ],
-  }
-  Echarts_info3.setOption(fan03_option);
 }
 
 const getImageUrl = (name) => {
diff --git a/src/components/content/transducerList/TransducerList.vue b/src/components/content/transducerList/TransducerList.vue
index 3f50cd0..daf9ac3 100644
--- a/src/components/content/transducerList/TransducerList.vue
+++ b/src/components/content/transducerList/TransducerList.vue
@@ -1,23 +1,6 @@
 <template>
   <div id="transducer-list">
     <div v-for="item in transducerData" :key="item.equipmentId">
-      <!--      <div class="transducer-item">-->
-      <!--        <img src="@/assets/images/transducer/sp_icon_dy.png"/>-->
-      <!--        <div class="info">-->
-      <!--          <div class="name-state">-->
-      <!--            <div class="name">{{index===1?'二':'一'}}号变频器</div>-->
-      <!--            <div class="state">-->
-      <!--              <img src="@/assets/images/transducer/greenLight.png"/>-->
-      <!--              <span>正常</span>-->
-      <!--            </div>-->
-      <!--          </div>-->
-      <!--          <div class="one-item">-->
-      <!--            <div>A相电压:{{ item.phaseVoltageA }}V</div>-->
-      <!--            <div>B相电压:{{ item.phaseVoltageB }}V</div>-->
-      <!--            <div>C相电压:{{ item.phaseVoltageC }}V</div>-->
-      <!--          </div>-->
-      <!--        </div>-->
-      <!--      </div>-->
       <div class="transducer-item">
         <img src="@/assets/images/transducer/sp_icon_dl.png" alt=""/>
         <div class="info">
@@ -121,19 +104,19 @@ const getBasicData = (data) => {
     tranArr.push(tranObj)
   })
   //mock数据
- let newObj = {
-    equipmentId: 0,
-    equipmentName:'3号变频器',
-    phaseCurrentA: 210,
-    phaseCurrentAThreshold: 200,
-    phaseCurrentB: 231,
-    phaseCurrentBThreshold: 300,
-    phaseCurrentC: 154,
-    phaseCurrentCThreshold:200,
-    frequencySetting: 23,
-    frequencyFeedback: 34,
-  }
-  tranArr.push(newObj)
+ // let newObj = {
+ //    equipmentId: 0,
+ //    equipmentName:'3号变频器',
+ //    phaseCurrentA: 210,
+ //    phaseCurrentAThreshold: 200,
+ //    phaseCurrentB: 231,
+ //    phaseCurrentBThreshold: 300,
+ //    phaseCurrentC: 154,
+ //    phaseCurrentCThreshold:200,
+ //    frequencySetting: 23,
+ //    frequencyFeedback: 34,
+ //  }
+ //  tranArr.push(newObj)
   transducerData.value = tranArr
 }
 </script>