-- 项目名称校验

src/views/courselibrary/courseModal.vue

@@ -50,17 +50,19 @@
                 </div>
                 <div class="item_inp">
                   <div class="i1_input">
-                    <a-input
-                        v-model:value="qdms_inputV1"
-                        maxlength="90"
-                        style="width: 440px; height: 40px; border-radius: 8px"
-                        placeholder="请输入课程名称"
-                    />
-                    <div class="inp_num">
-                      <span style="color: #c7cbd2">
-                        {{ qdms_inputV1.length }}/90
-                      </span>
-                    </div>
+                    <NameInput placeholder="请输入课程名称" v-model:value="qdms_inputV1" v-model:validate="validate"
+                               :maxlength="20" show-count :type="2" :id="offcourseId"></NameInput>
+<!--                    <a-input-->
+<!--                        v-model:value="qdms_inputV1"-->
+<!--                        maxlength="90"-->
+<!--                        style="width: 440px; height: 40px; border-radius: 8px"-->
+<!--                        placeholder="请输入课程名称"-->
+<!--                    />-->
+<!--                    <div class="inp_num">-->
+<!--                      <span style="color: #c7cbd2">-->
+<!--                        {{ 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,
@@ -431,11 +436,11 @@ export default defineComponent({
       auditDescription: "",
       contentClassify: [],
       // 课程三级分类
-      options2222:[
+      options2222: [
         {
           title: '领导力',
           value: '100',
-          selectable:false,
+          selectable: false,
           children: [
             {
               title: '领导业务',
@@ -454,7 +459,7 @@ export default defineComponent({
         {
           title: '专业力',
           value: '200',
-          selectable:false,
+          selectable: false,
           children: [
             {
               title: '研发',
@@ -537,7 +542,7 @@ export default defineComponent({
         {
           title: '通用力',
           value: '300',
-          selectable:false,
+          selectable: false,
           children: [
             {
               title: '职业操守与道德',
@@ -551,7 +556,7 @@ export default defineComponent({
               title: '规章制度',
               value: '3003',
             },
-          ], 
+          ],
         }
       ],
     });