增加公开课的查询

src/components/Course/courseForm.vue

@@ -79,9 +79,12 @@
                 </el-input>
             </el-form-item>
             <el-form-item label="场景" v-show="!weike.onlyRequired">
-              <el-select v-model="courseInfo.forScene" style="width: 100%;" clearable>
+              <el-col :span="18">
-                <el-option v-for="item in sceneList" :key="item.id" :label="item.name" :value="item.id"></el-option>
+                <el-select v-model="courseInfo.forScene" style="width: 100%;" clearable>
-              </el-select>
+                  <el-option v-for="item in sceneList" :key="item.id" :label="item.name" :value="item.id"></el-option>
+                </el-select>
+              </el-col>
+              <el-col :span="6"><el-checkbox v-model="courseInfo.openCourse" :true-label="1" :false-label="0">公开课</el-checkbox></el-col>
             </el-form-item>
             <el-form-item label="授课教师" required>
               <!--授课老师默认是当前操作人-->
@@ -190,7 +193,12 @@
         <el-tab-pane label="课程信息" name="base" style="width: 90%;">
           <!-- :rules="rulesTwo" -->
           <el-form label-width="80px" size="mini">
-            <el-form-item label="名称" required><el-input maxlength="90" v-model="courseInfo.name" show-word-limit placeholder="课程名称(限90字以内)"></el-input></el-form-item>
+            <el-form-item label="名称" required>
+              <el-col :span="18">
+                <el-input maxlength="90" v-model="courseInfo.name" show-word-limit placeholder="课程名称(限90字以内)"></el-input>
+              </el-col>
+              <el-col :span="6" style="padding-left: 30px;"><el-checkbox v-model="courseInfo.openCourse" :true-label="1" :false-label="0">公开课</el-checkbox></el-col>
+            </el-form-item>
             <el-form-item label="封面图片">
               <el-col :span="12">
                 <div style="display:flex">
@@ -885,6 +893,7 @@ export default {
       this.$prompt('请输入新章的名称', '添加章', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
+        customClass:'cusprompt',
         inputPattern:/^(a-z|A-Z|0-9)*[^$%^&*;:,<>?()\""\']{1,20}$/,
         inputErrorMessage:'不要超过20个字'
       })
@@ -1554,4 +1563,16 @@ export default {
     }
   }
 }
+
+</style>
+<style lang="scss">
+  .cusprompt{
+      padding: 20px 30px;
+      .el-message-box__content{
+        margin-top: 30px;
+        .el-message-box__input{
+
+        }
+      }
+  }
 </style>

src/views/portal/course/Index.vue

@@ -45,7 +45,7 @@
                             <svg-icon icon-class="hot" style="font-size:22px"></svg-icon>
                           </span>
                       </span>
-                      <span @click="jumOpen()" class="Uxtext" style="margin-left: 30px;"> 公开课
+                      <span @click="jumOpen()" class="Uxtext" style="margin-left: 30px;" :style="{'color': course.openCourse==1? '#387DF7':''}"> 公开课
                       </span>
                   </div>
                   <div class="search-item-sub" v-if="types.oneSubList.length != 0">
@@ -340,8 +340,10 @@ export default {
         topOrder: true,
         orderAsc: false,
         pageIndex: 1, // 第几页
-        pageSize: 9 //每页多少条
+        pageSize: 9 ,//每页多少条
+        openCourse:0,//增加的公开课查询
       },
+
       optionsList: [], //分类数据
       sceneList: [], //场景
       keyword: "",
@@ -451,6 +453,9 @@ export default {
     },
     jumOpen(){
        //公开课 openCourse=1
+       this.course.openCourse=1;//
+       this.searchTags.push({id:'openCourse',name:'公开课'})
+       this.searchData();
     },
     emitInput(val) {
       this.course.keyword = val;
@@ -556,6 +561,10 @@ export default {
             this.categorySub = "";
           }
 
+          if (i === "openCourse") {
+            this.course.openCourse = 0;
+          }
+
 
           this.searchTags.splice(index, 1);
            if(i === 'type') {
@@ -740,6 +749,13 @@ export default {
           if (i == "type" && courseData[i] === 0) {
             courseData[i] = "在线课";
           }
+          if (i == "openCourse") {
+            if(courseData[i] === 0){
+                courseData[i] = "0";
+            }else{
+              courseData[i] = "公开课";
+            }
+          }
           if (courseData[i] !== "0") {
             this.searchTags.push({
               id: id,