邓洁 : 大屏左侧变频器阀值判断

src/components/content/fanInfo/FanInfo.vue

@@ -104,18 +104,11 @@
 
 <script setup>
 import * as echarts from "echarts";
-import {ref, reactive, onMounted, computed, watch} from "vue";
 const props = defineProps({
-  list: Array
+  list: Array,
+  fanData:Array
 });
 const socketData = ref()
-watch(() => props.list, (now, old) => {
-  // console.log('socketDatawatch', now, old)
-  // socketData.value=now
-}, {deep: true});
-
-onMounted(handleOnMounted);
-
 // 一号风机echarts实例
 const info1 = ref(null);
 let Echarts_info1 = null;
@@ -342,17 +335,21 @@ const option2 = {
     },
   ],
 };
-
 const fan01_option = reactive(option);
 const fan02_option = reactive(option2);
-
-function handleOnMounted() {
-  Echarts_info1 = echarts.init(info1.value);
-  Echarts_info1.setOption(fan01_option);
-  //  挂载二号风机实例
-  Echarts_info2 = echarts.init(info2.value);
-  Echarts_info2.setOption(fan02_option);
-}
+// 一号风机启动停止按钮
+const isStart = ref(true);
+const isStart2 = ref(false);
+// 功率是否自动
+let isSAuto1 = ref("false");
+let isSAuto2 = ref("false");
+watch(() => props.fanData, (now) => {
+  getBasicData(now.frequencyChangerList)
+}, {deep: true});
+watch(() => props.list, (now) => {
+  console.log('socketDatawatch', now, old)
+  // socketData.value=now
+}, {deep: true});
 
 watch(fan01_option, () => {
   Echarts_info1.setOption(fan01_option);
@@ -361,8 +358,6 @@ watch(fan02_option, () => {
   Echarts_info2.setOption(fan02_option);
 });
 
-// 一号风机启动停止按钮
-const isStart = ref(true);
 let state = computed(() => {
   return isStart.value ? "运行" : "故障";
   // return socketData[0].running ? "运行" : "故障";
@@ -373,7 +368,6 @@ const stateIcon1 = computed(() =>
         : "red-state-icon.png"
 );
 
-const isStart2 = ref(false);
 let state2 = computed(() => {
   return isStart2.value ? "运行" : "故障";
 });
@@ -382,9 +376,30 @@ const stateIcon2 = computed(() =>
         ? "blue-state-icon.png"
         : "red-state-icon.png"
 );
-// 功率是否自动
-let isSAuto1 = ref("false");
-let isSAuto2 = ref("false");
+
+onMounted(()=>{
+  handleOnMounted()
+});
+const getBasicData = (data) => {
+  let tranObj = {}
+  let tranArr = []
+  data.map(item => {
+    tranObj = {
+      equipmentId: item.equipmentId
+    }
+    tranArr.push(tranObj)
+  })
+  socketData.value = tranArr
+}
+
+const handleOnMounted=()=> {
+  Echarts_info1 = echarts.init(info1.value);
+  Echarts_info1.setOption(fan01_option);
+  //  挂载二号风机实例
+  Echarts_info2 = echarts.init(info2.value);
+  Echarts_info2.setOption(fan02_option);
+}
+
 const getImageUrl = (name) => {
   return new URL(`../../../assets/images/fanInfo/${name}`, import.meta.url).href
 }