From 62700162d5b062f9a49d999560e94f98a880b1c7 Mon Sep 17 00:00:00 2001
From: "pikachu1995@126.com" <pikachu1995@126.com>
Date: Mon, 12 Oct 2026 16:17:57 +0800
Subject: [PATCH] =?UTF-8?q?feat(manager):=20=E8=A3=85=E4=BF=AE=E9=A1=B5?=
 =?UTF-8?q?=E5=B7=A6=E4=B8=8A=E8=A7=92=E6=94=AF=E6=8C=81=E8=AE=BE=E7=BD=AE?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E5=90=8D=E7=A7=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/page-decoration/wap/navbar.vue  | 49 ++++++++++++++++++-
 1 file changed, 48 insertions(+), 1 deletion(-)

diff --git a/manager/src/views/page-decoration/wap/navbar.vue b/manager/src/views/page-decoration/wap/navbar.vue
index 83da5070b..7dab12bb6 100644
--- a/manager/src/views/page-decoration/wap/navbar.vue
+++ b/manager/src/views/page-decoration/wap/navbar.vue
@@ -1,8 +1,24 @@
 <template>
   <!-- 预览保存 -->
   <div class="model-title">
-    <div>
+    <div class="model-title-left">
       <el-button size="default" @click="goBack">返回</el-button>
+      <div class="page-name">
+        <template v-if="!editingName">
+          <span class="page-name-label">当前页面：{{ submitWay.name }}</span>
+          <el-icon class="page-name-edit" @click="startEditName"><Edit /></el-icon>
+        </template>
+        <el-input
+          v-else
+          ref="nameInput"
+          v-model="submitWay.name"
+          size="small"
+          style="width: 200px"
+          maxlength="30"
+          @blur="editingName = false"
+          @keyup.enter="editingName = false"
+        />
+      </div>
     </div>
     <div class="model-title-view-btn">
       <!-- TODO 后期会补全 目前版本暂无 -->
@@ -51,12 +67,15 @@
 </template>
 <script>
 import * as API_Other from "@/api/other.js";
+import { Edit } from "@element-plus/icons-vue";
 
 export default {
+  components: { Edit },
   props: ["pagetype"],
   data() {
     return {
       hasCache:false, // 是否有缓存
+      editingName: false, // 页面名称编辑态
       progress: true, // 展示进度
       num: 20, // 提交进度
       saveDialog: false, // 加载状态
@@ -112,6 +131,13 @@ export default {
       this.setStore('managerMobilePageCache','');
       this.$Message.success('清空成功')
     },
+    // 进入页面名称编辑态并聚焦输入框
+    startEditName() {
+      this.editingName = true;
+      this.$nextTick(() => {
+        this.$refs.nameInput && this.$refs.nameInput.focus();
+      });
+    },
     // 将楼层装修的内容写入到本地缓存中
     witeLocalStore(){
       this.setStore('managerMobilePageCache', this.$store.state.styleStore)
@@ -279,6 +305,27 @@ export default {
   align-items: center;
   color: #333;
   font-size: 14px;
+  > .model-title-left {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+  }
+  .page-name {
+    display: flex;
+    align-items: center;
+    .page-name-label {
+      font-size: 14px;
+      color: #303133;
+    }
+    .page-name-edit {
+      margin-left: 6px;
+      cursor: pointer;
+      color: #909399;
+      &:hover {
+        color: #409eff;
+      }
+    }
+  }
   > .model-title-view-btn {
     margin-right: 2%;
     > * {