添加或修改课程

src/components/education/custom-resource/edit-course-dialog.vue

@@ -181,27 +181,16 @@
             </el-form-item>
             <el-form-item label="讲师名称：" class="valid-msg">
               <el-col :span="18">
-                <el-input
+                <el-autocomplete
                   size="small"
-                  v-model="formData.courseCustomDoctorModels[0].courseDoctorName"
-                  placeholder="请输入讲师名称"
                   style="width: 360px"
-                  maxlength="25"
-                  @focus="isShowDoctorList=true"
-                  @input="filterDoctorName"
-                  @blur="doctorNameInputBlur"
-                  :disabled="disabled"
-                ></el-input>
-                <ul v-show="isShowDoctorList" class="doctor-select-list">
-                  <li
-                    v-for="(item, index) in doctorNameList"
-                    :key="index"
-                    @click="selectDoctor(item.courseDoctorName, index)"
-                    :class="{'doctor-selected': item.seleted}"
-                  >
-                    <span v-show="item.show">{{item.courseDoctorName || '测试名'}}</span>
-                  </li>
-                </ul>
+                  class="inline-input"
+                  v-model="formData.courseCustomDoctorModels[0].courseDoctorName"
+                  placeholder="请输入内容"
+                  :fetch-suggestions="querySearch" 
+                  :trigger-on-focus="true"
+                  @select="handleSelect">   
+                </el-autocomplete>
                 <span
                   class="word-num"
                 >{{(formData.courseCustomDoctorModels[0] && formData.courseCustomDoctorModels[0].courseDoctorName || '').replace(/\s+/g,"").length}}/25</span>
@@ -316,6 +305,10 @@
         <el-button type="primary" @click="submitForm('formDataRef')">提交审核</el-button>
       </div>
     </el-dialog>
+<!-- // fetch-suggestions 是一个返回输入建议的方法属性 -->
+<!-- //  false = >输入后匹配输入建议  true => 激活即列出输入建议 -->
+<!-- // 点击选中建议项时触发  handleSelect -->
+
     <DialogComponet :dialogObj="dialogObj" @hide="hideCancleTips" @confirm="dialogObj.visible=false"></DialogComponet>
     <PreviewVideo :dialogVisible="isPreviewVideo" :videoUrl="videoUrl" @close="isPreviewVideo=false"></PreviewVideo>
   </div>
@@ -342,6 +335,7 @@ export default {
       }
     };
     return {
+      state1: '',
       showCropper: false,  
       cropOption: {
         offset_x: 10,
@@ -527,6 +521,28 @@ export default {
   methods: {
     ...mapActions(['setKind']),
 
+    querySearch(queryString, cb) {
+      // this.doctorNameList;
+      let doctorNameList = JSON.parse(JSON.stringify(this.doctorNameList));
+      if(!queryString) {
+        cb(doctorNameList);
+        return;
+      }
+
+      let backList = [];
+      doctorNameList.forEach( item => {
+        if(item.courseDoctorName.indexOf(queryString) >= 0) {
+          backList.push(item);
+        }
+      })
+      cb(backList);
+    },
+
+    // 选择其中一个
+    handleSelect(selDoctor) {
+      this.formData.courseCustomDoctorModels[0] = selDoctor
+    },
+
     // 创建课程页面的初始信息
     initOrgCourseInfo() {
       vm.GET("contents/course/custom/info/init", { setEntry: true }).then(
@@ -548,6 +564,7 @@ export default {
     // 将医生名称进行处理
     convertDNameToSelectOpt(doctorModelList) {
       doctorModelList.forEach(item => {
+        item.value = item.courseDoctorName
         item.show = true;
         item.seleted = false;
       });
@@ -764,9 +781,16 @@ export default {
 
     // 添加或修改课程（kind = 3）
     insertOrUpdate() {
-      this.POST("contents/course/custom/info/insertOrUpdate", this.formData).then(res => {
+      let formData = JSON.parse(JSON.stringify(this.formData));
+      if(!formData.courseCustomDoctorModels[0].courseDoctorName 
+        && !formData.courseCustomDoctorModels[0].courseDoctorHospital) {
+          formData.courseCustomDoctorModels = [];
+      }
+      this.POST("contents/course/custom/info/insertOrUpdate", formData).then(res => {
         if (res.code == "000000") {
             this.step = 2;
+        } else {
+          this.$message.error(res.message);
         }
       });
     },

src/utils/fetch.js

@@ -54,7 +54,7 @@ service.interceptors.request.use(config => {
     }
     if( process.env.BUILD_ENV == "development" ){  // 本地开发环境
       // console.log('环境变量>>>> ', process.env.BUILD_ENV);
-      config.headers['token'] = 'BCD485BB5D6C4C0E9BCB9396C61B9AB7';
+      config.headers['token'] = 'D516F5CA9A304FC9929F09BF9F07024C';
       // config.headers['token'] = localStorage.getItem('storageToken')
     }else{
       config.headers['token'] = localStorage.getItem('storageToken')