From 423ec0c32efa1df87ebc51b8ded166abe34cd9e7 Mon Sep 17 00:00:00 2001
From: guoapeng <GuoAnPeng@163.com>
Date: Thu, 10 Jul 2025 18:18:33 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E4=BC=A0=E6=84=9F=E5=99=A8=E5=88=AB?=
 =?UTF-8?q?=E5=90=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/FTInput/index.vue |  8 ++++--
 src/components/home/Environment.vue     | 45 ++++++++++++++++++++++++---------
 2 files changed, 39 insertions(+), 14 deletions(-)

diff --git a/src/components/common/FTInput/index.vue b/src/components/common/FTInput/index.vue
index efada2a..fceb080 100644
--- a/src/components/common/FTInput/index.vue
+++ b/src/components/common/FTInput/index.vue
@@ -252,7 +252,7 @@ const handleClose = () => {
     // 处理精度
     // model.value = model.value?.replace(new RegExp(`(\\d+)\\.(\\d{${props.precision}}).*$`), '$1.$2').replace(/\.$/, '')
   }
-  popoverRef.value.hide()
+  popoverRef.value?.hide()
   setTimeout(() => {
     ignoreBlur.value = false
   }, 150)
@@ -300,7 +300,11 @@ onUnmounted(() => {
   document.removeEventListener('click', handlePopClose)
 })
 
-defineExpose({ inputRef, visible, open, close })
+const focus = () => {
+  inputRef.value.focus()
+}
+
+defineExpose({ inputRef, visible, open, close, focus })
 </script>
 
 <template>
diff --git a/src/components/home/Environment.vue b/src/components/home/Environment.vue
index 3c4d555..34f92a4 100644
--- a/src/components/home/Environment.vue
+++ b/src/components/home/Environment.vue
@@ -4,7 +4,7 @@ import homeInside from 'assets/images/home/home-inside.svg'
 import homeProbe1 from 'assets/images/home/home-probe1.svg'
 import homeProbe2 from 'assets/images/home/home-probe2.svg'
 import { roundNumber } from 'libs/utils'
-import { onMounted, ref, watch } from 'vue'
+import { nextTick, onMounted, ref } from 'vue'
 
 /**
  * 环境参数展示组件
@@ -33,12 +33,12 @@ const props = defineProps({
 
 const aliasName = ref(props.envParams.aliasName)
 
-watch(
-  () => props.envParams,
-  () => {
-    aliasName.value = props.envParams.aliasName
-  },
-)
+// watch(
+//   () => props.envParams,
+//   () => {
+//     aliasName.value = props.envParams.aliasName
+//   },
+// )
 
 /**
  * 图片资源映射对象
@@ -71,12 +71,22 @@ const changeNameHandle = () => {
     className: 'H2O2SensorMgr',
     fnName: 'setH2O2SensorAliasName',
     params: {
-      type: 'Internal',
-      id: 1,
+      type: props.envParams.type,
+      id: props.envParams.id,
       aliasName: aliasName.value,
     },
   }
   syncSendCmd(params)
+  inputVisible.value = false
+}
+
+const inputVisible = ref(false)
+const inputRef = ref()
+const showInput = () => {
+  inputVisible.value = true
+  nextTick(() => {
+    inputRef.value?.focus()
+  })
 }
 </script>
 
@@ -85,7 +95,7 @@ const changeNameHandle = () => {
     <div class="title">
       <div style="width: 100%; display: flex; align-items: center">
         <img :src="imgs[envParams.type] || homeInside" alt="" style="margin-right: 10px"> {{ titles[envParams.type]
-        }}{{ envParams.sensorId }}
+        }}{{ envParams.id }}
       </div>
 
       <el-tag v-if="!envParams.isOnline" type="danger">
@@ -97,8 +107,19 @@ const changeNameHandle = () => {
         <div class="env-row-label">
           备注
         </div>
-        <div class="env-row-value">
-          <el-input v-model="aliasName" @blur="changeNameHandle" />
+        <div v-if="envParams.isOnline" class="env-row-value">
+          <ft-input
+            v-if="inputVisible"
+            ref="inputRef"
+            v-model="aliasName"
+            size="small"
+            style="width: 100px"
+            @blur="changeNameHandle"
+            @focus="aliasName = envParams.aliasName"
+          />
+          <span v-else style="color: #3b82f6; font-weight: 600" @click="showInput">{{
+            envParams.aliasName || '--'
+          }}</span>
         </div>
       </div>
       <div class="env-row odd">