|
|
@@ -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>
|
CaoGQ123