Merge branch 'work_out' into online

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

@@ -54,14 +54,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"
@@ -157,6 +159,7 @@ export default {
         assistant: "",
         classs: {},
       },
+      allClasss: [],
       prices: {},
       collapses: [0],
       courseTimes: {},
@@ -216,7 +219,6 @@ export default {
       this.courseTypeListByName = courseTypeListByName;
     },
     async formatClasss() {
-
       if (this.detail) {
         let coreid = "";
         const assistant = [];
@@ -256,7 +258,6 @@ export default {
           console.log(error);
         }
         }
-        // console.log(res);
         if (Object.keys(res).length <= 0) return;
         this.musicCourseSettings = res.data;
 
@@ -274,10 +275,20 @@ 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) => {
         if (valid) {
@@ -375,4 +386,8 @@ export default {
     font-size: 14px;
   }
 }
+.tag{
+  margin-right: 5px;
+  cursor: pointer;
+}
 </style>