|  | @@ -1,332 +1,336 @@
 | 
	
		
			
				|  |  |  <template>
 | 
	
		
			
				|  |  |    <div class="m-container">
 | 
	
		
			
				|  |  | -    <el-page-header @back="onCancel" :content="title"></el-page-header>
 | 
	
		
			
				|  |  | +    <h2>
 | 
	
		
			
				|  |  | +      <el-page-header @back="onCancel" :content="title"></el-page-header>
 | 
	
		
			
				|  |  | +    </h2>
 | 
	
		
			
				|  |  |      <!-- <h3 class="infoTitle">优惠券信息</h3>
 | 
	
		
			
				|  |  |      <el-divider></el-divider> -->
 | 
	
		
			
				|  |  | -    <el-form :model="form" ref="form" class="form">
 | 
	
		
			
				|  |  | -      <el-row>
 | 
	
		
			
				|  |  | -        <el-col style="width: 500px">
 | 
	
		
			
				|  |  | -          <el-form-item
 | 
	
		
			
				|  |  | -            label="优惠券名称"
 | 
	
		
			
				|  |  | -            prop="name"
 | 
	
		
			
				|  |  | -            :rules="[{ required: true, message: '请输入优惠卷名称' }]"
 | 
	
		
			
				|  |  | -          >
 | 
	
		
			
				|  |  | -            <el-input
 | 
	
		
			
				|  |  | -              :disabled="isDisabled"
 | 
	
		
			
				|  |  | -              v-model="form.name"
 | 
	
		
			
				|  |  | -              placeholder="请输入优惠卷名称"
 | 
	
		
			
				|  |  | -            ></el-input>
 | 
	
		
			
				|  |  | -          </el-form-item>
 | 
	
		
			
				|  |  | -        </el-col>
 | 
	
		
			
				|  |  | -      </el-row>
 | 
	
		
			
				|  |  | -      <el-row>
 | 
	
		
			
				|  |  | -        <el-col style="width: 500px">
 | 
	
		
			
				|  |  | -          <el-form-item
 | 
	
		
			
				|  |  | -            label="描述"
 | 
	
		
			
				|  |  | -            prop="description"
 | 
	
		
			
				|  |  | -            :rules="[{ required: true, message: '请输入优惠卷描述' }]"
 | 
	
		
			
				|  |  | -          >
 | 
	
		
			
				|  |  | -            <el-input
 | 
	
		
			
				|  |  | -              :disabled="isDisabled"
 | 
	
		
			
				|  |  | -              v-model="form.description"
 | 
	
		
			
				|  |  | -              maxlength="20"
 | 
	
		
			
				|  |  | -              type="textarea"
 | 
	
		
			
				|  |  | -              :rows="3"
 | 
	
		
			
				|  |  | -              show-word-limit
 | 
	
		
			
				|  |  | -              placeholder="请输入优惠券描述,该描述会在优惠券上展示"
 | 
	
		
			
				|  |  | -            ></el-input>
 | 
	
		
			
				|  |  | -          </el-form-item>
 | 
	
		
			
				|  |  | -        </el-col>
 | 
	
		
			
				|  |  | -      </el-row>
 | 
	
		
			
				|  |  | -      <el-row :gutter="20">
 | 
	
		
			
				|  |  | -        <el-col style="width: 395px">
 | 
	
		
			
				|  |  | -          <el-form-item
 | 
	
		
			
				|  |  | -            label="领券方式"
 | 
	
		
			
				|  |  | -            prop="issuanceType"
 | 
	
		
			
				|  |  | -            :rules="[{ required: true, message: '领券方式' }]"
 | 
	
		
			
				|  |  | -          >
 | 
	
		
			
				|  |  | -            <el-select
 | 
	
		
			
				|  |  | -              :disabled="isDisabled"
 | 
	
		
			
				|  |  | -              placeholder="领券方式"
 | 
	
		
			
				|  |  | -              v-model.trim="form.issuanceType"
 | 
	
		
			
				|  |  | -              filterable
 | 
	
		
			
				|  |  | -              clearable
 | 
	
		
			
				|  |  | -              style="width: 355px !important"
 | 
	
		
			
				|  |  | +    <div class="m-core">
 | 
	
		
			
				|  |  | +      <el-form :model="form" ref="form" class="form">
 | 
	
		
			
				|  |  | +        <el-row>
 | 
	
		
			
				|  |  | +          <el-col style="width: 500px">
 | 
	
		
			
				|  |  | +            <el-form-item
 | 
	
		
			
				|  |  | +              label="优惠券名称"
 | 
	
		
			
				|  |  | +              prop="name"
 | 
	
		
			
				|  |  | +              :rules="[{ required: true, message: '请输入优惠卷名称' }]"
 | 
	
		
			
				|  |  |              >
 | 
	
		
			
				|  |  | -              <el-option :value="0" label="学员主动领取"></el-option>
 | 
	
		
			
				|  |  | -              <el-option :value="1" label="后台手动发放"></el-option>
 | 
	
		
			
				|  |  | -            </el-select>
 | 
	
		
			
				|  |  | -          </el-form-item>
 | 
	
		
			
				|  |  | -        </el-col>
 | 
	
		
			
				|  |  | -        <el-col style="width: 395px">
 | 
	
		
			
				|  |  | -          <el-form-item
 | 
	
		
			
				|  |  | -            label="优惠券类型"
 | 
	
		
			
				|  |  | -            prop="typeDetail"
 | 
	
		
			
				|  |  | -            :rules="[{ required: true, message: '请选择优惠券类型' }]"
 | 
	
		
			
				|  |  | -          >
 | 
	
		
			
				|  |  | -            <el-select
 | 
	
		
			
				|  |  | -              :disabled="isDisabled"
 | 
	
		
			
				|  |  | -              placeholder="请选择优惠券类型"
 | 
	
		
			
				|  |  | -              v-model.trim="form.typeDetail"
 | 
	
		
			
				|  |  | -              filterable
 | 
	
		
			
				|  |  | -              clearable
 | 
	
		
			
				|  |  | -              style="width: 355px !important"
 | 
	
		
			
				|  |  | +              <el-input
 | 
	
		
			
				|  |  | +                :disabled="isDisabled"
 | 
	
		
			
				|  |  | +                v-model="form.name"
 | 
	
		
			
				|  |  | +                placeholder="请输入优惠卷名称"
 | 
	
		
			
				|  |  | +              ></el-input>
 | 
	
		
			
				|  |  | +            </el-form-item>
 | 
	
		
			
				|  |  | +          </el-col>
 | 
	
		
			
				|  |  | +        </el-row>
 | 
	
		
			
				|  |  | +        <el-row>
 | 
	
		
			
				|  |  | +          <el-col style="width: 500px">
 | 
	
		
			
				|  |  | +            <el-form-item
 | 
	
		
			
				|  |  | +              label="描述"
 | 
	
		
			
				|  |  | +              prop="description"
 | 
	
		
			
				|  |  | +              :rules="[{ required: true, message: '请输入优惠卷描述' }]"
 | 
	
		
			
				|  |  |              >
 | 
	
		
			
				|  |  | -              <el-option
 | 
	
		
			
				|  |  | -                v-for="item in coupontypeDetail"
 | 
	
		
			
				|  |  | -                :key="item.value"
 | 
	
		
			
				|  |  | -                :value="item.value"
 | 
	
		
			
				|  |  | -                :label="item.label"
 | 
	
		
			
				|  |  | -              ></el-option>
 | 
	
		
			
				|  |  | -            </el-select>
 | 
	
		
			
				|  |  | -          </el-form-item>
 | 
	
		
			
				|  |  | -        </el-col>
 | 
	
		
			
				|  |  | -      </el-row>
 | 
	
		
			
				|  |  | -      <el-row :gutter="20">
 | 
	
		
			
				|  |  | -        <!-- <el-col style="width: 395px">
 | 
	
		
			
				|  |  | -          <el-form-item
 | 
	
		
			
				|  |  | -            label="优惠券类型"
 | 
	
		
			
				|  |  | -            prop="type"
 | 
	
		
			
				|  |  | -            :rules="[{ required: true, message: '请选择优惠卷类型' }]"
 | 
	
		
			
				|  |  | -          >
 | 
	
		
			
				|  |  | -            <el-select
 | 
	
		
			
				|  |  | -              :disabled="isDisabled"
 | 
	
		
			
				|  |  | -              placeholder="优惠券类型"
 | 
	
		
			
				|  |  | -              v-model.trim="form.type"
 | 
	
		
			
				|  |  | -              filterable
 | 
	
		
			
				|  |  | -              clearable
 | 
	
		
			
				|  |  | -              @change="changeType"
 | 
	
		
			
				|  |  | -              style="width: 355px !important"
 | 
	
		
			
				|  |  | +              <el-input
 | 
	
		
			
				|  |  | +                :disabled="isDisabled"
 | 
	
		
			
				|  |  | +                v-model="form.description"
 | 
	
		
			
				|  |  | +                maxlength="20"
 | 
	
		
			
				|  |  | +                type="textarea"
 | 
	
		
			
				|  |  | +                :rows="3"
 | 
	
		
			
				|  |  | +                show-word-limit
 | 
	
		
			
				|  |  | +                placeholder="请输入优惠券描述,该描述会在优惠券上展示"
 | 
	
		
			
				|  |  | +              ></el-input>
 | 
	
		
			
				|  |  | +            </el-form-item>
 | 
	
		
			
				|  |  | +          </el-col>
 | 
	
		
			
				|  |  | +        </el-row>
 | 
	
		
			
				|  |  | +        <el-row :gutter="20">
 | 
	
		
			
				|  |  | +          <el-col style="width: 395px">
 | 
	
		
			
				|  |  | +            <el-form-item
 | 
	
		
			
				|  |  | +              label="领券方式"
 | 
	
		
			
				|  |  | +              prop="issuanceType"
 | 
	
		
			
				|  |  | +              :rules="[{ required: true, message: '领券方式' }]"
 | 
	
		
			
				|  |  |              >
 | 
	
		
			
				|  |  | -              <el-option
 | 
	
		
			
				|  |  | -                v-for="item in couponTypeList"
 | 
	
		
			
				|  |  | -                :key="item.value"
 | 
	
		
			
				|  |  | -                :value="item.value"
 | 
	
		
			
				|  |  | -                :label="item.label"
 | 
	
		
			
				|  |  | -              ></el-option>
 | 
	
		
			
				|  |  | -            </el-select>
 | 
	
		
			
				|  |  | -          </el-form-item>
 | 
	
		
			
				|  |  | -        </el-col> -->
 | 
	
		
			
				|  |  | -        <el-col style="width: 395px" v-if="form.type == 'FULL_REDUCTION'">
 | 
	
		
			
				|  |  | -          <el-form-item
 | 
	
		
			
				|  |  | -            label="满减金额"
 | 
	
		
			
				|  |  | -            prop="fullAmount"
 | 
	
		
			
				|  |  | -            :rules="[{ required: true, message: '请输入满减金额' }]"
 | 
	
		
			
				|  |  | -          >
 | 
	
		
			
				|  |  | -            <el-input
 | 
	
		
			
				|  |  | -              v-model="form.fullAmount"
 | 
	
		
			
				|  |  | -              placeholder="请输入满减金额"
 | 
	
		
			
				|  |  | -              :disabled="isDisabled"
 | 
	
		
			
				|  |  | +              <el-select
 | 
	
		
			
				|  |  | +                :disabled="isDisabled"
 | 
	
		
			
				|  |  | +                placeholder="领券方式"
 | 
	
		
			
				|  |  | +                v-model.trim="form.issuanceType"
 | 
	
		
			
				|  |  | +                filterable
 | 
	
		
			
				|  |  | +                clearable
 | 
	
		
			
				|  |  | +                style="width: 355px !important"
 | 
	
		
			
				|  |  | +              >
 | 
	
		
			
				|  |  | +                <el-option :value="0" label="学员主动领取"></el-option>
 | 
	
		
			
				|  |  | +                <el-option :value="1" label="后台手动发放"></el-option>
 | 
	
		
			
				|  |  | +              </el-select>
 | 
	
		
			
				|  |  | +            </el-form-item>
 | 
	
		
			
				|  |  | +          </el-col>
 | 
	
		
			
				|  |  | +          <el-col style="width: 395px">
 | 
	
		
			
				|  |  | +            <el-form-item
 | 
	
		
			
				|  |  | +              label="优惠券类型"
 | 
	
		
			
				|  |  | +              prop="typeDetail"
 | 
	
		
			
				|  |  | +              :rules="[{ required: true, message: '请选择优惠券类型' }]"
 | 
	
		
			
				|  |  |              >
 | 
	
		
			
				|  |  | -              <template slot="append">元</template>
 | 
	
		
			
				|  |  | -            </el-input>
 | 
	
		
			
				|  |  | -          </el-form-item>
 | 
	
		
			
				|  |  | -        </el-col>
 | 
	
		
			
				|  |  | -        <el-col style="width: 395px" v-if="form.type == 'FULL_REDUCTION'">
 | 
	
		
			
				|  |  | -          <el-form-item
 | 
	
		
			
				|  |  | -            label="面值"
 | 
	
		
			
				|  |  | -            prop="faceValue"
 | 
	
		
			
				|  |  | -            :rules="[{ required: true, message: '请输入面值' }]"
 | 
	
		
			
				|  |  | -          >
 | 
	
		
			
				|  |  | -            <el-input
 | 
	
		
			
				|  |  | -              v-model="form.faceValue"
 | 
	
		
			
				|  |  | -              placeholder="请输入面值"
 | 
	
		
			
				|  |  | -              :disabled="isDisabled"
 | 
	
		
			
				|  |  | +              <el-select
 | 
	
		
			
				|  |  | +                :disabled="isDisabled"
 | 
	
		
			
				|  |  | +                placeholder="请选择优惠券类型"
 | 
	
		
			
				|  |  | +                v-model.trim="form.typeDetail"
 | 
	
		
			
				|  |  | +                filterable
 | 
	
		
			
				|  |  | +                clearable
 | 
	
		
			
				|  |  | +                style="width: 355px !important"
 | 
	
		
			
				|  |  | +              >
 | 
	
		
			
				|  |  | +                <el-option
 | 
	
		
			
				|  |  | +                  v-for="item in coupontypeDetail"
 | 
	
		
			
				|  |  | +                  :key="item.value"
 | 
	
		
			
				|  |  | +                  :value="item.value"
 | 
	
		
			
				|  |  | +                  :label="item.label"
 | 
	
		
			
				|  |  | +                ></el-option>
 | 
	
		
			
				|  |  | +              </el-select>
 | 
	
		
			
				|  |  | +            </el-form-item>
 | 
	
		
			
				|  |  | +          </el-col>
 | 
	
		
			
				|  |  | +        </el-row>
 | 
	
		
			
				|  |  | +        <el-row :gutter="20">
 | 
	
		
			
				|  |  | +          <!-- <el-col style="width: 395px">
 | 
	
		
			
				|  |  | +            <el-form-item
 | 
	
		
			
				|  |  | +              label="优惠券类型"
 | 
	
		
			
				|  |  | +              prop="type"
 | 
	
		
			
				|  |  | +              :rules="[{ required: true, message: '请选择优惠卷类型' }]"
 | 
	
		
			
				|  |  | +            >
 | 
	
		
			
				|  |  | +              <el-select
 | 
	
		
			
				|  |  | +                :disabled="isDisabled"
 | 
	
		
			
				|  |  | +                placeholder="优惠券类型"
 | 
	
		
			
				|  |  | +                v-model.trim="form.type"
 | 
	
		
			
				|  |  | +                filterable
 | 
	
		
			
				|  |  | +                clearable
 | 
	
		
			
				|  |  | +                @change="changeType"
 | 
	
		
			
				|  |  | +                style="width: 355px !important"
 | 
	
		
			
				|  |  | +              >
 | 
	
		
			
				|  |  | +                <el-option
 | 
	
		
			
				|  |  | +                  v-for="item in couponTypeList"
 | 
	
		
			
				|  |  | +                  :key="item.value"
 | 
	
		
			
				|  |  | +                  :value="item.value"
 | 
	
		
			
				|  |  | +                  :label="item.label"
 | 
	
		
			
				|  |  | +                ></el-option>
 | 
	
		
			
				|  |  | +              </el-select>
 | 
	
		
			
				|  |  | +            </el-form-item>
 | 
	
		
			
				|  |  | +          </el-col> -->
 | 
	
		
			
				|  |  | +          <el-col style="width: 395px" v-if="form.type == 'FULL_REDUCTION'">
 | 
	
		
			
				|  |  | +            <el-form-item
 | 
	
		
			
				|  |  | +              label="满减金额"
 | 
	
		
			
				|  |  | +              prop="fullAmount"
 | 
	
		
			
				|  |  | +              :rules="[{ required: true, message: '请输入满减金额' }]"
 | 
	
		
			
				|  |  | +            >
 | 
	
		
			
				|  |  | +              <el-input
 | 
	
		
			
				|  |  | +                v-model="form.fullAmount"
 | 
	
		
			
				|  |  | +                placeholder="请输入满减金额"
 | 
	
		
			
				|  |  | +                :disabled="isDisabled"
 | 
	
		
			
				|  |  | +              >
 | 
	
		
			
				|  |  | +                <template slot="append">元</template>
 | 
	
		
			
				|  |  | +              </el-input>
 | 
	
		
			
				|  |  | +            </el-form-item>
 | 
	
		
			
				|  |  | +          </el-col>
 | 
	
		
			
				|  |  | +          <el-col style="width: 395px" v-if="form.type == 'FULL_REDUCTION'">
 | 
	
		
			
				|  |  | +            <el-form-item
 | 
	
		
			
				|  |  | +              label="面值"
 | 
	
		
			
				|  |  | +              prop="faceValue"
 | 
	
		
			
				|  |  | +              :rules="[{ required: true, message: '请输入面值' }]"
 | 
	
		
			
				|  |  |              >
 | 
	
		
			
				|  |  | -              <template slot="append">元</template>
 | 
	
		
			
				|  |  | -            </el-input>
 | 
	
		
			
				|  |  | -          </el-form-item>
 | 
	
		
			
				|  |  | -        </el-col>
 | 
	
		
			
				|  |  | +              <el-input
 | 
	
		
			
				|  |  | +                v-model="form.faceValue"
 | 
	
		
			
				|  |  | +                placeholder="请输入面值"
 | 
	
		
			
				|  |  | +                :disabled="isDisabled"
 | 
	
		
			
				|  |  | +              >
 | 
	
		
			
				|  |  | +                <template slot="append">元</template>
 | 
	
		
			
				|  |  | +              </el-input>
 | 
	
		
			
				|  |  | +            </el-form-item>
 | 
	
		
			
				|  |  | +          </el-col>
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  | -        <el-col style="width: 395px" v-if="form.type == 'DISCOUNT'">
 | 
	
		
			
				|  |  | -          <el-form-item
 | 
	
		
			
				|  |  | -            label="折扣"
 | 
	
		
			
				|  |  | -            prop="faceValue"
 | 
	
		
			
				|  |  | -            :rules="[{ required: true, message: '请输入折扣' }]"
 | 
	
		
			
				|  |  | -          >
 | 
	
		
			
				|  |  | -            <el-input
 | 
	
		
			
				|  |  | -              v-model="form.faceValue"
 | 
	
		
			
				|  |  | -              placeholder="请输入折扣"
 | 
	
		
			
				|  |  | -              :disabled="isDisabled"
 | 
	
		
			
				|  |  | +          <el-col style="width: 395px" v-if="form.type == 'DISCOUNT'">
 | 
	
		
			
				|  |  | +            <el-form-item
 | 
	
		
			
				|  |  | +              label="折扣"
 | 
	
		
			
				|  |  | +              prop="faceValue"
 | 
	
		
			
				|  |  | +              :rules="[{ required: true, message: '请输入折扣' }]"
 | 
	
		
			
				|  |  |              >
 | 
	
		
			
				|  |  | -              <template slot="append">%</template>
 | 
	
		
			
				|  |  | -            </el-input>
 | 
	
		
			
				|  |  | -          </el-form-item>
 | 
	
		
			
				|  |  | -        </el-col>
 | 
	
		
			
				|  |  | -      </el-row>
 | 
	
		
			
				|  |  | +              <el-input
 | 
	
		
			
				|  |  | +                v-model="form.faceValue"
 | 
	
		
			
				|  |  | +                placeholder="请输入折扣"
 | 
	
		
			
				|  |  | +                :disabled="isDisabled"
 | 
	
		
			
				|  |  | +              >
 | 
	
		
			
				|  |  | +                <template slot="append">%</template>
 | 
	
		
			
				|  |  | +              </el-input>
 | 
	
		
			
				|  |  | +            </el-form-item>
 | 
	
		
			
				|  |  | +          </el-col>
 | 
	
		
			
				|  |  | +        </el-row>
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  | -      <el-row :gutter="20">
 | 
	
		
			
				|  |  | -        <el-col style="width: 395px">
 | 
	
		
			
				|  |  | -          <el-form-item
 | 
	
		
			
				|  |  | -            label="有效期类型"
 | 
	
		
			
				|  |  | -            prop="effectiveType"
 | 
	
		
			
				|  |  | -            :rules="[{ required: true, message: '请选择有效期类型' }]"
 | 
	
		
			
				|  |  | -          >
 | 
	
		
			
				|  |  | -            <el-select
 | 
	
		
			
				|  |  | -              style="width: 355px !important"
 | 
	
		
			
				|  |  | -              placeholder="优惠券类型"
 | 
	
		
			
				|  |  | -              v-model.trim="form.effectiveType"
 | 
	
		
			
				|  |  | -              filterable
 | 
	
		
			
				|  |  | -              clearable
 | 
	
		
			
				|  |  | -              @change="changeEffectiveType"
 | 
	
		
			
				|  |  | -              :disabled="isDisabled"
 | 
	
		
			
				|  |  | +        <el-row :gutter="20">
 | 
	
		
			
				|  |  | +          <el-col style="width: 395px">
 | 
	
		
			
				|  |  | +            <el-form-item
 | 
	
		
			
				|  |  | +              label="有效期类型"
 | 
	
		
			
				|  |  | +              prop="effectiveType"
 | 
	
		
			
				|  |  | +              :rules="[{ required: true, message: '请选择有效期类型' }]"
 | 
	
		
			
				|  |  |              >
 | 
	
		
			
				|  |  | -              <el-option label="固定有效期天数" value="DAYS"></el-option>
 | 
	
		
			
				|  |  | -              <el-option label="固定时间段" value="TIME_BUCKET"></el-option>
 | 
	
		
			
				|  |  | -            </el-select>
 | 
	
		
			
				|  |  | -          </el-form-item>
 | 
	
		
			
				|  |  | -        </el-col>
 | 
	
		
			
				|  |  | -        <el-col style="width: 395px" v-if="form.effectiveType == 'DAYS'">
 | 
	
		
			
				|  |  | -          <el-form-item
 | 
	
		
			
				|  |  | -            prop="deadline"
 | 
	
		
			
				|  |  | -            :rules="[{ required: true, message: '请输入有效期天数' }]"
 | 
	
		
			
				|  |  | -          >
 | 
	
		
			
				|  |  | -            <span style="color: #606266"
 | 
	
		
			
				|  |  | -              ><span style="color: #f56c6c">*</span>有效期天数
 | 
	
		
			
				|  |  | -              <el-tooltip placement="top" popper-class="mTooltip">
 | 
	
		
			
				|  |  | -                <div slot="content">自领取之日起多少天有效</div>
 | 
	
		
			
				|  |  | -                <i
 | 
	
		
			
				|  |  | -                  class="el-icon-question"
 | 
	
		
			
				|  |  | -                  style="font-size: 18px; color: #f56c6c"
 | 
	
		
			
				|  |  | -                ></i> </el-tooltip
 | 
	
		
			
				|  |  | -            ></span>
 | 
	
		
			
				|  |  | -            <el-input
 | 
	
		
			
				|  |  | -              v-model="form.deadline"
 | 
	
		
			
				|  |  | -              placeholder="请输入有效期天数"
 | 
	
		
			
				|  |  | -              :disabled="isDisabled"
 | 
	
		
			
				|  |  | +              <el-select
 | 
	
		
			
				|  |  | +                style="width: 355px !important"
 | 
	
		
			
				|  |  | +                placeholder="优惠券类型"
 | 
	
		
			
				|  |  | +                v-model.trim="form.effectiveType"
 | 
	
		
			
				|  |  | +                filterable
 | 
	
		
			
				|  |  | +                clearable
 | 
	
		
			
				|  |  | +                @change="changeEffectiveType"
 | 
	
		
			
				|  |  | +                :disabled="isDisabled"
 | 
	
		
			
				|  |  | +              >
 | 
	
		
			
				|  |  | +                <el-option label="固定有效期天数" value="DAYS"></el-option>
 | 
	
		
			
				|  |  | +                <el-option label="固定时间段" value="TIME_BUCKET"></el-option>
 | 
	
		
			
				|  |  | +              </el-select>
 | 
	
		
			
				|  |  | +            </el-form-item>
 | 
	
		
			
				|  |  | +          </el-col>
 | 
	
		
			
				|  |  | +          <el-col style="width: 395px" v-if="form.effectiveType == 'DAYS'">
 | 
	
		
			
				|  |  | +            <el-form-item
 | 
	
		
			
				|  |  | +              prop="deadline"
 | 
	
		
			
				|  |  | +              :rules="[{ required: true, message: '请输入有效期天数' }]"
 | 
	
		
			
				|  |  |              >
 | 
	
		
			
				|  |  | -              <template slot="append">天</template>
 | 
	
		
			
				|  |  | -            </el-input>
 | 
	
		
			
				|  |  | -          </el-form-item>
 | 
	
		
			
				|  |  | -        </el-col>
 | 
	
		
			
				|  |  | -        <el-col style="width: 395px" v-if="form.effectiveType == 'TIME_BUCKET'">
 | 
	
		
			
				|  |  | -          <el-form-item
 | 
	
		
			
				|  |  | -            prop="effectiveTime"
 | 
	
		
			
				|  |  | -            :rules="[{ required: true, message: '请选择有效期' }]"
 | 
	
		
			
				|  |  | -          >
 | 
	
		
			
				|  |  | -            <span style="color: #606266"
 | 
	
		
			
				|  |  | -              ><span style="color: #f56c6c">*</span>有效期
 | 
	
		
			
				|  |  | -              <el-tooltip placement="top" popper-class="mTooltip">
 | 
	
		
			
				|  |  | -                <div slot="content">优惠券可使用时间段</div>
 | 
	
		
			
				|  |  | -                <i
 | 
	
		
			
				|  |  | -                  class="el-icon-question"
 | 
	
		
			
				|  |  | -                  style="font-size: 18px; color: #f56c6c"
 | 
	
		
			
				|  |  | -                ></i> </el-tooltip
 | 
	
		
			
				|  |  | -            ></span>
 | 
	
		
			
				|  |  | -            <el-date-picker
 | 
	
		
			
				|  |  | -              style="width: 100%"
 | 
	
		
			
				|  |  | -              v-model="form.effectiveTime"
 | 
	
		
			
				|  |  | -              :picker-options="{ firstDayOfWeek: 1 }"
 | 
	
		
			
				|  |  | -              type="datetimerange"
 | 
	
		
			
				|  |  | -              :default-time="['00:00:00', '23:59:59']"
 | 
	
		
			
				|  |  | -              range-separator="-"
 | 
	
		
			
				|  |  | -              start-placeholder="活动开始日期"
 | 
	
		
			
				|  |  | -              end-placeholder="活动结束日期"
 | 
	
		
			
				|  |  | -              :disabled="isDisabled"
 | 
	
		
			
				|  |  | +              <span style="color: #606266"
 | 
	
		
			
				|  |  | +                ><span style="color: #f56c6c">*</span>有效期天数
 | 
	
		
			
				|  |  | +                <el-tooltip placement="top" popper-class="mTooltip">
 | 
	
		
			
				|  |  | +                  <div slot="content">自领取之日起多少天有效</div>
 | 
	
		
			
				|  |  | +                  <i
 | 
	
		
			
				|  |  | +                    class="el-icon-question"
 | 
	
		
			
				|  |  | +                    style="font-size: 18px; color: #f56c6c"
 | 
	
		
			
				|  |  | +                  ></i> </el-tooltip
 | 
	
		
			
				|  |  | +              ></span>
 | 
	
		
			
				|  |  | +              <el-input
 | 
	
		
			
				|  |  | +                v-model="form.deadline"
 | 
	
		
			
				|  |  | +                placeholder="请输入有效期天数"
 | 
	
		
			
				|  |  | +                :disabled="isDisabled"
 | 
	
		
			
				|  |  | +              >
 | 
	
		
			
				|  |  | +                <template slot="append">天</template>
 | 
	
		
			
				|  |  | +              </el-input>
 | 
	
		
			
				|  |  | +            </el-form-item>
 | 
	
		
			
				|  |  | +          </el-col>
 | 
	
		
			
				|  |  | +          <el-col style="width: 395px" v-if="form.effectiveType == 'TIME_BUCKET'">
 | 
	
		
			
				|  |  | +            <el-form-item
 | 
	
		
			
				|  |  | +              prop="effectiveTime"
 | 
	
		
			
				|  |  | +              :rules="[{ required: true, message: '请选择有效期' }]"
 | 
	
		
			
				|  |  |              >
 | 
	
		
			
				|  |  | -            </el-date-picker>
 | 
	
		
			
				|  |  | -          </el-form-item>
 | 
	
		
			
				|  |  | -        </el-col>
 | 
	
		
			
				|  |  | -      </el-row>
 | 
	
		
			
				|  |  | -      <el-row :gutter="20">
 | 
	
		
			
				|  |  | -        <el-col style="width: 395px">
 | 
	
		
			
				|  |  | -          <el-form-item
 | 
	
		
			
				|  |  | -            label="库存总量"
 | 
	
		
			
				|  |  | -            prop="stockCount"
 | 
	
		
			
				|  |  | -            :rules="[{ required: true, message: '请输入库存总量' }]"
 | 
	
		
			
				|  |  | -          >
 | 
	
		
			
				|  |  | -            <el-input
 | 
	
		
			
				|  |  | -              :disabled="form.stockCount == -1"
 | 
	
		
			
				|  |  | -              v-model="form.stockCount"
 | 
	
		
			
				|  |  | -              placeholder="请输入库存总量"
 | 
	
		
			
				|  |  | +              <span style="color: #606266"
 | 
	
		
			
				|  |  | +                ><span style="color: #f56c6c">*</span>有效期
 | 
	
		
			
				|  |  | +                <el-tooltip placement="top" popper-class="mTooltip">
 | 
	
		
			
				|  |  | +                  <div slot="content">优惠券可使用时间段</div>
 | 
	
		
			
				|  |  | +                  <i
 | 
	
		
			
				|  |  | +                    class="el-icon-question"
 | 
	
		
			
				|  |  | +                    style="font-size: 18px; color: #f56c6c"
 | 
	
		
			
				|  |  | +                  ></i> </el-tooltip
 | 
	
		
			
				|  |  | +              ></span>
 | 
	
		
			
				|  |  | +              <el-date-picker
 | 
	
		
			
				|  |  | +                style="width: 100%"
 | 
	
		
			
				|  |  | +                v-model="form.effectiveTime"
 | 
	
		
			
				|  |  | +                :picker-options="{ firstDayOfWeek: 1 }"
 | 
	
		
			
				|  |  | +                type="datetimerange"
 | 
	
		
			
				|  |  | +                :default-time="['00:00:00', '23:59:59']"
 | 
	
		
			
				|  |  | +                range-separator="-"
 | 
	
		
			
				|  |  | +                start-placeholder="活动开始日期"
 | 
	
		
			
				|  |  | +                end-placeholder="活动结束日期"
 | 
	
		
			
				|  |  | +                :disabled="isDisabled"
 | 
	
		
			
				|  |  | +              >
 | 
	
		
			
				|  |  | +              </el-date-picker>
 | 
	
		
			
				|  |  | +            </el-form-item>
 | 
	
		
			
				|  |  | +          </el-col>
 | 
	
		
			
				|  |  | +        </el-row>
 | 
	
		
			
				|  |  | +        <el-row :gutter="20">
 | 
	
		
			
				|  |  | +          <el-col style="width: 395px">
 | 
	
		
			
				|  |  | +            <el-form-item
 | 
	
		
			
				|  |  | +              label="库存总量"
 | 
	
		
			
				|  |  | +              prop="stockCount"
 | 
	
		
			
				|  |  | +              :rules="[{ required: true, message: '请输入库存总量' }]"
 | 
	
		
			
				|  |  |              >
 | 
	
		
			
				|  |  | -              <template slot="append">张</template>
 | 
	
		
			
				|  |  | -            </el-input>
 | 
	
		
			
				|  |  | -            <el-checkbox
 | 
	
		
			
				|  |  | -              v-model="form.stockCount"
 | 
	
		
			
				|  |  | -              :true-label="-1"
 | 
	
		
			
				|  |  | -              false-label=""
 | 
	
		
			
				|  |  | -              @change="
 | 
	
		
			
				|  |  | -                (val) => {
 | 
	
		
			
				|  |  | -                  checkNo(val, 'stockCount');
 | 
	
		
			
				|  |  | -                }
 | 
	
		
			
				|  |  | -              "
 | 
	
		
			
				|  |  | -              >不限制</el-checkbox
 | 
	
		
			
				|  |  | +              <el-input
 | 
	
		
			
				|  |  | +                :disabled="form.stockCount == -1"
 | 
	
		
			
				|  |  | +                v-model="form.stockCount"
 | 
	
		
			
				|  |  | +                placeholder="请输入库存总量"
 | 
	
		
			
				|  |  | +              >
 | 
	
		
			
				|  |  | +                <template slot="append">张</template>
 | 
	
		
			
				|  |  | +              </el-input>
 | 
	
		
			
				|  |  | +              <el-checkbox
 | 
	
		
			
				|  |  | +                v-model="form.stockCount"
 | 
	
		
			
				|  |  | +                :true-label="-1"
 | 
	
		
			
				|  |  | +                false-label=""
 | 
	
		
			
				|  |  | +                @change="
 | 
	
		
			
				|  |  | +                  (val) => {
 | 
	
		
			
				|  |  | +                    checkNo(val, 'stockCount');
 | 
	
		
			
				|  |  | +                  }
 | 
	
		
			
				|  |  | +                "
 | 
	
		
			
				|  |  | +                >不限制</el-checkbox
 | 
	
		
			
				|  |  | +              >
 | 
	
		
			
				|  |  | +            </el-form-item>
 | 
	
		
			
				|  |  | +          </el-col>
 | 
	
		
			
				|  |  | +          <!-- <el-col style="width: 395px">
 | 
	
		
			
				|  |  | +            <el-form-item
 | 
	
		
			
				|  |  | +              label="预警值"
 | 
	
		
			
				|  |  | +              prop="warningStockNum"
 | 
	
		
			
				|  |  | +              :rules="[{ required: true, message: '请输入预警值' }]"
 | 
	
		
			
				|  |  |              >
 | 
	
		
			
				|  |  | -          </el-form-item>
 | 
	
		
			
				|  |  | -        </el-col>
 | 
	
		
			
				|  |  | -        <!-- <el-col style="width: 395px">
 | 
	
		
			
				|  |  | -          <el-form-item
 | 
	
		
			
				|  |  | -            label="预警值"
 | 
	
		
			
				|  |  | -            prop="warningStockNum"
 | 
	
		
			
				|  |  | -            :rules="[{ required: true, message: '请输入预警值' }]"
 | 
	
		
			
				|  |  | -          >
 | 
	
		
			
				|  |  | -            <el-input :disabled='form.warningStockNum ==-1' v-model="form.warningStockNum" placeholder="请输入预警值">
 | 
	
		
			
				|  |  | -              <template slot="append">张</template>
 | 
	
		
			
				|  |  | -            </el-input>
 | 
	
		
			
				|  |  | -             <el-checkbox   v-model="form.warningStockNum" :true-label='-1' false-label=''	 @change="(val)=>{checkNo(val,'warningStockNum')}" >不限制</el-checkbox>
 | 
	
		
			
				|  |  | -          </el-form-item>
 | 
	
		
			
				|  |  | -        </el-col> -->
 | 
	
		
			
				|  |  | -        <el-col style="width: 395px">
 | 
	
		
			
				|  |  | -          <el-form-item
 | 
	
		
			
				|  |  | -            prop="limitExchangeNum"
 | 
	
		
			
				|  |  | -            :rules="[
 | 
	
		
			
				|  |  | -              { required: true, message: '请输入领取上限' },
 | 
	
		
			
				|  |  | -              {
 | 
	
		
			
				|  |  | -                pattern: /^[1-9][0-9]?$/,
 | 
	
		
			
				|  |  | -                message: '请输入1-99的正整数',
 | 
	
		
			
				|  |  | -                trigger: 'blur',
 | 
	
		
			
				|  |  | -              },
 | 
	
		
			
				|  |  | -            ]"
 | 
	
		
			
				|  |  | -          >
 | 
	
		
			
				|  |  | -            <span style="color: #606266">
 | 
	
		
			
				|  |  | -              <span style="color: #f56c6c">*</span> 领取上限
 | 
	
		
			
				|  |  | -              <el-tooltip placement="top" popper-class="mTooltip">
 | 
	
		
			
				|  |  | -                <div slot="content">用户可领取最大张数</div>
 | 
	
		
			
				|  |  | -                <i
 | 
	
		
			
				|  |  | -                  class="el-icon-question"
 | 
	
		
			
				|  |  | -                  style="font-size: 18px; color: #f56c6c"
 | 
	
		
			
				|  |  | -                ></i> </el-tooltip
 | 
	
		
			
				|  |  | -            ></span>
 | 
	
		
			
				|  |  | -            <el-input
 | 
	
		
			
				|  |  | -              :disabled="isDisabled"
 | 
	
		
			
				|  |  | -              v-model="form.limitExchangeNum"
 | 
	
		
			
				|  |  | -              placeholder="请输入领取上限"
 | 
	
		
			
				|  |  | +              <el-input :disabled='form.warningStockNum ==-1' v-model="form.warningStockNum" placeholder="请输入预警值">
 | 
	
		
			
				|  |  | +                <template slot="append">张</template>
 | 
	
		
			
				|  |  | +              </el-input>
 | 
	
		
			
				|  |  | +              <el-checkbox   v-model="form.warningStockNum" :true-label='-1' false-label=''	 @change="(val)=>{checkNo(val,'warningStockNum')}" >不限制</el-checkbox>
 | 
	
		
			
				|  |  | +            </el-form-item>
 | 
	
		
			
				|  |  | +          </el-col> -->
 | 
	
		
			
				|  |  | +          <el-col style="width: 395px">
 | 
	
		
			
				|  |  | +            <el-form-item
 | 
	
		
			
				|  |  | +              prop="limitExchangeNum"
 | 
	
		
			
				|  |  | +              :rules="[
 | 
	
		
			
				|  |  | +                { required: true, message: '请输入领取上限' },
 | 
	
		
			
				|  |  | +                {
 | 
	
		
			
				|  |  | +                  pattern: /^[1-9][0-9]?$/,
 | 
	
		
			
				|  |  | +                  message: '请输入1-99的正整数',
 | 
	
		
			
				|  |  | +                  trigger: 'blur',
 | 
	
		
			
				|  |  | +                },
 | 
	
		
			
				|  |  | +              ]"
 | 
	
		
			
				|  |  |              >
 | 
	
		
			
				|  |  | -              <template slot="append">张</template>
 | 
	
		
			
				|  |  | -            </el-input>
 | 
	
		
			
				|  |  | -          </el-form-item>
 | 
	
		
			
				|  |  | -        </el-col>
 | 
	
		
			
				|  |  | -      </el-row>
 | 
	
		
			
				|  |  | -      <el-row :gutter="20">
 | 
	
		
			
				|  |  | -        <el-col style="width: 395px">
 | 
	
		
			
				|  |  | -          <el-form-item
 | 
	
		
			
				|  |  | -            label="领取时间"
 | 
	
		
			
				|  |  | -            prop="getTime"
 | 
	
		
			
				|  |  | -            :rules="[{ required: true, message: '请输入领取时间' }]"
 | 
	
		
			
				|  |  | -          >
 | 
	
		
			
				|  |  | -            <el-date-picker
 | 
	
		
			
				|  |  | -              style="width: 100%"
 | 
	
		
			
				|  |  | -              v-model="form.getTime"
 | 
	
		
			
				|  |  | -              :picker-options="{ firstDayOfWeek: 1 }"
 | 
	
		
			
				|  |  | -              type="datetimerange"
 | 
	
		
			
				|  |  | -              :default-time="['00:00:00', '23:59:59']"
 | 
	
		
			
				|  |  | -              range-separator="-"
 | 
	
		
			
				|  |  | -              start-placeholder="活动开始日期"
 | 
	
		
			
				|  |  | -              end-placeholder="活动结束日期"
 | 
	
		
			
				|  |  | +              <span style="color: #606266">
 | 
	
		
			
				|  |  | +                <span style="color: #f56c6c">*</span> 领取上限
 | 
	
		
			
				|  |  | +                <el-tooltip placement="top" popper-class="mTooltip">
 | 
	
		
			
				|  |  | +                  <div slot="content">用户可领取最大张数</div>
 | 
	
		
			
				|  |  | +                  <i
 | 
	
		
			
				|  |  | +                    class="el-icon-question"
 | 
	
		
			
				|  |  | +                    style="font-size: 18px; color: #f56c6c"
 | 
	
		
			
				|  |  | +                  ></i> </el-tooltip
 | 
	
		
			
				|  |  | +              ></span>
 | 
	
		
			
				|  |  | +              <el-input
 | 
	
		
			
				|  |  | +                :disabled="isDisabled"
 | 
	
		
			
				|  |  | +                v-model="form.limitExchangeNum"
 | 
	
		
			
				|  |  | +                placeholder="请输入领取上限"
 | 
	
		
			
				|  |  | +              >
 | 
	
		
			
				|  |  | +                <template slot="append">张</template>
 | 
	
		
			
				|  |  | +              </el-input>
 | 
	
		
			
				|  |  | +            </el-form-item>
 | 
	
		
			
				|  |  | +          </el-col>
 | 
	
		
			
				|  |  | +        </el-row>
 | 
	
		
			
				|  |  | +        <el-row :gutter="20">
 | 
	
		
			
				|  |  | +          <el-col style="width: 395px">
 | 
	
		
			
				|  |  | +            <el-form-item
 | 
	
		
			
				|  |  | +              label="领取时间"
 | 
	
		
			
				|  |  | +              prop="getTime"
 | 
	
		
			
				|  |  | +              :rules="[{ required: true, message: '请输入领取时间' }]"
 | 
	
		
			
				|  |  |              >
 | 
	
		
			
				|  |  | -            </el-date-picker>
 | 
	
		
			
				|  |  | -          </el-form-item>
 | 
	
		
			
				|  |  | -        </el-col>
 | 
	
		
			
				|  |  | -      </el-row>
 | 
	
		
			
				|  |  | -      <el-form-item>
 | 
	
		
			
				|  |  | -        <el-button type="primary" v-if="activeRow" @click="resetCoupon"
 | 
	
		
			
				|  |  | -          >保存</el-button
 | 
	
		
			
				|  |  | -        >
 | 
	
		
			
				|  |  | -        <el-button type="primary" v-else @click="addCoupon">提交</el-button>
 | 
	
		
			
				|  |  | -        <el-button type="danger" @click="resetForm">重置</el-button>
 | 
	
		
			
				|  |  | -      </el-form-item>
 | 
	
		
			
				|  |  | -    </el-form>
 | 
	
		
			
				|  |  | +              <el-date-picker
 | 
	
		
			
				|  |  | +                style="width: 100%"
 | 
	
		
			
				|  |  | +                v-model="form.getTime"
 | 
	
		
			
				|  |  | +                :picker-options="{ firstDayOfWeek: 1 }"
 | 
	
		
			
				|  |  | +                type="datetimerange"
 | 
	
		
			
				|  |  | +                :default-time="['00:00:00', '23:59:59']"
 | 
	
		
			
				|  |  | +                range-separator="-"
 | 
	
		
			
				|  |  | +                start-placeholder="活动开始日期"
 | 
	
		
			
				|  |  | +                end-placeholder="活动结束日期"
 | 
	
		
			
				|  |  | +              >
 | 
	
		
			
				|  |  | +              </el-date-picker>
 | 
	
		
			
				|  |  | +            </el-form-item>
 | 
	
		
			
				|  |  | +          </el-col>
 | 
	
		
			
				|  |  | +        </el-row>
 | 
	
		
			
				|  |  | +        <el-form-item>
 | 
	
		
			
				|  |  | +          <el-button type="primary" v-if="activeRow" @click="resetCoupon"
 | 
	
		
			
				|  |  | +            >保存</el-button
 | 
	
		
			
				|  |  | +          >
 | 
	
		
			
				|  |  | +          <el-button type="primary" v-else @click="addCoupon">提交</el-button>
 | 
	
		
			
				|  |  | +          <el-button type="danger" @click="resetForm">重置</el-button>
 | 
	
		
			
				|  |  | +        </el-form-item>
 | 
	
		
			
				|  |  | +      </el-form>
 | 
	
		
			
				|  |  | +    </div>
 | 
	
		
			
				|  |  |    </div>
 | 
	
		
			
				|  |  |  </template>
 | 
	
		
			
				|  |  |  <script>
 |