From dce9cb5ddfe3c55103071e2ef7a81859c13908a4 Mon Sep 17 00:00:00 2001
From: smail <likb_blue@163.com>
Date: Sun, 6 Sep 2026 13:07:26 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A7=BB=E9=99=A4=E9=85=8D=E7=BD=AE=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E6=AD=A5=E9=AA=A4=E6=8F=90=E7=A4=BA=E6=9D=A1=E5=B9=B6?=
 =?UTF-8?q?=E4=BF=9D=E7=95=99=E6=93=8D=E4=BD=9C=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ConfigEditor/ConfigEditor.vue             |  6 ---
 .../ConfigSettings/ConfigSettings.css         | 37 -------------------
 test/frontend/config-settings.test.mjs        | 16 ++++++++
 3 files changed, 16 insertions(+), 43 deletions(-)

diff --git a/frontend/src/views/components/ConfigSettings/ConfigEditor/ConfigEditor.vue b/frontend/src/views/components/ConfigSettings/ConfigEditor/ConfigEditor.vue
index b517a7a..78e8cf7 100644
--- a/frontend/src/views/components/ConfigSettings/ConfigEditor/ConfigEditor.vue
+++ b/frontend/src/views/components/ConfigSettings/ConfigEditor/ConfigEditor.vue
@@ -83,12 +83,6 @@
             <span class="selected-section-label">{{ currentSection.label }}</span>
           </div>
 
-          <ol v-if="canWrite" class="change-workflow" aria-label="配置变更流程">
-            <li><span class="step-number">1</span><span>验证配置</span></li>
-            <li><span class="step-number">2</span><span>保存候选</span></li>
-            <li><span class="step-number">3</span><span>应用生效</span></li>
-          </ol>
-
           <el-alert
             v-if="sectionError"
             :title="sectionError"
diff --git a/frontend/src/views/components/ConfigSettings/ConfigSettings.css b/frontend/src/views/components/ConfigSettings/ConfigSettings.css
index 7b1cbc9..6bf0dbf 100644
--- a/frontend/src/views/components/ConfigSettings/ConfigSettings.css
+++ b/frontend/src/views/components/ConfigSettings/ConfigSettings.css
@@ -136,38 +136,6 @@
   line-height: 1.5;
   white-space: nowrap;
 }
-.change-workflow {
-  display: grid;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-  gap: 8px;
-  margin: 18px 0;
-  padding: 0;
-  list-style: none;
-}
-.change-workflow li {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 7px;
-  padding: 8px 4px;
-  border-radius: 8px;
-  background: var(--pm-bg-primary);
-  color: var(--pm-text-secondary);
-  font-size: 12px;
-  line-height: 1.5;
-}
-.step-number {
-  display: grid;
-  place-items: center;
-  flex: none;
-  width: 20px;
-  height: 20px;
-  border-radius: 50%;
-  color: var(--config-accent);
-  background: color-mix(in srgb, var(--config-accent) 10%, var(--pm-bg-secondary));
-  font-size: 11px;
-  font-weight: 700;
-}
 .editor-hint,
 .action-hint {
   margin: 8px 0 0;
@@ -411,11 +379,6 @@
     align-items: stretch;
     flex-direction: column;
   }
-  .change-workflow li {
-    flex-direction: column;
-    gap: 5px;
-    font-size: 11px;
-  }
   .action-row .el-button,
   .audit-actions .el-button {
     flex: 1;
diff --git a/test/frontend/config-settings.test.mjs b/test/frontend/config-settings.test.mjs
index eaf1b60..b55d75e 100644
--- a/test/frontend/config-settings.test.mjs
+++ b/test/frontend/config-settings.test.mjs
@@ -309,6 +309,22 @@ test('独立页模板可编译，编辑器不再连接维护面板且权限绑
   assert.doesNotMatch(template, /&#x[0-9a-f]+;/i)
 })
 
+test('配置编辑页移除步骤提示条和专用样式，保留实际操作及确认控件', () => {
+  const root = new URL('../../frontend/src/views/components/ConfigSettings/', import.meta.url)
+  const template = readFileSync(new URL('ConfigEditor/ConfigEditor.vue', root), 'utf8')
+  const sharedCss = readFileSync(new URL('ConfigSettings.css', root), 'utf8')
+  const editorCss = readFileSync(new URL('ConfigEditor/ConfigEditor.css', root), 'utf8')
+  assert.doesNotMatch(template, /change-workflow|step-number|配置变更流程/)
+  assert.doesNotMatch(sharedCss + editorCss, /change-workflow|step-number/)
+  for (const action of ['validateConfig', 'saveConfig', 'applyConfig']) {
+    assert.match(template, new RegExp(`<el-button\\b[^>]*@click="${action}"[^>]*>`))
+  }
+  assert.match(template, /v-if="canWrite" class="editor-footer"/)
+  assert.match(template, /<el-checkbox\b[^>]*v-model="confirmed"/)
+  assert.match(template, /@click="managePending\('resume'\)"/)
+  assert.match(template, /@click="managePending\('cancel'\)"/)
+})
+
 test('离开、刷新和正在执行的变更受保护，取消时保留编辑内容', async () => {
   let cancel = true
   let prompts = 0