运营管理 标签分类 当二级标签允许为空时清空标签名称

src/views/operation/tag/index.vue

@@ -66,10 +66,10 @@
       <el-form :model="dialogForm" ref="dialogForm" :rules="rules" label-width="auto"
         :disabled="title === '查看' ? true : false">
         <el-form-item label="标签名称：" prop="name">
-          <el-input v-model="dialogForm.name" placeholder="请输入标签名称" maxlength="100" show-word-limit />
+          <el-input v-model="dialogForm.name" placeholder="请输入标签名称" maxlength="100" show-word-limit :disabled="dialogForm.isEmpty === 0" />
         </el-form-item>
         <el-form-item label="标签状态：" prop="isEmpty" v-if="createLevelTwo() || editLevelTwo()">
-          <el-checkbox v-model="dialogForm.isEmpty" :true-label="0" :false-label="1">允许为空</el-checkbox>
+          <el-checkbox v-model="dialogForm.isEmpty" :true-label="0" :false-label="1" @change="handleChange">允许为空</el-checkbox>
         </el-form-item>
         <el-form-item label="标签排序：" prop="sort">
           <el-input-number v-model="dialogForm.sort" :min="1" :step="1" step-strictly />
@@ -166,6 +166,13 @@ export default {
       }
     },
 
+    // 当二级标签选择为空 清空标签名称
+    handleChange(e){
+      if(e === 0) {
+        this.dialogForm.name = ''
+      }
+    },
+
     // 新增 / 编辑
     getSubmit() {
       this.$refs.dialogForm.validate((valid) => {