Update resetClass.vue

src/views/teamDetail/componentCourse/resetClass.vue

@@ -33,8 +33,8 @@
         label="助教老师"
         v-if="
           maskForm.type != 'MUSIC_NETWORK' &&
-          maskForm.type != 'HIGH_ONLINE' &&
-          maskForm.groupType == 'MUSIC'
+            maskForm.type != 'HIGH_ONLINE' &&
+            maskForm.groupType == 'MUSIC'
         "
         prop="assistant"
       >
@@ -52,6 +52,7 @@
           :picker-options="bigin"
           value-format="yyyy-MM-dd"
           placeholder="选择日期"
+          clearable
         ></el-date-picker>
       </el-form-item>
       <el-form-item label="课程时长" prop="timer">
@@ -59,10 +60,12 @@
           v-model="maskForm.timer"
           @change="changeTime"
           style="width: 220px !important"
+          clearable
         >
           <el-option
             v-for="(item, index) in typeTimeList"
             :key="index"
+            :disabled="item > baseTimer ? true : false"
             :value="parseInt(item)"
             :label="item"
           ></el-option>
@@ -76,8 +79,9 @@
           format="HH:mm"
           value-format="HH:mm"
           :picker-options="{
-            selectableRange: `06:00:00 - 23:30:00`,
+            selectableRange: `06:00:00 - 23:30:00`
           }"
+          clearable
         ></el-time-picker>
       </el-form-item>
       <el-form-item label="结束时间" prop="endTime">
@@ -91,8 +95,9 @@
             start: '04:30',
             step: '00:05',
             end: '23:30',
-            minTime: maskForm.startTime,
+            minTime: maskForm.startTime
           }"
+          clearable
         ></el-time-picker>
       </el-form-item>
       <el-form-item
@@ -138,7 +143,7 @@ import {
   getTeacher,
   resetCourse,
   getCourseScheduleDetail,
-  getOrganCourseDurationSettings,
+  getOrganCourseDurationSettings
 } from "@/api/buildTeam";
 import { getTeachSchool } from "@/api/teacherManager";
 import { getSchool } from "@/api/systemManage";
@@ -150,32 +155,33 @@ export default {
   data() {
     return {
       courseVisible: false,
+      baseTimer: 0, // 基础的分钟数
       maskForm: {
         teacher: null,
         assistant: null,
         date: null,
         timer: null,
         startTime: null,
-        endTime: null,
+        endTime: null
       },
       maskRules: {
         teacher: [
-          { required: true, message: "请选择主教老师名称", trigger: "blur" },
+          { required: true, message: "请选择主教老师名称", trigger: "blur" }
         ],
         date: [{ required: true, message: "请选择上课时间", trigger: "blur" }],
         startTime: [
-          { required: true, message: "请选择上课开始时间", trigger: "blur" },
+          { required: true, message: "请选择上课开始时间", trigger: "blur" }
         ],
         endTime: [
-          { required: true, message: "请选择上课结束时间", trigger: "blur" },
-        ],
+          { required: true, message: "请选择上课结束时间", trigger: "blur" }
+        ]
       },
       teacherList: [],
       schoolList: [],
       typeTimeList: [],
       courseTimeList: {},
       organId: "",
-      bigin: this.beginDate(),
+      bigin: this.beginDate()
     };
   },
   created() {
@@ -209,7 +215,7 @@ export default {
       this.$confirm("是否确定?", "提示", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
-        type: "warning",
+        type: "warning"
       })
         .then(() => {
           let teachingTeacherIdList = maskForm.assistant.join(",");
@@ -219,16 +225,17 @@ export default {
           let obj = {
             actualTeacherId: maskForm.teacher,
             startClassTimeStr: maskForm.startTime,
-            endClassTimeStr:maskForm.groupType=='MUSIC'? maskForm.endTime:null,
+            endClassTimeStr:
+              maskForm.groupType == "MUSIC" ? maskForm.endTime : null,
             id: maskForm.id,
             teachingTeacherIdList,
             classDate: maskForm.date,
             type: maskForm.type,
             groupType: maskForm.groupType,
             schoolId: this.maskForm.address,
-            teachMode: this.maskForm.teachMode,
+            teachMode: this.maskForm.teachMode
           };
-          resetCourse(cleanDeep(obj)).then((res) => {
+          resetCourse(cleanDeep(obj)).then(res => {
             if (res.code == 200) {
               this.$message.success("修改成功");
               this.$emit("getList");
@@ -240,10 +247,10 @@ export default {
               this.$confirm(`当前课程课酬预计为0,是否继续`, "提示", {
                 confirmButtonText: "确定",
                 cancelButtonText: "取消",
-                type: "warning",
-              }).then((res) => {
+                type: "warning"
+              }).then(res => {
                 obj.allowZeroSalary = true;
-                resetCourse(cleanDeep(obj)).then((res) => {
+                resetCourse(cleanDeep(obj)).then(res => {
                   if (res.code == 200) {
                     this.$message.success("修改成功");
                     this.$emit("getList");
@@ -260,7 +267,7 @@ export default {
       this.$set(this.maskForm, "address", null);
     },
     changeStartTime(val) {
-      this.$nextTick((res) => {
+      this.$nextTick(res => {
         if (val) {
           this.$set(
             this.maskForm,
@@ -273,7 +280,7 @@ export default {
       });
     },
     changeTime(val) {
-      this.$nextTick((res) => {
+      this.$nextTick(res => {
         this.maskForm.endTime = addTimerFormMinute(
           this.maskForm.date,
           this.maskForm.startTime,
@@ -284,8 +291,8 @@ export default {
     changeTeacher(val) {
       if (val) {
         getTeachSchool({
-          userId: val,
-        }).then((res) => {
+          userId: val
+        }).then(res => {
           if (res.code == 200) {
             this.schoolList = res.data;
           }
@@ -294,7 +301,7 @@ export default {
       }
     },
     getDetail(id) {
-      getCourseScheduleDetail({ courseScheduleId: id }).then(async (res) => {
+      getCourseScheduleDetail({ courseScheduleId: id }).then(async res => {
         if (res.code == 200) {
           this.maskForm = {
             id: res.data.id,
@@ -307,7 +314,7 @@ export default {
             type: res.data.type,
             groupType: res.data.groupType,
             address: res.data.schoolId,
-            teachMode: res.data.teachMode,
+            teachMode: res.data.teachMode
           };
           for (let key in this.courseTimeList) {
             if (key == row.courseScheduleType) {
@@ -326,7 +333,7 @@ export default {
           if (res.data.groupType == "MUSIC") {
             try {
               const res = await getOrganCourseDurationSettings({
-                organId: this.organId,
+                organId: this.organId
               });
               this.courseTimeList = res.data;
               for (let key in this.courseTimeList) {
@@ -336,18 +343,18 @@ export default {
               }
             } catch (e) {}
           }
-
+          this.baseTimer = time;
           this.maskForm.timer = time;
           if (this.maskForm.teacher && this.maskForm.type == "VIP") {
             getTeachSchool({
-              userId: this.maskForm.teacher,
-            }).then((res) => {
+              userId: this.maskForm.teacher
+            }).then(res => {
               if (res.code == 200) {
                 this.schoolList = res.data;
               }
             });
           } else {
-            getSchool({ organId: res.data.organId }).then((res) => {
+            getSchool({ organId: res.data.organId }).then(res => {
               if (res.code == 200) {
                 this.schoolList = res.data;
               }
@@ -362,9 +369,9 @@ export default {
         disabledDate(time) {
           return time.getTime() + 86400000 <= new Date().getTime();
           //开始时间不选时，结束时间最大值小于等于当天
-        },
+        }
       };
-    },
+    }
   },
 
   watch: {
@@ -374,7 +381,7 @@ export default {
       }
     },
     "maskForm.timer"(val) {
-      this.$nextTick((res) => {
+      this.$nextTick(res => {
         if (val) {
           this.$set(
             this.maskForm,
@@ -385,8 +392,8 @@ export default {
           this.$set(this.maskForm, "endTime", "");
         }
       });
-    },
-  },
+    }
+  }
 };
 </script>
 <style lang="scss" scoped>