Merge pull request 'fix : 风机区域细节优化' (#272) from dengjie into dev

Reviewed-on: http://git.feashow.cn/clay/tunnel-cloud-web/pulls/272

src/components/content/fanInfo/FanInfo.vue

@@ -15,7 +15,7 @@
           <!-- 功能 -->
           <div class="option-nav">
             <div>
-              <div class="state" :class="{changeMargin: item.showTooltip}">
+              <div class="state">
                 <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>
@@ -44,7 +44,7 @@
                     <el-radio :label="false">手动</el-radio>
                   </el-radio-group>
                 </div>
-                <div class="edit-power">
+                <div class="edit-power" title="输入完成后, 请回车进行修改">
                   <div>
                     <span style="color: white">给定频率</span>
                     <!--                  <span class="units"-->
@@ -55,16 +55,16 @@
                     <!--                      onchange="changeFrequency(item)"-->
                     <!--                      :disabled="item.autoMode"-->
                     <!--                  /></span>-->
-                    <el-input type="number" min="0" v-model="item.frequencySetting" :disabled="item.autoMode" title=""
+                    <el-input type="number" min="0" v-model="item.frequencySetting" :disabled="item.autoMode" title="输入完成后, 请回车进行修改"
-                              @change="changeFrequency(item)" @focus="item.showTooltip=true" @blur="item.showTooltip=false">
+                              @change="changeFrequency(item)" @focus="item.showTooltip=true" @blur="item.showTooltip=false"   :class="{changeMargin: item.showTooltip}">
                       <template #suffix>
                         <span>Hz</span>
                       </template>
                     </el-input>
                   </div>
-                  <span v-if="item.showTooltip">
+<!--                  <span v-if="item.showTooltip">-->
-                     正在输入中...
+<!--                     正在输入中...-->
-                  </span>
+<!--                  </span>-->
                 </div>
 
               </div>
@@ -820,9 +820,7 @@ input[type="number"] {
             margin-top: 48px;
             display: flex;
             align-items: center;
-            .changeMargin{
+
-              margin-top: -40px;
-            }
             .state {
               flex: 1;
               display: flex;
@@ -902,7 +900,9 @@ input[type="number"] {
                 margin-top: 10px;
                 display: flex;
                 flex-direction: column;
+                .changeMargin{
 
+                }
                 > div:first-child {
                   display: flex;
 
@@ -910,6 +910,12 @@ input[type="number"] {
                     white-space: pre;
                     margin-right: 14px;
                   }
+                  :deep(.is-focus) {
+                    .el-input__inner {
+                      font-weight: normal!important;
+                      color: #fff!important;
+                    }
+                  }
                   :deep(.el-input__wrapper) {
                     width: 160px;
                     height: 44px;

src/views/tunnel-manage/index.vue

@@ -111,7 +111,6 @@
 <script setup>
 import {ElMessage, ElMessageBox} from "element-plus";
 import {getTunnelList, addTunnel, deleteTunnel} from "@/api/tunnelManage";
-import {onMounted} from "vue";
 import {getSiteDetail} from "@/api/site";
 
 const router = useRouter()
@@ -216,6 +215,15 @@ const handleGoSiteOrIndex = () => {
     router.push('/')
   }
 }
+//根据站点id获取隧道信息
+const getTunnel = (id) => {
+  getSiteDetail(id).then((res) => {
+    if (res?.code === 1000) {
+      siteName.value = res.data.siteName
+    }
+  });
+}
+getTunnel(siteId)
 const getList = () => {
   getTunnelList({
     siteId: siteId,
@@ -225,6 +233,8 @@ const getList = () => {
       total.value = res.data.total
       tunnelList.value = res.data.rows
       showFirst.value = total.value / pageInfo.pageSize >= 1;
+
+      // siteName.value = res.data.siteName
     } else {
       ElMessage.warning(res.msg)
     }

src/views/tunnel/index.vue

@@ -87,7 +87,6 @@ import { getLargeScreen, getLargeScreenInfo, getTunnelBySiteId } from "@/api/lar
 import { ElMessage, ElMessageBox } from "element-plus";
 import { getUserInfo } from "@/api/login";
 import { initSceneData } from "@/api/tunnelScene";
-import { reactive } from "vue";
 const authStore = useAuthStore();
 const router = useRouter();
 const previewId = reactive(router.currentRoute.value.params.tunnelId)
@@ -191,7 +190,11 @@ const getOtherInfo = () => {
       currentSiteId.value = res.data.siteOption[0].value
       currentSite.value = res.data.siteOption[0].label
       localStorage.setItem('site', currentSite.value)
-      tunnelList.value = res.data.tunnelOption
+      if(res.data.tunnelOption.length === 0){
+        getTunnel(res.data.siteOption[0].value)
+      }else {
+        tunnelList.value = res.data.tunnelOption
+      }
       if (previewId) {
         tunnelList.value.forEach((item, index) => {
           if (item.value == previewId) {
@@ -256,7 +259,7 @@ const getTunnel = (id) => {
     if (res?.code === 1000) {
       getScreenInfo(res.data[0]?.value)
       tunnelName = res.data[0].label
-      console.log(res.data[0].label);
+      tunnelList.value = res.data
     }
   });
 }