vip休学调整

1

src/views/vipClass/vipDetail/components/vipStudentList.vue

@@ -166,10 +166,10 @@
         :inline="true"
       >
         <el-form-item label="剩余课时">
-          <el-input disabled v-model.trim="adjustmentForm.count"></el-input>
+          <el-input disabled v-model.trim="adjustmentForm.count" style="width:200px!important"></el-input>
         </el-form-item>
         <el-form-item label="任课老师" prop="teacher">
-          <el-select v-model.trim="adjustmentForm.teacher" clearable filterable>
+          <el-select v-model.trim="adjustmentForm.teacher" clearable filterable style="width:200px!important">
             <el-option
               v-for="(item, index) in teacherList"
               :key="index"
@@ -178,22 +178,7 @@
             ></el-option>
           </el-select>
         </el-form-item>
-        <!-- <br> -->
-        <!-- <el-form-item label="单课费用"
-                      prop="fee">
-          <el-input v-model.trim="adjustmentForm.fee"></el-input>
-        </el-form-item> -->
-        <!-- <el-form-item label="课程类型"
-                      prop="courseType">
-          <el-select clearable
-                     v-model.trim="adjustmentForm.courseType">
-            <el-option label="线上课"
-                       value="ONLINE"></el-option>
-            <el-option label="线下课"
-                       value="OFFLINE"></el-option>
-          </el-select>
-        </el-form-item> -->
-        <br />
+        <!-- <br /> -->
         <el-form-item label="排课起始时间" prop="courseTime">
           <el-date-picker
             v-model.trim="adjustmentForm.courseTime"
@@ -204,11 +189,27 @@
             placeholder="选择日期"
           >
           </el-date-picker>
-          <el-checkbox
+
+        </el-form-item>
+        <el-form-item label="剩余有效期" prop="days">
+          <el-input style="width:200px!important"  v-model.trim="adjustmentForm.days"></el-input>
+        </el-form-item>
+        <el-form-item label="有效期截止"  prop="expireDate">
+          <el-date-picker
+            v-model.trim="adjustmentForm.expireDate"
+            :picker-options="pickerOptions"
+            style="width: 200px !important"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择日期"
+          >
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item>
+              <el-checkbox
             style="margin-left: 10px"
             v-model.trim="adjustmentForm.checked"
-            >是否跳过节假日</el-checkbox
-          >
+            >是否跳过节假日</el-checkbox>
         </el-form-item>
       </el-form>
       <div class="WeekWrap">
@@ -225,8 +226,8 @@
             v-for="(item, index) in weekList"
             :key="index"
           >
-            <span>循环周期: </span>
-            <el-select v-model.trim="item.dayOfWeek" filterable clearable>
+            <span class='title'>循环周期: </span>
+            <el-select v-model.trim="item.dayOfWeek" filterable clearable  style="width:200px!important">
               <el-option
                 v-for="(item, index) in weekDateList"
                 :key="index"
@@ -236,7 +237,7 @@
             </el-select>
             <span style="margin-left: 10px">开始时间</span>
             <el-time-select
-              style="margin-left: 10px"
+              style="margin-left: 10px; width:100px;"
               placeholder=""
               v-model.trim="item.startClassTime"
               :picker-options="{
@@ -304,6 +305,8 @@ export default {
         courseType: "",
         fee: "",
         teacher: "",
+        days:'',
+        expireDate:''
       },
       adjustmentRules: {
         courseTime: [{ required: true, message: "请选择开始时间" }],
@@ -311,6 +314,8 @@ export default {
         courseType: [{ required: true, message: "请选择课程类型" }],
         fee: [{ required: true, message: "请输入费用" }],
         teacher: [{ required: true, message: "请选择老师" }],
+         days: [{ required: true, message: "请输入剩余有效期" }],
+        expireDate: [{ required: true, message: "请输入有效期截止" }],
       },
       weekDateList: [
         { value: "1", label: "星期一" },
@@ -524,11 +529,11 @@ export default {
              */
             this.$msgbox({
               title: "提示",
-               message: h('p', null, [
-            h('p', null, '将按照当前剩余课时安排上课'),
-            h('span', null, `排课截至时间:`),
-            h('span',{ style: 'color: red' },`${res.data.expireDate}`)
-          ]),
+              message: h("p", null, [
+                h("p", null, "将按照当前剩余课时安排上课"),
+                // h("span", null, `排课截至时间:`),
+                // h("span", { style: "color: red" }, `${res.data.expireDate}`), 经辜经理同意注释
+              ]),
               confirmButtonText: "确定",
               cancelButtonText: "取消",
               showCancelButton: true,
@@ -611,4 +616,5 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
+.title { display: inline-block; width: 110px; text-align: right; margin-right: 10px;}
 </style>