取消重复名称

This commit is contained in:
zhangsir
2024-02-26 16:14:56 +08:00
parent d9d0a644c8
commit 4c69f9b248
3 changed files with 45 additions and 41 deletions

View File

@@ -8,12 +8,13 @@
@focus="onFocus"
@blur="onBlur"
/>
<div style="color: red; font-size: 10px" v-if="modelV.value && validated===0 && isExistName">
名称重复请重新输入
<div style="color: blue; font-size: 10px" v-if="modelV.value && validated===0 && isExistName">
<!-- 名称重复请重新输入 -->
开课名称已自动带入请自行修改
</div>
<div style="color: red; font-size: 10px" v-if="newNamess">
<!-- <div style="color: red; font-size: 10px" v-if="newNamess">
名称重复已自动生成不重复名称可自行修改
</div>
</div> -->
</template>
<script setup>
import {defineProps, defineEmits, watch, ref, onMounted} from "vue";
@@ -86,31 +87,31 @@ onMounted(() => {
isExistName.value = true;
}
})
const newNamess = ref(false)
const generateUniqueName = () => {
let baseName = modelV.value.value;
let randomSuffix = '_' + Math.floor(Math.random() * 1000);
let newName = baseName + randomSuffix;
emit("update:value", newName);
newNamess.value = true
}
const watchChange = ref(true)
const onFocus = ()=>{
newNamess.value = false
watchChange.value = false
}
const onBlur = ()=>{
watchChange.value = true
}
watch(props,()=>{
if(props.changeName){
if (watchChange.value && modelV.value.value && props.validated === 0 && isExistName.value) {
generateUniqueName();
}
}else{
newNamess.value = false
}
},{immediate: true})
const newNamess = ref(true)
// const generateUniqueName = () => {
// let baseName = modelV.value.value;
// let randomSuffix = Math.floor(Math.random() * 1000);
// let newName = baseName + randomSuffix;
// emit("update:value", newName);
// newNamess.value = true
// }
// const watchChange = ref(true)
// const onFocus = ()=>{
// newNamess.value = false
// watchChange.value = false
// }
// const onBlur = ()=>{
// watchChange.value = true
// }
// watch(props,()=>{
// if(props.changeName){
// if (watchChange.value && modelV.value.value && props.validated === 0 && isExistName.value) {
// generateUniqueName();
// }
// }else{
// newNamess.value = false
// }
// },{immediate: true})
watch(props, () => {
if(props.onceName==modelV.value.value){
isExistName.value = false;