邓洁 : 修改首屏弹窗样式

src/components/content/fanInfo/FanInfo.vue

@@ -6,13 +6,13 @@
         <!-- echarts -->
         <div class="echart"></div>
         <!-- 风机名 -->
-        <div class="fan-name">{{changeNum(index+1)}}号风机</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 ? '故障':'运行' }}
+              状态：{{ item.breakdown ? '故障' : '运行' }}
             </div>
             <div class="switch">
               <div
@@ -73,8 +73,8 @@ watch(() => props.list, (now) => {
   socketData.value.forEach(item => {
     now.forEach(newItem => {
       if (item.equipmentId === newItem.equipmentId) {
-        if(newItem.frequencyFeedback){
-          item.frequencyFeedback= newItem.frequencyFeedback
+        if (newItem.frequencyFeedback) {
+          item.frequencyFeedback = newItem.frequencyFeedback
         }
       }
     })
@@ -82,9 +82,9 @@ watch(() => props.list, (now) => {
   handleOnMounted()
 }, {deep: true});
 
-onMounted(async () => {
+onMounted(() => {
   setTimeout(() => {
-    nextTick(()=>{
+    nextTick(() => {
       handleOnMounted()
     })
   }, 100);
@@ -97,7 +97,7 @@ const getImage = (type) => {
       return "red-state-icon.png";
   }
 }
-const changeNum=(index)=>{
+const changeNum = (index) => {
   switch (index) {
     case 1:
       return '一';
@@ -125,7 +125,7 @@ const getBasicData = (data) => {
 
 const handleOnMounted = () => {
   const chart = document.getElementsByClassName('echart');
-  for(let i = 0; i < chart.length; i++ ){
+  for (let i = 0; i < chart.length; i++) {
     Echarts_info1 = echarts.init(chart[i]);
     fan01_option = {
       series: [
@@ -237,12 +237,12 @@ const handleOnMounted = () => {
         },
       ],
     }
-    fan01_option &&  Echarts_info1.setOption(fan01_option);
+    fan01_option && Echarts_info1.setOption(fan01_option);
   }
 }
 
 const getImageUrl = (name) => {
-  let icon=getImage(name)
+  let icon = getImage(name)
   return new URL(`../../../assets/images/fanInfo/${icon}`, import.meta.url).href
 }
 </script>
@@ -303,7 +303,8 @@ input[type="number"] {
   background-image: url(../../../assets/images/fanInfo/bg.png);
   //clip-path: polygon(0% 0%, 40% 0%, 48% 15%, 100% 15%, 100% 100%, 0% 100%);
   color: #2fb0df;
-box-sizing: border-box;
+  box-sizing: border-box;
+
   .title {
     width: 40%;
     text-align: left;