修改页面及文案

src/constant/index.js

@@ -502,7 +502,8 @@ export const catgGoupType = {
   MUSIC_NETWORK: "乐团网管课",
   PARENT_MEETING: "家长会",
   TRAINING: "训练营",
-  REPERTOIRE_PLAY: "曲目演奏课"
+  REPERTOIRE_PLAY: "曲目演奏课",
+  LIVE: "直播课"
 };
 
 export const catType = {

src/views/liveClassManager/createLiveClass.vue

@@ -9,7 +9,7 @@
         <el-row :gutter="20">
           <el-col :span="10">
             <el-form-item label="直播课标题" prop="roomTitle" :rules="[{ required: true, message: '请输入直播课标题' }]">
-              <el-input v-model="form.roomTitle" placeholder="请输入直播课标题" maxlength="25"></el-input>
+              <el-input v-model="form.roomTitle" placeholder="请输入直播课标题" maxlength="10"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="10">
@@ -53,20 +53,18 @@
           <el-col :span="10">
             <el-form-item label="课程购买时间" prop="signUpTimeList" :rules="[{ required: true, message: '请选择课程购买时间' }]">
               <el-date-picker style="width: 100%" v-model="form.signUpTimeList" :picker-options="pickerOptions"
-                type="datetimerange" :default-time="['00:00:00', '23:59:59']" range-separator="-"
-                start-placeholder="购买开始日期" end-placeholder="购买结束日期">
+                type="daterange" :default-time="['00:00:00', '23:59:59']" range-separator="-" start-placeholder="购买开始日期"
+                end-placeholder="购买结束日期">
               </el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :span="10">
             <el-form-item label="课时数" prop="onlineClassesNum" :rules="[{ required: true, message: '请输入课时数' }]">
-              <el-input v-model="form.onlineClassesNum" placeholder="请输入课时数" maxlength="2" @input="val => {
-                  form.val = val.replace(/^[+]{0,1}(\d+)$/g, '');
+              <el-input v-model="form.onlineClassesNum" placeholder="请输入课时数" maxlength="2"
+                @input="(val) => { form.onlineClassesNum = val.replace(/[^\d]/g, '') }" @change="() => {
+                  form.timeTable = []; // 课表重置
                 }
-                " @change="() => {
-      form.timeTable = []; // 课表重置
-    }
-    "></el-input>
+                  "></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="10">
@@ -79,15 +77,26 @@
             </el-form-item>
           </el-col>
           <el-col :span="10">
-            <el-form-item label="现价" prop="onlineClassesUnitPrice" :rules="[{ required: true, message: '请输入现价' }]">
-              <el-input v-model="form.onlineClassesUnitPrice" placeholder="请输入现价"
-                @keyup.native="keyupEvent($event)"></el-input>
+            <el-form-item label="现单价" prop="onlineClassesUnitPrice" :rules="[{ required: true, message: '请输入现单价' }]">
+              <el-input v-model="form.onlineClassesUnitPrice" placeholder="请输入现单价" maxlength="9"
+                @input="(val) => { form.onlineClassesUnitPrice = val.replace(/[^\d]/g, '') }"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="10">
-            <el-form-item label="原价" prop="offlineClassesUnitPrice" :rules="[{ required: true, message: '请输入原价' }]">
-              <el-input v-model="form.offlineClassesUnitPrice" placeholder="请输入原价"
-                @keyup.native="keyupEvent($event)"></el-input>
+            <el-form-item label="原单价" prop="offlineClassesUnitPrice" :rules="[{ required: true, message: '请输入原单价' }]">
+              <el-input v-model="form.offlineClassesUnitPrice" placeholder="请输入原单价" maxlength="9"
+                @input="(val) => { form.offlineClassesUnitPrice = val.replace(/[^\d]/g, '') }"></el-input>
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="10">
+            <el-form-item label="总原价" prop="countOnlineClassesUnitPrice">
+              <el-input v-model="countOnlineClassesUnitPrice" placeholder="请输入总原价" maxlength="9" disabled></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="10">
+            <el-form-item label="总现价" prop="countOfflineClassesUnitPrice">
+              <el-input v-model="countOfflineClassesUnitPrice" placeholder="请输入总现价" maxlength="9" disabled></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -142,7 +151,7 @@
               <el-radio-group v-model="form.os">
                 <!-- 根据不同的模式，显示不同的直播设备 -->
                 <el-radio v-if="serviceProvider === 'rongCloud'" label="pc">web</el-radio>
-                <el-radio v-if="serviceProvider === 'tencentCloud'" label="client">客户端</el-radio>
+                <el-radio v-if="serviceProvider === 'tencentCloud'" label="client">乐直播</el-radio>
                 <el-radio label="mobile">手机</el-radio>
               </el-radio-group>
             </el-form-item>
@@ -150,8 +159,8 @@
           <el-col :span="6">
             <el-form-item label="直播场景" prop="useScene" :rules="[{ required: true, message: '请选择直播场景' }]">
               <el-radio-group v-model="form.useScene">
-                <el-radio label="NORMAL">普通模式</el-radio>
-                <el-radio label="MUSIC">音乐模式</el-radio>
+                <el-radio label="NORMAL">普通场景</el-radio>
+                <el-radio label="MUSIC">音乐场景</el-radio>
               </el-radio-group>
             </el-form-item>
           </el-col>
@@ -281,6 +290,13 @@ export default {
   methods: {
     async onChangeSubject(val) {
       try {
+        // 判断声部，如果为-1则为乐理，显示普通
+        if (val > 0) {
+          this.form.useScene = "MUSIC"
+        } else {
+          this.form.useScene = "NORMAL"
+        }
+
         this.form.teacher = ""; // 重置指导老师
         // 根据科目id获取相应的老师
         await findTeacherByOrganId({
@@ -508,6 +524,14 @@ export default {
         console.log(e, "e info");
       }
     }
+  },
+  computed: {
+    countOnlineClassesUnitPrice() {
+      return this.form.onlineClassesNum * this.form.onlineClassesUnitPrice
+    },
+    countOfflineClassesUnitPrice() {
+      return this.form.onlineClassesNum * this.form.offlineClassesUnitPrice
+    },
   }
 };
 </script>

src/views/liveClassManager/modals/addLiveCourse.vue

@@ -2,13 +2,8 @@
   <div>
     <el-form :model="maskForm" label-position="right" label-width="80px">
       <el-form-item label="开课时间">
-        <el-date-picker
-          v-model.trim="maskForm.courseStartOnline"
-          type="date"
-          :picker-options="pickerOptions"
-          placeholder="请选择开课时间"
-          style="width: 100% !important"
-        />
+        <el-date-picker v-model.trim="maskForm.courseStartOnline" type="date" :picker-options="pickerOptions"
+          placeholder="请选择开课时间" style="width: 100% !important" />
       </el-form-item>
       <!-- <el-form-item label="课程类型" prop="type">
         <el-radio v-if="hasOnline" v-model.trim="maskForm.type" label="ONLINE"
@@ -30,29 +25,16 @@
         </el-select>
       </el-form-item>
       <el-form-item label="上课时间" prop="startTime">
-        <el-time-picker
-          style="width: 100% !important"
-          v-model.trim="maskForm.startTime"
-          @change="getStartTime"
-          format="HH:mm"
-          value-format="HH:mm"
-          placeholder="选择时间"
-        />
+        <el-time-picker style="width: 100% !important" v-model.trim="maskForm.startTime" @change="getStartTime"
+          format="HH:mm" value-format="HH:mm" placeholder="选择时间" />
       </el-form-item>
       <el-form-item label="下课时间" prop="endTime">
-        <el-time-picker
-          style="width: 100% !important"
-          v-model.trim="maskForm.endTime"
-          disabled
-          format="HH:mm"
-          value-format="HH:mm"
-          :picker-options="{
+        <el-time-picker style="width: 100% !important" v-model.trim="maskForm.endTime" disabled format="HH:mm"
+          value-format="HH:mm" :picker-options="{
             start: '04:30',
             step: '00:05',
             end: '23:30'
-          }"
-          placeholder="选择时间"
-        />
+          }" placeholder="选择时间" />
       </el-form-item>
     </el-form>
     <div class="btnWrap">
@@ -69,9 +51,7 @@
           <div class="week">{{ item.week }}</div>
           <div class="time">{{ item.time }}</div>
           <div class="operation">
-            <el-button type="text" @click="removeWeekCourse(item.id)"
-              >删除</el-button
-            >
+            <el-button type="text" @click="removeWeekCourse(item.id)">删除</el-button>
           </div>
         </div>
       </div>
@@ -397,15 +377,15 @@ export default {
       this.timeTable.sort((a, b) => {
         let aStr = dayjs(
           dayjs(a.classDate).format("YYYY-MM-DD") +
-            " " +
-            a.startClassTimeStr +
-            ":00"
+          " " +
+          a.startClassTimeStr +
+          ":00"
         ).valueOf();
         let bStr = dayjs(
           dayjs(b.classDate).format("YYYY-MM-DD") +
-            " " +
-            b.startClassTimeStr +
-            ":00"
+          " " +
+          b.startClassTimeStr +
+          ":00"
         ).valueOf();
         return aStr - bStr;
       });
@@ -413,6 +393,15 @@ export default {
       this.onClose();
       this.$emit("confirm", this.timeTable);
     },
+    isAllEqual(array) {
+      if (array.length > 0) {
+        return !array.some((val, index) => {
+          return val.week != array[0].week;
+        });
+      } else {
+        return true;
+      }
+    },
     // coursesDate() {
     //   let self = this;
     //   return {
@@ -490,7 +479,7 @@ export default {
     border-bottom: 1px solid #ccc;
     margin-top: 20px;
 
-    > p {
+    >p {
       font-size: 14px;
     }
   }
@@ -512,6 +501,7 @@ export default {
       }
     }
   }
+
   .nomore {
     display: flex;
     flex-direction: row;

src/views/liveClassManager/newLiveClass.vue

@@ -4,73 +4,33 @@
       <el-page-header @back="onCancel" :content="name"></el-page-header>
     </h2>
     <div class="m-core">
-      <el-form
-        :model="form"
-        ref="form"
-        label-width="300px"
-        :inline="true"
-        label-position="left"
-      >
-        <el-alert
-          title="直播设备配置"
-          type="info"
-          :closable="false"
-          style="margin-bottom: 20px"
-        ></el-alert>
+      <el-form :model="form" ref="form" label-width="300px" :inline="true" label-position="left">
+        <el-alert title="直播设备配置" type="info" :closable="false" style="margin-bottom: 20px"></el-alert>
         <el-row class="row">
-          <el-form-item
-            class="mline"
-            label="直播设备"
-            prop="os"
-            label-width="130px"
-            :rules="[{ required: true, message: '请选择推广类型' }]"
-          >
+          <el-form-item class="mline" label="直播设备" prop="os" label-width="130px"
+            :rules="[{ required: true, message: '请选择推广类型' }]">
             <el-radio-group v-model="form.os" @input="changeOs">
               <!-- value="rongCloud"></el-option>
               <el-option label="腾讯云" value="tencentCloud" -->
-              <el-radio v-if="serviceProvider === 'rongCloud'" label="pc"
-                >web</el-radio
-              >
-              <el-radio v-if="serviceProvider === 'tencentCloud'" label="client"
-                >客户端</el-radio
-              >
+              <el-radio v-if="serviceProvider === 'rongCloud'" label="pc">web</el-radio>
+              <el-radio v-if="serviceProvider === 'tencentCloud'" label="client">乐直播</el-radio>
               <el-radio label="mobile">手机</el-radio>
             </el-radio-group>
           </el-form-item>
         </el-row>
         <el-row class="row">
-          <el-form-item
-            class="mline"
-            label="直播场景"
-            prop="useScene"
-            label-width="130px"
-            :rules="[{ required: true, message: '请选择直播场景' }]"
-          >
+          <el-form-item class="mline" label="直播场景" prop="useScene" label-width="130px"
+            :rules="[{ required: true, message: '请选择直播场景' }]">
             <el-radio-group v-model="form.useScene">
-              <el-radio label="NORMAL">普通模式</el-radio>
-              <el-radio label="MUSIC">音乐模式</el-radio>
+              <el-radio label="NORMAL">普通场景</el-radio>
+              <el-radio label="MUSIC">音乐场景</el-radio>
             </el-radio-group>
           </el-form-item>
         </el-row>
-        <el-alert
-          title="直播课信息"
-          type="info"
-          :closable="false"
-          style="margin-bottom: 20px"
-        ></el-alert>
+        <el-alert title="直播课信息" type="info" :closable="false" style="margin-bottom: 20px"></el-alert>
         <el-row class="row">
-          <el-form-item
-            label="直播课标题"
-            class="nomb"
-            prop="roomTitle"
-            :rules="[{ required: true, message: '请输入直播课标题' }]"
-          >
-            <el-input
-              maxlength="10"
-              show-word-limit
-              placeholder="请输入直播课标题"
-              v-model.trim="form.roomTitle"
-            ></el-input>
+          <el-form-item label="直播课标题" class="nomb" prop="roomTitle" :rules="[{ required: true, message: '请输入直播课标题' }]">
+            <el-input maxlength="10" show-word-limit placeholder="请输入直播课标题" v-model.trim="form.roomTitle"></el-input>
           </el-form-item>
           <!-- <el-form-item
             label="直播方案"
@@ -96,71 +56,30 @@
               <el-option label="腾讯云" value="tencentCloud"></el-option>
             </el-select>
           </el-form-item> -->
-          <el-form-item
-            label="直播开始时间"
-            class="nomb"
-            prop="liveStartTime"
-            :rules="[{ required: true, message: '请选择直播开始时间' }]"
-          >
-            <el-date-picker
-              v-model="form.liveStartTime"
-              :picker-options="pickerOptions"
-              type="datetime"
-              format="yyyy-MM-dd HH:mm"
-              value-format="yyyy-MM-dd HH:mm"
-              placeholder="请选择直播开始时间"
-            >
+          <el-form-item label="直播开始时间" class="nomb" prop="liveStartTime"
+            :rules="[{ required: true, message: '请选择直播开始时间' }]">
+            <el-date-picker v-model="form.liveStartTime" :picker-options="pickerOptions" type="datetime"
+              format="yyyy-MM-dd HH:mm" value-format="yyyy-MM-dd HH:mm" placeholder="请选择直播开始时间">
             </el-date-picker>
             <p style="color: red">主讲人可提前30分钟进入直播间准备直播</p>
           </el-form-item>
         </el-row>
         <el-row class="row">
-          <el-form-item
-            label="主讲人身份"
-            class="nomb"
-            prop="clientType"
-            :rules="[{ required: true, message: '请选择直播方案' }]"
-          >
-            <el-select
-              placeholder="请选择主讲人身份"
-              v-model="form.clientType"
-              :disabled="form.os == 'mobile'"
-              clearable
-              @change="
-                value => {
-                  form.speakerId = '';
-                }
-              "
-            >
+          <el-form-item label="主讲人身份" class="nomb" prop="clientType" :rules="[{ required: true, message: '请选择直播方案' }]">
+            <el-select placeholder="请选择主讲人身份" v-model="form.clientType" :disabled="form.os == 'mobile'" clearable @change="value => {
+              form.speakerId = '';
+            }
+              ">
               <el-option label="老师" value="TEACHER"></el-option>
               <el-option label="员工" value="EDUCATION"></el-option>
             </el-select>
           </el-form-item>
 
-          <el-form-item
-            label="主讲人"
-            class="nomb"
-            prop="speakerId"
-            :rules="[{ required: true, message: '请输入主讲人' }]"
-            v-if="form.clientType == 'TEACHER'"
-          >
-            <el-select
-              v-model.trim="form.speakerId"
-              collapse-tags
-              clearable
-              placeholder="请输入主讲人"
-              remote
-              filterable
-              :remote-method="remoteMethod"
-              :loading="remoteLoading"
-              @change="changeTeacher"
-            >
-              <el-option
-                v-for="item in teacherList"
-                :key="item.id"
-                :label="item.realName"
-                :value="item.id"
-              >
+          <el-form-item label="主讲人" class="nomb" prop="speakerId" :rules="[{ required: true, message: '请输入主讲人' }]"
+            v-if="form.clientType == 'TEACHER'">
+            <el-select v-model.trim="form.speakerId" collapse-tags clearable placeholder="请输入主讲人" remote filterable
+              :remote-method="remoteMethod" :loading="remoteLoading" @change="changeTeacher">
+              <el-option v-for="item in teacherList" :key="item.id" :label="item.realName" :value="item.id">
                 <span style="float: left">{{ item.realName }}</span>
                 <span style="float: right; color: #8492a6; font-size: 13px">{{
                   item.phone
@@ -169,30 +88,10 @@
             </el-select>
           </el-form-item>
 
-          <el-form-item
-            v-else
-            label="主讲人"
-            class="nomb"
-            prop="speakerId"
-            :rules="[{ required: true, message: '请输入主讲人' }]"
-          >
-            <el-select
-              v-model.trim="form.speakerId"
-              collapse-tags
-              clearable
-              placeholder="请输入主讲人"
-              remote
-              filterable
-              :remote-method="remoteMethodEduc"
-              :loading="remoteLoading"
-              @change="changeTeacher"
-            >
-              <el-option
-                v-for="item in educationList"
-                :key="item.id"
-                :label="item.realName"
-                :value="item.id"
-              >
+          <el-form-item v-else label="主讲人" class="nomb" prop="speakerId" :rules="[{ required: true, message: '请输入主讲人' }]">
+            <el-select v-model.trim="form.speakerId" collapse-tags clearable placeholder="请输入主讲人" remote filterable
+              :remote-method="remoteMethodEduc" :loading="remoteLoading" @change="changeTeacher">
+              <el-option v-for="item in educationList" :key="item.id" :label="item.realName" :value="item.id">
                 <span style="float: left">{{ item.realName }}</span>
                 <span style="float: right; color: #8492a6; font-size: 13px">{{
                   item.phone
@@ -202,27 +101,13 @@
           </el-form-item>
         </el-row>
         <el-row class="row">
-          <el-form-item
-            label="直播课内容"
-            prop="liveRemark"
-            :rules="[{ required: true, message: '请输入直播课内容' }]"
-          >
-            <el-input
-              :rows="3"
-              placeholder="请输入直播课内容"
-              v-model.trim="form.liveRemark"
-              type="textarea"
-              maxlength="200"
-              show-word-limit
-            ></el-input>
+          <el-form-item label="直播课内容" prop="liveRemark" :rules="[{ required: true, message: '请输入直播课内容' }]">
+            <el-input :rows="3" placeholder="请输入直播课内容" v-model.trim="form.liveRemark" type="textarea" maxlength="200"
+              show-word-limit></el-input>
           </el-form-item>
         </el-row>
         <el-row class="row">
-          <el-form-item
-            label="预热模板（模板使用于分享宣传图片）"
-            prop="preTemplate"
-            :rules="[{ required: true, message: '请选择预热模板' }]"
-          >
+          <el-form-item label="预热模板（模板使用于分享宣传图片）" prop="preTemplate" :rules="[{ required: true, message: '请选择预热模板' }]">
             <el-checkbox-group v-model="checkList" @change="bindCheckBox">
               <div class="chioseWrap">
                 <div class="chioseItem" @click="setPreTemplate(1)">
@@ -230,12 +115,7 @@
                   <!--        v-model="form.preTemplate" -->
                   <div class="remberBox">
                     <div class="wrap"></div>
-                    <el-checkbox
-                      class="chioseBox"
-                      :label="1"
-                      :checked="form.preTemplate == 1"
-                      ><br
-                    /></el-checkbox>
+                    <el-checkbox class="chioseBox" :label="1" :checked="form.preTemplate == 1"><br /></el-checkbox>
                     <!-- <div
                     class="dotWrap"
                     :class="[form.preTemplate == 1 ? 'checked' : '']"
@@ -247,13 +127,8 @@
                   <div class="remberBox">
                     <!--  v-model="form.preTemplate" -->
                     <div class="wrap"></div>
-                    <el-checkbox
-                      name="2"
-                      class="chioseBox"
-                      :label="2"
-                      :checked="form.preTemplate == 2"
-                      ><br
-                    /></el-checkbox>
+                    <el-checkbox name="2" class="chioseBox" :label="2"
+                      :checked="form.preTemplate == 2"><br /></el-checkbox>
                     <!-- <div
                     class="dotWrap"
                     :class="[form.preTemplate == 2 ? 'checked' : '']"
@@ -264,12 +139,7 @@
                   <img src="./images/img3.png" alt="" />
                   <div class="remberBox">
                     <div class="wrap"></div>
-                    <el-checkbox
-                      class="chioseBox"
-                      :label="3"
-                      :checked="form.preTemplate == 3"
-                      ><br
-                    /></el-checkbox>
+                    <el-checkbox class="chioseBox" :label="3" :checked="form.preTemplate == 3"><br /></el-checkbox>
                     <!-- <div
                     class="dotWrap"
                     :class="[form.preTemplate == 3 ? 'checked' : '']"
@@ -281,34 +151,19 @@
           </el-form-item>
         </el-row>
 
-        <el-alert
-          title="观看权限配置"
-          type="info"
-          :closable="false"
-          style="margin-bottom: 20px"
-        ></el-alert>
+        <el-alert title="观看权限配置" type="info" :closable="false" style="margin-bottom: 20px"></el-alert>
         <el-row class="row">
-          <el-form-item
-            class="mline"
-            label="观看权限信息"
-            prop="popularizeType"
-            label-width="130px"
-            :rules="[{ required: true, message: '请选择推广类型' }]"
-          >
+          <el-form-item class="mline" label="观看权限信息" prop="popularizeType" label-width="130px"
+            :rules="[{ required: true, message: '请选择推广类型' }]">
             <el-radio-group v-model="form.popularizeType" @change="changeType">
-              <el-radio label="ALL">公开</el-radio>
-              <el-radio label="PRIVATE">私密</el-radio>
+              <el-radio label="ALL">公开模式</el-radio>
+              <el-radio label="PRIVATE">私密模式</el-radio>
             </el-radio-group>
           </el-form-item>
         </el-row>
         <el-row class="row">
-          <el-form-item
-            class="mline"
-            label="观看模式"
-            prop="viewMode"
-            label-width="130px"
-            :rules="[{ required: true, message: '请选择推广类型' }]"
-          >
+          <el-form-item class="mline" label="观看模式" prop="viewMode" label-width="130px"
+            :rules="[{ required: true, message: '请选择推广类型' }]">
             <el-radio-group v-model="form.viewMode">
               <el-radio label="LOGIN">登录</el-radio>
               <el-radio label="VISITOR">游客</el-radio>
@@ -316,85 +171,35 @@
           </el-form-item>
         </el-row>
         <el-row class="row">
-          <el-form-item
-            v-if="
-              form.popularizeType == 'SCHOOL' ||
-                form.popularizeType == 'ORGAN' ||
-                form.popularizeType == 'TEAM'
-            "
-            label="分部"
-            prop="organIds"
-            :rules="[{ required: true, message: '请选择分部' }]"
-          >
-            <select-all
-              v-model.trim="form.organIds"
-              filterable
-              clearable
-              placeholder="请选择分部"
-              @change="changeSection"
-            >
-              <el-option
-                v-for="(item, index) in selects.branchs"
-                :key="index"
-                :label="item.name"
-                :value="item.id"
-              ></el-option>
+          <el-form-item v-if="form.popularizeType == 'SCHOOL' ||
+            form.popularizeType == 'ORGAN' ||
+            form.popularizeType == 'TEAM'
+            " label="分部" prop="organIds" :rules="[{ required: true, message: '请选择分部' }]">
+            <select-all v-model.trim="form.organIds" filterable clearable placeholder="请选择分部" @change="changeSection">
+              <el-option v-for="(item, index) in selects.branchs" :key="index" :label="item.name"
+                :value="item.id"></el-option>
             </select-all>
           </el-form-item>
         </el-row>
         <el-row class="row">
-          <el-form-item
-            v-if="form.popularizeType == 'SCHOOL'"
-            label="合作单位"
-            prop="schoolIds"
-            :rules="[{ required: true, message: '请选择合作单位' }]"
-          >
-            <select-all
-              v-model.trim="form.schoolIds"
-              :disabled="form.organIds.length <= 0"
-              filterable
-              clearable
-              multiple
-            >
+          <el-form-item v-if="form.popularizeType == 'SCHOOL'" label="合作单位" prop="schoolIds"
+            :rules="[{ required: true, message: '请选择合作单位' }]">
+            <select-all v-model.trim="form.schoolIds" :disabled="form.organIds.length <= 0" filterable clearable multiple>
               <!--   @change="changeSchool" -->
-              <el-option
-                v-for="(item, index) in cooperationList"
-                :key="index"
-                :label="item.name"
-                :value="item.id"
-              ></el-option>
+              <el-option v-for="(item, index) in cooperationList" :key="index" :label="item.name"
+                :value="item.id"></el-option>
             </select-all>
           </el-form-item>
         </el-row>
         <el-row class="row">
-          <el-form-item
-            v-if="form.popularizeType == 'TEAM'"
-            label="乐团"
-            prop="teamIds"
-            :rules="[{ required: true, message: '请选择乐团' }]"
-          >
-            <select-all
-              v-model.trim="form.teamIds"
-              :disabled="form.organIds.length <= 0"
-              filterable
-              clearable
-              multiple
-            >
-              <el-option
-                v-for="(item, index) in teamList"
-                :key="index"
-                :label="item.name"
-                :value="item.id"
-              ></el-option>
+          <el-form-item v-if="form.popularizeType == 'TEAM'" label="乐团" prop="teamIds"
+            :rules="[{ required: true, message: '请选择乐团' }]">
+            <select-all v-model.trim="form.teamIds" :disabled="form.organIds.length <= 0" filterable clearable multiple>
+              <el-option v-for="(item, index) in teamList" :key="index" :label="item.name" :value="item.id"></el-option>
             </select-all>
           </el-form-item>
         </el-row>
-        <el-alert
-          title="直播间信息"
-          type="info"
-          :closable="false"
-          style="margin-bottom: 20px"
-        ></el-alert>
+        <el-alert title="直播间信息" type="info" :closable="false" style="margin-bottom: 20px"></el-alert>
         <!-- <el-row class="row">
           <el-form-item
             prop="roomConfig.whether_like"
@@ -438,13 +243,8 @@
           </el-form-item>
         </el-row> -->
         <el-row class="row">
-          <el-form-item
-            prop="roomConfig.whether_video"
-            label-width="130px"
-            class="mline"
-            label="保存直播回放"
-            :rules="[{ required: true, message: '是否保存直播回放' }]"
-          >
+          <el-form-item prop="roomConfig.whether_video" label-width="130px" class="mline" label="保存直播回放"
+            :rules="[{ required: true, message: '是否保存直播回放' }]">
             <el-radio-group v-model="form.roomConfig.whether_video">
               <el-radio :label="0">是</el-radio>
               <el-radio :label="1">否</el-radio>
@@ -452,13 +252,8 @@
           </el-form-item>
         </el-row>
         <el-row class="row">
-          <el-form-item
-            prop="roomConfig.whether_view_shop_cart"
-            label-width="130px"
-            class="mline"
-            label="是否展示购物车"
-            :rules="[{ required: true, message: '是否展示购物车' }]"
-          >
+          <el-form-item prop="roomConfig.whether_view_shop_cart" label-width="130px" class="mline" label="是否展示购物车"
+            :rules="[{ required: true, message: '是否展示购物车' }]">
             <el-radio-group v-model="form.roomConfig.whether_view_shop_cart">
               <el-radio :label="0">是</el-radio>
               <el-radio :label="1">否</el-radio>
@@ -472,13 +267,7 @@
       </el-row>
     </div>
 
-    <el-dialog
-      title="预览"
-      width="415px"
-      :close-on-click-modal="false"
-      append-to-body
-      :visible.sync="preLookVisible"
-    >
+    <el-dialog title="预览" width="415px" :close-on-click-modal="false" append-to-body :visible.sync="preLookVisible">
       <preview :form="form" />
     </el-dialog>
   </div>
@@ -864,41 +653,51 @@ export default {
 .nomb {
   margin-bottom: 0px !important;
 }
+
 ::v-deep .mline {
   .el-form-item__content {
     display: inline-block !important;
   }
 }
+
 ::v-deep .el-form--inline {
   .el-form-item__content {
     display: block;
   }
 }
+
 ::v-deep .el-select {
   width: 300px !important;
 }
+
 ::v-deep .el-date-editor {
   width: 300px !important;
 }
+
 ::v-deep .el-checkbox {
   margin-left: 15px !important;
 }
+
 ::v-deep .el-input {
   position: relative;
   font-size: 14px;
   display: inline-block;
   width: 300px;
 }
+
 .row {
   padding-left: 24px;
 }
+
 ::v-deep .el-textarea__inner {
   width: 600px;
 }
+
 .chioseWrap {
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
+
   .chioseItem {
     border-radius: 4px;
     overflow: hidden;
@@ -907,6 +706,7 @@ export default {
     width: 188px;
     height: 188px;
     cursor: pointer;
+
     .remberBox {
       .wrap {
         width: 100px;
@@ -915,6 +715,7 @@ export default {
         position: absolute;
         // background-color: red;
       }
+
       display: flex;
       flex-direction: row;
       justify-content: flex-start;
@@ -927,11 +728,13 @@ export default {
       position: absolute;
       top: 1px;
       right: 1px;
+
       .chioseBox {
         ::v-deep .el-checkbox__inner {
           width: 20px;
           height: 20px;
           border-radius: 50%;
+
           &::after {
             height: 8px;
             left: 6px;
@@ -941,18 +744,18 @@ export default {
           }
         }
       }
+
       .dotWrap {
         width: 21px;
         height: 21px;
-        background: url("../../assets/images/icon_checkbox_default.png")
-          no-repeat center;
+        background: url("../../assets/images/icon_checkbox_default.png") no-repeat center;
         background-size: contain;
         margin-right: 8px;
         position: relative;
         overflow: hidden;
+
         &.checked {
-          background: url("../../assets/images/icon_checkbox.png") no-repeat
-            center;
+          background: url("../../assets/images/icon_checkbox.png") no-repeat center;
           background-size: contain;
         }
       }