可选排课类型

src/views/teamDetail/components/modals/classroom-setting.vue

@@ -52,14 +52,16 @@
           ></el-option>
         </el-select>
       </el-form-item>
-      <el-alert
-        v-if="isEmpty"
-        :closable="false"
-        style="margin-bottom: 20px"
-        title="暂无可排课时长"
-        type="warning"
-      >
-      </el-alert>
+      <el-form-item label="排课类型" label-width="88px">
+        <el-tag
+          class="tag"
+          :effect="form.classs[key] ? 'dark' : 'plain'"
+          v-for="(item, key) in allClasss"
+          :key="key"
+          @click="changeTag(key)"
+        >{{courseTypeListByName[key]}}</el-tag>
+      </el-form-item>
+      <empty v-if="isEmpty" desc="暂无可排课时长"/>
       <el-collapse v-model="collapses" @change="collapseChange">
         <el-collapse-item
           v-for="(item, key, index) in form.classs"
@@ -155,6 +157,7 @@ export default {
         assistant: "",
         classs: {},
       },
+      allClasss: [],
       prices: {},
       collapses: [0],
       courseTimes: {},
@@ -214,7 +217,6 @@ export default {
       this.courseTypeListByName = courseTypeListByName;
     },
     async formatClasss() {
-     
       if (this.detail) {
         let coreid = "";
         const assistant = [];
@@ -242,7 +244,7 @@ export default {
       if (this.classType == 5) {
         // res = await findClassCourseMinute(this.classIdList);
         res.data = this.classCouresTimeList;
-        
+
       } else {
         try {
           res = await getMusicCourseSettingsWithStudents({
@@ -254,7 +256,6 @@ export default {
           console.log(error);
         }
         }
-        console.log(res);
         if (Object.keys(res).length <= 0) return;
         this.musicCourseSettings = res.data;
 
@@ -272,9 +273,19 @@ export default {
             };
           }
         }
+        this.allClasss = {...classs}
         this.$set(this.form, "classs", classs);
         // this.courseTimes = courseTimes
-      
+
+    },
+    changeTag(key) {
+      const clas = {...this.form.classs}
+      if (clas[key]) {
+        delete clas[key]
+      } else {
+        clas[key] = this.allClasss[key]
+      }
+      this.$set(this.form, 'classs', clas)
     },
     submit() {
       this.$refs.form.validate(async (valid) => {
@@ -373,4 +384,8 @@ export default {
     font-size: 14px;
   }
 }
+.tag{
+  margin-right: 5px;
+  cursor: pointer;
+}
 </style>