-- 项目名称校验

src/components/project/NameInput.vue

@@ -1,7 +1,7 @@
 <template>
   <a-input
       v-model:value="modelV"
-      placeholder="请输入项目名称"
+      :placeholder="placeholder"
       :show-count="showCount"
       :maxlength="maxlength"
       @blur="validateProName"
@@ -23,6 +23,9 @@ const props = defineProps({
   id: {
     type: String,
   },
+  placeholder: {
+    type: String,
+  },
   type: {
     type: Number,
     default: 1

src/views/courselibrary/CoursewareManage.vue

@@ -138,7 +138,8 @@
                 <span style="margin-right: 3px">课程名称：</span>
               </div>
               <div class="in b_input">
-                <NameInput placeholder="请输入课程名称" v-model:value="xzinputV1" v-model:validate="validate" :maxlength="20" show-count :type="2"></NameInput>
+                <NameInput placeholder="请输入课程名称" v-model:value="xzinputV1" v-model:validate="validate"
+                           :maxlength="20" show-count :type="2"></NameInput>
                 <!--                <a-input-->
                 <!--                  v-model:value="xzinputV1"-->
                 <!--                  maxlength="20"-->
@@ -350,7 +351,8 @@
                       <!--                        style="width: 440px; height: 40px; border-radius: 8px"-->
                       <!--                        placeholder="请输入课程名称"-->
                       <!--                      />-->
-                      <NameInput placeholder="请输入课程名称" v-model:value="qdms_inputV1" v-model:validate="validate" :maxlength="20" show-count :type="2"></NameInput>
+                      <NameInput placeholder="请输入课程名称" v-model:value="qdms_inputV1" v-model:validate="validate"
+                                 :maxlength="20" show-count :type="2"></NameInput>
                       <div class="inp_num">
                         <span style="color: #c7cbd2">
                           {{ qdms_inputV1.length }}/90
@@ -5695,19 +5697,23 @@ export default defineComponent({
   position: relative;
   display: flex;
   align-items: center;
+
   .addTime {
     position: absolute;
     z-index: 10;
     margin-left: 10px;
     color: rgba(0, 0, 0, 0.4);
   }
+
   .ant-picker {
     padding-left: 85px;
   }
+
   .ant-picker-range .ant-picker-active-bar {
     margin-left: 85px;
   }
 }
+
 .aeLoading {
   z-index: 10000;
 }

src/views/courselibrary/courseModal.vue

@@ -50,17 +50,19 @@
                 </div>
                 <div class="item_inp">
                   <div class="i1_input">
-                    <a-input
+                    <NameInput placeholder="请输入课程名称" v-model:value="qdms_inputV1" v-model:validate="validate"
-                        v-model:value="qdms_inputV1"
+                               :maxlength="20" show-count :type="2" :id="offcourseId"></NameInput>
-                        maxlength="90"
+<!--                    <a-input-->
-                        style="width: 440px; height: 40px; border-radius: 8px"
+<!--                        v-model:value="qdms_inputV1"-->
-                        placeholder="请输入课程名称"
+<!--                        maxlength="90"-->
-                    />
+<!--                        style="width: 440px; height: 40px; border-radius: 8px"-->
-                    <div class="inp_num">
+<!--                        placeholder="请输入课程名称"-->
-                      <span style="color: #c7cbd2">
+<!--                    />-->
-                        {{ qdms_inputV1.length }}/90
+<!--                    <div class="inp_num">-->
-                      </span>
+<!--                      <span style="color: #c7cbd2">-->
-                    </div>
+<!--                        {{ qdms_inputV1.length }}/90-->
+<!--                      </span>-->
+<!--                    </div>-->
                   </div>
                 </div>
               </div>
@@ -395,6 +397,7 @@ import * as api1 from "../../api/index1";
 import "@wangeditor/editor/dist/css/style.css";
 import {Editor, Toolbar} from "@wangeditor/editor-for-vue";
 import ProjectManager from "@/components/project/ProjectManagerNew";
+import NameInput from "@/components/project/NameInput";
 import FJUpload from "@/components/common/FJUpload";
 import * as moment from "moment";
 import * as api2 from "../../api/indexAudit";
@@ -404,6 +407,7 @@ export default defineComponent({
     Editor,
     Toolbar,
     FJUpload,
+    NameInput,
     ProjectManager,
   },
   setup(props, {expose, emit}) {
@@ -411,6 +415,7 @@ export default defineComponent({
       hideshow: true,
       ft_eidt: false,
       attach: "",
+      validate: true,
       ft_hs: false,
       addLoading: false,
       statusJuJue: 0,