Merge branch 'master' of https://gitee.com/wjl2008_admin/nuttyreading-master-html
This commit is contained in:
wangjinlei
@@ -1,282 +1,312 @@
|
||||
<template>
|
||||
<div v-loading.fullscreen.lock="getCouponInfoLoad">
|
||||
<el-dialog
|
||||
:title="!dataForm.id ? '新增' : '修改'"
|
||||
:close-on-click-modal="false"
|
||||
:visible.sync="visible"
|
||||
width="900px"
|
||||
@close="closeDia"
|
||||
>
|
||||
<el-form
|
||||
:model="dataForm"
|
||||
:rules="dataRule"
|
||||
ref="dataForm"
|
||||
@keyup.enter.native="dataFormSubmit()"
|
||||
label-width="100px"
|
||||
<el-dialog
|
||||
:title="!dataForm.id ? '新增' : '修改'"
|
||||
:close-on-click-modal="false"
|
||||
:visible.sync="visible"
|
||||
width="900px"
|
||||
@close="closeDia"
|
||||
>
|
||||
<el-row :gutter="10">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="优惠卷类型" prop="couponType">
|
||||
<!-- <el-input v-model="dataForm.type" placeholder="优惠卷类型"></el-input> -->
|
||||
<el-select v-model="dataForm.couponType" placeholder="请选择" :disabled="!isEdit">
|
||||
<el-option
|
||||
v-for="item in options"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
<el-form
|
||||
:model="dataForm"
|
||||
:rules="dataRule"
|
||||
ref="dataForm"
|
||||
@keyup.enter.native="dataFormSubmit()"
|
||||
label-width="100px"
|
||||
>
|
||||
<el-row :gutter="10">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="优惠卷类型" prop="couponType">
|
||||
<!-- <el-input v-model="dataForm.type" placeholder="优惠卷类型"></el-input> -->
|
||||
<el-select
|
||||
v-model="dataForm.couponType"
|
||||
placeholder="请选择"
|
||||
:disabled="!isEdit"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8"
|
||||
><el-form-item label="使用门槛" prop="useLevel">
|
||||
<el-input :disabled="!isEdit"
|
||||
v-model="dataForm.useLevel"
|
||||
placeholder=""
|
||||
oninput="value=value.replace(/[^\d.]/g,'')"
|
||||
>
|
||||
<template slot="append">元</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="面额：" prop="couponAmount">
|
||||
<el-input :disabled="!isEdit"
|
||||
v-model="dataForm.couponAmount"
|
||||
placeholder="面额"
|
||||
oninput="value=value.replace(/[^\d.]/g,'')"
|
||||
>
|
||||
<template slot="append">元</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="10">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="优惠券名称" prop="couponName">
|
||||
<el-input :disabled="!isEdit"
|
||||
v-model="dataForm.couponName"
|
||||
placeholder="名称"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="总发行量" prop="totalCirculation">
|
||||
<el-input
|
||||
v-model="dataForm.totalCirculation"
|
||||
placeholder="发行数量"
|
||||
oninput="value=value.replace(/[^\d.]/g,'')"
|
||||
>
|
||||
<template slot="append">张</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="每人限领：" prop="limitedCollar">
|
||||
<el-input
|
||||
v-model="dataForm.limitedCollar"
|
||||
oninput="value=value.replace(/[^\d.]/g,'')"
|
||||
placeholder=""
|
||||
>
|
||||
<template slot="append">张</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row ::gutter="10"> </el-row>
|
||||
<el-row ::gutter="10">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="优惠卷范围" prop="couponRange">
|
||||
<!-- <el-input v-model="dataForm.type" placeholder="优惠卷类型"></el-input> -->
|
||||
<el-select :disabled="!isEdit"
|
||||
v-model="dataForm.couponRange"
|
||||
placeholder="请选择"
|
||||
@change="changeRange"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in rangList"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
<el-option
|
||||
v-for="item in options"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8"
|
||||
><el-form-item label="使用门槛" prop="useLevel">
|
||||
<el-input
|
||||
:disabled="!isEdit"
|
||||
v-model="dataForm.useLevel"
|
||||
placeholder=""
|
||||
oninput="value=value.replace(/[^\d.]/g,'')"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="16" v-if="dataForm.couponRange == 2">
|
||||
<el-form-item label="绑定类目" prop="rangeInfo" width="100%">
|
||||
<!-- <el-input v-model="dataForm.type" placeholder="优惠卷类型"></el-input> -->
|
||||
<!-- {{cateSelectLinkList}} -->
|
||||
<el-select
|
||||
v-model="cateSelectLinkList"
|
||||
multiple
|
||||
placeholder="请选择课程类目"
|
||||
@change="changeCate"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in courseCateList"
|
||||
:key="item.id"
|
||||
:label="item.title"
|
||||
:value="item.id"
|
||||
<template slot="append">元</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="面额：" prop="couponAmount">
|
||||
<el-input
|
||||
:disabled="!isEdit"
|
||||
v-model="dataForm.couponAmount"
|
||||
placeholder="面额"
|
||||
oninput="value=value.replace(/[^\d.]/g,'')"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
<span v-if="showCateError" style="color:red; font-size:12px">请选择绑定类目</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="dataForm.couponRange == 1">
|
||||
<el-form-item label="" prop="rangeInfo" width="100%">
|
||||
<div class="flexBox">
|
||||
<el-table v-if="proSelectLinkList.length > 0" :data="proSelectLinkList">
|
||||
<el-table-column label="课程名称">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.title }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="封面">
|
||||
<template slot-scope="scope">
|
||||
<div
|
||||
v-if="scope.row.image"
|
||||
style="width:100%;display: flex;
|
||||
<template slot="append">元</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="10">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="优惠券名称" prop="couponName">
|
||||
<el-input
|
||||
:disabled="!isEdit"
|
||||
v-model="dataForm.couponName"
|
||||
placeholder="名称"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="总发行量" prop="totalCirculation">
|
||||
<el-input
|
||||
v-model="dataForm.totalCirculation"
|
||||
placeholder="发行数量"
|
||||
oninput="value=value.replace(/[^\d.]/g,'')"
|
||||
>
|
||||
<template slot="append">张</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="每人限领：" prop="limitedCollar">
|
||||
<el-input
|
||||
v-model="dataForm.limitedCollar"
|
||||
oninput="value=value.replace(/[^\d.]/g,'')"
|
||||
placeholder=""
|
||||
>
|
||||
<template slot="append">张</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row ::gutter="10"> </el-row>
|
||||
<el-row ::gutter="10">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="优惠卷范围" prop="couponRange">
|
||||
<!-- <el-input v-model="dataForm.type" placeholder="优惠卷类型"></el-input> -->
|
||||
<el-select
|
||||
:disabled="!isEdit"
|
||||
v-model="dataForm.couponRange"
|
||||
placeholder="请选择"
|
||||
@change="changeRange"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in rangList"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="16" v-if="dataForm.couponRange == 2">
|
||||
<el-form-item label="绑定类目" prop="rangeInfo" width="100%">
|
||||
<!-- <el-input v-model="dataForm.type" placeholder="优惠卷类型"></el-input> -->
|
||||
<!-- {{cateSelectLinkList}} -->
|
||||
<el-select
|
||||
v-model="cateSelectLinkList"
|
||||
multiple
|
||||
placeholder="请选择课程类目"
|
||||
@change="changeCate"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in courseCateList"
|
||||
:key="item.id"
|
||||
:label="item.title"
|
||||
:value="item.id"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
<span v-if="showCateError" style="color:red; font-size:12px"
|
||||
>请选择绑定类目</span
|
||||
>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="dataForm.couponRange == 1">
|
||||
<el-form-item label="" prop="rangeInfo" width="100%">
|
||||
<div class="flexBox">
|
||||
<el-table
|
||||
v-if="proSelectLinkList.length > 0"
|
||||
:data="proSelectLinkList"
|
||||
>
|
||||
<el-table-column label="课程名称">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.title }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="封面">
|
||||
<template slot-scope="scope">
|
||||
<div
|
||||
v-if="scope.row.image"
|
||||
style="width:100%;display: flex;
|
||||
align-items: center;justify-content: center;"
|
||||
>
|
||||
<img :src="scope.row.image" alt="" width="40px" height="40px" />
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="100px">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="danger" @click="delCourse(scope.row.id)" size="mini"
|
||||
>删除</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div
|
||||
style="text-align:center; margin-top: 20px"
|
||||
|
||||
>
|
||||
<el-button type="primary" @click="addLinkPro">添加绑定</el-button>
|
||||
>
|
||||
<img
|
||||
:src="scope.row.image"
|
||||
alt=""
|
||||
width="40px"
|
||||
height="40px"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="100px">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
type="danger"
|
||||
@click="delCourse(scope.row.id)"
|
||||
size="mini"
|
||||
>删除</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div style="text-align:center; margin-top: 20px">
|
||||
<el-button type="primary" @click="addLinkPro"
|
||||
>添加绑定</el-button
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row ::gutter="10">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="生效方式" prop="effectType">
|
||||
<el-radio-group v-model="dataForm.effectType" :disabled="!isEdit">
|
||||
<el-radio :label="0">长期有效</el-radio>
|
||||
<el-radio :label="1">领取生效</el-radio>
|
||||
<el-radio :label="2">自定义</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="10">
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="开始时间"
|
||||
prop="effectTime"
|
||||
v-if="dataForm.effectType == '2'"
|
||||
>
|
||||
<el-date-picker :disabled="!isEdit"
|
||||
v-model="dataForm.effectTime"
|
||||
@change="datePicked"
|
||||
type="datetime"
|
||||
value-format="timestamp"
|
||||
placeholder="选择日期时间"
|
||||
default-time="12:00:00"
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row ::gutter="10">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="生效方式" prop="effectType">
|
||||
<el-radio-group v-model="dataForm.effectType" :disabled="!isEdit">
|
||||
<el-radio :label="0">长期有效</el-radio>
|
||||
<el-radio :label="1">领取生效</el-radio>
|
||||
<el-radio :label="2">自定义</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="10">
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="开始时间"
|
||||
prop="effectTime"
|
||||
v-if="dataForm.effectType == '2'"
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="结束时间" :disabled="!isEdit"
|
||||
prop="expireTime"
|
||||
v-if="dataForm.effectType == '2'"
|
||||
>
|
||||
<el-date-picker
|
||||
v-model="dataForm.expireTime"
|
||||
@change="datePicked"
|
||||
type="datetime"
|
||||
value-format="timestamp"
|
||||
placeholder="选择日期时间"
|
||||
default-time="12:00:00"
|
||||
<el-date-picker
|
||||
:disabled="!isEdit"
|
||||
v-model="dataForm.effectTime"
|
||||
@change="datePicked"
|
||||
type="datetime"
|
||||
value-format="timestamp"
|
||||
placeholder="选择日期时间"
|
||||
default-time="12:00:00"
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="结束时间"
|
||||
:disabled="!isEdit"
|
||||
prop="expireTime"
|
||||
v-if="dataForm.effectType == '2'"
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8" v-show="dataForm.effectType == '1'">
|
||||
<el-form-item label="时效" prop="validity">
|
||||
<el-input :disabled="!isEdit"
|
||||
placeholder=""
|
||||
v-model="dataForm.validity"
|
||||
oninput="value=value.replace(/[^\d.]/g,'')"
|
||||
>
|
||||
<template slot="append">天</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="10">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="封面图" prop="couponUrl" >
|
||||
<el-upload
|
||||
:disabled="!isEdit"
|
||||
:limit="1"
|
||||
class="el-uploadfeng"
|
||||
:action="baseUrl + '/oss/fileoss'"
|
||||
list-type="picture-card"
|
||||
:on-preview="handlePictureCardPreview"
|
||||
:file-list="fileList"
|
||||
:on-success="handlePicSuccess"
|
||||
accept=".jpeg,.jpg,.gif,.png"
|
||||
:on-remove="handleRemove"
|
||||
>
|
||||
<i class="el-icon-plus"></i>
|
||||
</el-upload>
|
||||
<el-dialog :visible.sync="dialogVisible" :append-to-body="true">
|
||||
<img width="100%" :src="dataForm.couponUrl" alt="" />
|
||||
</el-dialog>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="备注" prop="remark" >
|
||||
<el-input
|
||||
v-model="dataForm.remark":disabled="!isEdit"
|
||||
placeholder="备注"
|
||||
type="textarea"
|
||||
:rows="3"
|
||||
autosize
|
||||
>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="closeDia">取消</el-button>
|
||||
<el-button type="primary" @click="dataFormSubmit()">确定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
<selectPro ref="selectPro" v-if="showSelectPro" @close="selectProClose" :requesturl = "requesturl" :oldData="proSelectLinkList"></selectPro>
|
||||
</div>
|
||||
<el-date-picker
|
||||
v-model="dataForm.expireTime"
|
||||
@change="datePicked"
|
||||
type="datetime"
|
||||
value-format="timestamp"
|
||||
placeholder="选择日期时间"
|
||||
default-time="12:00:00"
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8" v-show="dataForm.effectType == '1'">
|
||||
<el-form-item label="时效" prop="validity">
|
||||
<el-input
|
||||
:disabled="!isEdit"
|
||||
placeholder=""
|
||||
v-model="dataForm.validity"
|
||||
oninput="value=value.replace(/[^\d.]/g,'')"
|
||||
>
|
||||
<template slot="append">天</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="10">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="封面图" prop="couponUrl">
|
||||
<el-upload
|
||||
:disabled="!isEdit"
|
||||
:limit="1"
|
||||
class="el-uploadfeng"
|
||||
:action="baseUrl + '/oss/fileoss'"
|
||||
list-type="picture-card"
|
||||
:on-preview="handlePictureCardPreview"
|
||||
:file-list="fileList"
|
||||
:on-success="handlePicSuccess"
|
||||
accept=".jpeg,.jpg,.gif,.png"
|
||||
:on-remove="handleRemove"
|
||||
>
|
||||
<i class="el-icon-plus"></i>
|
||||
</el-upload>
|
||||
<el-dialog :visible.sync="dialogVisible" :append-to-body="true">
|
||||
<img width="100%" :src="dataForm.couponUrl" alt="" />
|
||||
</el-dialog>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input
|
||||
v-model="dataForm.remark"
|
||||
:disabled="!isEdit"
|
||||
placeholder="备注"
|
||||
type="textarea"
|
||||
:rows="3"
|
||||
autosize
|
||||
>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="closeDia">取消</el-button>
|
||||
<el-button type="primary" @click="dataFormSubmit()">确定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
<selectPro
|
||||
ref="selectPro"
|
||||
v-if="showSelectPro"
|
||||
@close="selectProClose"
|
||||
:requesturl="requesturl"
|
||||
:oldData="proSelectLinkList"
|
||||
></selectPro>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import selectPro from '../../../components/selectPro.vue'
|
||||
import selectPro from "../../../components/selectPro.vue";
|
||||
import global from "../../common/common.vue"; //引入共用组间
|
||||
export default {
|
||||
baseUrl: global.baseUrl,
|
||||
data() {
|
||||
return {
|
||||
isEdit:true,
|
||||
isEdit: true,
|
||||
showCateError: false,
|
||||
requesturl:'', // 课程的请求地址
|
||||
showSelectPro:false,
|
||||
requesturl: "", // 课程的请求地址
|
||||
showSelectPro: false,
|
||||
baseUrl: global.baseUrl,
|
||||
visible: true,
|
||||
options2: [
|
||||
@@ -382,37 +412,39 @@ export default {
|
||||
}
|
||||
};
|
||||
},
|
||||
async created(){
|
||||
async created() {
|
||||
// if (e == 2) {
|
||||
this.courseCateList = await this.getCourseCateList();
|
||||
console.log("this.courseCateList", await this.getCourseCateList());
|
||||
// }
|
||||
this.courseCateList = await this.getCourseCateList();
|
||||
console.log("this.courseCateList", await this.getCourseCateList());
|
||||
// }
|
||||
},
|
||||
methods: {
|
||||
selectProClose(data){
|
||||
console.log('data', data)
|
||||
this.showSelectPro = false
|
||||
this.requesturl = ''
|
||||
if(data.length > 0){
|
||||
this.proSelectLinkList = this.proSelectLinkList.concat(data)
|
||||
var list = [...this.proSelectLinkList]
|
||||
this.proSelectLinkList = [...new Map(list.map(item => [item.id, item])).values()];
|
||||
selectProClose(data) {
|
||||
console.log("data", data);
|
||||
this.showSelectPro = false;
|
||||
this.requesturl = "";
|
||||
if (data.length > 0) {
|
||||
this.proSelectLinkList = this.proSelectLinkList.concat(data);
|
||||
var list = [...this.proSelectLinkList];
|
||||
this.proSelectLinkList = [
|
||||
...new Map(list.map(item => [item.id, item])).values()
|
||||
];
|
||||
// this.dataForm.rangeInfo = this.proSelectLinkList.map( item => item.id).join(',')
|
||||
console.log('去重后', this.proSelectLinkList)
|
||||
console.log("去重后", this.proSelectLinkList);
|
||||
}
|
||||
},
|
||||
addLinkPro(){
|
||||
this.showSelectPro = true
|
||||
this.requesturl = '/common/coupon/getCourseList'
|
||||
addLinkPro() {
|
||||
this.showSelectPro = true;
|
||||
this.requesturl = "/common/coupon/getCourseList";
|
||||
},
|
||||
changeCate(e) {
|
||||
console.log("e", e);
|
||||
this.cateSelectLinkList = e;
|
||||
this.showCateError = false
|
||||
this.showCateError = false;
|
||||
// this.dataForm.rangeInfo = e.join(",");
|
||||
},
|
||||
async changeRange(e) {
|
||||
console.log("范围切换", e);
|
||||
console.log("范围切换", e);
|
||||
// this.dataForm.couponRange = e
|
||||
// this.getDataList()
|
||||
},
|
||||
@@ -439,14 +471,14 @@ export default {
|
||||
return list;
|
||||
},
|
||||
init(id) {
|
||||
if(!id){
|
||||
console.log('没有传值')
|
||||
if (!id) {
|
||||
console.log("没有传值");
|
||||
this.visible = true;
|
||||
this.isEdit=true
|
||||
return
|
||||
this.isEdit = true;
|
||||
return;
|
||||
}
|
||||
this.dataForm.id = id || 0;
|
||||
this.getCouponInfoLoad = true;
|
||||
this.getCouponInfoLoad = true;
|
||||
this.$nextTick(() => {
|
||||
this.$refs["dataForm"].resetFields();
|
||||
if (this.dataForm.id) {
|
||||
@@ -454,78 +486,89 @@ export default {
|
||||
url: this.$http.adornUrl(`/common/coupon/getCouponInfo`),
|
||||
method: "post",
|
||||
data: this.$http.adornData({ id: this.dataForm.id })
|
||||
}).then(({ data }) => {
|
||||
if (data.code !== 0) return this.$message.error(data.msg);
|
||||
this.visible = true;
|
||||
|
||||
this.getCouponInfoLoad = false;
|
||||
if (data && data.code == 0) {
|
||||
this.dataForm = data.couponEntity;
|
||||
|
||||
if(this.dataForm.grantCount>0){
|
||||
this.isEdit=false
|
||||
}
|
||||
if (
|
||||
this.dataForm.effectTime &&
|
||||
this.dataForm.effectTime != null
|
||||
) {
|
||||
this.dataForm.effectTime = new Date(
|
||||
data.couponEntity.effectTime
|
||||
).getTime();
|
||||
console.log("this.dataForm.effectTime", this.dataForm.effectTime );
|
||||
} else {
|
||||
this.dataForm.effectTime = null;
|
||||
}
|
||||
if (
|
||||
this.dataForm.expireTime &&
|
||||
this.dataForm.expireTime != null
|
||||
) {
|
||||
this.dataForm.expireTime = new Date(
|
||||
data.couponEntity.expireTime
|
||||
).getTime();
|
||||
console.log(
|
||||
"this.dataForm.expireTime",
|
||||
this.dataForm.expireTime
|
||||
);
|
||||
} else {
|
||||
this.dataForm.expireTime = null;
|
||||
}
|
||||
if(data.couponEntity.rangeList && data.couponEntity.rangeList.length > 0){
|
||||
this.selectLinkList = data.couponEntity.rangeList
|
||||
}else{
|
||||
this.selectLinkList = []
|
||||
}
|
||||
if(this.dataForm.couponRange == 2 && this.dataForm.rangeInfo.length > 0 ){
|
||||
|
||||
// var list1 = [...this.selectLinkList]
|
||||
// list1.forEach( item => {
|
||||
// item.label = item.name
|
||||
// })
|
||||
// this.cateSelectLinkList = this.selectLinkList
|
||||
var ss = this.dataForm.rangeInfo.split(',')
|
||||
|
||||
this.cateSelectLinkList = ss.map(element => parseInt(element) );
|
||||
|
||||
}else if(this.dataForm.couponRange == 1){
|
||||
this.proSelectLinkList = this.selectLinkList
|
||||
}else{
|
||||
this.cateSelectLinkList = []
|
||||
this.proSelectLinkList = []
|
||||
}
|
||||
// this.dataForm.couponUrl = {name:'', url:}
|
||||
if (this.dataForm.couponUrl && this.dataForm.couponUrl != "") {
|
||||
var img = { name: "", url: this.dataForm.couponUrl };
|
||||
var attr = [];
|
||||
attr.push(img);
|
||||
this.fileList = attr;
|
||||
}else{
|
||||
this.fileList = []
|
||||
}
|
||||
}
|
||||
}).catch(err => {
|
||||
this.$message.error(err.msg);
|
||||
this.getCouponInfoLoad = false;
|
||||
})
|
||||
.then(({ data }) => {
|
||||
if (data.code !== 0) return this.$message.error(data.msg);
|
||||
this.visible = true;
|
||||
|
||||
this.getCouponInfoLoad = false;
|
||||
if (data && data.code == 0) {
|
||||
this.dataForm = data.couponEntity;
|
||||
|
||||
if (this.dataForm.grantCount > 0) {
|
||||
this.isEdit = false;
|
||||
}
|
||||
if (
|
||||
this.dataForm.effectTime &&
|
||||
this.dataForm.effectTime != null
|
||||
) {
|
||||
this.dataForm.effectTime = new Date(
|
||||
data.couponEntity.effectTime
|
||||
).getTime();
|
||||
console.log(
|
||||
"this.dataForm.effectTime",
|
||||
this.dataForm.effectTime
|
||||
);
|
||||
} else {
|
||||
this.dataForm.effectTime = null;
|
||||
}
|
||||
if (
|
||||
this.dataForm.expireTime &&
|
||||
this.dataForm.expireTime != null
|
||||
) {
|
||||
this.dataForm.expireTime = new Date(
|
||||
data.couponEntity.expireTime
|
||||
).getTime();
|
||||
console.log(
|
||||
"this.dataForm.expireTime",
|
||||
this.dataForm.expireTime
|
||||
);
|
||||
} else {
|
||||
this.dataForm.expireTime = null;
|
||||
}
|
||||
if (
|
||||
data.couponEntity.rangeList &&
|
||||
data.couponEntity.rangeList.length > 0
|
||||
) {
|
||||
this.selectLinkList = data.couponEntity.rangeList;
|
||||
} else {
|
||||
this.selectLinkList = [];
|
||||
}
|
||||
if (
|
||||
this.dataForm.couponRange == 2 &&
|
||||
this.dataForm.rangeInfo.length > 0
|
||||
) {
|
||||
// var list1 = [...this.selectLinkList]
|
||||
// list1.forEach( item => {
|
||||
// item.label = item.name
|
||||
// })
|
||||
// this.cateSelectLinkList = this.selectLinkList
|
||||
var ss = this.dataForm.rangeInfo.split(",");
|
||||
|
||||
this.cateSelectLinkList = ss.map(element =>
|
||||
parseInt(element)
|
||||
);
|
||||
} else if (this.dataForm.couponRange == 1) {
|
||||
this.proSelectLinkList = this.selectLinkList;
|
||||
} else {
|
||||
this.cateSelectLinkList = [];
|
||||
this.proSelectLinkList = [];
|
||||
}
|
||||
// this.dataForm.couponUrl = {name:'', url:}
|
||||
if (this.dataForm.couponUrl && this.dataForm.couponUrl != "") {
|
||||
var img = { name: "", url: this.dataForm.couponUrl };
|
||||
var attr = [];
|
||||
attr.push(img);
|
||||
this.fileList = attr;
|
||||
} else {
|
||||
this.fileList = [];
|
||||
}
|
||||
}
|
||||
})
|
||||
.catch(err => {
|
||||
this.$message.error(err.msg);
|
||||
this.getCouponInfoLoad = false;
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
@@ -548,9 +591,9 @@ export default {
|
||||
console.log(this.dataForm.startTime);
|
||||
},
|
||||
delCourse(id) {
|
||||
console.log('id',id)
|
||||
console.log("id", id);
|
||||
let index = this.proSelectLinkList.findIndex(item => item.id === id);
|
||||
this.proSelectLinkList.splice(index,1)
|
||||
this.proSelectLinkList.splice(index, 1);
|
||||
},
|
||||
closeDia() {
|
||||
this.visible = false;
|
||||
@@ -573,18 +616,23 @@ export default {
|
||||
couponRange: "", //优惠卷范围 0无限制 1课程卷 2课程品类卷
|
||||
rangeInfo: "" //范围详情(课程卷是课程id,分割 课程品类卷是课程分类根id,分割)
|
||||
};
|
||||
this.proSelectLinkList = []
|
||||
this.cateSelectLinkList = []
|
||||
this.selectLinkList = []
|
||||
this.fileList = []
|
||||
this.proSelectLinkList = [];
|
||||
this.cateSelectLinkList = [];
|
||||
this.selectLinkList = [];
|
||||
this.fileList = [];
|
||||
},
|
||||
|
||||
// 表单提交
|
||||
dataFormSubmit() {
|
||||
this.$refs["dataForm"].validate(valid => {
|
||||
if (valid) {
|
||||
if(!this.dataForm.id && this.dataForm.effectType == 2 && this.dataForm.effectTime < new Date().getTime()) return this.$message.error("生效时间不能小于当前时间")
|
||||
if (this.dataForm.effectType == 2 ) {
|
||||
if (valid) {
|
||||
if (
|
||||
!this.dataForm.id &&
|
||||
this.dataForm.effectType == 2 &&
|
||||
this.dataForm.effectTime < new Date().getTime()
|
||||
)
|
||||
return this.$message.error("生效时间不能小于当前时间");
|
||||
if (this.dataForm.effectType == 2) {
|
||||
if (
|
||||
this.dataForm.effectTime == null ||
|
||||
this.dataForm.effectTime == ""
|
||||
@@ -603,7 +651,6 @@ export default {
|
||||
this.$message.error("生效时间不能大于截止时间");
|
||||
return false;
|
||||
}
|
||||
|
||||
}
|
||||
if (this.dataForm.effectType == 1) {
|
||||
if (
|
||||
@@ -615,22 +662,27 @@ export default {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
if (this.dataForm.couponRange == 2) {
|
||||
if(this.cateSelectLinkList.length == 0) {this.showCateError = true; return this.$message.error("请选择课程品类");}
|
||||
this.dataForm.rangeInfo = this.cateSelectLinkList.join(',')
|
||||
if (this.cateSelectLinkList.length == 0) {
|
||||
this.showCateError = true;
|
||||
return this.$message.error("请选择课程品类");
|
||||
}
|
||||
this.dataForm.rangeInfo = this.cateSelectLinkList.join(",");
|
||||
// if (
|
||||
// this.dataForm.rangeInfo == null ||
|
||||
// this.dataForm.rangeInfo == ""
|
||||
// ) {
|
||||
// this.$message.error("请选择课程品类");
|
||||
// return false;
|
||||
// }
|
||||
|
||||
// }
|
||||
}
|
||||
if (this.dataForm.couponRange == 1) {
|
||||
if(this.proSelectLinkList.length == 0) return this.$message.error("请选择课程");
|
||||
this.dataForm.rangeInfo = this.proSelectLinkList.map( item => item.id).join(',')
|
||||
if (this.proSelectLinkList.length == 0)
|
||||
return this.$message.error("请选择课程");
|
||||
this.dataForm.rangeInfo = this.proSelectLinkList
|
||||
.map(item => item.id)
|
||||
.join(",");
|
||||
// if (
|
||||
// this.dataForm.rangeInfo == null ||
|
||||
// this.dataForm.rangeInfo == ""
|
||||
@@ -639,9 +691,12 @@ export default {
|
||||
// return false;
|
||||
// }
|
||||
}
|
||||
if(this.dataForm.useLevel < this.dataForm.couponAmount) return this.$message.error("优惠券面额不能大于使用门槛");
|
||||
console.log('this.dataForm', this.dataForm)
|
||||
|
||||
if (Number(this.dataForm.useLevel) <= Number(this.dataForm.couponAmount)) {
|
||||
this.$message.error("优惠券面额不能大于使用门槛");
|
||||
return false;
|
||||
}
|
||||
console.log("this.dataForm", this.dataForm);
|
||||
|
||||
this.$http({
|
||||
url: this.$http.adornUrl(
|
||||
`/common/coupon/${
|
||||
|
||||
Reference in New Issue
Block a user