fix : 风机区域细节优化

src/components/content/fanInfo/FanInfo.vue

@@ -15,7 +15,7 @@
           <!-- 功能 -->
           <div class="option-nav">
             <div>
-              <div class="state">
+              <div class="state" :class="{changeMargin: item.showTooltip}">
                 <div class="blue-state" :class="{ stopColor: item.breakdown }">
                   <div :style="{ backgroundImage: 'url(' +getImageUrl(item.breakdown)+')' }" class="state-icon"></div>
                   状态：<span class="fan-state">{{ item.breakdown ? '故障' : '运行' }}</span>
@@ -45,6 +45,7 @@
                   </el-radio-group>
                 </div>
                 <div class="edit-power">
+                  <div>
                     <span style="color: white">给定频率</span>
                     <!--                  <span class="units"-->
                     <!--                  ><input-->
@@ -54,13 +55,18 @@
                     <!--                      onchange="changeFrequency(item)"-->
                     <!--                      :disabled="item.autoMode"-->
                     <!--                  /></span>-->
-                  <el-input type="number" min="0" v-model="item.frequencySetting" :disabled="item.autoMode"
+                    <el-input type="number" min="0" v-model="item.frequencySetting" :disabled="item.autoMode" title=""
-                            @change="changeFrequency(item)">
+                              @change="changeFrequency(item)" @focus="item.showTooltip=true" @blur="item.showTooltip=false">
                       <template #suffix>
                         <span>Hz</span>
                       </template>
                     </el-input>
                   </div>
+                  <span v-if="item.showTooltip">
+                     正在输入中...
+                  </span>
+                </div>
+
               </div>
             </div>
           </div>
@@ -122,8 +128,7 @@ import {
   editFrequencyOperationSwitch,
   getFanEchartsInfo
 } from "@/api/largeScreen";
-import {ElMessageBox} from "element-plus";
+import {ElMessage, ElMessageBox} from "element-plus";
-import {removeToken} from "../../../utils/auth";
 
 const timeList = ref(["年", "月", "日"]);
 const selectTimeButton = ref(2);
@@ -238,19 +243,36 @@ const editOperate = (item,type) => {
     const data = packageData(item, item.running)
     editFrequencyOperationSwitch(data).then(res => {
       console.log('修改风机启动', res)
+      if (res.code === 1000) {
+        ElMessage.success(res.msg)
+      } else {
+        ElMessage.error(res.msg)
+      }
     })
   })
 }
+
 const changeFrequency = (item) => {
+  console.log('修改频率')
   const data = packageData(item, item.frequencySetting, true)
   editFrequency(data).then(res => {
     console.log('修改风机频率', res)
+    if (res.code === 1000) {
+      ElMessage.success(res.msg)
+    } else {
+      ElMessage.warning(res.msg)
+    }
   })
 }
 const changeModel = (item) => {
   const data = packageData(item, item.autoMode)
   editFrequencyModelSwitch(data).then(res => {
     console.log('修改自动模式', res)
+    if (res.code === 1000) {
+      ElMessage.success(res.msg)
+    } else {
+      ElMessage.warning(res.msg)
+    }
   })
 }
 const getFanInfo = (equipmentId, type = 'day') => {
@@ -325,6 +347,7 @@ const getBasicData = (data) => {
       autoMode: item.autoMode,//自动模式
       breakdown: item.breakdown,//故障
       running: item.running,//启动,
+      showTooltip:false,
       frequencyFeedback: item.frequencyFeedback,
       frequencySetting: item.frequencySetting
     }
@@ -789,15 +812,17 @@ input[type="number"] {
         }
 
         .option-nav {
-          display: flex;
+          //display: flex;
-          flex-direction: column;
+          //flex-direction: column;
           width: 70%;
 
           > div:first-child {
             margin-top: 48px;
             display: flex;
             align-items: center;
-
+            .changeMargin{
+              margin-top: -40px;
+            }
             .state {
               flex: 1;
               display: flex;
@@ -876,17 +901,15 @@ input[type="number"] {
               .edit-power {
                 margin-top: 10px;
                 display: flex;
+                flex-direction: column;
+
+                > div:first-child {
+                  display: flex;
 
                   > span:first-child {
                     white-space: pre;
                     margin-right: 14px;
                   }
-
-                //:deep(.is-disabled) {
-                //  .el-input__inner{
-                //    color: #FFFFFF!important;
-                //  }
-                //}
                   :deep(.el-input__wrapper) {
                     width: 160px;
                     height: 44px;
@@ -913,6 +936,9 @@ input[type="number"] {
                     }
                   }
 
+                }
+
+
                 //.units {
                 //  position: relative;
                 //}