فهرست منبع

feat:样式、添加必填校验、营期时间选择

caoliqin 2 ماه پیش
والد
کامیت
6845f9f662
1فایلهای تغییر یافته به همراه30 افزوده شده و 4 حذف شده
  1. 30 4
      src/views/course/userCoursePeriod/index.vue

+ 30 - 4
src/views/course/userCoursePeriod/index.vue

@@ -257,7 +257,7 @@
             <el-radio :label="2" >单课程</el-radio>
           </el-radio-group>
         </el-form-item>
-        <el-form-item label="销售可查看天数" prop="periodType">
+        <el-form-item label="销售可查看天数" prop="maxViewNum">
           <el-input-number :min="0" v-model="form.maxViewNum" style="width: 200px" />
         </el-form-item>
         <el-form-item label="开营日期" prop="periodStartingTime">
@@ -270,7 +270,9 @@
             range-separator="至"
             start-placeholder="开始日期"
             end-placeholder="结束日期"
-            value-format="yyyy-MM-dd">
+            value-format="yyyy-MM-dd"
+            :picker-options="{disabledDate}"
+          >
           </el-date-picker>
           <el-date-picker
             :style="{display: form.periodType == 2 ? '' : 'none !important'}"
@@ -278,7 +280,9 @@
             v-model="form.date"
             type="date"
             value-format="yyyy-MM-dd"
-            placeholder="选择日期">
+            placeholder="选择日期"
+            :picker-options="{disabledDate}"
+          >
           </el-date-picker>
         </el-form-item>
 
@@ -456,7 +460,7 @@
     title="营期相关设置"
     :visible.sync="periodSettingsVisible"
     direction="rtl"
-    size="70%"
+    size="74%"
     :destroy-on-close="true"
     append-to-body
     custom-class="period-settings-drawer"
@@ -489,6 +493,7 @@
             <el-table-column type="selection" width="55" align="center" />
             <el-table-column label="课程" align="center" prop="courseName" width="180" />
             <el-table-column label="小节" align="center" prop="videoName" />
+            <el-table-column label="开课状态" align="center" prop="status" width="100" :formatter="courseStatusFormatter" />
             <el-table-column label="营期时间" align="center" prop="dayDate" />
             <el-table-column label="开始时间" align="center" prop="startDateTime" width="100">
               <template slot-scope="scope">
@@ -641,6 +646,24 @@ export default {
       },
       // 表单校验
       rules: {
+        periodName: [
+          { required: true, message: '营期名称不能为空', trigger: 'blur' }
+        ],
+        companyId: [
+          { required: true, message: '公司不能为空', trigger: 'change' }
+        ],
+        redPacketGrantMethod: [
+          { required: true, message: '红包发放方式不能为空', trigger: 'change' }
+        ],
+        periodType: [
+          { required: true, message: '营期类型不能为空', trigger: 'change' }
+        ],
+        maxViewNum: [
+          { required: true, message: '销售可查看天数不能为空', trigger: 'blur' }
+        ],
+        periodStartingTime: [
+          { required: true, message: '开营日期不能为空', trigger: 'change' }
+        ]
       },
       // 公司选项
       companyOptions: [],
@@ -1448,6 +1471,9 @@ export default {
       this.form = {id: row.id, dayDate: row.dayDate};
       this.updateDateOpen = true;
     },
+    disabledDate(time) {
+      return time.getTime() < new Date(new Date().setHours(0,0,0,0));
+    },
   },
 };
 </script>