11

11

src/views/teamDetail/components/courseList.vue

@@ -251,6 +251,12 @@
                           value-format="yyyy-MM-dd"
                           placeholder="选择日期"></el-date-picker>
         </el-form-item>
+        <el-form-item label="课程时长(分钟)"
+                      v-if="courseVisible"
+                      prop="timer">
+          <el-input type='number'
+                    v-model="maskForm.timer"></el-input>
+        </el-form-item>
         <el-form-item label="开始时间"
                       v-if="courseVisible"
                       prop="startTime">
@@ -268,6 +274,7 @@
                       prop="endTime">
           <el-time-select placeholder="结束时间"
                           v-model.trim="maskForm.endTime"
+                          disabled
                           :picker-options="{
                             start: '04:30',
                             step: '00:05',
@@ -399,6 +406,7 @@
   </div>
 </template>
 <script>
+import dayjs from 'dayjs'
 import pagination from "@/components/Pagination/index";
 import { bathDelete } from "@/api/vipSeting";
 import {
@@ -458,6 +466,7 @@ export default {
         startTime: "",
         endTime: "",
         type: "",
+        timer: '',
         courseScheduleType: null,
       },
       typeForm: {
@@ -634,7 +643,11 @@ export default {
         "startTime",
         row.startClassTimeStr.substring(0, 5)
       );
-      this.maskForm.endTime = row.endClassTimeStr.substring(0, 5);
+      let time = Math.abs(dayjs(row.classDate + ' ' + row.startClassTimeStr).diff(row.classDate + ' ' + row.endClassTimeStr, 'Minute'))
+      console.log(time)
+      this.maskForm.timer = time;
+      this.maskForm.endTime = dayjs(row.classDate + ' ' + row.startClassTimeStr).add(time, 'minute').format('HH:mm')
+      // this.maskForm.endTime = row.endClassTimeStr.substring(0, 5);
       this.maskForm.id = row.courseScheduleId;
       this.courseVisible = true;
       // 修改课时