2025_7-4-globalForm

src/views/tabbar/globalFormFont.vue

@@ -58,7 +58,7 @@
                     <el-form-item label="显示名称:" prop="field_name_show">
                         <el-input 
                             v-model="ruleForm.field_name_show" 
-                            :disabled="dialogName === '修改字段'"
+                             
                             placeholder="请输入显示名称:投诉举报"
                             clearable>
                         </el-input>
@@ -66,6 +66,7 @@
                     <el-form-item label="字段类别:" prop="field_type">
                         <el-select v-model="ruleForm.field_type" 
                                 placeholder="请选择"
+                                @change="select_change"
                                 filterable>
                             <el-option v-for="item in field_type_arr" 
                                     :key="item.value" 
@@ -95,12 +96,17 @@
                     </el-form-item>
 
 
-                    <el-form-item label="长度:" prop="field_length">
+                    <el-form-item label="文本长度:" prop="field_length">
                         <el-input 
-                        placeholder="请输入长度:1-255"
+                        placeholder="请输入长度:"
                         v-model="ruleForm.field_length"
-                        number>
+                        number
+                        class="hint-input"> 
+ 
                         </el-input>
+
+                        <div class="hint-message">长度必须在1-255之间</div>
+
                     </el-form-item>
 
                     <el-form-item label="是否校验:" prop="field_switch">
@@ -375,7 +381,7 @@ export default {
                 field_type: "",
                 field_textarea: '男|1\n女|2\n保密|3',
                 field_length: '',
-                field_switch: 0,
+                field_switch: 1,
                 field_switch_backend: 0,
                 field_switch_web: 0,
                 // field_regular: this.regular,
@@ -532,6 +538,26 @@ export default {
             // console.log(value);
             this.website_id = value
         },
+
+
+        // 选择下拉框
+        select_change(val) {
+                // 当切换类型时自动触发验证
+                this.$nextTick(() => {
+                    this.$refs.ruleForm.validateField('field_textarea')
+                });
+                
+                // 如果切换为非选项类型（3-5之外），清空选项内容
+                if (val < 3 || val > 5) {
+                    this.ruleForm.field_textarea = '';
+                }
+            },
+            
+
+
+
+
+
     },
     mounted() {
         this.getData()
@@ -764,4 +790,13 @@ input[aria-hidden=true] {
 .dialog-footer {
     margin: 0 auto;
 }
+
+
+.hint-message {
+    color: #999;
+    font-size: 12px;
+    margin-top: 4px;
+    line-height: 1.5;
+}
+
 </style>