From cc5d3805517017d617fb59f1ea9c674d67c3bbaa Mon Sep 17 00:00:00 2001
From: yangchunlong <292345300@qq.com>
Date: Thu, 12 Jun 2025 11:53:01 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=F0=9F=A7=A9=20label=E6=96=87=E5=AD=97?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E4=B8=8D=E5=85=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/webManagement/configuration/constant/edit.ts   | 5 +++--
 src/views/webManagement/set/components/RecursiveForm.vue | 9 ++++++---
 src/views/webManagement/set/index.vue                    | 9 +++++++--
 3 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/src/views/webManagement/configuration/constant/edit.ts b/src/views/webManagement/configuration/constant/edit.ts
index 7331c76..0b1bc09 100644
--- a/src/views/webManagement/configuration/constant/edit.ts
+++ b/src/views/webManagement/configuration/constant/edit.ts
@@ -21,7 +21,7 @@ interface FormItem {
 export const EDIT_FORM_DATA: FormItem[] = [
     {
         prop: "name",
-        placeholder: "请输入",
+        placeholder: "以“.”分隔，可对同分组内配置再次分组，支持多维",
         type: "input",
         label: "配置标识: "
     },
@@ -60,7 +60,8 @@ export const EDIT_FORM_DATA: FormItem[] = [
     {
         prop: "extra",
         type: "textarea",
-        label: "配置项: "
+        label: "配置项: ",
+        placeholder: "选项型配置时：选项值:选项名['联动配置项的“配置标识”', ......]，联动配置项为可选"
     },
     {
         prop: "remark",
diff --git a/src/views/webManagement/set/components/RecursiveForm.vue b/src/views/webManagement/set/components/RecursiveForm.vue
index d37ce7f..07b4bdb 100644
--- a/src/views/webManagement/set/components/RecursiveForm.vue
+++ b/src/views/webManagement/set/components/RecursiveForm.vue
@@ -11,12 +11,13 @@
                     {{ extraItem.name }}
                 </el-radio>
             </el-radio-group>
+            <span style="margin-left: 20px; color: #999999" v-if="config.remark">({{ config.remark }})</span>
         </el-form-item>
         <el-form-item :label="config.title" v-if="config.type === 'text'">
-            <el-input v-model="config.value" style="width: 400px"> </el-input>
+            <el-input v-model="config.value" style="width: 400px" :placeholder="config.remark"> </el-input>
         </el-form-item>
         <el-form-item v-if="config.type === 'select'" :label="config.title">
-            <el-select v-model="config.value" placeholder="请选择">
+            <el-select v-model="config.value" :placeholder="config.remark">
                 <el-option
                     v-for="extraItem in config.extra"
                     :key="extraItem.value"
@@ -32,12 +33,14 @@
                     {{ extraItem.name }}
                 </el-checkbox>
             </el-checkbox-group>
+            <span style="margin-left: 20px; color: #999999" v-if="config.remark">({{ config.remark }})</span>
         </el-form-item>
         <el-form-item v-if="config.type === 'image'" :label="config.title">
             <UploadImg v-model:image-url="config.value" />
         </el-form-item>
         <el-form-item v-if="config.type === 'textarea'" :label="config.title">
-            <el-input v-model="config.value" type="textarea" :rows="8" style="width: 400px"> </el-input>
+            <el-input v-model="config.value" type="textarea" :rows="8" style="width: 400px" :placeholder="config.remark">
+            </el-input>
         </el-form-item>
 
         <el-form-item v-if="config.type === 'file'" :label="config.title">
diff --git a/src/views/webManagement/set/index.vue b/src/views/webManagement/set/index.vue
index b3dda67..704abf3 100644
--- a/src/views/webManagement/set/index.vue
+++ b/src/views/webManagement/set/index.vue
@@ -8,7 +8,7 @@
         <div class="card table-main">
             <el-tabs v-model="activeName" class="demo-tabs">
                 <el-tab-pane :label="item.name" :name="item.name" v-for="(item, index) in dataStore.list" :key="index">
-                    <el-form :model="dataStore.formData" label-width="120px">
+                    <el-form :model="dataStore.formData" label-position="top">
                         <RecursiveForm :configs="item.configs" />
                     </el-form>
                 </el-tab-pane>
@@ -108,4 +108,9 @@ const handleClick = () => {
 };
 </script>
 
-<style scoped></style>
+<style scoped lang="scss">
+::v-deep(.el-form-item__label) {
+    font-weight: 900;
+    color: #333333;
+}
+</style>