模块名称重复校验

src/views/education/create-component.vue

@@ -103,7 +103,7 @@
                                     <el-row>
                                         <el-col :span="10">
                                             <el-form-item label="模块名称" prop="name">
-                                                <el-input v-model="item.name" :disabled="conditionSelect || idType == 2 || item.moduleType == 2 || (item.id != '' && item.openFlag == 2)" size="mini" placeholder="请选择模块名称" style="width:288px;"></el-input>
+                                                <el-input v-model="item.name" @blur="moduleNameValidate(index)" :disabled="conditionSelect || idType == 2 || item.moduleType == 2 || (item.id != '' && item.openFlag == 2)" size="mini" placeholder="请选择模块名称" style="width:288px;"></el-input>
                                             </el-form-item>
                                         </el-col>
                                         <el-col :span="10" v-if="idType == 1">
@@ -262,7 +262,7 @@
                                     <el-row>
                                         <el-col :span="10">
                                             <el-form-item label="配置证书">
-                                                <span v-if="item1.certificateFlag == 2">是</span>
+                                                <span v-if="item2.certificateFlag == 2">是</span>
                                                 <span v-else>否</span>
                                             </el-form-item>
                                         </el-col>
@@ -323,16 +323,19 @@ let validateRepeatWord = function(rule, value, callback, message) {
 // 判断模块是否重名(对外开放时候验证)
 let validateModuleName = function(rule, value, callback, message) {
     for(let i = 0;i<vm.componentList.moduleModelList.length;i++) {
-        vm.GET('portal/portalComponent/checkModuleName',{name: value,openFlag: vm.componentList.moduleModelList[i].openFlag}).then((res) => {
-            if(res.code == '000000') {
-                if(res.data.resultFlag > 0) {
-                    callback(new Error(message))
-                    return
-                }else {
-                    callback()
+        if(vm.firstTab == parseInt(i + 1)) {
+            vm.GET('portal/portalComponent/checkModuleName',{name: value,openFlag: vm.componentList.moduleModelList[i].openFlag}).then((res) => {
+                if(res.code == '000000') {
+                    if(res.data > 0) {
+                        callback(new Error(message))
+                        return
+                    }else {
+                        callback()
+                    }
                 }
-            }
-        })
+            })
+            break
+        }
     }
 }
 export default {
@@ -729,6 +732,16 @@ export default {
                     }else{
                         vm.componentList.moduleModelList[i].openFlag = 2 // 是
                     }
+                    if(vm.componentList.moduleModelList[i].name) {
+                        vm.GET('portal/portalComponent/checkModuleName',{name: vm.componentList.moduleModelList[i].name,openFlag: vm.componentList.moduleModelList[i].openFlag}).then((res) => {
+                            if(res.code == '000000') {
+                                if(res.data > 0) {
+                                    vm.$message.info("模块名称已存在，请修改名称后保存")
+                                    vm.componentList.moduleModelList[i].name = ''
+                                }
+                            }
+                        })
+                    }
                     break
                 }
             }
@@ -937,6 +950,18 @@ export default {
                 }
             }
         },
+        // 模块名称失去焦点校验
+        moduleNameValidate(index) {
+            let moduleValue = vm.componentList.moduleModelList[index].name
+            for(let i = 0; i < vm.componentList.moduleModelList.length; i++) {
+                if(index != i && vm.componentList.moduleModelList[i].name != '') {
+                    if(moduleValue == vm.componentList.moduleModelList[i].name) {
+                        vm.componentList.moduleModelList[index].name = ''
+                        vm.$message.info('模块名称已存在，请修改名称后保存')
+                    }
+                }
+            }
+        },
         // 完成(暂存)
         finishConponent(flag) {
             let req = null