From 48886971b6caa48a3435f1d25b95742a19fb9829 Mon Sep 17 00:00:00 2001
From: yuping <82253452@qq.com>
Date: Tue, 20 Dec 2022 00:39:47 +0800
Subject: [PATCH] =?UTF-8?q?--=20=E5=90=8D=E7=A7=B0=E6=A0=A1=E9=AA=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/project/NameInput.vue         | 68 +++++++++++---------
 src/views/courselibrary/CoursewareManage.vue |  1 +
 2 files changed, 37 insertions(+), 32 deletions(-)

diff --git a/src/components/project/NameInput.vue b/src/components/project/NameInput.vue
index 4f7655e4..8d2a6eee 100644
--- a/src/components/project/NameInput.vue
+++ b/src/components/project/NameInput.vue
@@ -1,29 +1,25 @@
 <template>
   <a-input
-    v-model:value="modelV"
-    :placeholder="placeholder"
-    :show-count="showCount"
-    :maxlength="maxlength"
-    :validate="validate"
-    @blur="validateProName"
-    @change="validateProName"
+      v-model:value="modelV"
+      :placeholder="placeholder"
+      :show-count="showCount"
+      :maxlength="maxlength"
+      :validate="validate"
+      @change="validateProName"
   />
-  <div style="color: red; font-size: 10px" v-if="value && !validate">
+  <div style="color: red; font-size: 10px" v-if="modelV && !validated">
     名称重复，请重新输入
   </div>
 </template>
 <script setup>
-import { defineProps, defineEmits, watch, ref, onMounted } from "vue";
-import { validateName } from "@/api/index1";
+import {defineProps, defineEmits, watch, ref, onMounted} from "vue";
+import {validateName} from "@/api/index1";
+import {throttle} from "@/api/method";
 
 const props = defineProps({
   value: {
     type: String,
   },
-  validate: {
-    type: Boolean,
-    default: true,
-  },
   id: {
     type: String,
   },
@@ -48,37 +44,45 @@ const emit = defineEmits({});
 
 const modelV = ref();
 
+const validating = ref(false)
+const validated = ref(true)
+
 onMounted(() => {
   modelV.value = props.value;
 });
 
 watch(
-  () => props.value,
-  () => {
-    if (props.value !== modelV.value) {
-      modelV.value = props.value;
+    () => props.value,
+    () => {
+      if (props.value !== modelV.value) {
+        modelV.value = props.value;
+      }
     }
-  }
 );
 
 watch(modelV, () => {
   emit("update:value", modelV.value);
 });
 
-function validateProName() {
-  emit("update:finished", false);
-  props.value &&
-    validateName({ name: props.value, type: props.type, id: props.id }).then(
-      (res) => {
-        console.log("resresresres", res);
-        if (props.value == "") {
-          emit("update:validate", res.data.data === 1);
-        } else {
-          emit("update:validate", res.data.data !== 1);
-          emit("update:finished", true);
-        }
+function validate() {
+  console.log('validate')
+  ;
+}
+
+function validateNameFun() {
+  validateName({name: props.value, type: props.type, id: props.id}).then(res => {
+        validating.value = false
+        validated.value = res.data.data !== 1
       }
-    );
+  )
+}
+
+const throttleValidateName = throttle(validateNameFun, 500)
+
+function validateProName() {
+  validating.value = true
+  validated.value = true
+  props.value && throttleValidateName()
 }
 </script>
 <style lang="scss">
diff --git a/src/views/courselibrary/CoursewareManage.vue b/src/views/courselibrary/CoursewareManage.vue
index 6ed1ff76..f3c402a1 100644
--- a/src/views/courselibrary/CoursewareManage.vue
+++ b/src/views/courselibrary/CoursewareManage.vue
@@ -4629,6 +4629,7 @@ export default defineComponent({
       state.of_hs = false;
       state.valueE1 = "";
       state.valueE2 = "";
+      state.xzinputV1 = "";
       state.hideshow = true;
     };
     const hideShow = () => {