1173 lines
61 KiB
PHP
1173 lines
61 KiB
PHP
@extends('layouts.base')
|
||
@section('title', '编辑优惠券')
|
||
@section('content')
|
||
<link rel="stylesheet" type="text/css" href="{{static_url('yunshop/goods/vue-goods1.css')}}"/>
|
||
<div class="all">
|
||
<div id="app" v-cloak>
|
||
<div class="vue-crumbs">
|
||
<a @click="goParent">优惠券管理</a> > 编辑优惠券
|
||
</div>
|
||
<el-form ref="form" :model="form" :rules="rules" label-width="15%">
|
||
<div class="vue-head" style="margin-bottom:20px">
|
||
<div class="vue-main-title">
|
||
<div class="vue-main-title-left"></div>
|
||
<div class="vue-main-title-content">基本信息</div>
|
||
</div>
|
||
<div class="vue-main-form">
|
||
<el-form-item label="排序" prop="display_order">
|
||
<el-input v-model="form.display_order" style="width:70%;"></el-input>
|
||
<div class="tip">数字越大越靠前</div>
|
||
</el-form-item>
|
||
<el-form-item label="优惠券名称" prop="name">
|
||
<el-input v-model="form.name" style="width:70%;"></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="是否开启" prop="status">
|
||
<el-switch v-model.number="form.status" :active-value="1" :inactive-value="0"></el-switch>
|
||
<div class="tip">关闭后,用户无法领取, 但是已经被领取的可以继续使用</div>
|
||
</el-form-item>
|
||
</div>
|
||
</div>
|
||
<div class="vue-head" style="margin-bottom:20px">
|
||
<div class="vue-main-title">
|
||
<div class="vue-main-title-left"></div>
|
||
<div class="vue-main-title-content">优惠方式</div>
|
||
</div>
|
||
<div class="vue-main-form">
|
||
<el-form-item label="使用条件 - 订单金额" prop="enough">
|
||
<el-input v-model="form.enough" style="width:70%;"></el-input>
|
||
<div class="tip">消费满多少金额才可以使用该优惠券 (设置为 0 则不限制消费金额)</div>
|
||
</el-form-item>
|
||
<el-form-item label="领取条件 - 会员等级" prop="level_limit">
|
||
<el-select v-model="form.level_limit" style="width:70%" placeholder="请选择会员" >
|
||
<el-option :value="-1" label="所有会员"></el-option>
|
||
<el-option v-for="item in member_list" :key="item.id" :label="item.level_name+'(及以上等级可以领取)'" :value="item.id"></el-option>
|
||
</el-select>
|
||
<div class="tip">选择"所有会员"表示商城的所有会员,包括没有划分等级的; <br>例如: 选择等级 3,表示包括 3 以及大于等级 3 的会员都可领取,即等级 3, 4, 5...都可以领取.</div>
|
||
</el-form-item>
|
||
<el-form-item label="使用时间限制" prop="time_limit">
|
||
<el-radio v-model="form.time_limit" :label="0">
|
||
获取后<el-input v-model.number="form.time_days" style="width:100px;" size="mini" :disabled="form.time_limit==1"></el-input>天内有效(0 为不限时间使用)
|
||
</el-radio><br>
|
||
<el-radio v-model.number="form.time_limit" :label="1">
|
||
时间范围
|
||
</el-radio>
|
||
<el-date-picker
|
||
:disabled="form.time_limit==0"
|
||
size="mini"
|
||
v-model="form.time"
|
||
type="daterange"
|
||
value-format="timestamp"
|
||
range-separator="至"
|
||
start-placeholder="开始日期"
|
||
end-placeholder="结束日期"
|
||
style="margin-left:5px;"
|
||
:default-time="['00:00:00', '23:59:59']"
|
||
align="right">
|
||
</el-date-picker>
|
||
</el-form-item>
|
||
<el-form-item label="使用方式" prop="is_complex">
|
||
<el-radio v-model.number="form.is_complex" :label="0">单张使用</el-radio>
|
||
<el-radio v-model.number="form.is_complex" :label="1">多张一起使用</el-radio>
|
||
<div class="tip">如选择单张使用，则一笔订单只能使用一张该类型的优惠券； 选择多张一起使用，则满足使用的金额就可以， 比如我有300-50优惠券3张，下单金额满900元，可以用三张，下单金额满600元可以用2张，下单金额满300元可以用一张</div>
|
||
</el-form-item>
|
||
<el-form-item label="优惠方式" prop="coupon_method">
|
||
<el-radio v-model.number="form.coupon_method" :label="1">立减</el-radio>
|
||
<el-radio v-model.number="form.coupon_method" :label="2">打折</el-radio>
|
||
<div>
|
||
<el-input v-model="form.deduct" style="width:70%" v-show="form.coupon_method==1">
|
||
<template slot="prepend">立减</template>
|
||
<template slot="append">元</template>
|
||
</el-input>
|
||
<el-input v-model="form.discount" style="width:70%" v-show="form.coupon_method==2">
|
||
<template slot="prepend">打</template>
|
||
<template slot="append">折</template>
|
||
</el-input>
|
||
</div>
|
||
|
||
<div class="tip">最多保留两位小数</div>
|
||
</el-form-item>
|
||
<el-form-item label="适用范围" prop="use_type">
|
||
<el-radio-group v-model.number="form.use_type">
|
||
<el-radio :label="0">平台自营商品（不包含供应商商品）</el-radio>
|
||
<el-radio :label="1">指定商品分类 </el-radio>
|
||
<el-radio :label="2">指定商品</el-radio>
|
||
<el-radio :label="4" v-if="store_is_open==1">指定门店</el-radio>
|
||
<el-radio :label="7" v-if="hotel_is_open==1">指定酒店 </el-radio>
|
||
<el-radio :label="8">兑换券 </el-radio>
|
||
<el-radio :label="9">选择商品 + 选择门店 </el-radio>
|
||
</el-radio-group>
|
||
|
||
<!-- 分类 -->
|
||
<div v-show="form.use_type==1">
|
||
<el-tag v-for="(tag,index) in category_names" :key="index" closable @close="closeCategory(index)" style="margin-right:5px;">
|
||
[[tag]]
|
||
</el-tag>
|
||
</div>
|
||
<!-- 商品 -->
|
||
<div v-show="form.use_type==2">
|
||
<el-tag v-for="(tag,index) in goods_names" :key="index" closable @close="closeGoods(index)" style="margin-right:5px;">
|
||
[[tag]]
|
||
</el-tag>
|
||
</div>
|
||
<!-- 门店 -->
|
||
<div v-show="form.use_type==4">
|
||
<el-tag v-for="(tag,index) in store_names" :key="index" closable @close="closeStore(index)" style="margin-right:5px;">
|
||
[[tag]]
|
||
</el-tag>
|
||
</div>
|
||
<!-- 酒店 -->
|
||
<div v-show="form.use_type==7">
|
||
<el-tag v-for="(tag,index) in hotel_names" :key="index" closable @close="closeHotel(index)" style="margin-right:5px;">
|
||
[[tag]]
|
||
</el-tag>
|
||
</div>
|
||
<!-- 兑换券 -->
|
||
<div v-show="form.use_type==8">
|
||
<el-tag v-for="(tag,index) in goods_name" :key="index" closable @close="closeGoods(index)" style="margin-right:5px;">
|
||
[[tag]]
|
||
</el-tag>
|
||
</div>
|
||
<!-- 门店+商品 -->
|
||
<div v-show="form.use_type==9&&use_conditions.good_names.length>0" v-if="store_is_open==1">
|
||
商品：
|
||
<el-tag v-for="(tag,index) in use_conditions.good_names" :key="index" closable @close="closeGoods(index)" style="margin-right:5px;">
|
||
[[tag]]
|
||
</el-tag>
|
||
</div>
|
||
<div v-show="form.use_type==9&&use_conditions.store_names.length>0" v-if="store_is_open==1">
|
||
门店：
|
||
<el-tag v-for="(tag,index) in use_conditions.store_names" :key="index" closable @close="closeStore(index)" style="margin-right:5px;">
|
||
[[tag]]
|
||
</el-tag>
|
||
</div>
|
||
<div v-show="form.use_type==9">
|
||
<el-checkbox v-model="use_conditions.is_all_good" @change="selectAllGoods">全选商品</el-checkbox>
|
||
<el-checkbox v-model="use_conditions.is_all_store" @change="selectAllStores">全选门店</el-checkbox>
|
||
</div>
|
||
<div class="tip" v-show="form.use_type==1">供应商商品不可使用!</div>
|
||
<div class="tip" v-show="form.use_type==2">供应商商品不可使用!</div>
|
||
<div class="tip" v-show="form.use_type==9">
|
||
供应商商品不可使用!
|
||
</div>
|
||
<div>
|
||
<el-button size="mini" @click="openDia(1)" v-show="form.use_type==1">选择分类</el-button>
|
||
<el-button size="mini" @click="openDia(2)" v-show="form.use_type==2">选择商品</el-button>
|
||
<el-button size="mini" @click="openDia(4)" v-show="form.use_type==4">选择门店</el-button>
|
||
<el-button size="mini" @click="openDia(7)" v-show="form.use_type==7">选择酒店</el-button>
|
||
<el-button size="mini" @click="openDia(8)" v-show="form.use_type==8">选择兑换商品</el-button>
|
||
<div v-show="form.use_type==9" v-if="store_is_open==1">
|
||
<el-button size="mini" @click="openDia(2)">选择商品</el-button>
|
||
<el-button size="mini" @click="openDia(4)">选择门店</el-button>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="tip" v-show="form.use_type==0">如选择此项,则支持商城所有商品使用!</div>
|
||
</el-form-item>
|
||
<el-form-item label="是否可领取" prop="get_type">
|
||
<el-radio v-model.number="form.get_type" :label="1">可以</el-radio>
|
||
<el-radio v-model.number="form.get_type" :label="0">不可以</el-radio>
|
||
<div class="tip">是否可以在领券中心领取 (或者只能手动发放)</div>
|
||
|
||
<div>
|
||
<el-input v-model.number="form.get_max" style="width:70%" >
|
||
<template slot="prepend">每人限领</template>
|
||
<template slot="append">张</template>
|
||
</el-input>
|
||
<div class="tip" >每人限领数量 (-1为不限制数量)</div>
|
||
|
||
<el-checkbox v-model="form.get_limit_type">每人每日限领</el-checkbox>
|
||
<br>
|
||
<el-input v-model.number="form.get_limit_max" style="width:70%" v-show="form.get_limit_type==true">
|
||
<template slot="prepend">每人每日限领</template>
|
||
<template slot="append">张</template>
|
||
</el-input>
|
||
<div class="tip" v-show="form.get_limit_type==true">每人每日限领数量 (-1为不限制数量)</div>
|
||
</div>
|
||
</el-form-item>
|
||
|
||
<el-form-item label="发放总数" prop="total">
|
||
@if($id)
|
||
<el-input v-model="form.total" style="width:70%;" disabled></el-input>
|
||
<el-button v-if="form.total > 0" type="primary" plain @click="couponAddCount(id)">点击添加优惠券</el-button>
|
||
<el-button type="primary" @click="dialogTableVisible = true">查看优惠券新增记录</el-button>
|
||
<el-dialog title="优惠券新增记录" :visible.sync="dialogTableVisible">
|
||
<el-table :data="form.coupon_increase_records">
|
||
<el-table-column property="created_at" label="日期"></el-table-column>
|
||
<el-table-column property="count" label="新增优惠券数量"></el-table-column>
|
||
</el-table>
|
||
</el-dialog>
|
||
@else
|
||
<el-input v-model="form.total" style="width:70%;"></el-input>
|
||
@endif
|
||
<div class="tip">优惠券总数量，没有则不能领取或发放, -1 为不限制数量</div>
|
||
</el-form-item>
|
||
|
||
|
||
<div class="vue-head" v-show="integral_is_open==1" style="margin-bottom:20px">
|
||
<div class="vue-main-title">
|
||
<div class="vue-main-title-left"></div>
|
||
<div class="vue-main-title-content">优惠券兑换</div>
|
||
</div>
|
||
|
||
<div class="vue-main-form">
|
||
<el-form-item :label=`${integral_name}兑换优惠券` prop="">
|
||
<el-switch v-model="form.is_integral_exchange_coupon" :active-value="1" :inactive-value="0"></el-switch>
|
||
</el-form-item>
|
||
|
||
<el-form-item v-show="form.is_integral_exchange_coupon == 1" label="兑换一张需要" prop="exchange_coupon_integral">
|
||
<el-input v-model="form.exchange_coupon_integral" style="width:70%">
|
||
<template slot="append">[[integral_name]]</template>
|
||
</el-input>
|
||
</el-form-item>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vue-head" v-show="member_tags_is_open==1" style="margin-bottom:20px">
|
||
<div class="vue-main-title">
|
||
<div class="vue-main-title-left"></div>
|
||
<div class="vue-main-title-content">用户标签</div>
|
||
</div>
|
||
|
||
<div class="vue-main-form">
|
||
<el-form-item label="指定会员标签领取">
|
||
<el-button size="mini" @click="openDia(10)">添加标签</el-button>
|
||
<div>
|
||
<el-tag v-for="(tag,index) in member_tags_names" :key="index" closable @close="closeMemberTags(index)" style="margin-right:5px;">
|
||
[[tag]]
|
||
</el-tag>
|
||
</div>
|
||
</el-form-item>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vue-head" style="margin-bottom:20px">
|
||
<div class="vue-main-title">
|
||
<div class="vue-main-title-left"></div>
|
||
<div class="vue-main-title-content">领券说明</div>
|
||
</div>
|
||
<div class="vue-main-form">
|
||
<el-form-item label="领券说明">
|
||
<tinymceee v-model="form.content" style="width:70%"></tinymceee>
|
||
</el-form-item>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</el-form>
|
||
<!-- 分页 -->
|
||
<div class="vue-page">
|
||
<div class="vue-center">
|
||
<el-button type="primary" @click="submitForm('form')">提交</el-button>
|
||
<el-button @click="goBack">返回</el-button>
|
||
</div>
|
||
</div>
|
||
<upload-img :upload-show="uploadShow" :name="chooseImgName" @replace="changeProp" @sure="sureImg"></upload-img>
|
||
|
||
|
||
<el-dialog :visible.sync="category_show" width="60%" center title="选择分类">
|
||
<div>
|
||
<div>
|
||
<el-input v-model="category_keyword" style="width:70%"></el-input>
|
||
<el-button type="primary" @click="searchCategory()">搜索</el-button>
|
||
</div>
|
||
<el-table :data="category_list" style="width: 100%;height:500px;overflow:auto" v-loading="loading">
|
||
<el-table-column label="ID" prop="id" align="center" width="100px"></el-table-column>
|
||
<el-table-column label="分类名称">
|
||
<template slot-scope="scope">
|
||
<div v-if="scope.row" style="display:flex;align-items: center">
|
||
<div style="margin-left:10px">[[scope.row.name]]</div>
|
||
</div>
|
||
</template>
|
||
</el-table-column>
|
||
|
||
<el-table-column prop="refund_time" label="操作" align="center" width="320">
|
||
<template slot-scope="scope">
|
||
<el-button @click="chooseCategory(scope.row)">
|
||
选择
|
||
</el-button>
|
||
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
<span slot="footer" class="dialog-footer">
|
||
<el-button @click="category_show = false">取 消</el-button>
|
||
</span>
|
||
</el-dialog>
|
||
<el-dialog :visible.sync="goods_show" width="60%" center title="选择商品">
|
||
<div>
|
||
<div>
|
||
<el-input v-model="goods_keyword" style="width:70%"></el-input>
|
||
<el-button type="primary" @click="searchGoods()">搜索</el-button>
|
||
</div>
|
||
<el-table :data="goods_list" style="width: 100%;height:500px;overflow:auto" v-loading="loading">
|
||
<el-table-column label="ID" prop="id" align="center" width="100px"></el-table-column>
|
||
<el-table-column label="商品信息">
|
||
<template slot-scope="scope">
|
||
<div v-if="scope.row" style="display:flex;align-items: center">
|
||
<div style="margin-left:10px">[[scope.row.title]]</div>
|
||
</div>
|
||
</template>
|
||
</el-table-column>
|
||
|
||
<el-table-column prop="refund_time" label="操作" align="center" width="320">
|
||
<template slot-scope="scope">
|
||
<el-button @click="chooseGoods(scope.row)">
|
||
选择
|
||
</el-button>
|
||
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
<el-row style="background-color:#fff;">
|
||
<el-col :span="24" align="center" migra style="padding:15px 5% 15px 0" v-loading="loading">
|
||
<el-pagination background @current-change="currentChange"
|
||
:current-page="current_page"
|
||
layout="prev, pager, next"
|
||
:page-size="Number(page_size)" :current-page="current_page" :total="page_total"></el-pagination>
|
||
</el-col>
|
||
</el-row>
|
||
<span slot="footer" class="dialog-footer">
|
||
<el-button @click="goods_show = false">取 消</el-button>
|
||
</span>
|
||
</el-dialog>
|
||
<el-dialog :visible.sync="store_show" width="60%" center title="选择门店">
|
||
<div>
|
||
<div>
|
||
<el-input v-model="store_keyword" style="width:70%"></el-input>
|
||
<el-button type="primary" @click="searchStore()">搜索</el-button>
|
||
</div>
|
||
<el-table :data="store_list" style="width: 100%;height:500px;overflow:auto" v-loading="loading">
|
||
<el-table-column label="ID" prop="id" align="center" width="100px"></el-table-column>
|
||
<el-table-column label="门店名称">
|
||
<template slot-scope="scope">
|
||
<div v-if="scope.row" style="display:flex;align-items: center">
|
||
<div style="margin-left:10px">[[scope.row.store_name]]</div>
|
||
</div>
|
||
</template>
|
||
</el-table-column>
|
||
|
||
<el-table-column prop="refund_time" label="操作" align="center" width="320">
|
||
<template slot-scope="scope">
|
||
<el-button @click="chooseStore(scope.row)">
|
||
选择
|
||
</el-button>
|
||
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
<span slot="footer" class="dialog-footer">
|
||
<el-button @click="store_show = false">取 消</el-button>
|
||
</span>
|
||
</el-dialog>
|
||
<el-dialog :visible.sync="hotel_show" width="60%" center title="选择酒店">
|
||
<div>
|
||
<div>
|
||
<el-input v-model="hotel_keyword" style="width:70%"></el-input>
|
||
<el-button type="primary" @click="searchHotel()">搜索</el-button>
|
||
</div>
|
||
<el-table :data="hotel_list" style="width: 100%;height:500px;overflow:auto" v-loading="loading">
|
||
<el-table-column label="ID" prop="id" align="center" width="100px"></el-table-column>
|
||
<el-table-column label="酒店名称">
|
||
<template slot-scope="scope">
|
||
<div v-if="scope.row" style="display:flex;align-items: center">
|
||
<div style="margin-left:10px">[[scope.row.hotel_name]]</div>
|
||
</div>
|
||
</template>
|
||
</el-table-column>
|
||
|
||
<el-table-column prop="refund_time" label="操作" align="center" width="320">
|
||
<template slot-scope="scope">
|
||
<el-button @click="chooseHotel(scope.row)">
|
||
选择
|
||
</el-button>
|
||
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
<span slot="footer" class="dialog-footer">
|
||
<el-button @click="hotel_show = false">取 消</el-button>
|
||
</span>
|
||
</el-dialog>
|
||
|
||
<el-dialog :visible.sync="member_tags_show" width="60%" center title="添加标签">
|
||
<div>
|
||
<div>
|
||
<el-input v-model="member_tags_keyword" style="width:70%"></el-input>
|
||
<el-button type="primary" @click="searchMemberTags()">搜索</el-button>
|
||
</div>
|
||
<el-table :data="member_tags_list" style="width: 100%;height:500px;overflow:auto" v-loading="loading">
|
||
<el-table-column label="ID" prop="id" align="center" width="100px"></el-table-column>
|
||
<el-table-column label="标签名称">
|
||
<template slot-scope="scope">
|
||
<div v-if="scope.row" style="display:flex;align-items: center">
|
||
<div style="margin-left:10px">[[scope.row.title]]</div>
|
||
</div>
|
||
</template>
|
||
</el-table-column>
|
||
|
||
<el-table-column prop="refund_time" label="操作" align="center" width="320">
|
||
<template slot-scope="scope">
|
||
<el-button @click="chooseMemberTags(scope.row)">
|
||
选择
|
||
</el-button>
|
||
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
<span slot="footer" class="dialog-footer">
|
||
<el-button @click="member_tags_show = false">取 消</el-button>
|
||
</span>
|
||
</el-dialog>
|
||
</div>
|
||
</div>
|
||
@include('public.admin.uploadImg')
|
||
<script src="{{resource_get('static/yunshop/tinymce4.7.5/tinymce.min.js')}}"></script>
|
||
@include('public.admin.tinymceee')
|
||
<script>
|
||
const category_url = '{!! yzWebFullUrl('goods.category.get-search-categorys-json') !!}';
|
||
const goods_url = '{!! yzWebFullUrl('goods.goods.get-search-goods-json') !!}';
|
||
const store_url = '{!! yzWebFullUrl('goods.goods.get-search-store-json') !!}';
|
||
const hotel_url = '{!! yzWebFullUrl('goods.goods.get-search-hotel-json') !!}';
|
||
const member_tags_url = '{!! yzWebFullUrl('goods.goods.get-search-member-tags-json') !!}';
|
||
var app = new Vue({
|
||
el:"#app",
|
||
delimiters: ['[[', ']]'],
|
||
name: 'test',
|
||
data() {
|
||
let id = {!! $id?:0 !!};
|
||
console.log(id);
|
||
return{
|
||
loading:false,
|
||
search_loading:false,
|
||
all_loading:false,
|
||
page_total:0,
|
||
page_size:0,
|
||
current_page:0,
|
||
id:id,
|
||
hotel_is_open:0,
|
||
store_is_open:0,
|
||
integral_is_open:0,
|
||
member_tags_is_open:0,
|
||
integral_name:'',
|
||
form:{
|
||
display_order:'0',
|
||
name:'',
|
||
status:0,
|
||
use_type:0,
|
||
enough:'',
|
||
level_limit:-1,
|
||
time_days:'0',
|
||
time_limit:0,
|
||
is_complex:0,
|
||
coupon_method:1,
|
||
get_type:0,
|
||
get_max:'1',
|
||
get_limit_type:false,
|
||
get_limit_max:1,
|
||
total:'1',
|
||
discount:'0',
|
||
deduct:'0',
|
||
time:[],
|
||
coupon_increase_records:[],
|
||
is_integral_exchange_coupon:0,
|
||
exchange_coupon_integral:''
|
||
},
|
||
|
||
category_ids : [],
|
||
category_names:[],
|
||
goods_ids:[],
|
||
goods_names:[],
|
||
store_ids:[],
|
||
store_names:[],
|
||
goods_id:[],
|
||
goods_name:[],
|
||
hotel_ids:[],
|
||
hotel_names:[],
|
||
member_list:[],
|
||
goods_list:[],
|
||
member_tags_ids:[],
|
||
member_tags_names:[],
|
||
member_tags_list:[],
|
||
|
||
goodsShow:false,
|
||
chooseGoodsItem:{},//选中的商品
|
||
// 分类
|
||
category_show:false,
|
||
category_list:[],
|
||
category_keyword:'',
|
||
// 商品
|
||
goods_show:false,
|
||
goods_keyword:'',
|
||
// 门店
|
||
store_show:false,
|
||
store_list:[],
|
||
store_keyword:'',
|
||
// 酒店
|
||
hotel_show:false,
|
||
hotel_list:[],
|
||
hotel_keyword:'',
|
||
|
||
// 标签
|
||
member_tags_show:false,
|
||
member_tags_keyword:'',
|
||
|
||
keyword:'',
|
||
submit_url:'',
|
||
showVisible:false,
|
||
|
||
uploadShow:false,
|
||
chooseImgName:'',
|
||
|
||
uploadImg1:'',
|
||
rules:{
|
||
name:{ required: true, message: '请输入优惠券名称'},
|
||
enough:{ required: true, message: '请输入使用条件 - 订单金额'},
|
||
},
|
||
real_search_form:'',
|
||
|
||
//* 门店+商品
|
||
use_conditions:{
|
||
is_all_store:0,
|
||
is_all_good:0,
|
||
good_ids:[],
|
||
good_names:[],
|
||
store_ids:[],
|
||
store_names:[]
|
||
},
|
||
dialogTableVisible: false
|
||
|
||
}
|
||
},
|
||
created() {
|
||
|
||
|
||
},
|
||
mounted() {
|
||
if(this.id) {
|
||
this.submit_url = '{!! yzWebFullUrl('coupon.coupon.edit') !!}';
|
||
}
|
||
else {
|
||
this.submit_url = '{!! yzWebFullUrl('coupon.coupon.create') !!}';
|
||
}
|
||
this.getData();
|
||
|
||
},
|
||
methods: {
|
||
getData() {
|
||
let loading = this.$loading({target:document.querySelector(".content"),background: 'rgba(0, 0, 0, 0)'});
|
||
this.$http.post(this.submit_url,{id:this.id}).then(function (response) {
|
||
if (response.data.result){
|
||
this.hotel_is_open = response.data.data.hotel_is_open;
|
||
this.store_is_open = response.data.data.store_is_open;
|
||
this.integral_is_open = response.data.data.integral_is_open;
|
||
this.member_tags_is_open = response.data.data.member_tags_is_open;
|
||
this.integral_name = response.data.data.integral_name;
|
||
this.member_list = response.data.data.memberlevels || [];
|
||
if(this.id && response.data.data.coupon) {
|
||
let coupon = response.data.data.coupon;
|
||
this.form.display_order = coupon.display_order;
|
||
this.form.name = coupon.name;
|
||
this.form.status = coupon.status;
|
||
this.form.use_type = coupon.use_type;
|
||
this.form.enough = coupon.enough;
|
||
this.form.level_limit = coupon.level_limit;
|
||
this.form.time_days = coupon.time_days;
|
||
this.form.time_limit = coupon.time_limit;
|
||
this.form.is_complex = coupon.is_complex;
|
||
this.form.coupon_method = coupon.coupon_method;
|
||
this.form.use_type = coupon.use_type;
|
||
this.form.get_type = coupon.get_type;
|
||
this.form.get_max = coupon.get_max;
|
||
this.form.get_limit_type = coupon.get_limit_type ? true : false;
|
||
this.form.get_limit_max = coupon.get_limit_max;
|
||
this.form.total = coupon.total;
|
||
this.form.discount = coupon.discount;
|
||
this.form.deduct = coupon.deduct;
|
||
this.form.coupon_increase_records = coupon.coupon_increase_records;
|
||
this.form.is_integral_exchange_coupon = coupon.is_integral_exchange_coupon;
|
||
this.form.exchange_coupon_integral = coupon.exchange_coupon_integral;
|
||
this.form.content = coupon.content;
|
||
|
||
this.category_ids = response.data.data.category_ids || [];
|
||
this.category_names = response.data.data.category_names || [];
|
||
|
||
|
||
this.store_ids = response.data.data.store_ids || [];
|
||
this.store_names = response.data.data.store_names || [];
|
||
|
||
this.member_tags_ids = response.data.data.member_tags_ids || [];
|
||
this.member_tags_names = response.data.data.member_tags_names || [];
|
||
|
||
if(this.form.use_type==2) {
|
||
this.goods_ids = response.data.data.goods_ids || [];
|
||
this.goods_names = response.data.data.goods_names || [];
|
||
}
|
||
else if(this.form.use_type==8) {
|
||
this.goods_id = response.data.data.goods_ids || [];
|
||
this.goods_name = response.data.data.goods_names || [];
|
||
}else if(this.form.use_type==9) {
|
||
const isSelectedAllGoods=Boolean(response.data.data.coupon.use_conditions.is_all_good);
|
||
const isSelectedAllStores=Boolean(response.data.data.coupon.use_conditions.is_all_store);
|
||
let goodIds=[];
|
||
const goodNames=[];
|
||
if(isSelectedAllGoods===false){
|
||
goodIds=response.data.data.coupon.use_conditions.good_ids;
|
||
const goodsData=response.data.data.goods;
|
||
for (const goodsItem of goodsData) {
|
||
goodNames.push(goodsItem['title']);
|
||
}
|
||
}
|
||
|
||
let storeIds=[];
|
||
const storeNames=[];
|
||
if(isSelectedAllStores===false){
|
||
storeIds=response.data.data.coupon.use_conditions.store_ids;
|
||
const storeData=response.data.data.store;
|
||
for (const storeItem of storeData) {
|
||
storeNames.push(storeItem['store_name']);
|
||
}
|
||
}
|
||
|
||
this.use_conditions.good_ids = goodIds || [];
|
||
this.use_conditions.good_names = goodNames || [];
|
||
this.use_conditions.store_ids = storeIds || [];
|
||
this.use_conditions.store_names = storeNames || [];
|
||
this.use_conditions.is_all_good =isSelectedAllGoods
|
||
this.use_conditions.is_all_store = isSelectedAllStores
|
||
console.log( this.use_conditions);
|
||
}
|
||
if(this.goods_names) {
|
||
this.goods_names.forEach((item,index) => {
|
||
if(item) {
|
||
this.goods_names[index] = this.escapeHTML(item);
|
||
}
|
||
})
|
||
}
|
||
if(this.goods_name) {
|
||
this.goods_name.forEach((item,index) => {
|
||
if(item) {
|
||
this.goods_name[index] = this.escapeHTML(item);
|
||
}
|
||
})
|
||
}
|
||
if(response.data.data.hotel_ids) {
|
||
response.data.data.hotel_ids.forEach((item,index) => {
|
||
this.hotel_names.push(item.hotel_name);
|
||
this.hotel_ids.push(item.id);
|
||
})
|
||
}
|
||
if(response.data.data.timeend) {
|
||
this.form.time = [];
|
||
this.form.time[0] = response.data.data.timestart*1000;
|
||
this.form.time[1] = response.data.data.timeend*1000;
|
||
console.log(this.form)
|
||
}
|
||
|
||
}
|
||
if(!response.data.data.timeend) {
|
||
this.form.time.push(Math.round(new Date()),Math.round(new Date())+(24*60*60*1000*7))
|
||
}
|
||
}
|
||
else {
|
||
this.$message({message: response.data.msg,type: 'error'});
|
||
}
|
||
loading.close();
|
||
},function (response) {
|
||
this.$message({message: response.data.msg,type: 'error'});
|
||
loading.close();
|
||
}
|
||
);
|
||
},
|
||
|
||
openDia(type) {
|
||
if(type==1) {
|
||
this.category_show = true;
|
||
}
|
||
else if(type==2) {
|
||
this.goods_show = true;
|
||
}
|
||
else if(type==4) {
|
||
this.store_show = true;
|
||
}
|
||
else if(type==7) {
|
||
this.hotel_show = true;
|
||
}
|
||
else if(type==8) {
|
||
this.goods_show = true;
|
||
}else if(type==9) {
|
||
this.goods_show = true;
|
||
} else if(type==10) {
|
||
this.member_tags_show = true;
|
||
}
|
||
},
|
||
currentChange(val) {
|
||
this.loading = true;
|
||
this.$http.post(goods_url,{page:val,keyword:this.real_search_form,except_supplier:1}).then(function (response){
|
||
if (response.data.result){
|
||
let datas = response.data.data.goods;
|
||
this.goods_list=datas.data
|
||
this.page_total = datas.total;
|
||
this.page_size = datas.per_page;
|
||
this.current_page = datas.current_page;
|
||
this.real_search_form=this.goods_keyword;
|
||
this.goods_list.forEach((item,index) => {
|
||
if(item.title) {
|
||
item.title = this.escapeHTML(item.title);
|
||
}
|
||
});
|
||
this.loading = false;
|
||
} else {
|
||
this.$message({message: response.data.msg,type: 'error'});
|
||
}
|
||
},function (response) {
|
||
console.log(response);
|
||
this.loading = false;
|
||
}
|
||
);
|
||
},
|
||
searchGoods() {
|
||
let that = this;
|
||
this.loading = true;
|
||
this.$http.post(goods_url,{keyword:this.goods_keyword,except_supplier:1}).then(response => {
|
||
if (response.data.result) {
|
||
let datas = response.data.data.goods;
|
||
this.goods_list=datas.data
|
||
this.page_total = datas.total;
|
||
this.page_size = datas.per_page;
|
||
this.current_page = datas.current_page;
|
||
this.real_search_form=this.goods_keyword;
|
||
this.goods_list.forEach((item,index) => {
|
||
if(item.title) {
|
||
item.title = this.escapeHTML(item.title);
|
||
}
|
||
});
|
||
} else {
|
||
this.$message({message: response.data.msg,type: 'error'});
|
||
}
|
||
this.loading = false;
|
||
},response => {
|
||
this.loading = false;
|
||
});
|
||
},
|
||
chooseGoods(item) {
|
||
// 兑换券
|
||
if(this.form.use_type == 8) {
|
||
if(this.goods_id&&this.goods_id.length>=1) {
|
||
this.$message.error("兑换券不能添加多个商品");
|
||
return;
|
||
}
|
||
else {
|
||
this.goods_id.push(item.id)
|
||
this.goods_name.push(item.title)
|
||
}
|
||
return;
|
||
}
|
||
// 指定商品
|
||
let is_exist = 0;
|
||
if(this.form.use_type == 9){
|
||
this.use_conditions.good_ids.some((item1,index) => {
|
||
if(item1 == item.id) {
|
||
is_exist = 1;
|
||
this.$message.error("请勿重复选择");
|
||
return true;
|
||
}
|
||
});
|
||
if(is_exist == 1) {
|
||
return;
|
||
}
|
||
this.use_conditions.good_ids.push(item.id);
|
||
this.use_conditions.good_names.push(item.title);
|
||
this.use_conditions.is_all_good=false;
|
||
}else{
|
||
this.goods_ids.some((item1,index) => {
|
||
if(item1 == item.id) {
|
||
is_exist = 1;
|
||
this.$message.error("请勿重复选择");
|
||
return true;
|
||
}
|
||
});
|
||
if(is_exist == 1) {
|
||
return;
|
||
}
|
||
this.goods_ids.push(item.id);
|
||
this.goods_names.push(item.title);
|
||
}
|
||
},
|
||
closeGoods(index) {
|
||
if(this.form.use_type == 2){
|
||
this.goods_ids.splice(index,1)
|
||
this.goods_names.splice(index,1)
|
||
}
|
||
else if(this.form.use_type == 8) {
|
||
this.goods_id = [];
|
||
this.goods_name = [];
|
||
}else if(this.form.use_type == 9) {
|
||
this.use_conditions.good_ids.splice(index,1)
|
||
this.use_conditions.good_names.splice(index,1)
|
||
}
|
||
},
|
||
|
||
searchCategory() {
|
||
let that = this;
|
||
this.loading = true;
|
||
this.$http.post(category_url,{keyword:this.category_keyword}).then(response => {
|
||
if (response.data.result) {
|
||
this.category_list = response.data.data;
|
||
} else {
|
||
this.$message({message: response.data.msg,type: 'error'});
|
||
}
|
||
this.loading = false;
|
||
},response => {
|
||
this.loading = false;
|
||
});
|
||
},
|
||
chooseCategory(item) {
|
||
let is_exist = 0
|
||
this.category_ids.some((item1,index) => {
|
||
if(item1 == item.id) {
|
||
is_exist = 1;
|
||
this.$message.error("请勿重复选择");
|
||
return true;
|
||
}
|
||
})
|
||
if(is_exist == 1) {
|
||
return;
|
||
}
|
||
this.category_ids.push(item.id)
|
||
this.category_names.push(item.name)
|
||
console.log(this.category_names)
|
||
},
|
||
closeCategory(index) {
|
||
console.log(index)
|
||
this.category_ids.splice(index,1)
|
||
this.category_names.splice(index,1)
|
||
|
||
},
|
||
|
||
// 门店
|
||
searchStore() {
|
||
let that = this;
|
||
this.loading = true;
|
||
this.$http.post(store_url,{keyword:this.store_keyword}).then(response => {
|
||
if (response.data.result) {
|
||
this.store_list = response.data.data;
|
||
} else {
|
||
this.$message({message: response.data.msg,type: 'error'});
|
||
}
|
||
this.loading = false;
|
||
},response => {
|
||
this.loading = false;
|
||
});
|
||
},
|
||
chooseStore(item) {
|
||
let is_exist = 0
|
||
if(this.form.use_type==9){
|
||
this.use_conditions.store_ids.some((item1,index) => {
|
||
if(item1 == item.id) {
|
||
is_exist = 1;
|
||
this.$message.error("请勿重复选择");
|
||
return true;
|
||
}
|
||
});
|
||
if(is_exist == 1) {
|
||
return;
|
||
}
|
||
this.use_conditions.store_ids.push(item.id)
|
||
this.use_conditions.store_names.push(item.store_name)
|
||
this.use_conditions.is_all_store=false;
|
||
}else{
|
||
this.store_ids.some((item1,index) => {
|
||
if(item1 == item.id) {
|
||
is_exist = 1;
|
||
this.$message.error("请勿重复选择");
|
||
return true;
|
||
}
|
||
});
|
||
if(is_exist == 1) {
|
||
return;
|
||
}
|
||
this.store_ids.push(item.id)
|
||
this.store_names.push(item.store_name)
|
||
}
|
||
console.log(this.store_names)
|
||
},
|
||
closeStore(index) {
|
||
if(this.form.use_type===9){
|
||
this.use_conditions.store_ids.splice(index,1)
|
||
this.use_conditions.store_names.splice(index,1)
|
||
return;
|
||
}
|
||
this.store_ids.splice(index,1)
|
||
this.store_names.splice(index,1)
|
||
},
|
||
// 门店
|
||
|
||
// 酒店
|
||
searchHotel() {
|
||
let that = this;
|
||
this.loading = true;
|
||
this.$http.post(hotel_url,{keyword:this.hotel_keyword}).then(response => {
|
||
if (response.data.result) {
|
||
this.hotel_list = response.data.data;
|
||
} else {
|
||
this.$message({message: response.data.msg,type: 'error'});
|
||
}
|
||
this.loading = false;
|
||
},response => {
|
||
this.loading = false;
|
||
});
|
||
},
|
||
chooseHotel(item) {
|
||
let is_exist = 0
|
||
this.hotel_ids.some((item1,index) => {
|
||
if(item1 == item.id) {
|
||
is_exist = 1;
|
||
this.$message.error("请勿重复选择");
|
||
return true;
|
||
}
|
||
})
|
||
if(is_exist == 1) {
|
||
return;
|
||
}
|
||
this.hotel_ids.push(item.id)
|
||
this.hotel_names.push(item.hotel_name)
|
||
},
|
||
closeHotel(index) {
|
||
console.log(index)
|
||
this.hotel_ids.splice(index,1)
|
||
this.hotel_names.splice(index,1)
|
||
},
|
||
// 酒店
|
||
submitForm(formName) {
|
||
let that = this;
|
||
if(this.form.coupon_method == 1) {
|
||
if(!this.form.deduct) {
|
||
this.$message.error("立减不能为空")
|
||
return;
|
||
}
|
||
if(!this.form.discount) {
|
||
this.$message.error("折扣不能为空")
|
||
return;
|
||
}
|
||
}
|
||
let json = {
|
||
coupon:{
|
||
display_order:this.form.display_order,
|
||
name:this.form.name,
|
||
status:this.form.status || '0',
|
||
use_type:this.form.use_type || '0',
|
||
enough:this.form.enough,
|
||
level_limit:this.form.level_limit,
|
||
time_limit:this.form.time_limit || '0',
|
||
time_days:this.form.time_days,
|
||
is_complex:this.form.is_complex,
|
||
coupon_method:this.form.coupon_method,
|
||
get_type:this.form.get_type,
|
||
get_max:this.form.get_max,
|
||
get_limit_type:this.form.get_limit_type ? 1 : 0,
|
||
get_limit_max:this.form.get_limit_max,
|
||
total:this.form.total,
|
||
deduct:this.form.deduct || '0',
|
||
discount:this.form.discount || '0',
|
||
content:this.form.content,
|
||
},
|
||
category_ids:this.category_ids,
|
||
category_names:this.category_names,
|
||
goods_ids:this.goods_ids,
|
||
goods_names:this.goods_names,
|
||
store_ids:this.store_ids,
|
||
store_names:this.store_names,
|
||
goods_id:this.goods_id,
|
||
goods_name:this.goods_name,
|
||
hotel_ids:this.hotel_ids,
|
||
hotel_names:this.hotel_names,
|
||
member_tags_ids:this.member_tags_ids,
|
||
member_tags_names:this.member_tags_names,
|
||
is_integral_exchange_coupon:this.form.is_integral_exchange_coupon,
|
||
exchange_coupon_integral:this.form.exchange_coupon_integral,
|
||
time:{start:"",end:""}
|
||
};
|
||
if(this.form.use_type===9){
|
||
json['coupon']['use_conditions']={
|
||
is_all_store:Number(this.use_conditions.is_all_store),
|
||
is_all_good:Number(this.use_conditions.is_all_good),
|
||
good_ids:this.use_conditions.good_ids,
|
||
store_ids:this.use_conditions.store_ids
|
||
}
|
||
}
|
||
|
||
if(this.form.time && this.form.time.length>0) {
|
||
json.time.start = this.form.time[0]/1000;
|
||
json.time.end = this.form.time[1]/1000;
|
||
}
|
||
if(this.id) {
|
||
json.id = this.id
|
||
}
|
||
this.$refs[formName].validate((valid) => {
|
||
if (valid) {
|
||
let loading = this.$loading({target:document.querySelector(".content"),background: 'rgba(0, 0, 0, 0)'});
|
||
this.$http.post(this.submit_url,json).then(response => {
|
||
if (response.data.result) {
|
||
this.$message({type: 'success',message: '操作成功!'});
|
||
this.goBack();
|
||
} else {
|
||
let msg = response.data.msg;
|
||
let tips = '';
|
||
try {
|
||
msg = JSON.stringify(res);
|
||
}catch (e) {
|
||
}
|
||
if(msg instanceof Object){
|
||
for (let key in msg){
|
||
tips += msg[key][0];
|
||
}
|
||
}
|
||
this.$message({message: tips ? tips : msg,type: 'error'});
|
||
}
|
||
loading.close();
|
||
},response => {
|
||
loading.close();
|
||
});
|
||
}
|
||
else {
|
||
console.log('error submit!!');
|
||
return false;
|
||
}
|
||
});
|
||
},
|
||
|
||
//标签
|
||
searchMemberTags() {
|
||
let that = this;
|
||
this.loading = true;
|
||
this.$http.post(member_tags_url,{keyword:this.member_tags_keyword}).then(response => {
|
||
if (response.data.result) {
|
||
this.member_tags_list = response.data.data;
|
||
} else {
|
||
this.$message({message: response.data.msg,type: 'error'});
|
||
}
|
||
this.loading = false;
|
||
},response => {
|
||
this.loading = false;
|
||
});
|
||
},
|
||
chooseMemberTags(item) {
|
||
let is_exist = 0
|
||
this.member_tags_ids.some((item1,index) => {
|
||
if(item1 == item.id) {
|
||
is_exist = 1;
|
||
this.$message.error("请勿重复选择");
|
||
return true;
|
||
}
|
||
})
|
||
if(is_exist == 1) {
|
||
return;
|
||
}
|
||
this.member_tags_ids.push(item.id)
|
||
this.member_tags_names.push(item.title)
|
||
},
|
||
closeMemberTags(index) {
|
||
console.log(index)
|
||
this.member_tags_ids.splice(index,1)
|
||
this.member_tags_names.splice(index,1)
|
||
|
||
},
|
||
|
||
goBack() {
|
||
history.go(-1)
|
||
},
|
||
goParent() {
|
||
window.location.href = `{!! yzWebFullUrl('coupon.coupon.index') !!}`;
|
||
},
|
||
openUpload(str) {
|
||
this.chooseImgName = str;
|
||
this.uploadShow = true;
|
||
},
|
||
changeProp(val) {
|
||
if(val == true) {
|
||
this.uploadShow = false;
|
||
}
|
||
else {
|
||
this.uploadShow = true;
|
||
}
|
||
},
|
||
sureImg(name,image,image_url) {
|
||
console.log(name)
|
||
console.log(image)
|
||
console.log(image_url)
|
||
this.form[name] = image;
|
||
this.form[name+'_url'] = image_url;
|
||
},
|
||
clearImg(str) {
|
||
this.form[str] = "";
|
||
this.form[str+'_url'] = "";
|
||
this.$forceUpdate();
|
||
},
|
||
// 字符转义
|
||
escapeHTML(a) {
|
||
a = "" + a;
|
||
return a.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, "\"").replace(/'/g, "'");;
|
||
},
|
||
selectAllGoods(checked){
|
||
if(checked){
|
||
this.use_conditions.good_ids = [];
|
||
this.use_conditions.good_names = [];
|
||
}
|
||
},
|
||
selectAllStores(checked){
|
||
if(checked){
|
||
this.use_conditions.store_ids = [];
|
||
this.use_conditions.store_names = [];
|
||
}
|
||
},
|
||
couponAddCount(id) {
|
||
const that = this
|
||
this.$prompt('输入增加的优惠劵数量', '提示', {
|
||
confirmButtonText: '确定',
|
||
cancelButtonText: '取消',
|
||
inputPattern: /^[0-9]*$/,
|
||
inputErrorMessage: '请输入整型'
|
||
}).then(({ value }) => {
|
||
let params = {
|
||
id: id,
|
||
total: value
|
||
}
|
||
that.$http.post("{!! yzWebFullUrl('coupon.coupon.add-coupon-count') !!}", params).then(response => {
|
||
if (response.data.result === 1) {
|
||
that.form.total = response.data.data.total
|
||
this.$message({
|
||
type: 'success',
|
||
message: '成功添加优惠券: ' + value + '张'
|
||
});
|
||
}else{
|
||
this.$message({
|
||
type: 'fail',
|
||
message: '添加失败, 请重试'
|
||
});
|
||
}
|
||
}), function (res) {
|
||
console.log(res);
|
||
};
|
||
|
||
}).catch(() => {
|
||
this.$message({
|
||
type: 'info',
|
||
message: '取消优惠券添加'
|
||
});
|
||
});
|
||
}
|
||
},
|
||
})
|
||
|
||
</script>
|
||
@endsection
|
||
|
||
|