提交vip折扣 限制

1

src/views/categroyManager/vipNewActive.vue

@@ -2,161 +2,194 @@
   <div class="m-container">
     <!-- <h2><div class="squrt"></div>VIP活动方案新增 </h2> -->
     <h2>
-      <el-page-header @back="onCancel"
-                      :content="'VIP/乐理课活动方案' + (pageType == 'create' ? '新增' : '修改')"></el-page-header>
+      <el-page-header
+        @back="onCancel"
+        :content="
+          'VIP/乐理课活动方案' + (pageType == 'create' ? '新增' : '修改')
+        "
+      ></el-page-header>
     </h2>
     <div class="m-core">
-      <el-form :label-position="labelPosition"
-               :model="vipform"
-               ref="vipform"
-               label-width="120px"
-               :rules="vipformRules"
-               class="vipform">
-        <el-form-item label="活动名称"
-                      prop="name">
-          <el-input style="width:400px"
-                    v-model.trim="vipform.name"></el-input>
+      <el-form
+        :label-position="labelPosition"
+        :model="vipform"
+        ref="vipform"
+        label-width="120px"
+        :rules="vipformRules"
+        class="vipform"
+      >
+        <el-form-item label="活动名称" prop="name">
+          <el-input style="width: 400px" v-model.trim="vipform.name"></el-input>
         </el-form-item>
-        <el-form-item label="适用分部"
-                      prop="organ">
-          <el-select v-model.trim="vipform.organ"
-                     multiple
-                     filterable
-                     @visible-change="$forceUpdate()"
-                     @change="onOrganChange"
-                     clearable>
-            <el-option v-for="(item,index) in selects.branchs"
-                       :key="index"
-                       :label="item.name"
-                       :value="item.id"></el-option>
+        <el-form-item label="适用分部" prop="organ">
+          <el-select
+            v-model.trim="vipform.organ"
+            multiple
+            filterable
+            @visible-change="$forceUpdate()"
+            @change="onOrganChange"
+            clearable
+          >
+            <el-option
+              v-for="(item, index) in selects.branchs"
+              :key="index"
+              :label="item.name"
+              :value="item.id"
+            ></el-option>
           </el-select>
           <el-button @click="onCheckAllBranch">适用所有分部</el-button>
         </el-form-item>
-        <el-form-item label="课程形式"
-                      prop="stauts">
-          <el-select v-model.trim="vipform.stauts"
-
-                     @visible-change="$forceUpdate()"
-                     clearable
-                     multiple>
-            <el-option v-for="item in selects.vipGroupCategory"
-                       :key="item.id"
-                       :value="item.id"
-                       :label="item.name"></el-option>
+        <el-form-item label="课程形式" prop="stauts">
+          <el-select
+            v-model.trim="vipform.stauts"
+            @visible-change="$forceUpdate()"
+            clearable
+            multiple
+          >
+            <el-option
+              v-for="item in selects.vipGroupCategory"
+              :key="item.id"
+              :value="item.id"
+              :label="item.name"
+            ></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="活动描述"
-                      prop="desc">
-          <el-input type="textarea"
-                    v-model.trim="vipform.desc"
-                    style="width:400px"
-                    :rows="5"
-                    placeholder="请输入活动说明"></el-input>
+        <el-form-item label="活动描述" prop="desc">
+          <el-input
+            type="textarea"
+            v-model.trim="vipform.desc"
+            style="width: 400px"
+            :rows="5"
+            placeholder="请输入活动说明"
+          ></el-input>
         </el-form-item>
-        <el-form-item label="活动时间"
-                      prop="activeTime">
-          <el-date-picker v-model.trim="vipform.activeTime"
-                          type="datetimerange"
-                          range-separator="至"
-                          value-format="yyyy-MM-dd HH:mm:ss"
-                          start-placeholder="开始日期"
-                          :picker-options="{
-                            firstDayOfWeek:1
-                          }"
-                          end-placeholder="结束日期"></el-date-picker>
+        <el-form-item label="活动时间" prop="activeTime">
+          <el-date-picker
+            v-model.trim="vipform.activeTime"
+            type="datetimerange"
+            range-separator="至"
+            value-format="yyyy-MM-dd HH:mm:ss"
+            start-placeholder="开始日期"
+            :picker-options="{
+              firstDayOfWeek: 1,
+            }"
+            end-placeholder="结束日期"
+          ></el-date-picker>
         </el-form-item>
-        <el-form-item label="课程时间"
-                      prop="courseTime">
-          <el-date-picker v-model.trim="vipform.courseTime"
-                          type="datetimerange"
-                          range-separator="至"
-                          value-format="yyyy-MM-dd HH:mm:ss"
-                          start-placeholder="开始日期"
-                          :picker-options="{
-                            firstDayOfWeek:1
-                          }"
-                          end-placeholder="结束日期"></el-date-picker>
+        <el-form-item label="课程时间" prop="courseTime">
+          <el-date-picker
+            v-model.trim="vipform.courseTime"
+            type="datetimerange"
+            range-separator="至"
+            value-format="yyyy-MM-dd HH:mm:ss"
+            start-placeholder="开始日期"
+            :picker-options="{
+              firstDayOfWeek: 1,
+            }"
+            end-placeholder="结束日期"
+          ></el-date-picker>
         </el-form-item>
       </el-form>
       <el-alert
         title="活动适用范围&结算标准："
         type="info"
         :closable="false"
-        class="alert">
+        class="alert"
+      >
       </el-alert>
-      <div class="activeRange" style="padding-left: 120px;">
+      <div class="activeRange" style="padding-left: 120px">
         <!-- <div class="left">
           <p>活动适用范围&结算标准：</p>
         </div> -->
         <div class="right">
           <div class="chioseWrap">
-            <el-checkbox label="线上课"
-                         v-model.trim="online"></el-checkbox>
-            <el-select v-model.trim="onlineSalary"
-            disabled
-                       clearable
-                       filterable>
-              <el-option label="老师默认课酬"
-                         value="TEACHER_DEFAULT"></el-option>
-              <el-option label="实际课程单价比例折扣"
-                         value="RATIO_DISCOUNT"></el-option>
-              <el-option label="固定课酬"
-                         value="FIXED_SALARY"></el-option>
+            <el-checkbox label="线上课" v-model.trim="online"></el-checkbox>
+            <el-select
+              v-model.trim="onlineSalary"
+              disabled
+              clearable
+              filterable
+            >
+              <el-option
+                label="老师默认课酬"
+                value="TEACHER_DEFAULT"
+              ></el-option>
+              <el-option
+                label="实际课程单价比例折扣"
+                value="RATIO_DISCOUNT"
+              ></el-option>
+              <el-option label="固定课酬" value="FIXED_SALARY"></el-option>
             </el-select>
-            <el-input placeholder="请输入"
-                      v-if="onlineSalary== 'RATIO_DISCOUNT'"
-                      style="width:200px;"
-                      type="number"
-                      @mousewheel.native.prevent
-                      v-model.trim="onlineprice">
+            <el-input
+              placeholder="请输入"
+              v-if="onlineSalary == 'RATIO_DISCOUNT'"
+              style="width: 200px"
+              type="number"
+              @mousewheel.native.prevent
+              v-model.trim="onlineprice"
+            >
               <template slot="append">%</template>
             </el-input>
-            <el-input placeholder="请输入"
-                      v-if="onlineSalary == 'FIXED_SALARY'"
-                      style="width:200px;"
-                      type="number"
-                      @mousewheel.native.prevent
-                      v-model.trim="onlineprice">
+            <el-input
+              placeholder="请输入"
+              v-if="onlineSalary == 'FIXED_SALARY'"
+              style="width: 200px"
+              type="number"
+              @mousewheel.native.prevent
+              v-model.trim="onlineprice"
+            >
               <template slot="append">元</template>
             </el-input>
-            <div style="width:200px;"
-                 v-if="onlineSalary== 'TEACHER_DEFAULT'"></div>
+            <div
+              style="width: 200px"
+              v-if="onlineSalary == 'TEACHER_DEFAULT'"
+            ></div>
             <!-- <el-checkbox label="是否参加梯度"
                          style="margin-left:20px;"
                          v-model.trim="onlineClassJoinGradientRewards"></el-checkbox> -->
           </div>
           <div class="chioseWrap">
-            <el-checkbox label="线下课"
-                         v-model.trim="unonline"></el-checkbox>
-            <el-select v-model.trim="unonlineSalary"
-                       clearable
-                       disabled
-                       filterable>
-              <el-option label="老师默认课酬"
-                         value="TEACHER_DEFAULT"></el-option>
-              <el-option label="实际课程单价比例折扣"
-                         value="RATIO_DISCOUNT"></el-option>
-              <el-option label="固定课酬"
-                         value="FIXED_SALARY"></el-option>
+            <el-checkbox label="线下课" v-model.trim="unonline"></el-checkbox>
+            <el-select
+              v-model.trim="unonlineSalary"
+              clearable
+              disabled
+              filterable
+            >
+              <el-option
+                label="老师默认课酬"
+                value="TEACHER_DEFAULT"
+              ></el-option>
+              <el-option
+                label="实际课程单价比例折扣"
+                value="RATIO_DISCOUNT"
+              ></el-option>
+              <el-option label="固定课酬" value="FIXED_SALARY"></el-option>
             </el-select>
-            <el-input placeholder="请输入"
-                      v-if="unonlineSalary== 'RATIO_DISCOUNT'"
-                      style="width:200px;"
-                      type="number"
-                      @mousewheel.native.prevent
-                      v-model.trim="unonlineprice">
+            <el-input
+              placeholder="请输入"
+              v-if="unonlineSalary == 'RATIO_DISCOUNT'"
+              style="width: 200px"
+              type="number"
+              @mousewheel.native.prevent
+              v-model.trim="unonlineprice"
+            >
               <template slot="append">%</template>
             </el-input>
-            <el-input placeholder="请输入"
-                      style="width:200px;"
-                      v-if="unonlineSalary== 'FIXED_SALARY'"
-                      type="number"
-                      @mousewheel.native.prevent
-                      v-model.trim="unonlineprice">
+            <el-input
+              placeholder="请输入"
+              style="width: 200px"
+              v-if="unonlineSalary == 'FIXED_SALARY'"
+              type="number"
+              @mousewheel.native.prevent
+              v-model.trim="unonlineprice"
+            >
               <template slot="append">元</template>
             </el-input>
-            <div style="width:200px;"
-                 v-if="unonlineSalary== 'TEACHER_DEFAULT'"></div>
+            <div
+              style="width: 200px"
+              v-if="unonlineSalary == 'TEACHER_DEFAULT'"
+            ></div>
             <!-- <el-checkbox label="是否参加梯度"
                          style="margin-left:20px;"
                          v-model.trim="offlineClassJoinGradientRewards"></el-checkbox> -->
@@ -172,9 +205,10 @@
       <el-alert
         title="活动类型："
         type="info"
-        style="margin-bottom: 15px;"
+        style="margin-bottom: 15px"
         :closable="false"
-        class="alert">
+        class="alert"
+      >
       </el-alert>
       <div class="activeType">
         <!-- <div class="left">
@@ -182,54 +216,89 @@
         </div> -->
         <div class="right">
           <div>
-            <div class="head"
-                 :class="activeType=='BASE_ACTIVITY'?'active':''"
-                 @click="activeType='BASE_ACTIVITY'">基础活动</div>
-            <p class="title"
-               v-if="activeType=='BASE_ACTIVITY'">课程原价</p>
+            <div
+              class="head"
+              :class="activeType == 'BASE_ACTIVITY' ? 'active' : ''"
+              @click="activeType = 'BASE_ACTIVITY'"
+            >
+              基础活动
+            </div>
+            <p class="title" v-if="activeType == 'BASE_ACTIVITY'">课程原价</p>
           </div>
           <div>
-            <div class="head"
-                 :class="activeType=='DISCOUNT'?'active':''"
-                 @click="activeType='DISCOUNT'">折扣</div>
-            <el-input v-if="activeType=='DISCOUNT'"
-                      v-model.trim="attribute1"
-                      style="width:200px!important"
-                      placeholder="请输入折扣数值">
+            <div
+              class="head"
+              :class="activeType == 'DISCOUNT' ? 'active' : ''"
+              @click="activeType = 'DISCOUNT'"
+            >
+              折扣
+            </div>
+            <el-input
+              v-if="activeType == 'DISCOUNT'"
+              v-model.trim="attribute1"
+              style="width: 200px !important"
+              placeholder="请输入折扣数值"
+            >
               <template slot="append">%</template>
             </el-input>
-            <el-input v-if="activeType=='DISCOUNT'"
-                      v-model.number="minCourseNum"
-                      type="number"
-                      style="margin-left: 10px;width:120px!important"
-                      placeholder="最小课时数">
-            </el-input>
-             <el-input v-if="activeType=='DISCOUNT'"
-                      v-model.number="maxCourseNum"
-                      type="number"
-                      style="margin-left: 10px;width:120px!important"
-                      placeholder="最大课时数">
-            </el-input>
+            <el-form :model="courseNumForm" :inline="true" ref="form" :rules="courseNumrules">
+              <el-form-item
+                prop="minCourseNum"
+
+              >
+                <el-input
+                  @change="handleMinChange"
+                  v-if="activeType == 'DISCOUNT'"
+                  v-model.number="courseNumForm.minCourseNum"
+                  type="number"
+                  style="margin-left: 10px; width: 120px !important"
+                  placeholder="最小课时数"
+                >
+                </el-input>
+              </el-form-item>
+              <el-form-item
+                prop="maxCourseNum"
+
+              >
+                <el-input
+                 @change="handleMaxChange"
+                  v-if="activeType == 'DISCOUNT'"
+                  v-model.number="courseNumForm.maxCourseNum"
+                  type="number"
+                  style="margin-left: 10px; width: 120px !important"
+                  placeholder="最大课时数"
+                >
+                </el-input>
+              </el-form-item>
+            </el-form>
           </div>
           <div>
-            <div class="head"
-                 :class="activeType=='GIVE_CLASS'?'active':''"
-                 @click="activeType='GIVE_CLASS'">赠送课时</div>
-            <el-input placeholder="多少节开始赠"
-                      v-if="activeType=='GIVE_CLASS'"
-                      v-model.trim="attribute1"
-                      type="number"
-                      @mousewheel.native.prevent
-                      style="margin-right:10px;width:200px!important">
+            <div
+              class="head"
+              :class="activeType == 'GIVE_CLASS' ? 'active' : ''"
+              @click="activeType = 'GIVE_CLASS'"
+            >
+              赠送课时
+            </div>
+            <el-input
+              placeholder="多少节开始赠"
+              v-if="activeType == 'GIVE_CLASS'"
+              v-model.trim="attribute1"
+              type="number"
+              @mousewheel.native.prevent
+              style="margin-right: 10px; width: 200px !important"
+            >
               <template slot="append">节</template>
             </el-input>
-            <span v-if="activeType=='GIVE_CLASS'">赠</span>
-            <el-input v-if="activeType=='GIVE_CLASS'"
-                      placeholder="请输入赠送课时数"
-                      type="number"
-                      @mousewheel.native.prevent
-                      v-model.trim="attribute2"
-                      style="margin:0 10px;width:200px!important">
+            <span v-if="activeType == 'GIVE_CLASS'">赠</span>
+            <el-input
+              v-if="activeType == 'GIVE_CLASS'"
+              placeholder="请输入赠送课时数"
+              type="number"
+              @mousewheel.native.prevent
+              v-model.trim="attribute2"
+              style="margin: 0 10px; width: 200px !important"
+            >
               <template slot="append">节</template>
             </el-input>
             <!-- <el-checkbox
@@ -241,7 +310,10 @@
         </div>
       </div>
     </div>
-    <div class="btnWrap" style="justify-content:flex-start; padding-left: 120px">
+    <div
+      class="btnWrap"
+      style="justify-content: flex-start; padding-left: 120px"
+    >
       <el-button type="info" @click="onReSet">重置</el-button>
       <el-button type="primary" @click="submitFrom">确定</el-button>
       <!-- <div class="okBtn"
@@ -252,24 +324,31 @@
 <script>
 import { vipGroupCategory, addVipActive } from "@/api/vipSeting";
 import { getEmployeeOrgan } from "@/api/buildTeam";
-import cleanDeep from 'clean-deep';
+import cleanDeep from "clean-deep";
+const MIN_NUMBER = 1;
+const MAX_NUMBER = 999;
 export default {
   name: "vipNewActive",
-  data () {
+  data() {
     return {
-      pageType: '',
+      pageType: "",
       labelPosition: "right",
       vipform: {
         name: "",
         desc: "",
         activeTime: [],
         courseTime: [],
-        organ: []
+        organ: [],
       },
       vipformRules: {
         name: [
           { required: true, message: "请输入活动名称", trigger: "blur" },
-          { min: 1, max: 25, message: "长度在 1 到 25 个字符", trigger: "blur" }
+          {
+            min: 1,
+            max: 25,
+            message: "长度在 1 到 25 个字符",
+            trigger: "blur",
+          },
         ],
         desc: [
           { required: false, message: "请输入文字描述", trigger: "blur" },
@@ -277,17 +356,19 @@ export default {
             min: 1,
             max: 200,
             message: "长度在 1 到 200 个字符",
-            trigger: "blur"
-          }
+            trigger: "blur",
+          },
         ],
         activeTime: [
-          { required: false, message: "请选择活动时间", trigger: "blur" }
+          { required: false, message: "请选择活动时间", trigger: "blur" },
         ],
         courseTime: [
-          { required: false, message: "请选择课程时间", trigger: "blur" }
+          { required: false, message: "请选择课程时间", trigger: "blur" },
         ],
         organ: [{ required: true, message: "请选择适用分部", trigger: "blur" }],
-        stauts: [{ required: true, message: "请选择活动形式", trigger: "blur" }]
+        stauts: [
+          { required: true, message: "请选择活动形式", trigger: "blur" },
+        ],
       },
       courseStatusList: [], // 获取所有课程形式
       activeType: "",
@@ -301,16 +382,30 @@ export default {
       paymentReadonlyFlag: false,
       attribute1: "",
       attribute2: "",
-      minCourseNum: "",
-      maxCourseNum:'',
+      courseNumForm: {
+        minCourseNum: "",
+        maxCourseNum: "",
+      },
       giveClassPaySalaryFlag: true,
       organList: [],
       onlineClassJoinGradientRewards: false,
-      offlineClassJoinGradientRewards: false
+      offlineClassJoinGradientRewards: false,
+      courseNumrules: {
+        minCourseNum: [
+          { required: true, message: '请输入最小课时数', trigger: 'blur' },
+          { validator: this.validateCom, trigger: 'blur' },
+          { validator: this.validateMin, trigger: 'blur' },
+        ],
+        maxCourseNum: [
+          { required: true, message: '请输入最大课时数', trigger: 'blur' },
+          { validator: this.validateCom, trigger: 'blur' },
+          { validator: this.validateMax, trigger: 'blur' },
+        ],
+      },
     };
   },
-  activated () {
-    this.onReSet()
+  activated() {
+    this.onReSet();
     // if (this.$route.query.rules) {
     //   this.rules = this.$route.query.rules;
     // }
@@ -318,11 +413,11 @@ export default {
     //   this.searchForm = this.$route.query.searchForm;
     // }
 
-    this.pageType = this.$route.query.type
+    this.pageType = this.$route.query.type;
     this.$refs.vipform.resetFields();
   },
 
-  async mounted () {
+  async mounted() {
     // 首先获取课程形式
     // vipGroupCategory().then(res => {
     //   if (res.code == 200) {
@@ -336,10 +431,10 @@ export default {
     //   }
     // });
     // 获取类型
-    await this.$store.dispatch('setVipGroupCategory')
+    await this.$store.dispatch("setVipGroupCategory");
     // 获取分部
-    await this.$store.dispatch('setBranchs')
-    this.onReSet()
+    await this.$store.dispatch("setBranchs");
+    this.onReSet();
     // if (this.$route.query.rules) {
     //   this.rules = this.$route.query.rules;
     // }
@@ -347,47 +442,84 @@ export default {
     //   this.searchForm = this.$route.query.searchForm;
     // }
 
-    this.pageType = this.$route.query.type
+    this.pageType = this.$route.query.type;
     this.$refs.vipform.resetFields();
   },
 
   methods: {
-    changeStauts (val) {
-      console.log(val)
+    resetForm() {
+      this.$refs.form.resetFields();
+    },
+    handleMinChange() {
+      this.$refs.form.validateField("maxCourseNum");
+    },
+    handleMaxChange() {
+      this.$refs.form.validateField("minCourseNum");
+    },
+    validateCom(rule, value, callback) {
+      const one = Number(value);
+      if (Number.isInteger(one)) {
+        if (one < MIN_NUMBER) {
+          return callback(new Error("输入值必须大于0"));
+        } else if (one > MAX_NUMBER) {
+          return callback(new Error("输入值必须小于999"));
+        }
+        return callback();
+      }
+      return callback(new Error("输入值必须为正整数"));
+    },
+    validateMin(rule, value, callback) {
+      const one = Number(value);
+      const max = Number(this.courseNumForm.maxCourseNum);
+      if (!max || one < max) {
+        return callback();
+      }
+      return callback(new Error("输入值不得大于最大课时数"));
     },
-    submitFrom () {
-      this.$refs["vipform"].validate(valid => {
+    validateMax(rule, value, callback) {
+      const one = Number(value);
+      const min = Number(this.courseNumForm.minCourseNum);
+      if (!min || one > min) {
+        return callback();
+      }
+      return callback(new Error("输入值不得小于最小课时数"));
+    },
+    changeStauts(val) {
+      console.log(val);
+    },
+    submitFrom() {
+      this.$refs["vipform"].validate((valid) => {
         if (valid) {
           // 验证通过
           let coursesStartTime = null,
-              coursesEndTime = null,
-              startTime = null,
-              endTime = null
-          if(this.vipform.courseTime && this.vipform.courseTime.length > 0) {
+            coursesEndTime = null,
+            startTime = null,
+            endTime = null;
+          if (this.vipform.courseTime && this.vipform.courseTime.length > 0) {
             coursesStartTime = this.vipform.courseTime[0];
             coursesEndTime = this.vipform.courseTime[1];
           }
-          if(this.vipform.activeTime && this.vipform.activeTime.length > 0) {
+          if (this.vipform.activeTime && this.vipform.activeTime.length > 0) {
             startTime = this.vipform.activeTime[0];
             endTime = this.vipform.activeTime[1];
           }
           let organId = this.vipform.organ.join(",");
           let type = this.activeType;
-          if(!type) {
-            this.$message.error('请选择活动类型')
-            return
+          if (!type) {
+            this.$message.error("请选择活动类型");
+            return;
           }
           if (type == "DISCOUNT") {
-            if (!this.attribute1 || this.attribute1 < 0 ) {
+            if (!this.attribute1 || this.attribute1 < 0) {
               this.$message.error("折扣必须大于等于0");
               return;
             }
-          } else if(type == 'GIVE_CLASS') {
-            if(!this.attribute1) {
+          } else if (type == "GIVE_CLASS") {
+            if (!this.attribute1) {
               this.$message.error("请输入多少节开始赠");
               return;
             }
-            if(!this.attribute2) {
+            if (!this.attribute2) {
               this.$message.error("请输入赠送课时数");
               return;
             }
@@ -397,34 +529,34 @@ export default {
           let offlineSalarySettlement;
           if (this.online) {
             // 勾选线上
-            if (this.onlineSalary == 'RATIO_DISCOUNT') {
+            if (this.onlineSalary == "RATIO_DISCOUNT") {
               if (this.onlineprice < 0 || this.onlineprice > 100) {
-                this.$message.error('折扣比必须大于0且小于100')
-                return
+                this.$message.error("折扣比必须大于0且小于100");
+                return;
               }
-            }else if(this.onlineSalary == 'TEACHER_DEFAULT'){
+            } else if (this.onlineSalary == "TEACHER_DEFAULT") {
               this.onlineprice = 0;
             }
             onlineSalarySettlement = {
               salarySettlementType: this.onlineSalary,
-              settlementValue: this.onlineprice
+              settlementValue: this.onlineprice,
             };
           } else {
             onlineSalarySettlement = null;
           }
           if (this.unonline) {
             // 勾选线下
-            if (this.unonlineSalary == 'RATIO_DISCOUNT') {
+            if (this.unonlineSalary == "RATIO_DISCOUNT") {
               if (this.unonlineprice < 0 || this.unonlineprice > 100) {
-                this.$message.error('折扣比必须大于0且小于100')
-                return
+                this.$message.error("折扣比必须大于0且小于100");
+                return;
               }
-            }else if(this.unonlineSalary == 'TEACHER_DEFAULT'){
+            } else if (this.unonlineSalary == "TEACHER_DEFAULT") {
               this.unonlineprice = 0;
             }
             offlineSalarySettlement = {
               salarySettlementType: this.unonlineSalary,
-              settlementValue: this.unonlineprice
+              settlementValue: this.unonlineprice,
             };
           } else {
             offlineSalarySettlement = null;
@@ -434,47 +566,51 @@ export default {
           // let giveClassPaySalaryFlag = this.giveClassPaySalaryFlag * 1;
           let vipGroupSalarySettlement = {
             onlineSalarySettlement,
-            offlineSalarySettlement
+            offlineSalarySettlement,
           };
           // 发请求创建活动
-          addVipActive(cleanDeep({
-            coursesStartTime,
-            coursesEndTime,
-            startTime,
-            endTime,
-            name: this.vipform.name,
-            description: this.vipform.desc,
-            organId,
-            type,
-            vipGroupCategoryIdList,
-            vipGroupSalarySettlement,
-            salaryReadonlyFlag,
-            paymentReadonlyFlag,
-            giveClassPaySalaryFlag: 1,
-            attribute1: this.attribute1,
-            attribute2: this.attribute2,
-            minCourseNum: this.minCourseNum,
-            maxCourseNum:this.maxCourseNum,
-            offlineClassJoinGradientRewards: this.offlineClassJoinGradientRewards * 1,
-            onlineClassJoinGradientRewards: this.onlineClassJoinGradientRewards * 1
-          })).then(res => {
+          addVipActive(
+            cleanDeep({
+              coursesStartTime,
+              coursesEndTime,
+              startTime,
+              endTime,
+              name: this.vipform.name,
+              description: this.vipform.desc,
+              organId,
+              type,
+              vipGroupCategoryIdList,
+              vipGroupSalarySettlement,
+              salaryReadonlyFlag,
+              paymentReadonlyFlag,
+              giveClassPaySalaryFlag: 1,
+              attribute1: this.attribute1,
+              attribute2: this.attribute2,
+              minCourseNum: this.courseNumForm.minCourseNum,
+              maxCourseNum: this.courseNumForm.maxCourseNum,
+              offlineClassJoinGradientRewards:
+                this.offlineClassJoinGradientRewards * 1,
+              onlineClassJoinGradientRewards:
+                this.onlineClassJoinGradientRewards * 1,
+            })
+          ).then((res) => {
             if (res.code == 200) {
               this.$message.success("恭喜你,活动创建成功");
               this.onReSet();
-              this.$store.dispatch('delVisitedViews', this.$route)
+              this.$store.dispatch("delVisitedViews", this.$route);
               this.$router.push({
-                path: "/vipActiveManager/vipActiveList"
+                path: "/vipActiveManager/vipActiveList",
               });
             }
           });
         } else {
           this.$nextTick(() => {
-            let isError = document.getElementsByClassName('is-error')
+            let isError = document.getElementsByClassName("is-error");
             isError[0].scrollIntoView({
-              block: 'center',
-              behavior: 'smooth',
-            })
-          })
+              block: "center",
+              behavior: "smooth",
+            });
+          });
           // this.$message.error("请填写必要参数");
         }
       });
@@ -482,31 +618,31 @@ export default {
       // 线上线下课 勾选就传不勾选就不传
       // addVipActive().then(res => { })
     },
-    onOrganChange () {
-      this.$forceUpdate()
+    onOrganChange() {
+      this.$forceUpdate();
     },
-    onCheckAllBranch () {
+    onCheckAllBranch() {
       // 选择所有分部
-      let vipform = this.vipform
+      let vipform = this.vipform;
       vipform.organ = [];
-      this.selects.branchs.forEach(item => {
+      this.selects.branchs.forEach((item) => {
         vipform.organ.push(item.id);
       });
-      this.$forceUpdate()
+      this.$forceUpdate();
     },
-    onCancel () {
-      this.$store.dispatch('delVisitedViews', this.$route)
+    onCancel() {
+      this.$store.dispatch("delVisitedViews", this.$route);
       this.$router.push({
         path: "/vipActiveManager/vipActiveList",
-        query: { rules: this.rules, searchForm: this.searchForm }
+        query: { rules: this.rules, searchForm: this.searchForm },
       });
     },
-    onReSet () {
+    onReSet() {
       this.vipform = {
         name: "",
         desc: "",
         activeTime: [],
-        courseTime: []
+        courseTime: [],
       };
       this.activeType = "";
       this.online = true;
@@ -518,14 +654,13 @@ export default {
       this.unonlineprice = "";
       this.onlineClassJoinGradientRewards = false;
       this.offlineClassJoinGradientRewards = false;
-      this.attribute1 = ''
-      this.attribute2 = ''
-      this.maxCourseNum = ''
-      this.minCourseNum= ''
+      this.attribute1 = "";
+      this.attribute2 = "";
+      this.courseNumForm.maxCourseNum = "";
+      this.courseNumForm.minCourseNum = "";
       this.$refs.vipform.resetFields();
-
-    }
-  }
+    },
+  },
 };
 </script>
 <style lang="scss" scoped>