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