初始上传
This commit is contained in:
402
addon/coupon/shop/controller/Coupon.php
Executable file
402
addon/coupon/shop/controller/Coupon.php
Executable file
@@ -0,0 +1,402 @@
|
||||
<?php
|
||||
/**
|
||||
* Niushop商城系统 - 团队十年电商经验汇集巨献!
|
||||
* =========================================================
|
||||
* Copy right 2019-2029 杭州牛之云科技有限公司, 保留所有权利。
|
||||
* ----------------------------------------------
|
||||
* 官方网址: https://www.niushop.com
|
||||
* =========================================================
|
||||
*/
|
||||
|
||||
namespace addon\coupon\shop\controller;
|
||||
|
||||
use addon\coupon\dict\CouponDict;
|
||||
use addon\coupon\model\MemberCoupon;
|
||||
use app\shop\controller\BaseShop;
|
||||
use addon\coupon\model\CouponType as CouponTypeModel;
|
||||
use addon\coupon\model\Coupon as CouponModel;
|
||||
use think\facade\Db;
|
||||
|
||||
/**
|
||||
* 优惠券
|
||||
* @author Administrator
|
||||
*
|
||||
*/
|
||||
class Coupon extends BaseShop
|
||||
{
|
||||
|
||||
/**
|
||||
* 添加活动
|
||||
*/
|
||||
public function add()
|
||||
{
|
||||
if (request()->isJson()) {
|
||||
$data = [
|
||||
'site_id' => $this->site_id,
|
||||
'coupon_name' => input('coupon_name', ''),//优惠券名称
|
||||
'type' => input('type'),//优惠券类型
|
||||
'goods_type' => input('goods_type', 1),
|
||||
'goods_ids' => input('goods_ids', ''),
|
||||
'goods_names' => input('goods_names', ''),
|
||||
'sort' => input('sort', '0'), //优惠券排序
|
||||
'money' => input('money', 0),//优惠券面额
|
||||
'discount' => input('discount', 0),//优惠券折扣
|
||||
'discount_limit' => input('discount_limit', 0),//最多优惠
|
||||
'count' => input('count', ''),//发放数量
|
||||
'max_fetch' => input('max_fetch', ''),//最大领取数量
|
||||
'at_least' => input('at_least', ''),//满多少元可以使用
|
||||
'end_time' => strtotime(input('end_time', '')),//活动结束时间
|
||||
'image' => input('image', ''),//优惠券图片
|
||||
'validity_type' => input('validity_type', ''),//有效期类型 0固定时间 1领取之日起
|
||||
'fixed_term' => input('fixed_term', ''),//领取之日起N天内有效
|
||||
'is_show' => input('is_show', 0),//是否允许直接领取 1:是 0：否 允许直接领取，用户才可以在手机端和PC端进行领取，否则只能以活动的形式发放。
|
||||
'use_channel' => input('use_channel', 'all'),//适用渠道 all online offline
|
||||
'use_store' => input('use_store', 'all'),//适用门店 all 门店id组
|
||||
];
|
||||
$coupon_type_model = new CouponTypeModel();
|
||||
return $coupon_type_model->addCouponType($data);
|
||||
} else {
|
||||
$goods_type_list = CouponDict::getGoodsType();
|
||||
$this->assign('goods_type_list', $goods_type_list);
|
||||
return $this->fetch('coupon/add');
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 编辑活动
|
||||
*/
|
||||
public function edit()
|
||||
{
|
||||
$coupon_type_model = new CouponTypeModel();
|
||||
if (request()->isJson()) {
|
||||
$data = [
|
||||
'site_id' => $this->site_id,
|
||||
'coupon_name' => input('coupon_name', ''),//优惠券名称
|
||||
'type' => input('type'),//优惠券类型
|
||||
'goods_type' => input('goods_type', 1),
|
||||
'goods_ids' => input('goods_ids', ''),
|
||||
'goods_names' => input('goods_names', ''),
|
||||
'money' => input('money', 0),//优惠券面额
|
||||
'sort' => input('sort', 0),//优惠券面额
|
||||
'discount' => input('discount', 0),//优惠券折扣
|
||||
'discount_limit' => input('discount_limit', 0),//最多优惠
|
||||
'count' => input('count', ''),//发放数量
|
||||
'max_fetch' => input('max_fetch', ''),//最大领取数量
|
||||
'at_least' => input('at_least', ''),//满多少元可以使用
|
||||
'end_time' => strtotime(input('end_time', '')),//活动结束时间
|
||||
'image' => input('image', ''),//优惠券图片
|
||||
'validity_type' => input('validity_type', ''),//有效期类型 0固定时间 1领取之日起
|
||||
'fixed_term' => input('fixed_term', ''),//领取之日起N天内有效
|
||||
'is_show' => input('is_show', 0),//是否允许直接领取 1:是 0：否 允许直接领取，用户才可以在手机端和PC端进行领取，否则只能以活动的形式发放。
|
||||
'use_channel' => input('use_channel', 'all'),//适用渠道 all online offline
|
||||
'use_store' => input('use_store', 'all'),//适用门店 all 门店id组
|
||||
];
|
||||
$coupon_type_id = input('coupon_type_id', 0);
|
||||
|
||||
return $coupon_type_model->editCouponType($data, $coupon_type_id);
|
||||
} else {
|
||||
$coupon_type_id = input('coupon_type_id', 0);
|
||||
$this->assign('coupon_type_id', $coupon_type_id);
|
||||
|
||||
$coupon_type_info = $coupon_type_model->getCouponTypeInfo($coupon_type_id, $this->site_id);
|
||||
if (empty($coupon_type_info[ 'data' ])) $this->error('未获取到优惠券数据', href_url('coupon://shop/coupon/lists'));
|
||||
$this->assign('coupon_type_info', $coupon_type_info[ 'data' ][ 0 ]);
|
||||
|
||||
$goods_type_list = CouponDict::getGoodsType();
|
||||
$this->assign('goods_type_list', $goods_type_list);
|
||||
|
||||
return $this->fetch('coupon/edit');
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 活动详情
|
||||
*/
|
||||
public function detail()
|
||||
{
|
||||
$coupon_type_id = input('coupon_type_id', 0);
|
||||
$coupon_type_model = new CouponTypeModel();
|
||||
$coupon_type_info = $coupon_type_model->getCouponTypeInfo($coupon_type_id, $this->site_id)[ 'data' ] ?? [];
|
||||
if (empty($coupon_type_info)) $this->error('未获取到优惠券数据', href_url('coupon://shop/coupon/lists'));
|
||||
$this->assign('info', $coupon_type_info[ 0 ]);
|
||||
$this->assign('get_type', ( new CouponModel() )->getCouponGetType());
|
||||
return $this->fetch('coupon/detail');
|
||||
}
|
||||
|
||||
/**
|
||||
* 活动列表
|
||||
*/
|
||||
public function lists()
|
||||
{
|
||||
$coupon_type_model = new CouponTypeModel();
|
||||
if (request()->isJson()) {
|
||||
$page = input('page', 1);
|
||||
$page_size = input('page_size', PAGE_LIST_ROWS);
|
||||
$coupon_name = input('coupon_name', '');
|
||||
$status = input('status', '');
|
||||
$inventory_count = input('inventory_count', ''); // 剩余数量
|
||||
$is_show = input('is_show', ''); // 是否显示
|
||||
$use_channel = input('use_channel', '');
|
||||
$goods_type = input('goods_type', '');
|
||||
$condition = [];
|
||||
|
||||
if ($status !== '') {
|
||||
$condition[] = [ 'status', '=', $status ];
|
||||
}
|
||||
//场景
|
||||
if($use_channel){
|
||||
$condition[] = [ 'use_channel', '=', $use_channel ];
|
||||
}
|
||||
if($goods_type){
|
||||
$condition[] = [ 'goods_type', '=', $goods_type ];
|
||||
}
|
||||
$type = input('type');
|
||||
if ($type) {
|
||||
$condition[] = [ 'type', '=', $type ];
|
||||
}
|
||||
|
||||
if ($is_show !== '') {
|
||||
$condition[] = [ 'is_show', '=', $is_show ];
|
||||
}
|
||||
|
||||
//类型
|
||||
$validity_type = input('validity_type', '');
|
||||
if ($validity_type !== '') {
|
||||
$start_time = input('start_time', '');
|
||||
$end_time = input('end_time', '');
|
||||
switch ( $validity_type ) {
|
||||
case 0: //固定
|
||||
$condition[] = [ 'end_time', 'between', [ $start_time, $end_time ] ];
|
||||
break;
|
||||
case 1:
|
||||
$condition[] = [ 'fixed_term', 'between', [ $start_time, $end_time ] ];
|
||||
break;
|
||||
case 2:
|
||||
$condition[] = [ 'validity_type', '=', 2 ];
|
||||
break;
|
||||
}
|
||||
}
|
||||
if ($inventory_count) {
|
||||
$condition[] = [ '', 'exp', Db::raw('(lead_count < count && count != -1) OR count = -1') ];
|
||||
}
|
||||
|
||||
$condition[] = [ 'site_id', '=', $this->site_id ];
|
||||
if(!empty($coupon_name)){
|
||||
$condition[] = ['coupon_name', 'like', '%' . $coupon_name . '%'];
|
||||
}
|
||||
$field = '*';
|
||||
|
||||
//排序
|
||||
$link_sort = input('order', 'create_time');
|
||||
$sort = input('sort', 'desc');
|
||||
if ($link_sort == 'sort') {
|
||||
$order_by = $link_sort . ' ' . $sort;
|
||||
} else {
|
||||
$order_by = $link_sort . ' ' . $sort . ',sort desc';
|
||||
}
|
||||
$res = $coupon_type_model->getCouponTypePageList($condition, $page, $page_size, $order_by, $field);
|
||||
|
||||
//获取优惠券状态
|
||||
$coupon_type_status_arr = $coupon_type_model->getCouponTypeStatus();
|
||||
foreach ($res[ 'data' ][ 'list' ] as &$val) {
|
||||
$val[ 'status_name' ] = $coupon_type_status_arr[ $val[ 'status' ] ];
|
||||
unset($val['use_store']);
|
||||
$val = $coupon_type_model->getCouponSubData($val);
|
||||
}
|
||||
return $res;
|
||||
} else {
|
||||
|
||||
//优惠券状态
|
||||
$coupon_type_status_arr = $coupon_type_model->getCouponTypeStatus();
|
||||
$this->assign('coupon_type_status_arr', $coupon_type_status_arr);
|
||||
$this->assign('use_channel_list', CouponDict::getUseChannelType());
|
||||
$goods_type_list = CouponDict::getGoodsType();
|
||||
$this->assign('goods_type_list', $goods_type_list);
|
||||
return $this->fetch('coupon/lists');
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 排序
|
||||
* @return mixed
|
||||
*/
|
||||
public function couponSort()
|
||||
{
|
||||
$sort = input('sort', 0);
|
||||
$coupon_type_id = input('coupon_type_id', 0);
|
||||
$coupon_type_model = new CouponTypeModel();
|
||||
return $coupon_type_model->couponSort($coupon_type_id, $sort);
|
||||
}
|
||||
|
||||
/**
|
||||
* 优惠券推广
|
||||
*/
|
||||
public function couponUrl()
|
||||
{
|
||||
$coupon_type_id = input('coupon_type_id', '');
|
||||
$app_type = input('app_type', 'all');
|
||||
$coupon_model = new couponTypeModel();
|
||||
$res = $coupon_model->urlQrcode('/pages_tool/goods/coupon_receive', [ 'coupon_type_id' => $coupon_type_id ], 'coupon', $app_type, $this->site_id);
|
||||
return $res;
|
||||
}
|
||||
|
||||
/**
|
||||
* 发放优惠券
|
||||
*/
|
||||
public function send()
|
||||
{
|
||||
if (request()->isJson()) {
|
||||
$member_id = input('member_id', 0);
|
||||
$coupon_data = json_decode(input('coupon_data', '[]'), true);
|
||||
if (empty($coupon_data)) {
|
||||
return error('', 'REQUEST_COUPON_TYPE_ID');
|
||||
}
|
||||
$res = ( new CouponModel() )->giveCoupon($coupon_data, $this->site_id, $member_id, CouponModel::GET_TYPE_MERCHANT_GIVE);
|
||||
return $res;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 活动列表
|
||||
*/
|
||||
public function couponSelect()
|
||||
{
|
||||
$coupon_type_model = new CouponTypeModel();
|
||||
if (request()->isJson()) {
|
||||
$page = input('page', 1);
|
||||
$page_size = input('page_size', PAGE_LIST_ROWS);
|
||||
$coupon_name = input('coupon_name', '');
|
||||
$coupon_type_ids = input('coupon_type_ids', '');
|
||||
|
||||
$condition[] = [ 'site_id', '=', $this->site_id ];
|
||||
$condition[] = [ 'status', '=', 1 ];
|
||||
$condition[] = [ 'coupon_name', 'like', '%' . $coupon_name . '%' ];
|
||||
if($coupon_type_ids){
|
||||
$condition[] = ['coupon_type_id', 'in', $coupon_type_ids];
|
||||
}
|
||||
|
||||
$order = 'create_time desc';
|
||||
if($coupon_type_ids){
|
||||
$order = Db::raw("FIELD(coupon_type_id, {$coupon_type_ids})");
|
||||
}
|
||||
$field = '*';
|
||||
|
||||
$res = $coupon_type_model->getCouponTypePageList($condition, $page, $page_size, $order, $field);
|
||||
|
||||
//获取优惠券状态
|
||||
$coupon_type_status_arr = $coupon_type_model->getCouponTypeStatus();
|
||||
foreach ($res[ 'data' ][ 'list' ] as $key => $val) {
|
||||
$res[ 'data' ][ 'list' ][ $key ][ 'status_name' ] = $coupon_type_status_arr[ $val[ 'status' ] ];
|
||||
}
|
||||
return $res;
|
||||
|
||||
} else {
|
||||
//优惠券状态
|
||||
$coupon_type_status_arr = $coupon_type_model->getCouponTypeStatus();
|
||||
$this->assign('coupon_type_status_arr', $coupon_type_status_arr);
|
||||
|
||||
$select_id = input('select_id', '');
|
||||
$this->assign('select_id', $select_id);
|
||||
|
||||
$max_num = input('max_num', 0);
|
||||
$this->assign('max_num', $max_num);
|
||||
|
||||
$min_num = input('min_num', 0);
|
||||
$this->assign('min_num', $min_num);
|
||||
|
||||
return $this->fetch('coupon/coupon_select');
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 关闭活动
|
||||
*/
|
||||
public function close()
|
||||
{
|
||||
if (request()->isJson()) {
|
||||
$coupon_type_id = input('coupon_type_id', 0);
|
||||
$coupon_type_model = new CouponTypeModel();
|
||||
return $coupon_type_model->closeCouponType($coupon_type_id, $this->site_id);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 删除活动
|
||||
*/
|
||||
public function delete()
|
||||
{
|
||||
if (request()->isJson()) {
|
||||
$coupon_type_id = input('coupon_type_id', 0);
|
||||
$coupon_type_model = new CouponTypeModel();
|
||||
return $coupon_type_model->deleteCouponType($coupon_type_id, $this->site_id);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 优惠券领取记录
|
||||
* */
|
||||
public function receive()
|
||||
{
|
||||
$coupon_model = new CouponModel();
|
||||
if (request()->isJson()) {
|
||||
$page = input('page', 1);
|
||||
$page_size = input('page_size', PAGE_LIST_ROWS);
|
||||
$coupon_type_id = input('coupon_type_id', 0);
|
||||
$state = input('state', '');
|
||||
$condition = [];
|
||||
$condition[] = [ 'npc.coupon_type_id', '=', $coupon_type_id ];
|
||||
$condition[] = [ 'npc.site_id', '=', $this->site_id ];
|
||||
if ($state !== '') {
|
||||
$condition[] = [ 'npc.state', '=', $state ];
|
||||
}
|
||||
$res = $coupon_model->getMemberCouponPageList($condition, $page, $page_size);
|
||||
return $res;
|
||||
} else {
|
||||
$coupon_type_id = input('coupon_type_id', 0);
|
||||
$this->assign('coupon_type_id', $coupon_type_id);
|
||||
$this->assign('get_type', $coupon_model->getCouponGetType());
|
||||
return $this->fetch('coupon/receive');
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 优惠券回收
|
||||
*/
|
||||
public function recoveryCoupon()
|
||||
{
|
||||
if (request()->isJson()) {
|
||||
$coupon_list = json_decode(input('coupon_list', '[]'), true);
|
||||
return ( new MemberCoupon() )->recoveryCoupon($coupon_list, $this->site_id);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 关闭活动(批量)
|
||||
*/
|
||||
public function closeAll()
|
||||
{
|
||||
if (request()->isJson()) {
|
||||
$coupon_type_id = input('coupon_type_id', '');
|
||||
$coupon_type_model = new CouponTypeModel();
|
||||
foreach($coupon_type_id as $k => $v){
|
||||
$res = $coupon_type_model->closeCouponType($v, $this->site_id);
|
||||
}
|
||||
return $res;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 删除活动(批量)
|
||||
*/
|
||||
public function deleteAll()
|
||||
{
|
||||
if (request()->isJson()) {
|
||||
$coupon_type_id = input('coupon_type_id', '');
|
||||
$coupon_type_model = new CouponTypeModel();
|
||||
foreach($coupon_type_id as $k => $v){
|
||||
$res = $coupon_type_model->deleteCouponType($v, $this->site_id);
|
||||
}
|
||||
return $res;
|
||||
}
|
||||
}
|
||||
}
|
||||
933
addon/coupon/shop/view/coupon/add.html
Executable file
933
addon/coupon/shop/view/coupon/add.html
Executable file
@@ -0,0 +1,933 @@
|
||||
<style>
|
||||
.discount { display: flex; justify-content: space-between; height: 34px; line-height: 34px; padding: 5px 15px; background-color: #F6FBFD; border: 1px dashed #BCE8F1; }
|
||||
.exchange-type {padding: 0 20px; position: relative;}
|
||||
.exchange-type i{position: absolute;bottom: -10px;right: -1px;display: none;}
|
||||
.exchange-type.border-color i{display: block;}
|
||||
.form-wrap {position: relative;}
|
||||
.custom-right {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left: 900px;
|
||||
padding: 20px 0;
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
background-color: #fff;
|
||||
height: 500px;
|
||||
width: 600px;
|
||||
}
|
||||
.custom-right .phone {
|
||||
min-width: 280px;
|
||||
height: 600px;
|
||||
background: url(__STATIC__/img/quan.png) no-repeat center;
|
||||
background-size: contain;
|
||||
position: relative;
|
||||
overflow: auto;
|
||||
padding-top: 30px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.custom-right .phone h2 {
|
||||
position: absolute;
|
||||
left: 250px;
|
||||
top: 80px;
|
||||
}
|
||||
|
||||
.item {
|
||||
position: absolute;
|
||||
top: 100px;
|
||||
left: 165px;
|
||||
width: 274px;
|
||||
height: 100px;
|
||||
display: flex;
|
||||
background: url(__STATIC__/img/quan_bj.png) no-repeat center;
|
||||
border-radius: 10px;
|
||||
align-items: stretch;
|
||||
overflow: hidden;
|
||||
font-size: 13px;
|
||||
}
|
||||
.item-base {
|
||||
position: relative;
|
||||
width: 65px;
|
||||
min-width: 65px;
|
||||
text-align: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
padding: 10px 10px 0 10px;
|
||||
}
|
||||
|
||||
.item-base p {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.item .item-base .aaa {
|
||||
height: auto;
|
||||
position: relative;
|
||||
top: 50%;
|
||||
right: 5px;
|
||||
transform: translate(0, -50%);
|
||||
}
|
||||
|
||||
.item-info {
|
||||
margin:0 20px 0 0;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.use_price {
|
||||
line-height: 1;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.use_condition {
|
||||
color: #fff;
|
||||
margin-top: 15px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.use_title {
|
||||
margin-top: 10px !important;
|
||||
}
|
||||
|
||||
.item-btn {
|
||||
width: 50px;
|
||||
min-width: 50px;
|
||||
align-self: center;
|
||||
position: relative;
|
||||
}
|
||||
.item-btn .btn{
|
||||
font-size: 12px;
|
||||
width: 40px;
|
||||
height: 24px;
|
||||
border-radius: 20px;
|
||||
line-height: 24px;
|
||||
margin-left: 20px;
|
||||
text-align: center;
|
||||
background-image: linear-gradient(to right, #fc6831, #ff4544);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.max_price {
|
||||
margin: 5px 0;
|
||||
padding-bottom: 5px;
|
||||
border-bottom: 1px dashed #d7d2d1;
|
||||
font-size: 12px;
|
||||
}
|
||||
.use_time span {display: inline-block;font-size: 12px; color: #909399;}
|
||||
.priceaaaa {
|
||||
font-size: 16px;
|
||||
}
|
||||
.thistitle {
|
||||
font-size: 14px;
|
||||
}
|
||||
.goods_num {padding-left: 20px;}
|
||||
</style>
|
||||
|
||||
<div class="layui-form form-wrap">
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="required">*</span>优惠券名称：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="coupon_name" lay-verify="required" autocomplete="off" class="layui-input len-long" maxlength="15">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">优惠券类型：</label>
|
||||
<div class="layui-input-block">
|
||||
<button class="layui-btn layui-btn-primary exchange-type border-color" data-status="reward">满减<i class="iconfont iconxuanzhong text-color"></i></button>
|
||||
<button class="layui-btn layui-btn-primary exchange-type" data-status="discount">折扣<i class="iconfont iconxuanzhong text-color"></i></button>
|
||||
<input type="hidden" name="type" value="reward">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item" id="coupon_type">
|
||||
<label class="layui-form-label"><span class="required">*</span>优惠券面额：</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-input-inline">
|
||||
<input type="number" name="money" min="0" lay-verify="required|number|money|coupon_money" autocomplete="off" class="layui-input len-short" >
|
||||
</div>
|
||||
<span class="layui-form-mid">元</span>
|
||||
</div>
|
||||
<div class="word-aux">
|
||||
<p>价格不能小于等于0，可保留两位小数</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="required">*</span>满多少元可以使用：</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-input-inline">
|
||||
<input type="number" name="at_least" min="0" lay-verify="required|number|money" autocomplete="off" class="layui-input len-short">
|
||||
</div>
|
||||
<span class="layui-form-mid">元</span>
|
||||
</div>
|
||||
<div class="word-aux">
|
||||
<p>价格不能小于0，无门槛请设为0</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">是否允许直接领取：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="checkbox" name="is_show" lay-filter="is_show" value="1" lay-skin="switch" checked />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="receive-limit">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="required">*</span>发放数量：</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-input-inline">
|
||||
<input type="number" name="count" lay-verify="count" autocomplete="off" class="layui-input len-short">
|
||||
</div>
|
||||
<span class="layui-form-mid">张</span>
|
||||
</div>
|
||||
<div class="word-aux">
|
||||
<p>优惠券发放数量，没有之后不能领取或发放，-1为不限制发放数量</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="required">*</span>最大领取数量：</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-input-inline">
|
||||
<input type="number" name="max_fetch" min="0" value="1" lay-verify="max" autocomplete="off" class="layui-input len-short">
|
||||
</div>
|
||||
<span class="layui-form-mid">张</span>
|
||||
</div>
|
||||
<div class="word-aux">
|
||||
<p>数量不能小于0，且必须为整数；设置为0时，可无限领取</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">优惠券图片：</label>
|
||||
<div class="layui-input-block img-upload">
|
||||
<div class="upload-img-block">
|
||||
<div class="upload-img-box">
|
||||
<div class="upload-default" id="couponImg">
|
||||
<div class="upload">
|
||||
<i class="iconfont iconshangchuan"></i>
|
||||
<p>点击上传</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="operation">
|
||||
<div>
|
||||
<i title="图片预览" class="iconfont iconreview js-preview" style="margin-right: 20px;"></i>
|
||||
<i title="删除图片" class="layui-icon layui-icon-delete js-delete" ></i>
|
||||
</div>
|
||||
<div class="replace_img js-replace">点击替换</div>
|
||||
</div>
|
||||
<input type="hidden" name="image" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="word-aux">
|
||||
<p>建议尺寸：325*95像素，图片上传默认不限制大小</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">有效期类型：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="radio" name="validity_type" value="0" lay-filter="filter" checked="checked" title="固定时间">
|
||||
<input type="radio" name="validity_type" value="1" lay-filter="filter" title="领取之日起">
|
||||
<input type="radio" name="validity_type" value="2" lay-filter="filter" title="长期有效">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item end-time validity-type validity-type-0">
|
||||
<label class="layui-form-label"></label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="end_time" lay-verify="time" id="end_time" class="layui-input len-mid" autocomplete="off" readonly>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item fixed-term validity-type validity-type-1" style="display: none">
|
||||
<label class="layui-form-label">领取之日起：</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-input-inline">
|
||||
<input type="number" min="1" max="365" value="10" name="fixed_term" lay-verify="days" autocomplete="off" class="layui-input len-short">
|
||||
</div>
|
||||
<span class="layui-form-mid">天有效</span>
|
||||
</div>
|
||||
<div class="word-aux">
|
||||
<p>不能小于0，且必须为整数</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="required">*</span>活动商品：</label>
|
||||
<div class="layui-input-block">
|
||||
{foreach $goods_type_list as $key=>$val}
|
||||
<input type="radio" name="goods_type" lay-filter="goods_type" value="{$key}" title="{$val}" {if $key == 1}checked{/if}>
|
||||
{/foreach}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item goods-type-data select-goods" style="display:none">
|
||||
<label class="layui-form-label"></label>
|
||||
<div class="layui-input-block">
|
||||
<table id="selected_goods_list"></table>
|
||||
<button class="layui-btn" onclick="addGoods()">选择商品</button> <span class="goods_num">已选商品（<span id="goods_num" class="text-color">0</span>）</span>
|
||||
</div>
|
||||
<input type="hidden" name="goods_ids" lay-verify="goods_ids">
|
||||
</div>
|
||||
<div class="layui-form-item goods-type-data select-category" style="display:none">
|
||||
<label class="layui-form-label"></label>
|
||||
<div class="layui-input-block">
|
||||
<button class="layui-btn" id="select_category">选择分类</button>
|
||||
<span></span>
|
||||
</div>
|
||||
<input type="hidden" name="category_ids" lay-verify="category_ids">
|
||||
</div>
|
||||
|
||||
|
||||
{if addon_is_exit('cashier') == 1}
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">适用场景：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="radio" name="use_channel" value="all" title="线上线下使用" checked>
|
||||
<input type="radio" name="use_channel" value="online" title="线上使用">
|
||||
<input type="radio" name="use_channel" value="offline" title="线下使用">
|
||||
</div>
|
||||
<div class="word-aux">
|
||||
<p>在小程序和pc端商城下单为线上使用，在收银台下单为线下使用。</p>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
{if addon_is_exit('store') == 1}
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">适用门店：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="radio" name="use_store" value="all" title="全部门店" checked lay-filter="use_store">
|
||||
<input type="radio" name="use_store" value="" title="部分门店" lay-filter="use_store">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item sale-store-select" style="display: none" lay-verify="use_store">
|
||||
<label class="layui-form-label"></label>
|
||||
<div class="layui-input-block">
|
||||
<button class="layui-btn select-store">选择门店</button>
|
||||
<div style="width: 700px">
|
||||
<table class="layui-table" lay-skin="nob">
|
||||
<colgroup>
|
||||
<col width="30%">
|
||||
<col width="60%">
|
||||
<col width="10%">
|
||||
</colgroup>
|
||||
<tr>
|
||||
<th>门店名称</th>
|
||||
<th>门店地址</th>
|
||||
<th>操作</th>
|
||||
</tr>
|
||||
<tbody class="sale-store"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
<input type="hidden" lay-verify="use_store"/>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
<div class="form-row">
|
||||
<button class="layui-btn" lay-submit lay-filter="save">保存</button>
|
||||
<button class="layui-btn layui-btn-primary" onclick="backCouponList()">返回</button>
|
||||
<a id="imageId"></a>
|
||||
</div>
|
||||
|
||||
<div class="custom-right">
|
||||
<div class="phone">
|
||||
<div class="item">
|
||||
<div class="item-base">
|
||||
<div class="aaa">
|
||||
<div class="use_price">
|
||||
<span class="priceaaaa">￥__</span>
|
||||
</div>
|
||||
<div class="use_condition font-size-tag">满<span class="use_price2">__</span>元可用</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-info">
|
||||
<div class="use_title">
|
||||
<div class="thistitle">满减折扣券</div>
|
||||
<div class="max_price">全场商品</div>
|
||||
</div>
|
||||
<div class="use_time">
|
||||
<span class="time-aaa validity-type validity-type-0">有效期：</span>
|
||||
<span style="display: none;" class="time-bbb validity-type validity-type-1">有效期：领取之日起10天内有效</span>
|
||||
<span style="display: none;" class="validity-type validity-type-2">有效期：长期有效</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-btn">
|
||||
<div class="btn">领取</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 操作 -->
|
||||
<script type="text/html" id="operation">
|
||||
<div class="table-btn">
|
||||
<a class="layui-btn" onclick="delGoods({{d.goods_id}})">删除</a>
|
||||
</div>
|
||||
</script>
|
||||
<script type="text/javascript" src="STATIC_JS/multi_tree_select.js"></script>
|
||||
<script>
|
||||
var submitRule, delRule;
|
||||
var goods_list = [], selectedGoodsId = [], goods_id=[],table;
|
||||
var saveData = null;
|
||||
var totalUploadNum = 0;
|
||||
var completeUploadNum = 0;
|
||||
var upload;
|
||||
var use_store_ids = 'all';
|
||||
|
||||
//分类选择
|
||||
new MultiTreeSelect({
|
||||
elem:"#select_category",
|
||||
treeType:'category',
|
||||
success:function (res){
|
||||
$("#select_category").next('span').html(res.selectedNames);
|
||||
$("input[name='category_ids']").val(res.selectedIds);
|
||||
}
|
||||
})
|
||||
|
||||
$("body").off("change",'input[name="money"]').on("change",'input[name="money"]',function(){
|
||||
var aa = $('input[name="money"]').val();
|
||||
$('.priceaaaa').html('￥' + aa)
|
||||
});
|
||||
|
||||
$("body").off("change",'input[name="discount"]').on("change",'input[name="discount"]',function(){
|
||||
var bb = $('input[name="discount"]').val();
|
||||
$('.pricebbbb').html(bb + ' 折 ')
|
||||
});
|
||||
|
||||
$('input[name="at_least"]').change(function(){
|
||||
var cc = $('input[name="at_least"]').val();
|
||||
$('.use_price2').html(cc)
|
||||
});
|
||||
|
||||
$('input[name="fixed_term"]').change(function(){
|
||||
var time_time = $('input[name="fixed_term"]').val();
|
||||
$('.time-bbb').html('有效期：领取之日起' + time_time + '日内有效');
|
||||
});
|
||||
|
||||
$("body").off("change",'input[name="coupon_name"]').on("change",'input[name="coupon_name"]',function(){
|
||||
var dd = $('input[name="coupon_name"]').val();
|
||||
$('.thistitle').html(dd)
|
||||
});
|
||||
|
||||
layui.use(['form', 'laydate','form'], function() {
|
||||
var form = layui.form,
|
||||
laydate = layui.laydate,
|
||||
repeat_flag = false; //防重复标识
|
||||
currentDate = new Date(); //当前时间
|
||||
form.render();
|
||||
|
||||
currentDate.setDate(currentDate.getDate() + 10); //10天后的日期
|
||||
|
||||
form.on('switch(is_show)', function (data) {
|
||||
if ($(data.elem).is(':checked')) {
|
||||
$('.receive-limit').show();
|
||||
} else {
|
||||
$('.receive-limit').hide();
|
||||
}
|
||||
});
|
||||
|
||||
// 时间模块
|
||||
laydate.render({
|
||||
elem: '#end_time', //指定元素
|
||||
type: 'datetime',
|
||||
value: currentDate,
|
||||
done: function(value, date, endDate){
|
||||
$('.time-aaa').html('有效期：' + value);
|
||||
}
|
||||
});
|
||||
|
||||
var date = new Date(currentDate);
|
||||
var y = date.getFullYear();
|
||||
var m = date.getMonth() + 1;
|
||||
m = m < 10 ? ('0' + m) : m;
|
||||
var d = date.getDate();
|
||||
d = d < 10 ? ('0' + d) : d;
|
||||
var h = date.getHours();
|
||||
var minute = date.getMinutes();
|
||||
var second = date.getSeconds();
|
||||
minute = minute < 10 ? ('0' + minute) : minute;
|
||||
var time = y + '-' + m + '-' + d+' '+h+':'+minute+':'+second;
|
||||
$('.time-aaa').html('有效期：' + time);
|
||||
var time_time = $('input[name="fixed_term"]').val();
|
||||
$('.time-bbb').html('有效期：领取之日起' + time_time + '日内有效');
|
||||
|
||||
renderTable(goods_list); // 初始化表格
|
||||
|
||||
//监听活动商品类型
|
||||
form.on('radio(goods_type)', function(data) {
|
||||
var goods_type = Number(data.value);
|
||||
var goods_type_name = $(data.elem).attr('title');
|
||||
$('.max_price').html(goods_type_name);
|
||||
$(".goods-type-data").hide();
|
||||
if([2,3].indexOf(goods_type) > -1){
|
||||
$(".select-goods").show();
|
||||
}else if([4,5].indexOf(goods_type) > -1){
|
||||
$(".select-category").show();
|
||||
}
|
||||
});
|
||||
|
||||
// 监听单选按钮
|
||||
form.on('radio(filter)', function(data) {
|
||||
$('.validity-type').hide();
|
||||
$('.validity-type-' + data.value).show();
|
||||
});
|
||||
|
||||
/**
|
||||
* 表单验证
|
||||
*/
|
||||
form.verify({
|
||||
days: function(value) {
|
||||
var validity_type = $('[name="validity_type"]:checked').val();
|
||||
if (validity_type == 1) {
|
||||
if (value%1 != 0) {
|
||||
return '请输入整数';
|
||||
}
|
||||
if (value <= 0) {
|
||||
return '有效天数不能小于等于0';
|
||||
}
|
||||
}
|
||||
},
|
||||
number: function (value) {
|
||||
if (value < 0) {
|
||||
return '请输入大于或等于0的数!'
|
||||
}
|
||||
},
|
||||
int: function (value) {
|
||||
if (value%1 != 0) {
|
||||
return '请输入整数!'
|
||||
}
|
||||
if (value <= 0) {
|
||||
return '请输入大于0的数!'
|
||||
}
|
||||
},
|
||||
money: function (value) {
|
||||
if(value < 0){
|
||||
return '金额不能小于0'
|
||||
}
|
||||
var arrMen = value.split(".");
|
||||
var val = 0;
|
||||
if (arrMen.length == 2) {
|
||||
val = arrMen[1];
|
||||
}
|
||||
if (val.length > 2) {
|
||||
return '保留小数点后两位'
|
||||
}
|
||||
},
|
||||
coupon_money: function (value) {
|
||||
if(parseFloat(value) > 10000){
|
||||
return '优惠券面额不能大于10000'
|
||||
}
|
||||
if(parseFloat(value) <= 0){
|
||||
return '优惠券面额不能小于0'
|
||||
}
|
||||
},
|
||||
time: function(value) {
|
||||
var validity_type = $('[name="validity_type"]:checked').val();
|
||||
if (validity_type == 0) {
|
||||
var now_time = (new Date()).getTime();
|
||||
var end_time = (new Date(value)).getTime();
|
||||
if (now_time > end_time) {
|
||||
return '结束时间不能小于当前时间!'
|
||||
}
|
||||
}
|
||||
},
|
||||
max: function(value) {
|
||||
if ($('[name="is_show"]').is(':checked')) {
|
||||
if (!/[\S]+/.test(value)) {
|
||||
return '请输入最大领取数量';
|
||||
}
|
||||
var _count = $("input[name=count]").val();
|
||||
if (_count != -1 && parseFloat(value) > parseFloat(_count)) {
|
||||
return '最大领取数量不能超过发放数量!';
|
||||
}
|
||||
}
|
||||
},
|
||||
fl: function(value, item) {
|
||||
var str = $(item).parents(".layui-form-item").find("label").text().split("*").join("");
|
||||
str = str.substring(0, str.length - 1);
|
||||
|
||||
if (value < 1) {
|
||||
return str + "不能小于1折";
|
||||
}
|
||||
|
||||
if (value > 9.9) {
|
||||
return str + "不能大于9.9折";
|
||||
}
|
||||
|
||||
var arrMen = value.split(".");
|
||||
var val = 0;
|
||||
if (arrMen.length == 2) {
|
||||
val = arrMen[1];
|
||||
}
|
||||
if (val.length > 2) {
|
||||
return str + "最多可保留两位小数";
|
||||
}
|
||||
},
|
||||
count: function(value){
|
||||
if ($('[name="is_show"]').is(':checked')) {
|
||||
if (!/[\S]+/.test(value)) {
|
||||
return '请输入发放数量';
|
||||
}
|
||||
if (value%1 != 0) {
|
||||
return '请输入整数';
|
||||
}
|
||||
if (value == 0 || value < -1) {
|
||||
return '发放数量不能为0或小于-1';
|
||||
}
|
||||
}
|
||||
},
|
||||
goods_ids: function(value){
|
||||
let goods_type = Number($("input[name='goods_type']:checked").val());
|
||||
if([2,3].indexOf(goods_type) > -1 && !value){
|
||||
return '请选择商品';
|
||||
}
|
||||
},
|
||||
category_ids: function(value){
|
||||
let goods_type = Number($("input[name='goods_type']:checked").val());
|
||||
if([4,5].indexOf(goods_type) > -1 && !value){
|
||||
return '请选择分类';
|
||||
}
|
||||
},
|
||||
use_store: function (value){
|
||||
let use_store = $("input[name='use_store']:checked").val();
|
||||
if(use_store === ''){
|
||||
var storeId = [];
|
||||
$('.sale-store tr').each(function () {
|
||||
storeId.push($(this).attr('data-store'));
|
||||
});
|
||||
use_store_ids = ',' + storeId.toString() + ',';
|
||||
if(!storeId.length){
|
||||
return '请选择门店';
|
||||
}
|
||||
}else{
|
||||
use_store_ids = 'all';
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
upload = new Upload({
|
||||
elem: '#couponImg',
|
||||
auto:false,
|
||||
bindAction:'#imageId',
|
||||
callback: function(res) {
|
||||
uploadComplete('image', res.data.pic_path);
|
||||
}
|
||||
});
|
||||
|
||||
function uploadComplete(field, pic_path) {
|
||||
saveData.field[field] = pic_path;
|
||||
completeUploadNum += 1;
|
||||
if(completeUploadNum == totalUploadNum){
|
||||
saveFunc();
|
||||
}
|
||||
}
|
||||
|
||||
function saveFunc(){
|
||||
var data = saveData;
|
||||
// 删除图片
|
||||
if(!data.field.image) upload.delete();
|
||||
data.field.use_store = use_store_ids;
|
||||
|
||||
//分类选择数据
|
||||
var goods_type = Number(data.field.goods_type);
|
||||
if([4,5].indexOf(goods_type) > -1){
|
||||
data.field.goods_ids = data.field.category_ids;
|
||||
data.field.goods_names = $("#select_category").next('span').text();
|
||||
}
|
||||
|
||||
$.ajax({
|
||||
url: ns.url("coupon://shop/coupon/add"),
|
||||
data: data.field,
|
||||
dataType: 'JSON',
|
||||
type: 'POST',
|
||||
success: function(res) {
|
||||
repeat_flag = false;
|
||||
|
||||
if (res.code == 0) {
|
||||
layer.confirm('添加成功', {
|
||||
title:'操作提示',
|
||||
btn: ['返回列表', '继续添加'],
|
||||
closeBtn: 0,
|
||||
yes: function(index, layero) {
|
||||
location.hash = ns.hash("coupon://shop/coupon/lists")
|
||||
layer.close(index);
|
||||
},
|
||||
btn2: function(index, layero) {
|
||||
listenerHash(); // 刷新页面
|
||||
layer.close(index);
|
||||
}
|
||||
});
|
||||
}else{
|
||||
layer.msg(res.message);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* 监听提交
|
||||
*/
|
||||
form.on('submit(save)', function(data) {
|
||||
|
||||
if (data.field.is_show == undefined) {
|
||||
data.field.is_show = 0;
|
||||
}
|
||||
if (repeat_flag) return;
|
||||
repeat_flag = true;
|
||||
|
||||
saveData = data;
|
||||
var obj = $("img.img_prev[data-prev='1']");
|
||||
totalUploadNum = obj.length;
|
||||
if(totalUploadNum > 0){
|
||||
obj.each(function(){
|
||||
var actionId = $(this).attr('data-action-id');
|
||||
$(actionId).click();
|
||||
})
|
||||
}else{
|
||||
saveFunc();
|
||||
}
|
||||
});
|
||||
|
||||
submitRule = function() {
|
||||
var money = $("#money").val().trim(),
|
||||
discount_money = $("#discount_money").val().trim();
|
||||
|
||||
if (Number(money) == "0" || Number(discount_money) == "0") {
|
||||
layer.msg("满减金额不能为空！", {icon: 5, anim: 6});
|
||||
return false;
|
||||
}
|
||||
if (Number(money) < 0 || Number(discount_money) < 0) {
|
||||
layer.msg("金额不能小于0！", {icon: 5, anim: 6});
|
||||
return false;
|
||||
}
|
||||
if (Number(money) * 100 % 1 != 0 || Number(discount_money) * 100 % 1 != 0) {
|
||||
layer.msg("金额最多保留小数点后两位！", {icon: 5, anim: 6});
|
||||
return false;
|
||||
}
|
||||
|
||||
for (var i=0; i<$(".discount-box .discount").length; i++) {
|
||||
var money_num = $(".discount-box .discount").eq(i).find(".money-num").text();
|
||||
if (money == money_num) {
|
||||
layer.msg("该金额规则已添加，不可重复添加！");
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
var html = '<div class="discount form-row">'+
|
||||
'<div class="discount-con">'+
|
||||
'<p>单笔订单满<span class="required money-num">' + money + '</span>元，立减现金<span class="required discount_money-num">' + discount_money + '</span>元</p>'+
|
||||
'</div>'+
|
||||
'<div class="discount-del">'+
|
||||
'<button class="layui-btn" onclick="delRule(this)">删除</button>'+
|
||||
'</div>'+
|
||||
'</div>';
|
||||
$(".discount-box").append(html);
|
||||
};
|
||||
|
||||
delRule = function(obj) {
|
||||
$(obj).parent().parent().remove();
|
||||
};
|
||||
|
||||
$(".exchange-type").click(function() {
|
||||
$(this).addClass("border-color");
|
||||
$(this).siblings("button").removeClass("border-color");
|
||||
|
||||
var type = $(this).attr('data-status');
|
||||
var current_type = $("input[name='type']").val();
|
||||
|
||||
if(current_type == type){
|
||||
return false;
|
||||
}
|
||||
|
||||
$("input[name='type']").val(type);
|
||||
|
||||
var html = '';
|
||||
if(type == 'reward'){
|
||||
html += '<label class="layui-form-label"><span class="required">*</span>优惠券面额：</label>' +
|
||||
'<div class="layui-input-block">' +
|
||||
'<div class="layui-input-inline">' +
|
||||
'<input type="number" name="money" min="0" lay-verify="required|number|money" autocomplete="off" class="layui-input len-short">' +
|
||||
'</div>' +
|
||||
'<span class="layui-form-mid">元</span>' +
|
||||
'</div>' +
|
||||
'<div class="word-aux">' +
|
||||
'<p>价格不能小于0，可保留两位小数</p>' +
|
||||
'</div>';
|
||||
|
||||
$('.discount_limit').remove();
|
||||
// $('body .pricebbbb').css("display","none");
|
||||
// $('body .priceaaaa').css("display","block");
|
||||
$("body").off("change",'input[name="money"]').on("change",'input[name="money"]',function(){
|
||||
var aa = $('input[name="money"]').val();
|
||||
$('.priceaaaa').html('￥' + aa)
|
||||
});
|
||||
}
|
||||
|
||||
if(type == 'discount'){
|
||||
html += '<label class="layui-form-label"><span class="required">*</span>优惠券折扣：</label>' +
|
||||
'<div class="layui-input-block">' +
|
||||
'<div class="layui-input-inline">' +
|
||||
'<input type="number" name="discount" min="1" lay-verify="required|fl" autocomplete="off" class="layui-input len-short">' +
|
||||
'</div>' +
|
||||
'<span class="layui-form-mid">折</span>' +
|
||||
'</div>' +
|
||||
'<div class="word-aux">' +
|
||||
'<p>优惠券折扣不能小于1折，且不可大于9.9折，可保留两位小数</p>' +
|
||||
'</div>';
|
||||
|
||||
var discount_limit = '';
|
||||
discount_limit += '<div class="layui-form-item discount_limit">' +
|
||||
'<label class="layui-form-label">最多优惠：</label>' +
|
||||
'<div class="layui-input-block">' +
|
||||
'<div class="layui-input-inline">' +
|
||||
'<input type="number" name="discount_limit" min="0" lay-verify="number|int" autocomplete="off" class="layui-input len-short">' +
|
||||
'</div>' +
|
||||
'<span class="layui-form-mid">元</span>' +
|
||||
'</div>' +
|
||||
'</div>';
|
||||
$('#coupon_type').after(discount_limit);
|
||||
// $('body .priceaaaa').css("display","none");
|
||||
// $('body .pricebbbb').css("display","block");
|
||||
$("body").off("change",'input[name="discount"]').on("change",'input[name="discount"]',function(){
|
||||
var bb = $('input[name="discount"]').val();
|
||||
$('.pricebbbb').html(bb + ' 折 ')
|
||||
});
|
||||
}
|
||||
$('#coupon_type').html(html);
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
// 表格渲染
|
||||
function renderTable(goods_list) {
|
||||
//展示已知数据
|
||||
table = new Table({
|
||||
elem: '#selected_goods_list',
|
||||
cols: [
|
||||
[{
|
||||
field: 'goods_name',
|
||||
title: '商品名称',
|
||||
unresize: 'false',
|
||||
width: '50%'
|
||||
}, {
|
||||
field: 'price',
|
||||
title: '商品价格(元)',
|
||||
unresize: 'false',
|
||||
align: 'right',
|
||||
width: '20%',
|
||||
templet: function (data) {
|
||||
return '￥' + data.price;
|
||||
}
|
||||
}, {
|
||||
field: 'goods_stock',
|
||||
title: '库存',
|
||||
unresize: 'false',
|
||||
align: 'center',
|
||||
width: '20%'
|
||||
}, {
|
||||
title: '操作',
|
||||
toolbar: '#operation',
|
||||
unresize: 'false',
|
||||
align: 'right'
|
||||
}],
|
||||
],
|
||||
data: goods_list,
|
||||
});
|
||||
}
|
||||
|
||||
// 删除选中商品
|
||||
function delGoods(id) {
|
||||
var i, j;
|
||||
$.each(goods_list, function(index, item) {
|
||||
var goods_id = item.goods_id;
|
||||
|
||||
if (id == Number(goods_id)) {
|
||||
i = index;
|
||||
}
|
||||
});
|
||||
goods_list.splice(i, 1);
|
||||
renderTable(goods_list);
|
||||
|
||||
$.each(selectedGoodsId, function(index, item) {
|
||||
if (id == Number(item)) {
|
||||
j = index;
|
||||
}
|
||||
});
|
||||
selectedGoodsId.splice(j, 1);
|
||||
goods_id = selectedGoodsId;
|
||||
$("#goods_num").html(selectedGoodsId.length);
|
||||
$("input[name='goods_ids']").val(goods_id.toString());
|
||||
}
|
||||
|
||||
/* 商品 */
|
||||
function addGoods() {
|
||||
goodsSelect(function (data) {
|
||||
|
||||
goods_id = [];
|
||||
goods_list = [];
|
||||
for (var key in data) {
|
||||
goods_id.push(data[key].goods_id);
|
||||
goods_list.push(data[key]);
|
||||
}
|
||||
|
||||
renderTable(goods_list);
|
||||
$("input[name='goods_ids']").val(goods_id.toString());
|
||||
selectedGoodsId = goods_id;
|
||||
$("#goods_num").html(selectedGoodsId.length)
|
||||
}, selectedGoodsId, {mode: "spu", is_weigh: 1});
|
||||
}
|
||||
|
||||
function backCouponList() {
|
||||
location.hash = ns.hash("coupon://shop/coupon/lists");
|
||||
}
|
||||
form.on('radio(use_store)', function (data) {
|
||||
if (data.value != 'all') {
|
||||
$('.sale-store-select').show();
|
||||
} else {
|
||||
$('.sale-store-select').hide();
|
||||
}
|
||||
});
|
||||
|
||||
// 选择门店
|
||||
$('.select-store').click(function () {
|
||||
var storeId = [];
|
||||
$('.sale-store tr').each(function () {
|
||||
storeId.push($(this).attr('data-store'));
|
||||
});
|
||||
storeSelect(function (store) {
|
||||
fetchStore(store);
|
||||
}, {store_id: storeId.toString()})
|
||||
});
|
||||
|
||||
// 删除门店
|
||||
$('body').off('click', '.sale-store .del').on('click', '.sale-store .del', function () {
|
||||
$(this).parents('tr').remove();
|
||||
});
|
||||
|
||||
/**
|
||||
* 渲染门店
|
||||
* @param store
|
||||
*/
|
||||
function fetchStore(store) {
|
||||
var h = '';
|
||||
store.forEach(function (item) {
|
||||
h += `<tr data-store="` + item.store_id + `">
|
||||
<td>` + item.store_name + `</td>
|
||||
<td>` + item.full_address + item.address + `</td>
|
||||
<td><a href="javascript:;" class="del">删除</a></td>
|
||||
</tr>`;
|
||||
});
|
||||
$('.sale-store').html(h);
|
||||
}
|
||||
</script>
|
||||
214
addon/coupon/shop/view/coupon/coupon_select.html
Executable file
214
addon/coupon/shop/view/coupon/coupon_select.html
Executable file
@@ -0,0 +1,214 @@
|
||||
<style>
|
||||
.coupon-list {
|
||||
padding: 0 20px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="coupon-list">
|
||||
<div class="single-filter-box">
|
||||
<div class="layui-form">
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="coupon_name" placeholder="请输入优惠券名称" class="layui-input">
|
||||
<button type="button" class="layui-btn layui-btn-primary" lay-submit lay-filter="search">
|
||||
<i class="layui-icon"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 列表 -->
|
||||
<table id="coupon_list" lay-filter="coupon_list"></table>
|
||||
</div>
|
||||
|
||||
<script type="text/html" id="checkbox">
|
||||
{{# if($.inArray(d.coupon_type_id.toString(), selected_id_arr) != -1){ }}
|
||||
<input type="checkbox" data-coupon-id="{{d.coupon_type_id}}" name="coupon_checkbox" lay-skin="primary" lay-filter="coupon_checkbox" checked>
|
||||
{{# }else{ }}
|
||||
<input type="checkbox" data-coupon-id="{{d.coupon_type_id}}" name="coupon_checkbox" lay-skin="primary" lay-filter="coupon_checkbox">
|
||||
{{# } }}
|
||||
<input type="hidden" data-coupon-id="{{d.coupon_type_id}}" name="coupon_json" value='{{ JSON.stringify(d) }}' />
|
||||
</script>
|
||||
|
||||
<script type="text/html" id="validity">
|
||||
<div class="text">
|
||||
{{# if(d.validity_type == 0){ }}
|
||||
至 {{ ns.time_to_date(d.end_time) }}
|
||||
{{# } else if(d.validity_type == 1) { }}
|
||||
领取后，{{ d.fixed_term }}天有效
|
||||
{{# } else { }}
|
||||
长期有效
|
||||
{{# } }}
|
||||
</div>
|
||||
</script>
|
||||
|
||||
<script>
|
||||
var table, form, laytpl,
|
||||
select_id = "{$select_id}", //选中商品id
|
||||
selected_id_arr = select_id.length ? select_id.split(',') : [],
|
||||
max_num = Number('{$max_num}'),
|
||||
min_num = Number('{$min_num}'),
|
||||
select_list = []; //选中商品所有数据
|
||||
|
||||
$(function () {
|
||||
layui.use(['form', 'laytpl'], function () {
|
||||
form = layui.form;
|
||||
laytpl = layui.laytpl;
|
||||
|
||||
table = new Table({
|
||||
elem: '#coupon_list',
|
||||
url: ns.url("coupon://shop/coupon/couponSelect"),
|
||||
where: {
|
||||
app_module: ns.appModule,
|
||||
site_id: ns.siteId
|
||||
},
|
||||
cols: [
|
||||
[{
|
||||
unresize: 'false',
|
||||
width: '3%',
|
||||
templet: '#checkbox'
|
||||
}, {
|
||||
field: 'coupon_name',
|
||||
title: '优惠券名称',
|
||||
unresize: 'false',
|
||||
width: '20%',
|
||||
templet: function (data){
|
||||
return '<div class="text">'+ data.coupon_name +'</div>'
|
||||
}
|
||||
}, {
|
||||
field: 'reward',
|
||||
title: '优惠类型',
|
||||
unresize: 'false',
|
||||
width: '12%',
|
||||
templet: function (data) {
|
||||
if (data.type == 'reward') {
|
||||
return '满减';
|
||||
} else {
|
||||
return '折扣';
|
||||
}
|
||||
}
|
||||
}, {
|
||||
field: 'goods_type',
|
||||
title: '适用商品',
|
||||
unresize: 'false',
|
||||
width: '15%',
|
||||
templet: function (data) {
|
||||
return data.goods_type_name;
|
||||
}
|
||||
}, {
|
||||
title: '优惠金额/折扣',
|
||||
unresize: 'false',
|
||||
width: '14%',
|
||||
align: 'right',
|
||||
templet: function (data) {
|
||||
if (data.type == 'reward') {
|
||||
return '<span style="padding-right: 12px;">￥' + data.money + '</span>';
|
||||
} else {
|
||||
return '<span style="padding-right: 12px;">' + data.discount + '折</span>';
|
||||
}
|
||||
}
|
||||
}, {
|
||||
field: 'count',
|
||||
title: '发放数量',
|
||||
unresize: 'false',
|
||||
width: '10%',
|
||||
templet: function (data) {
|
||||
return data.count == -1 ? '不限制' : data.count;
|
||||
}
|
||||
},{
|
||||
title: '有效期',
|
||||
unresize: 'false',
|
||||
templet: '#validity',
|
||||
|
||||
},
|
||||
]
|
||||
],
|
||||
callback: function () {
|
||||
// 更新商品复选框状态
|
||||
for (var i = 0; i < selected_id_arr.length; i++) {
|
||||
var selected_coupons = $("input[name='coupon_checkbox'][data-coupon-id='" + selected_id_arr[i] + "']");
|
||||
|
||||
if (selected_coupons.length) {
|
||||
$("input[name='coupon_checkbox'][data-coupon-id='" + selected_id_arr[i] + "']").prop("checked", true);
|
||||
}
|
||||
}
|
||||
|
||||
form.render();
|
||||
initData();
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
/**
|
||||
* 监听搜索
|
||||
*/
|
||||
form.on('submit(search)', function (data) {
|
||||
data.field.app_module = ns.appModule;
|
||||
data.field.site_id = ns.siteId;
|
||||
table.reload({
|
||||
page: {
|
||||
curr: 1
|
||||
},
|
||||
where: data.field
|
||||
});
|
||||
});
|
||||
|
||||
// 勾选商品
|
||||
form.on('checkbox(coupon_checkbox)', function(data) {
|
||||
var coupon_id = $(data.elem).attr("data-coupon-id"), json = {};
|
||||
form.render();
|
||||
|
||||
var couponLen = $("input[name='coupon_checkbox'][data-coupon-id="+ coupon_id +"]:checked").length;
|
||||
if (couponLen){
|
||||
json = JSON.parse($("input[name='coupon_json'][data-coupon-id="+ coupon_id +"]").val());
|
||||
delete json.LAY_INDEX;
|
||||
delete json.LAY_TABLE_INDEX;
|
||||
delete json.create_time;
|
||||
select_list.push(json);
|
||||
} else{
|
||||
for (var i = 0; i < select_list.length; i++) {
|
||||
if (select_list[i].coupon_type_id == coupon_id) {
|
||||
select_list.splice(i, 1);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
//初始化数据
|
||||
function initData(){
|
||||
var couponLen = $("input[name='coupon_checkbox'][data-coupon-id]:checked").length;
|
||||
|
||||
for (var i = 0; i < couponLen; i++){
|
||||
var couponId = $("input[name='coupon_checkbox'][data-coupon-id]:checked").eq(i).attr("data-coupon-id");
|
||||
var ident = false;
|
||||
for (var k = 0; k < select_list.length; k++){
|
||||
if(select_list[k].coupon_type_id == couponId){
|
||||
ident = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
if (ident) return;
|
||||
json = JSON.parse($("input[name='coupon_json'][data-coupon-id="+ couponId +"]").val());
|
||||
delete json.LAY_INDEX;
|
||||
delete json.LAY_TABLE_INDEX;
|
||||
delete json.create_time;
|
||||
|
||||
select_list.push(json);
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
function selectCouponListener(callback) {
|
||||
if (max_num > 0 && select_list.length > max_num) {
|
||||
layer.msg("所选优惠券数量不能超过" + max_num + '个');
|
||||
return;
|
||||
}
|
||||
if (min_num > 0 && select_list.length < min_num) {
|
||||
layer.msg("所选优惠券数量不能少于" + min_num + '个');
|
||||
return;
|
||||
}
|
||||
callback(select_list);
|
||||
}
|
||||
</script>
|
||||
424
addon/coupon/shop/view/coupon/detail.html
Executable file
424
addon/coupon/shop/view/coupon/detail.html
Executable file
@@ -0,0 +1,424 @@
|
||||
<link rel="stylesheet" href="STATIC_CSS/promotion_detail.css">
|
||||
<style>
|
||||
.layui-tab-content {padding: 0}
|
||||
.promotion-view-item.store_name{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.promotion-view-item.store_name>span{
|
||||
max-width: calc(100% - 80px);
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
-o-text-overflow: ellipsis;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
line-height: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="layui-card card-common card-brief">
|
||||
<div class="layui-card-header">
|
||||
<span class="card-title">基本信息</span>
|
||||
</div>
|
||||
<div class="layui-card-body">
|
||||
<div class="promotion-view">
|
||||
<div class="promotion-view-item">
|
||||
<label>优惠券名称：</label>
|
||||
<span>{$info.coupon_name}</span>
|
||||
</div>
|
||||
<div class="promotion-view-item">
|
||||
<label>优惠券类型：</label>
|
||||
<span>{if $info.type == 'reward'} 满减 {else /} 折扣 {/if}</span>
|
||||
</div>
|
||||
<div class="promotion-view-item">
|
||||
<label>{if $info.type == 'reward'} 优惠券面额 {else /} 优惠券折扣 {/if}：</label>
|
||||
<span>{if $info.type == 'reward'} ￥ {$info.money} {else /} {$info.discount} 折 {/if}</span>
|
||||
</div>
|
||||
{if $info.type == 'discount'}
|
||||
{if $info.discount_limit != 0}
|
||||
<div class="promotion-view-item">
|
||||
<label>最多优惠：</label>
|
||||
<span>￥ {$info.discount_limit}</span>
|
||||
</div>
|
||||
{/if}
|
||||
{/if}
|
||||
<div class="promotion-view-item">
|
||||
<label>是否允许直接领取：</label>
|
||||
<span>{$info.is_show === 1 ? '是' : '否' }</span>
|
||||
</div>
|
||||
{if $info.is_show === 1}
|
||||
<div class="promotion-view-item">
|
||||
<label>发放数量：</label>
|
||||
<span>
|
||||
{if $info.count > 0 }
|
||||
{$info.count} 张
|
||||
{else /}
|
||||
无限制
|
||||
{/if}
|
||||
</span>
|
||||
</div>
|
||||
<div class="promotion-view-item">
|
||||
<label>最大领取数量：</label>
|
||||
<span>{$info.max_fetch} 张</span>
|
||||
</div>
|
||||
{/if}
|
||||
<div class="promotion-view-item">
|
||||
<label>使用门槛：</label>
|
||||
<span>{$info.at_least} 元</span>
|
||||
</div>
|
||||
<div class="promotion-view-item">
|
||||
<label>有效期：</label>
|
||||
<span>
|
||||
{if $info.validity_type == 0}
|
||||
{:date('Y-m-d H:i:s',$info.end_time)}
|
||||
{elseif $info.validity_type == 1 }
|
||||
领取后 {$info.fixed_term} 天有效
|
||||
{else /}
|
||||
长期有效
|
||||
{/if}
|
||||
</span>
|
||||
</div>
|
||||
<div class="promotion-view-item">
|
||||
<label>适用场景：</label>
|
||||
{if $info.use_channel === 'all'}
|
||||
<span>线上线下使用</span>
|
||||
{elseif $info.use_channel === 'online'}
|
||||
<span>线上使用</span>
|
||||
{else}
|
||||
<span>线下使用</span>
|
||||
{/if}
|
||||
</div>
|
||||
<div class="promotion-view-item store_name">
|
||||
<label>适用门店：</label>
|
||||
{if $info.use_store == 'all'}
|
||||
<span>全部门店</span>
|
||||
{else $info.goods_type == 2}
|
||||
<span title = '{:implode('、', array_column($info.use_store_list, 'store_name'))}'>
|
||||
{:implode('、', array_column($info.use_store_list, 'store_name'))}
|
||||
</span>
|
||||
{/if}
|
||||
</div>
|
||||
<div class="promotion-view-item">
|
||||
<label>活动商品：</label>
|
||||
{$info.goods_type_name}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="promotion-view">
|
||||
<div class="promotion-view-item-line">
|
||||
<label class="promotion-view-item-custom-label">优惠券图片：</label>
|
||||
<div class="promotion-view-item-custom-box img-upload">
|
||||
<div class="upload-img-block icon">
|
||||
<div class="upload-img-box" id="couponImg">
|
||||
{if condition="$info.image"}
|
||||
<img layer-src src="{:img($info.image)}" />
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-card card-common card-brief">
|
||||
<div class="layui-card-header">
|
||||
<span class="card-title">数据统计</span>
|
||||
</div>
|
||||
<div class="layui-card-body">
|
||||
<div class="promotion-stat-view todo-list">
|
||||
<div class="promotion-stat-item" >
|
||||
<div class="promotion-stat-item-title">总数</div>
|
||||
<div class="promotion-stat-item-value">{$info.count == -1 ? '不限制' : $info.count }</div>
|
||||
</div>
|
||||
<div class="promotion-stat-item" >
|
||||
<div class="promotion-stat-item-title">发放数</div>
|
||||
<div class="promotion-stat-item-value">{$info.give_count}</div>
|
||||
</div>
|
||||
<div class="promotion-stat-item" >
|
||||
<div class="promotion-stat-item-title">领取数</div>
|
||||
<div class="promotion-stat-item-value">{$info.lead_count}</div>
|
||||
</div>
|
||||
<div class="promotion-stat-item" >
|
||||
<div class="promotion-stat-item-title">使用数</div>
|
||||
<div class="promotion-stat-item-value">{$info.used_count}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-card card-common card-brief">
|
||||
<div class="layui-card-header">
|
||||
<span class="card-title">领取记录</span>
|
||||
</div>
|
||||
<div class="layui-card-body layui-tab table-tab" lay-filter="coupon_tab">
|
||||
<ul class="layui-tab-title">
|
||||
<li class="layui-this" lay-id="">全部</li>
|
||||
<li lay-id="1">已领取</li>
|
||||
<li lay-id="2">已使用</li>
|
||||
<li lay-id="3">已过期</li>
|
||||
</ul>
|
||||
<div class="layui-tab-content">
|
||||
<!-- 列表 -->
|
||||
<table id="coupon" lay-filter="coupon"></table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{if $info.goods_type != 1}
|
||||
<div class="layui-card card-common card-brief">
|
||||
<div class="layui-card-header">
|
||||
{if $info.goods_type == 2}
|
||||
<span class="card-title">指定商品</span>
|
||||
{elseif $info.goods_type == 3}
|
||||
<span class="card-title">指定不参与商品</span>
|
||||
{/if}
|
||||
</div>
|
||||
<div class="layui-card-body">
|
||||
<div class='promotion-view-list'>
|
||||
<table id="promotion_list"></table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
<script type='text/html' id="promotion_list_item_box_html">
|
||||
<div class="promotion-list-item-title">
|
||||
<div class="promotion-list-item-title-icon">
|
||||
<img src="{{ ns.img(d.goods_image) }}" alt="">
|
||||
</div>
|
||||
<p class="promotion-list-item-title-name multi-line-hiding">{{ d.goods_name }}</p>
|
||||
</div>
|
||||
</script>
|
||||
|
||||
<script type="text/html" id="memberInfo">
|
||||
<div class='table-title'>
|
||||
<div class='title-pic'>
|
||||
<img layer-src src="{{ns.img(d.headimg)}}" onerror="this.src = '{:img('public/static/img/default_img/head.png')}' ">
|
||||
</div>
|
||||
<div class='title-content' onclick="location.hash = ns.hash('shop/member/editmember?member_id={{d.member_id}}')">
|
||||
<p class="layui-elip">{{d.nickname}}</p>
|
||||
<p class="layui-elip">{{d.mobile}}</p>
|
||||
</div>
|
||||
</div>
|
||||
</script>
|
||||
|
||||
<script type="text/html" id="operation">
|
||||
<div class="table-btn" align="right">
|
||||
{{# if(d.state == 1){ }}
|
||||
<a class="layui-btn" lay-event="recovery">回收</a>
|
||||
{{# } }}
|
||||
</div>
|
||||
</script>
|
||||
|
||||
<script type="text/html" id="toolbarOperation">
|
||||
<button class="layui-btn layui-btn-primary" lay-event="recovery">批量回收</button>
|
||||
</script>
|
||||
|
||||
<script type="text/html" id="batchOperation">
|
||||
<button class="layui-btn layui-btn-primary" lay-event="recovery">批量回收</button>
|
||||
</script>
|
||||
|
||||
<script>
|
||||
var promotion_list = {:json_encode($info.goods_list, JSON_UNESCAPED_UNICODE)},
|
||||
coupon_type_id = {$info.coupon_type_id},
|
||||
element,table,
|
||||
getType = {:json_encode($get_type)};
|
||||
|
||||
layui.use('element', function() {
|
||||
element = layui.element;
|
||||
|
||||
element.on('tab(coupon_tab)', function(){
|
||||
table.reload({
|
||||
page: {curr: 1},
|
||||
where: {'state': this.getAttribute('lay-id'),"coupon_type_id": coupon_type_id},
|
||||
})
|
||||
});
|
||||
|
||||
new Table({
|
||||
elem: '#promotion_list',
|
||||
cols: [
|
||||
[{
|
||||
field: 'goods_name',
|
||||
title: '商品名称',
|
||||
unresize: 'false',
|
||||
width: '60%',
|
||||
templet: '#promotion_list_item_box_html'
|
||||
}, {
|
||||
field: 'price',
|
||||
title: '商品价格(元)',
|
||||
unresize: 'false',
|
||||
align: 'right',
|
||||
width: '20%',
|
||||
templet: function(data) {
|
||||
return '￥' + data.price;
|
||||
}
|
||||
}, {
|
||||
field: 'goods_stock',
|
||||
title: '库存',
|
||||
unresize: 'false',
|
||||
align: 'center',
|
||||
width: '20%'
|
||||
}],
|
||||
],
|
||||
data: promotion_list
|
||||
});
|
||||
|
||||
table = new Table({
|
||||
elem: '#coupon',
|
||||
url: ns.url("coupon://shop/coupon/receive"),
|
||||
where: {
|
||||
"coupon_type_id": coupon_type_id
|
||||
},
|
||||
cols: [
|
||||
[{
|
||||
type: 'checkbox',
|
||||
width: '3%',
|
||||
unresize: 'false'
|
||||
},{
|
||||
templet: '#memberInfo',
|
||||
title: '会员信息',
|
||||
width: '20%',
|
||||
unresize: 'false'
|
||||
}, {
|
||||
field: 'coupon_name',
|
||||
title: '优惠券',
|
||||
width: '10%',
|
||||
unresize: 'false',
|
||||
templet: function(data) {
|
||||
return `<a href="`+ ns.href('coupon://shop/coupon/detail', {coupon_type_id: data.coupon_type_id }) +`" target="_blank" class="text-color">`+ data.coupon_name +`</a>`;
|
||||
}
|
||||
}, {
|
||||
title: '类型',
|
||||
width: '10%',
|
||||
unresize: 'false',
|
||||
templet: function (data) {
|
||||
return data.type == 'reward' ? '满减券' : '折扣券';
|
||||
}
|
||||
}, {
|
||||
title: '获取方式',
|
||||
width: '10%',
|
||||
unresize: 'false',
|
||||
templet: function(data) {
|
||||
return getType[data.get_type] ? getType[data.get_type] : '';
|
||||
}
|
||||
}, {
|
||||
title: '状态',
|
||||
width: '12%',
|
||||
unresize: 'false',
|
||||
templet: function (data) {
|
||||
var str = '';
|
||||
switch (data.state) {
|
||||
case 1:
|
||||
str = '已领取';
|
||||
break;
|
||||
case 2:
|
||||
str = '已使用';
|
||||
break;
|
||||
case 3:
|
||||
str = '已过期';
|
||||
break;
|
||||
}
|
||||
return str;
|
||||
}
|
||||
}, {
|
||||
title: '领取时间',
|
||||
width: '15%',
|
||||
unresize: 'false',
|
||||
templet: function(data) {
|
||||
return ns.time_to_date(data.fetch_time);
|
||||
}
|
||||
}, {
|
||||
title: '使用时间',
|
||||
width: '15%',
|
||||
templet: function(data) {
|
||||
return data.use_time ? ns.time_to_date(data.use_time) : '';
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '操作',
|
||||
width: '5%',
|
||||
templet: '#operation'
|
||||
}
|
||||
]
|
||||
],
|
||||
parseData: function(data){
|
||||
data.data.list = data.data.list.map(function (item) {
|
||||
item.LAY_DISABLED = item.state != 1;
|
||||
return item;
|
||||
})
|
||||
return {
|
||||
"code": data.code,
|
||||
"msg": data.message,
|
||||
"count": data.data.count,
|
||||
"data": data.data.list
|
||||
};
|
||||
},
|
||||
toolbar: '#toolbarOperation',
|
||||
bottomToolbar: "#batchOperation"
|
||||
});
|
||||
|
||||
table.tool(function(obj) {
|
||||
var data = obj.data;
|
||||
switch (obj.event) {
|
||||
case 'recovery': //编辑
|
||||
recoveryCoupon([{coupon_type_id: data.coupon_type_id, coupon_id: data.coupon_id}]);
|
||||
break;
|
||||
}
|
||||
})
|
||||
|
||||
/**
|
||||
* 批量操作
|
||||
*/
|
||||
table.bottomToolbar(function(obj) {
|
||||
if (obj.data.length < 1) {
|
||||
layer.msg('请选择要操作的数据');
|
||||
return;
|
||||
}
|
||||
switch (obj.event) {
|
||||
case "recovery":
|
||||
var id_array = new Array();
|
||||
for (i in obj.data) id_array.push({coupon_type_id: obj.data[i].coupon_type_id, coupon_id: obj.data[i].coupon_id});
|
||||
recoveryCoupon(id_array);
|
||||
break;
|
||||
}
|
||||
});
|
||||
|
||||
/**
|
||||
* 批量操作
|
||||
*/
|
||||
table.toolbar(function(obj) {
|
||||
if (obj.data.length < 1) {
|
||||
layer.msg('请选择要操作的数据');
|
||||
return;
|
||||
}
|
||||
switch (obj.event) {
|
||||
case "recovery":
|
||||
var id_array = new Array();
|
||||
for (i in obj.data) id_array.push({coupon_type_id: obj.data[i].coupon_type_id, coupon_id: obj.data[i].coupon_id});
|
||||
recoveryCoupon(id_array);
|
||||
break;
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
function recoveryCoupon(data) {
|
||||
layer.confirm('回收将会收回会员领取的待使用的优惠券，已使用的将无法回收，确定要回收所选优惠券吗？', function(index) {
|
||||
layer.close(index);
|
||||
$.ajax({
|
||||
url: ns.url("coupon://shop/coupon/recoverycoupon"),
|
||||
data: {
|
||||
coupon_list: JSON.stringify(data)
|
||||
},
|
||||
dataType: 'JSON',
|
||||
type: 'POST',
|
||||
success: function(res) {
|
||||
layer.msg(res.message);
|
||||
if (res.code == 0) {
|
||||
table.reload();
|
||||
}
|
||||
}
|
||||
});
|
||||
})
|
||||
}
|
||||
</script>
|
||||
976
addon/coupon/shop/view/coupon/edit.html
Executable file
976
addon/coupon/shop/view/coupon/edit.html
Executable file
@@ -0,0 +1,976 @@
|
||||
<style>
|
||||
.discount {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
height: 34px;
|
||||
line-height: 34px;
|
||||
padding: 5px 15px;
|
||||
background-color: #F6FBFD;
|
||||
border: 1px dashed #BCE8F1;
|
||||
}
|
||||
|
||||
.exchange-type {
|
||||
padding: 0 20px;
|
||||
position: relative;
|
||||
}
|
||||
.exchange-type i{position: absolute;bottom: -10px;right: -1px;display: none;}
|
||||
.exchange-type.border-color i{display: block;}
|
||||
|
||||
.form-wrap {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.custom-right {
|
||||
position: absolute;
|
||||
top: 150px;
|
||||
left: 900px;
|
||||
padding: 20px 0;
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
background-color: #fff;
|
||||
height: 500px;
|
||||
width: 600px;
|
||||
}
|
||||
|
||||
.custom-right .phone {
|
||||
min-width: 280px;
|
||||
height: 600px;
|
||||
background: url(__STATIC__/img/quan.png) no-repeat center;
|
||||
background-size: contain;
|
||||
position: relative;
|
||||
overflow: auto;
|
||||
padding-top: 30px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.custom-right .phone h2 {
|
||||
position: absolute;
|
||||
left: 250px;
|
||||
top: 80px;
|
||||
}
|
||||
|
||||
.item {
|
||||
position: absolute;
|
||||
top: 100px;
|
||||
left: 165px;
|
||||
width: 274px;
|
||||
height: 100px;
|
||||
display: flex;
|
||||
background: url(__STATIC__/img/quan_bj.png) no-repeat center;
|
||||
border-radius: 10px;
|
||||
align-items: stretch;
|
||||
overflow: hidden;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.item-base {
|
||||
position: relative;
|
||||
width: 65px;
|
||||
min-width: 65px;
|
||||
text-align: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
padding: 10px 10px 0 10px;
|
||||
}
|
||||
|
||||
.item-base p {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.item .item-base .aaa {
|
||||
height: auto;
|
||||
position: relative;
|
||||
top: 50%;
|
||||
right: 5px;
|
||||
transform: translate(0, -50%);
|
||||
}
|
||||
|
||||
.item-info {
|
||||
margin: 0 20px 0 0;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.use_price {
|
||||
line-height: 1;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.use_condition {
|
||||
color: #fff;
|
||||
margin-top: 15px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.use_title {
|
||||
margin-top: 10px !important;
|
||||
}
|
||||
|
||||
.item-btn {
|
||||
width: 50px;
|
||||
min-width: 50px;
|
||||
align-self: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.item-btn .btn {
|
||||
font-size: 12px;
|
||||
width: 40px;
|
||||
height: 24px;
|
||||
border-radius: 20px;
|
||||
line-height: 24px;
|
||||
margin-left: 20px;
|
||||
text-align: center;
|
||||
background-image: linear-gradient(to right, #fc6831, #ff4544);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.max_price {
|
||||
margin: 5px 0;
|
||||
padding-bottom: 5px;
|
||||
border-bottom: 1px dashed #d7d2d1;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.use_time span {
|
||||
display: inline-block;
|
||||
font-size: 12px;
|
||||
color: #909399;
|
||||
}
|
||||
|
||||
.priceaaaa {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.thistitle {
|
||||
font-size: 14px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="layui-form form-wrap">
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="required">*</span>优惠券名称：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="coupon_name" value="{$coupon_type_info.coupon_name}" lay-verify="required" autocomplete="off" class="layui-input len-long" maxlength="15">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">优惠券类型：</label>
|
||||
<div class="layui-input-block">
|
||||
<button class="layui-btn layui-btn-primary exchange-type {if $coupon_type_info.type == 'reward'} border-color {/if}" data-status="reward">满减<i class="iconfont iconxuanzhong text-color"></i></button>
|
||||
<button class="layui-btn layui-btn-primary exchange-type {if $coupon_type_info.type == 'discount'} border-color {/if}" data-status="discount">折扣<i class="iconfont iconxuanzhong text-color"></i></button>
|
||||
<input type="hidden" name="type" value="{$coupon_type_info.type}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item" id="coupon_type">
|
||||
{if $coupon_type_info.type == 'reward'}
|
||||
<label class="layui-form-label"><span class="required">*</span>优惠券面额：</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-input-inline">
|
||||
<input type="number" name="money" value="{$coupon_type_info.money}" lay-verify="required|number|money|coupon_money" autocomplete="off" class="layui-input len-short">
|
||||
</div>
|
||||
<span class="layui-form-mid">元</span>
|
||||
</div>
|
||||
<div class="word-aux">
|
||||
<p>价格不能小于等于0，可保留两位小数</p>
|
||||
</div>
|
||||
{else /}
|
||||
<label class="layui-form-label"><span class="required">*</span>优惠券折扣：</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-input-inline">
|
||||
<input type="number" name="discount" min="1" value="{$coupon_type_info.discount}" lay-verify="required|fl" autocomplete="off" class="layui-input len-short">
|
||||
</div>
|
||||
<span class="layui-form-mid">折</span>
|
||||
</div>
|
||||
<div class="word-aux">
|
||||
<p>优惠券折扣不能小于1折，且不可大于9.9折，可保留两位小数</p>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
{if $coupon_type_info.type == 'discount'}
|
||||
<div class="layui-form-item discount_limit">
|
||||
<label class="layui-form-label">最多优惠：</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-input-inline">
|
||||
<input type="number" name="discount_limit" min=0 value="{$coupon_type_info.discount_limit}" lay-verify="number|int" autocomplete="off" class="layui-input len-short">
|
||||
</div>
|
||||
<span class="layui-form-mid">元</span>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="required">*</span>满多少元可以使用：</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-input-inline">
|
||||
<input type="number" name="at_least" value="{$coupon_type_info.at_least}" lay-verify="required|number|money" autocomplete="off" class="layui-input len-short">
|
||||
</div>
|
||||
<span class="layui-form-mid">元</span>
|
||||
</div>
|
||||
<div class="word-aux">
|
||||
<p>价格不能小于0，可保留两位小数</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">是否允许直接领取：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="checkbox" name="is_show" min=0 lay-filter="is_show" value="1" lay-skin="switch" {if condition="$coupon_type_info.is_show == 1" }checked{/if} />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="receive-limit" {if $coupon_type_info.is_show eq 0}style="display:none;"{/if}>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="required">*</span>发放数量：</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-input-inline">
|
||||
<input type="number" name="count" min=0 value="{$coupon_type_info.count}" lay-verify="count" autocomplete="off" class="layui-input len-short" {if $coupon_type_info.count == -1}disabled style="cursor:not-allowed"{/if}>
|
||||
</div>
|
||||
<span class="layui-form-mid">张</span>
|
||||
</div>
|
||||
<div class="word-aux">
|
||||
<p>优惠券发放数量，没有之后不能领取或发放，-1为不限制发放数量,发放数量只能增加不能减少。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="required">*</span>最大领取数量：</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-input-inline">
|
||||
<input type="number" name="max_fetch" min=0 value="{$coupon_type_info.max_fetch}" lay-verify="max" autocomplete="off" class="layui-input len-short">
|
||||
</div>
|
||||
<span class="layui-form-mid">张</span>
|
||||
</div>
|
||||
<div class="word-aux">
|
||||
<p>数量不能小于0，且必须为整数；设置为0时，可无限领取</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">优惠券图片：</label>
|
||||
<div class="layui-input-block img-upload">
|
||||
<div class="upload-img-block">
|
||||
<div class="upload-img-box {notempty name=" $coupon_type_info['image']"}hover{/notempty}">
|
||||
<div class="upload-default " id="couponImg">
|
||||
{if condition="$coupon_type_info.image"}
|
||||
<div id="preview_couponImg" class="preview_img">
|
||||
<img layer-src src="{:img($coupon_type_info.image)}" class="img_prev" />
|
||||
</div>
|
||||
{else/}
|
||||
<div class="upload">
|
||||
<i class="iconfont iconshangchuan"></i>
|
||||
<p>点击上传</p>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
<div class="operation">
|
||||
<div>
|
||||
<i title="图片预览" class="iconfont iconreview js-preview" style="margin-right: 20px;"></i>
|
||||
<i title="删除图片" class="layui-icon layui-icon-delete js-delete"></i>
|
||||
</div>
|
||||
<div class="replace_img js-replace">点击替换</div>
|
||||
</div>
|
||||
<input type="hidden" class="layui-input" name="image" value="{$coupon_type_info.image}" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="word-aux">
|
||||
<p>建议尺寸：325*95像素，图片上传默认不限制大小</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">有效期类型：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="radio" name="validity_type" value="0" lay-filter="filter" title="固定时间" {if condition="$coupon_type_info.validity_type == 0" }checked{/if}>
|
||||
<input type="radio" name="validity_type" value="1" lay-filter="filter" title="领取之日起" {if condition="$coupon_type_info.validity_type == 1" }checked{/if}>
|
||||
<input type="radio" name="validity_type" value="2" lay-filter="filter" title="长期有效" {if condition="$coupon_type_info.validity_type == 2" }checked{/if}>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item end-time validity-type validity-type-0">
|
||||
<label class="layui-form-label ">活动结束时间：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="end_time" value="{:date('Y-m-d H:i:s',$coupon_type_info.end_time)}" lay-verify="time" id="end_time" class="layui-input len-mid" readonly>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item fixed-term validity-type validity-type-1">
|
||||
<label class="layui-form-label">领取后几天有效：</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-input-inline">
|
||||
<input type="number" name="fixed_term" value="{$coupon_type_info.fixed_term}" lay-verify="days" autocomplete="off" class="layui-input len-short">
|
||||
</div>
|
||||
<span class="layui-form-mid">天</span>
|
||||
</div>
|
||||
<div class="word-aux">
|
||||
<p>不能小于0，且必须为整数</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="required">*</span>活动商品：</label>
|
||||
<div class="layui-input-block">
|
||||
{foreach $goods_type_list as $key=>$val}
|
||||
<input type="radio" name="goods_type" lay-filter="goods_type" value="{$key}" title="{$val}" {if $key == $coupon_type_info.goods_type}checked{/if}>
|
||||
{/foreach}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item goods-type-data select-goods" {if !in_array($coupon_type_info.goods_type, [2,3])}style="display:none;"{/if}>
|
||||
<label class="layui-form-label"></label>
|
||||
<div class="layui-input-block">
|
||||
<table id="selected_sku_list"></table>
|
||||
<button class="layui-btn" onclick="addGoods()">选择商品</button>
|
||||
<span class="goods_num">已选商品（<span id="goods_num" class="text-color">{if in_array($coupon_type_info.goods_type, [2,3])}{$coupon_type_info.goods_list_count}{else/}0{/if}</span>）</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item goods-type-data select-category" {if !in_array($coupon_type_info.goods_type, [4,5])}style="display:none;"{/if}>
|
||||
<label class="layui-form-label"></label>
|
||||
<div class="layui-input-block">
|
||||
<button class="layui-btn" id="select_category">选择分类</button>
|
||||
<span>{if in_array($coupon_type_info.goods_type, [4,5])}{$coupon_type_info.goods_names}{/if}</span>
|
||||
</div>
|
||||
<input type="hidden" name="category_ids" lay-verify="category_ids" value="{if in_array($coupon_type_info.goods_type, [4,5])}{$coupon_type_info.goods_ids}{/if}">
|
||||
</div>
|
||||
|
||||
<input type="hidden" name="goods_ids" lay-verify="goods_ids">
|
||||
{if addon_is_exit('cashier') == 1}
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">适用场景：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="radio" name="use_channel" value="all" title="线上线下使用" {if $coupon_type_info.use_channel=='all'} checked {/if}>
|
||||
<input type="radio" name="use_channel" value="online" title="线上使用" {if $coupon_type_info.use_channel=='online'} checked {/if}>
|
||||
<input type="radio" name="use_channel" value="offline" title="线下使用" {if $coupon_type_info.use_channel=='offline'} checked {/if}>
|
||||
</div>
|
||||
<div class="word-aux">
|
||||
<p>在小程序和pc端商城下单为线上使用，在收银台下单为线下使用。</p>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
{if addon_is_exit('store') == 1}
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">适用门店：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="radio" name="use_store" value="all" title="全部门店" {if $coupon_type_info.use_store=='all'} checked {/if} lay-filter="use_store">
|
||||
<input type="radio" name="use_store" value="" title="部分门店" {if $coupon_type_info.use_store !='all'} checked {/if} lay-filter="use_store">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item sale-store-select" style="display: none" lay-verify="use_store">
|
||||
<label class="layui-form-label"></label>
|
||||
<div class="layui-input-block">
|
||||
<button class="layui-btn select-store">选择门店</button>
|
||||
<div style="width: 700px">
|
||||
<table class="layui-table" lay-skin="nob">
|
||||
<colgroup>
|
||||
<col width="30%">
|
||||
<col width="60%">
|
||||
<col width="10%">
|
||||
</colgroup>
|
||||
<tr>
|
||||
<th>门店名称</th>
|
||||
<th>门店地址</th>
|
||||
<th>操作</th>
|
||||
</tr>
|
||||
<tbody class="sale-store">
|
||||
{if $coupon_type_info.use_store != 'all' && $coupon_type_info.use_store_list }
|
||||
{foreach $coupon_type_info.use_store_list as $store_k => $store_v}
|
||||
<tr data-store="{$store_v.store_id}">
|
||||
<td>{$store_v.store_name}</td>
|
||||
<td>{$store_v.address}</td>
|
||||
<td><a href="javascript:;" class="del">删除</a></td>
|
||||
</tr>
|
||||
{/foreach}
|
||||
{/if}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
<div class="form-row">
|
||||
<button class="layui-btn" lay-submit lay-filter="save">保存</button>
|
||||
<button class="layui-btn layui-btn-primary" onclick="backCouponList()">返回</button>
|
||||
<a id="imageId"></a>
|
||||
</div>
|
||||
|
||||
<input type="hidden" name="site_id" value="{$coupon_type_info.site_id}" />
|
||||
<input type="hidden" name="coupon_type_id" value="{$coupon_type_info.coupon_type_id}" />
|
||||
</div>
|
||||
|
||||
<div class="custom-right">
|
||||
<div class="phone">
|
||||
<div class="item">
|
||||
<div class="item-base">
|
||||
<div class="aaa">
|
||||
<div class="use_price">
|
||||
<span class="priceaaaa">￥__</span>
|
||||
</div>
|
||||
<div class="use_condition font-size-tag">满<span class="use_price2">__</span>元可用</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-info">
|
||||
<div class="use_title">
|
||||
<div class="thistitle">{$coupon_type_info.coupon_name}</div>
|
||||
<div class="max_price">全场商品</div>
|
||||
</div>
|
||||
<div class="use_time">
|
||||
<span class="time-aaa validity-type validity-type-0">有效期：</span>
|
||||
<span style="display: none;" class="time-bbb validity-type validity-type-1">有效期：领取之日起10天内有效</span>
|
||||
<span class="validity-type validity-type-2" style="display: none;">有效期：长期有效</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-btn">
|
||||
<div class="btn">领取</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 操作 -->
|
||||
<script type="text/html" id="operation">
|
||||
<div class="table-btn">
|
||||
<a class="layui-btn" onclick="delGoods({{d.goods_id}})">删除</a>
|
||||
</div>
|
||||
</script>
|
||||
<script type="text/javascript" src="STATIC_JS/multi_tree_select.js?time=112"></script>
|
||||
<script>
|
||||
var validity_type = $("input[name='validity_type']:checked").val();
|
||||
var saveData = null;
|
||||
var totalUploadNum = 0;
|
||||
var completeUploadNum = 0;
|
||||
var upload;
|
||||
var use_store_ids = 'all';
|
||||
|
||||
//分类选择
|
||||
new MultiTreeSelect({
|
||||
elem:"#select_category",
|
||||
treeType:'category',
|
||||
selectedIds:'{$coupon_type_info.goods_ids}',
|
||||
success:function (res){
|
||||
$("#select_category").next('span').html(res.selectedNames);
|
||||
$("input[name='category_ids']").val(res.selectedIds);
|
||||
}
|
||||
})
|
||||
|
||||
$('.validity-type').hide();
|
||||
$('.validity-type-' + validity_type).show();
|
||||
{if $coupon_type_info.use_store !='all'} $('.sale-store-select').show(); {/if}
|
||||
var delRule, selectedGoodsId = [], goods_id = [], table;
|
||||
var goods_list = {:json_encode($coupon_type_info.goods_list, JSON_UNESCAPED_UNICODE)};
|
||||
|
||||
$("body").off("change", 'input[name="money"]').on("change", 'input[name="money"]', function() {
|
||||
var aa = $('input[name="money"]').val();
|
||||
$('.priceaaaa').html('￥' + aa)
|
||||
});
|
||||
|
||||
$("body").off("change", 'input[name="discount"]').on("change", 'input[name="discount"]', function() {
|
||||
var bb = $('input[name="discount"]').val();
|
||||
$('.pricebbbb').html(bb + ' 折 ')
|
||||
});
|
||||
|
||||
$('input[name="at_least"]').change(function() {
|
||||
var cc = $('input[name="at_least"]').val();
|
||||
$('.use_price2').html(cc)
|
||||
})
|
||||
|
||||
$('input[name="fixed_term"]').change(function() {
|
||||
var time_time = $('input[name="fixed_term"]').val();
|
||||
$('.time-bbb').html('有效期：领取之日起' + time_time + '日内有效');
|
||||
})
|
||||
|
||||
$("body").off("change", 'input[name="coupon_name"]').on("change", 'input[name="coupon_name"]', function() {
|
||||
var dd = $('input[name="coupon_name"]').val();
|
||||
$('.thistitle').html(dd)
|
||||
});
|
||||
|
||||
$.each(goods_list, function(index, item) {
|
||||
var id = item.goods_id;
|
||||
selectedGoodsId.push(id);
|
||||
goods_id.push(id);
|
||||
});
|
||||
$("input[name='goods_ids']").val(goods_id.toString());
|
||||
|
||||
layui.use(['form', 'laydate'], function() {
|
||||
var form = layui.form,
|
||||
laydate = layui.laydate,
|
||||
repeat_flag = false, //防重复标识
|
||||
currentDate = new Date(); //当前时间
|
||||
form.render();
|
||||
|
||||
form.on('switch(is_show)', function (data) {
|
||||
if ($(data.elem).is(':checked')) {
|
||||
$('.receive-limit').show();
|
||||
} else {
|
||||
$('.receive-limit').hide();
|
||||
}
|
||||
});
|
||||
|
||||
// 时间模块
|
||||
laydate.render({
|
||||
elem: '#end_time', //指定元素
|
||||
type: 'datetime',
|
||||
// value: currentDate,
|
||||
done: function(value, date, endDate) {
|
||||
$('.time-aaa').html('有效期：' + value);
|
||||
}
|
||||
});
|
||||
|
||||
var date = new Date(currentDate);
|
||||
var y = date.getFullYear();
|
||||
var m = date.getMonth() + 1;
|
||||
m = m < 10 ? ('0' + m) : m;
|
||||
var d = date.getDate();
|
||||
d = d < 10 ? ('0' + d) : d;
|
||||
var h = date.getHours();
|
||||
var minute = date.getMinutes();
|
||||
var second = date.getSeconds();
|
||||
minute = minute < 10 ? ('0' + minute) : minute;
|
||||
var time = y + '-' + m + '-' + d + ' ' + h + ':' + minute + ':' + second;
|
||||
$('.time-aaa').html('有效期：' + time);
|
||||
var time_time = $('input[name="fixed_term"]').val();
|
||||
$('.time-bbb').html('有效期：领取之日起' + time_time + '日内有效');
|
||||
|
||||
renderTable(goods_list); // 初始化表格
|
||||
|
||||
//监听活动商品类型
|
||||
form.on('radio(goods_type)', function(data) {
|
||||
var goods_type = Number(data.value);
|
||||
var goods_type_name = $(data.elem).attr('title');
|
||||
$('.max_price').html(goods_type_name);
|
||||
$(".goods-type-data").hide();
|
||||
if([2,3].indexOf(goods_type) > -1){
|
||||
$(".select-goods").show();
|
||||
}else if([4,5].indexOf(goods_type) > -1){
|
||||
$(".select-category").show();
|
||||
}
|
||||
});
|
||||
|
||||
// 监听单选按钮
|
||||
form.on('radio(filter)', function(data) {
|
||||
$('.validity-type').hide();
|
||||
$('.validity-type-' + data.value).show();
|
||||
});
|
||||
|
||||
/**
|
||||
* 表单验证
|
||||
*/
|
||||
form.verify({
|
||||
days: function (value) {
|
||||
var validity_type = $('[name="validity_type"]:checked').val();
|
||||
if (validity_type == 1) {
|
||||
if (value % 1 != 0) {
|
||||
return '请输入整数';
|
||||
}
|
||||
if (value <= 0) {
|
||||
return '有效天数不能小于等于0';
|
||||
}
|
||||
}
|
||||
},
|
||||
number: function (value) {
|
||||
if (value < 0) {
|
||||
return '请输入不小于0的数!'
|
||||
}
|
||||
},
|
||||
coupon_money: function (value) {
|
||||
if (parseFloat(value) > 10000) {
|
||||
return '优惠券面额不能大于10000'
|
||||
}
|
||||
if(parseFloat(value) <= 0){
|
||||
return '优惠券面额不能小于0'
|
||||
}
|
||||
},
|
||||
int: function (value) {
|
||||
if (value % 1 != 0) {
|
||||
return '请输入整数!'
|
||||
}
|
||||
if (value < 0) {
|
||||
return '请输入大于0的数!'
|
||||
}
|
||||
},
|
||||
money: function (value) {
|
||||
if(value < 0){
|
||||
return '金额不能小于0'
|
||||
}
|
||||
var arrMen = value.split(".");
|
||||
var val = 0;
|
||||
if (arrMen.length == 2) {
|
||||
val = arrMen[1];
|
||||
}
|
||||
if (val.length > 2) {
|
||||
return '保留小数点后两位'
|
||||
}
|
||||
},
|
||||
time: function (value) {
|
||||
var validity_type = $('[name="validity_type"]:checked').val();
|
||||
if (validity_type == 0) {
|
||||
var now_time = (new Date()).getTime();
|
||||
var end_time = (new Date(value)).getTime();
|
||||
if (now_time > end_time) {
|
||||
return '结束时间不能小于当前时间!'
|
||||
}
|
||||
}
|
||||
},
|
||||
max: function (value) {
|
||||
if ($('[name="is_show"]').is(':checked')) {
|
||||
if (!/[\S]+/.test(value)) {
|
||||
return '请输入最大领取数量';
|
||||
}
|
||||
var _count = $("input[name=count]").val();
|
||||
if (_count != -1 && parseFloat(value) > parseFloat(_count)) {
|
||||
return '最大领取数量不能超过发放数量!';
|
||||
}
|
||||
}
|
||||
},
|
||||
fl: function (value, item) {
|
||||
var str = $(item).parents(".layui-form-item").find("label").text().split("*").join(
|
||||
"");
|
||||
str = str.substring(0, str.length - 1);
|
||||
|
||||
if (value < 1) {
|
||||
return str + "不能小于1折";
|
||||
}
|
||||
|
||||
if (value > 9.9) {
|
||||
return str + "不能大于9.9折";
|
||||
}
|
||||
|
||||
var arrMen = value.split(".");
|
||||
var val = 0;
|
||||
if (arrMen.length == 2) {
|
||||
val = arrMen[1];
|
||||
}
|
||||
if (val.length > 2) {
|
||||
return str + "最多可保留两位小数";
|
||||
}
|
||||
},
|
||||
count: function (value) {
|
||||
if ($('[name="is_show"]').is(':checked')) {
|
||||
if (!/[\S]+/.test(value)) {
|
||||
return '请输入发放数量';
|
||||
}
|
||||
if (value % 1 != 0) {
|
||||
return '请输入整数';
|
||||
}
|
||||
if (value == 0) {
|
||||
return '发放数量不能为0';
|
||||
}
|
||||
if (value != -1 && parseInt(value) < parseInt('{$coupon_type_info.count}')) {
|
||||
return '发放数量不能小于原发放数量!';
|
||||
}
|
||||
}
|
||||
},
|
||||
goods_ids: function(value){
|
||||
let goods_type = Number($("input[name='goods_type']:checked").val());
|
||||
if([2,3].indexOf(goods_type) > -1 && !value){
|
||||
return '请选择商品';
|
||||
}
|
||||
},
|
||||
category_ids: function(value){
|
||||
let goods_type = Number($("input[name='goods_type']:checked").val());
|
||||
if([4,5].indexOf(goods_type) > -1 && !value){
|
||||
return '请选择分类';
|
||||
}
|
||||
},
|
||||
use_store: function (value){
|
||||
let use_store = $("input[name='use_store']:checked").val();
|
||||
if(use_store === ''){
|
||||
var storeId = [];
|
||||
$('.sale-store tr').each(function () {
|
||||
storeId.push($(this).attr('data-store'));
|
||||
});
|
||||
use_store_ids = ',' + storeId.toString() + ',';
|
||||
if(!storeId.length){
|
||||
return '请选择门店';
|
||||
}
|
||||
}else{
|
||||
use_store_ids = 'all';
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
upload = new Upload({
|
||||
elem: '#couponImg',
|
||||
auto:false,
|
||||
bindAction:'#imageId',
|
||||
callback: function(res) {
|
||||
uploadComplete('image', res.data.pic_path);
|
||||
}
|
||||
});
|
||||
|
||||
function uploadComplete(field, pic_path) {
|
||||
saveData.field[field] = pic_path;
|
||||
completeUploadNum += 1;
|
||||
if(completeUploadNum == totalUploadNum){
|
||||
saveFunc();
|
||||
}
|
||||
}
|
||||
|
||||
function saveFunc() {
|
||||
var data = saveData;
|
||||
// 删除图片
|
||||
if (!data.field.image) upload.delete();
|
||||
data.field.use_store = use_store_ids;
|
||||
|
||||
//分类选择数据
|
||||
var goods_type = Number(data.field.goods_type);
|
||||
if([4,5].indexOf(goods_type) > -1){
|
||||
data.field.goods_ids = data.field.category_ids;
|
||||
data.field.goods_names = $("#select_category").next('span').text();
|
||||
}
|
||||
|
||||
$.ajax({
|
||||
url: ns.url("coupon://shop/coupon/edit"),
|
||||
data: data.field,
|
||||
dataType: 'JSON',
|
||||
type: 'POST',
|
||||
success: function (res) {
|
||||
repeat_flag = false;
|
||||
|
||||
if (res.code == 0) {
|
||||
layer.confirm('编辑成功', {
|
||||
title: '操作提示',
|
||||
btn: ['返回列表', '继续编辑'],
|
||||
yes: function(index, layero) {
|
||||
location.hash = ns.hash("coupon://shop/coupon/lists")
|
||||
layer.close(index);
|
||||
},
|
||||
btn2: function(index, layero) {
|
||||
layer.close(index);
|
||||
}
|
||||
});
|
||||
} else {
|
||||
layer.msg(res.message);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* 监听提交
|
||||
*/
|
||||
form.on('submit(save)', function(data) {
|
||||
if (repeat_flag) return;
|
||||
repeat_flag = true;
|
||||
|
||||
var new_goods_ids = [];
|
||||
goods_list.forEach((item, i) => {
|
||||
new_goods_ids.push(item.goods_id)
|
||||
});
|
||||
data.field.goods_ids = new_goods_ids.join(',');
|
||||
|
||||
saveData = data;
|
||||
var obj = $("img.img_prev[data-prev='1']");
|
||||
totalUploadNum = obj.length;
|
||||
if (totalUploadNum > 0) {
|
||||
obj.each(function () {
|
||||
var actionId = $(this).attr('data-action-id');
|
||||
$(actionId).click();
|
||||
})
|
||||
} else {
|
||||
saveFunc();
|
||||
}
|
||||
});
|
||||
|
||||
delRule = function(obj) {
|
||||
$(obj).parent().parent().remove();
|
||||
};
|
||||
|
||||
$(".exchange-type").click(function() {
|
||||
$(this).addClass("border-color");
|
||||
$(this).siblings("button").removeClass("border-color");
|
||||
|
||||
var type = $(this).attr('data-status');
|
||||
|
||||
var current_type = $("input[name='type']").val();
|
||||
if (current_type == type) {
|
||||
return false;
|
||||
}
|
||||
|
||||
$("input[name='type']").val(type);
|
||||
|
||||
var html = '';
|
||||
if (type == 'reward') {
|
||||
html += '<label class="layui-form-label"><span class="required">*</span>优惠券面额：</label>' +
|
||||
'<div class="layui-input-block">' +
|
||||
'<div class="layui-input-inline">' +
|
||||
'<input type="number" name="money" min="0" lay-verify="required|number|money" autocomplete="off" class="layui-input len-short">' +
|
||||
'</div>' +
|
||||
'<span class="layui-form-mid">元</span>' +
|
||||
'</div>' +
|
||||
'<div class="word-aux">' +
|
||||
'<p>价格不能小于0，可保留两位小数</p>' +
|
||||
'</div>';
|
||||
|
||||
$('.discount_limit').remove();
|
||||
$("body").off("change", 'input[name="money"]').on("change", 'input[name="money"]', function() {
|
||||
var aa = $('input[name="money"]').val();
|
||||
$('.priceaaaa').html('￥' + aa)
|
||||
});
|
||||
}
|
||||
|
||||
if (type == 'discount') {
|
||||
html += '<label class="layui-form-label"><span class="required">*</span>优惠券折扣：</label>' +
|
||||
'<div class="layui-input-block">' +
|
||||
'<div class="layui-input-inline">' +
|
||||
'<input type="number" name="discount" min="1" lay-verify="required|fl" autocomplete="off" class="layui-input len-short">' +
|
||||
'</div>' +
|
||||
'<span class="layui-form-mid">折</span>' +
|
||||
'</div>' +
|
||||
'<div class="word-aux">' +
|
||||
'<p>优惠券折扣不能小于1折，且不可大于9.9折，可保留两位小数</p>' +
|
||||
'</div>';
|
||||
|
||||
var discount_limit = '';
|
||||
discount_limit += '<div class="layui-form-item discount_limit">' +
|
||||
'<label class="layui-form-label">最多优惠：</label>' +
|
||||
'<div class="layui-input-block">' +
|
||||
'<div class="layui-input-inline">' +
|
||||
'<input type="number" name="discount_limit" min="0" lay-verify="number|int" autocomplete="off" class="layui-input len-short">' +
|
||||
'</div>' +
|
||||
'<span class="layui-form-mid">元</span>' +
|
||||
'</div>' +
|
||||
'</div>';
|
||||
|
||||
$('#coupon_type').after(discount_limit);
|
||||
$("body").off("change", 'input[name="discount"]').on("change", 'input[name="discount"]', function() {
|
||||
var bb = $('input[name="discount"]').val();
|
||||
$('.pricebbbb').html(bb + ' 折 ')
|
||||
});
|
||||
|
||||
}
|
||||
$('#coupon_type').html(html);
|
||||
});
|
||||
});
|
||||
|
||||
// 表格渲染
|
||||
function renderTable(goods_list) {
|
||||
//展示已知数据
|
||||
table = new Table({
|
||||
elem: '#selected_sku_list',
|
||||
cols: [
|
||||
[{
|
||||
field: 'goods_name',
|
||||
title: '商品名称',
|
||||
unresize: 'false',
|
||||
width: '50%'
|
||||
}, {
|
||||
field: 'price',
|
||||
title: '商品价格(元)',
|
||||
unresize: 'false',
|
||||
align: 'right',
|
||||
width: '20%',
|
||||
templet: function(data) {
|
||||
return '￥' + data.price;
|
||||
}
|
||||
}, {
|
||||
field: 'goods_stock',
|
||||
title: '库存',
|
||||
unresize: 'false',
|
||||
align: 'center',
|
||||
width: '20%'
|
||||
}, {
|
||||
title: '操作',
|
||||
toolbar: '#operation',
|
||||
unresize: 'false',
|
||||
align:'right'
|
||||
}],
|
||||
],
|
||||
data: goods_list,
|
||||
});
|
||||
}
|
||||
|
||||
// 删除选中商品
|
||||
function delGoods(id) {
|
||||
var i, j;
|
||||
$.each(goods_list, function(index, item) {
|
||||
var goods_id = item.goods_id;
|
||||
|
||||
if (id == goods_id) {
|
||||
i = index;
|
||||
}
|
||||
});
|
||||
goods_list.splice(i, 1);
|
||||
renderTable(goods_list);
|
||||
|
||||
$.each(selectedGoodsId, function(index, item) {
|
||||
if (id == item) {
|
||||
j = index;
|
||||
}
|
||||
});
|
||||
selectedGoodsId.splice(j, 1);
|
||||
goods_id = selectedGoodsId;
|
||||
$("#goods_num").html(selectedGoodsId.length);
|
||||
$("input[name='goods_ids']").val(goods_id.toString());
|
||||
}
|
||||
|
||||
function addGoods() {
|
||||
goodsSelect(function (data) {
|
||||
|
||||
goods_id = [];
|
||||
goods_list = [];
|
||||
|
||||
for (var key in data) {
|
||||
goods_id.push(data[key].goods_id);
|
||||
goods_list.push(data[key]);
|
||||
}
|
||||
|
||||
renderTable(goods_list);
|
||||
$("input[name='goods_ids']").val(goods_id.toString());
|
||||
selectedGoodsId = goods_id;
|
||||
$("#goods_num").html(selectedGoodsId.length)
|
||||
}, selectedGoodsId, {mode: "spu", is_weigh: 1});
|
||||
}
|
||||
|
||||
function backCouponList() {
|
||||
location.hash = ns.hash("coupon://shop/coupon/lists");
|
||||
}
|
||||
form.on('radio(use_store)', function (data) {
|
||||
if (data.value != 'all') {
|
||||
$('.sale-store-select').show();
|
||||
} else {
|
||||
$('.sale-store-select').hide();
|
||||
}
|
||||
});
|
||||
|
||||
// 选择门店
|
||||
$('.select-store').click(function () {
|
||||
var storeId = [];
|
||||
$('.sale-store tr').each(function () {
|
||||
storeId.push($(this).attr('data-store'));
|
||||
});
|
||||
storeSelect(function (store) {
|
||||
fetchStore(store);
|
||||
}, {store_id: storeId.toString()})
|
||||
});
|
||||
|
||||
// 删除门店
|
||||
$('body').off('click', '.sale-store .del').on('click', '.sale-store .del', function () {
|
||||
$(this).parents('tr').remove();
|
||||
});
|
||||
|
||||
/**
|
||||
* 渲染门店
|
||||
* @param store
|
||||
*/
|
||||
function fetchStore(store) {
|
||||
var h = '';
|
||||
store.forEach(function (item) {
|
||||
h += `<tr data-store="` + item.store_id + `">
|
||||
<td>` + item.store_name + `</td>
|
||||
<td>` + item.full_address + item.address + `</td>
|
||||
<td><a href="javascript:;" class="del">删除</a></td>
|
||||
</tr>`;
|
||||
});
|
||||
$('.sale-store').html(h);
|
||||
}
|
||||
</script>
|
||||
541
addon/coupon/shop/view/coupon/lists.html
Executable file
541
addon/coupon/shop/view/coupon/lists.html
Executable file
@@ -0,0 +1,541 @@
|
||||
<link rel="stylesheet" href="SHOP_CSS/goods_lists.css">
|
||||
<link rel="stylesheet" type="text/css" href="__STATIC__/ext/searchable_select/searchable_select.css"/>
|
||||
<style>
|
||||
.layui-layer-page .layui-layer-content { padding: 20px 30px; }
|
||||
.layui-layout-admin .body-content{padding-top:15px !important;}
|
||||
.layui-layout-admin .table-tab .layui-tab-title{margin-bottom: 15px;}
|
||||
.prompt-con{text-align: left}
|
||||
.layui-form-select {background: #fff}
|
||||
.table-bottom .layui-table-page {position: inherit;text-align: right}
|
||||
</style>
|
||||
|
||||
<!-- 按钮容器 -->
|
||||
<div class="single-filter-box">
|
||||
<button class="layui-btn" onclick="add()">添加优惠券</button>
|
||||
</div>
|
||||
|
||||
<!-- 筛选面板 -->
|
||||
<div class="screen layui-collapse" lay-filter="selection_panel">
|
||||
<div class="layui-colla-item">
|
||||
<form class="layui-colla-content layui-form layui-show">
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">优惠券名称：</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="coupon_name" placeholder="请输入优惠券名称" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">优惠券类型：</label>
|
||||
<div class="layui-input-inline">
|
||||
<select name="type">
|
||||
<option value="">全部</option>
|
||||
<option value="reward">满减</option>
|
||||
<option value="discount">折扣</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">优惠券状态：</label>
|
||||
<div class="layui-input-inline">
|
||||
<select name="status">
|
||||
<option value="">全部</option>
|
||||
<option value="1">进行中</option>
|
||||
<option value="2">已结束</option>
|
||||
<option value="-1">已关闭</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">有效期限：</label>
|
||||
<div class="layui-input-inline">
|
||||
<select name="validity_type" lay-filter="validity_type">
|
||||
<option value="">全部</option>
|
||||
<option value="0">固定时间</option>
|
||||
<option value="1">相对时间</option>
|
||||
<option value="2">长期有效</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">活动商品：</label>
|
||||
<div class="layui-input-inline">
|
||||
<select name="goods_type">
|
||||
<option value="">全部</option>
|
||||
{foreach $goods_type_list as $key=>$val}
|
||||
<option value="{$key}">{$val}</option>
|
||||
{/foreach}
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">适用场景：</label>
|
||||
<div class="layui-input-inline">
|
||||
<select name="use_channel" lay-filter="use_channel">
|
||||
<option value="">全部</option>
|
||||
{foreach $use_channel_list as $key=>$val}
|
||||
<option value="{$key}">{$val}</option>
|
||||
{/foreach}
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline relative-time layui-hide">
|
||||
<div class="layui-input-inline split">从发券</div>
|
||||
<div class="layui-input-inline">
|
||||
<input type="number" class="layui-input len-short" lay-verify="int" id="start_day" placeholder="开始天数" autocomplete="off">
|
||||
</div>
|
||||
<div class="layui-input-inline split">至</div>
|
||||
<div class="layui-input-inline end-time">
|
||||
<input type="number" class="layui-input len-short" lay-verify="int" id="end_day" placeholder="结束天数" autocomplete="off">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline fixed-time layui-hide">
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" class="layui-input" id="start_date" placeholder="开始时间" autocomplete="off" readonly>
|
||||
<i class=" iconrili iconfont calendar"></i>
|
||||
</div>
|
||||
<div class="layui-input-inline split"> - </div>
|
||||
<div class="layui-input-inline end-time">
|
||||
<input type="text" class="layui-input" id="end_date" placeholder="结束时间" autocomplete="off" readonly>
|
||||
<i class=" iconrili iconfont calendar"></i>
|
||||
</div>
|
||||
</div>
|
||||
<input type="hidden" class="layui-input" name="start_time">
|
||||
<input type="hidden" class="layui-input" name="end_time">
|
||||
</div>
|
||||
|
||||
<div class="form-row">
|
||||
<button class="layui-btn" lay-submit lay-filter="search">筛选</button>
|
||||
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-tab table-tab" lay-filter="coupon_tab">
|
||||
<div class="layui-tab-content">
|
||||
<!-- 列表 -->
|
||||
<table id="coupon_list" lay-filter="coupon_list"></table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/html" id="validity">
|
||||
{{# if(d.validity_type == 0){ }}
|
||||
至 {{ ns.time_to_date(d.end_time) }}
|
||||
{{# } else if(d.validity_type == 1) { }}
|
||||
领取后，{{ d.fixed_term }}天有效
|
||||
{{# } else { }}
|
||||
长期有效
|
||||
{{# } }}
|
||||
</script>
|
||||
|
||||
<!-- 推广 -->
|
||||
{include file="app/shop/view/component/promote_show.html"}
|
||||
|
||||
<!-- 批量操作 -->
|
||||
<script type="text/html" id="toolbarAction">
|
||||
<button class="layui-btn layui-btn-primary" lay-event="delete">批量删除</button>
|
||||
<button class="layui-btn layui-btn-primary" lay-event="close">批量关闭</button>
|
||||
</script>
|
||||
|
||||
<!-- 操作 -->
|
||||
<script type="text/html" id="operation">
|
||||
<div class="operation-wrap" data-coupon-id="{{d.coupon_type_id}}">
|
||||
<div class="popup-qrcode-wrap" style="display: none"><img class="popup-qrcode-loadimg" src="__STATIC__/loading/loading.gif"/></div>
|
||||
<div class="table-btn">
|
||||
{{# if(d.status == 1){ }}
|
||||
<a class="layui-btn text-color" lay-event="select">推广</a>
|
||||
{{# } }}
|
||||
<!-- 进行中 -->
|
||||
{{# if(d.status == 1){ }}
|
||||
<a class="layui-btn" lay-event="edit">编辑</a>
|
||||
<a class="layui-btn" lay-event="detail">详情</a>
|
||||
<a class="layui-btn" lay-event="close">关闭</a>
|
||||
{{# } }}
|
||||
<!-- 已结束 -->
|
||||
{{# if(d.status == 2){ }}
|
||||
<a class="layui-btn" lay-event="detail">详情</a>
|
||||
<a class="layui-btn" lay-event="del">删除</a>
|
||||
{{# } }}
|
||||
<!-- 已关闭 -->
|
||||
{{# if(d.status == -1){ }}
|
||||
<a class="layui-btn" lay-event="detail">详情</a>
|
||||
<a class="layui-btn" lay-event="del">删除</a>
|
||||
{{# } }}
|
||||
</div>
|
||||
</div>
|
||||
</script>
|
||||
<!-- 编辑排序 -->
|
||||
<script type="text/html" id="editSort">
|
||||
<input name="sort" type="number" onchange="editSort({{d.coupon_type_id}}, this)" value="{{d.sort}}" class="layui-input edit-sort len-short">
|
||||
</script>
|
||||
|
||||
<script>
|
||||
var laytpl;
|
||||
layui.use(['form', 'laytpl','laydate'], function() {
|
||||
var table,
|
||||
form = layui.form,
|
||||
laydate = layui.laydate,
|
||||
laytpl = layui.laytpl,
|
||||
validityType = 0,
|
||||
repeat_flag = false; //防重复标识
|
||||
form.render();
|
||||
|
||||
table = new Table({
|
||||
elem: '#coupon_list',
|
||||
url: ns.url("coupon://shop/coupon/lists"),
|
||||
cols: [
|
||||
[{
|
||||
type: 'checkbox',
|
||||
width: '3%',
|
||||
},{
|
||||
field: 'coupon_name',
|
||||
title: '优惠券名称',
|
||||
unresize: 'false',
|
||||
width: '12%'
|
||||
},{
|
||||
field: 'reward',
|
||||
title: '优惠内容',
|
||||
unresize: 'false',
|
||||
width: '12%',
|
||||
templet: function(data) {
|
||||
if(data.type == 'reward'){
|
||||
return '<div class="text">满'+data.at_least.replace('.00','')+'减'+data.money.replace('.00','')+'元</div>';
|
||||
}else{
|
||||
return '<div class="text">满'+data.at_least.replace('.00','')+'打'+data.discount.replace('.00','')+'折<br/>最多可抵'+data.discount_limit.replace('.00','')+'元</div>';
|
||||
}
|
||||
}
|
||||
},{
|
||||
field: 'goods_type_name',
|
||||
title: '活动商品',
|
||||
unresize: 'false',
|
||||
width: '10%'
|
||||
}, {
|
||||
field: 'count',
|
||||
title: `<div class="prompt-block">数量
|
||||
<div class="prompt">
|
||||
<i class="iconfont iconwenhao1 required growth"></i>
|
||||
<div class="growth-box reason-box reason-growth prompt-box">
|
||||
<div class="prompt-con">
|
||||
<p>1、领取数量是指用户在前台主动领取的优惠券数量</p>
|
||||
<p>2、发放数量是指商家在后台给用户直接发放以及用户参与各种营销活动发放的优惠券数量</p>
|
||||
<p>3、发放数量不受优惠券总数限制</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>`,
|
||||
unresize: 'false',
|
||||
width: '10%',
|
||||
templet: function(data){
|
||||
let html = '';
|
||||
html += '<div class="text">总数：'+ (data.count == -1 ? '无限制' : data.count) +'</div>';
|
||||
html += '<div class="text">领取：'+ data.lead_count+'</div>';
|
||||
html += '<div class="text">发放：'+ data.give_count+'</div>';
|
||||
return html;
|
||||
}
|
||||
}, {
|
||||
title: '领取限制',
|
||||
unresize: 'false',
|
||||
width: '10%',
|
||||
templet: function(data){
|
||||
return data.is_show == 0 || data.max_fetch == 0 ? '无领取限制' : data.max_fetch + '张/人';
|
||||
}
|
||||
}, {
|
||||
title: '有效期',
|
||||
unresize: 'false',
|
||||
templet: '#validity',
|
||||
width: '15%'
|
||||
}, {
|
||||
field: 'status_name',
|
||||
title: `<div class="prompt-block">状态
|
||||
<div class="prompt">
|
||||
<i class="iconfont iconwenhao1 required growth"></i>
|
||||
<div class="growth-box reason-box reason-growth prompt-box">
|
||||
<div class="prompt-con">
|
||||
<p>时间超过优惠券设置的结束时间或有效期限时，优惠券自动关闭</p>
|
||||
<p>手动关闭优惠券后，用户将不能领取该优惠券，但是已经领取的优惠券（未到期）仍然可以使用</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>`,
|
||||
unresize: 'false',
|
||||
width: '8%'
|
||||
},{
|
||||
title: '适用场景',
|
||||
field: 'use_channel_name',
|
||||
width: '8%'
|
||||
}, {
|
||||
title: '操作',
|
||||
toolbar: '#operation',
|
||||
unresize: 'false',
|
||||
width: '8%',
|
||||
align : 'right'
|
||||
}]
|
||||
],
|
||||
toolbar: '#toolbarAction'
|
||||
});
|
||||
|
||||
// 监听工具栏操作
|
||||
table.toolbar(function (obj) {
|
||||
var data = obj.data;
|
||||
if(data.length <= 0) return;
|
||||
var couponTypeIdAll = [];
|
||||
for (var i in data){
|
||||
couponTypeIdAll.push(data[i].coupon_type_id);
|
||||
}
|
||||
switch (obj.event) {
|
||||
case 'delete':
|
||||
deleteCouponAll(couponTypeIdAll)
|
||||
break;
|
||||
case 'close':
|
||||
closeCouponAll(couponTypeIdAll)
|
||||
break;
|
||||
}
|
||||
})
|
||||
|
||||
function deleteCouponAll(data){
|
||||
layer.confirm('确定要删除优惠券吗?', function(index) {
|
||||
if (repeat_flag) return false;
|
||||
repeat_flag = true;
|
||||
layer.close(index);
|
||||
|
||||
$.ajax({
|
||||
url: ns.url("coupon://shop/coupon/deleteAll"),
|
||||
data: {
|
||||
coupon_type_id: data
|
||||
},
|
||||
dataType: 'JSON',
|
||||
type: 'POST',
|
||||
success: function(res) {
|
||||
layer.msg(res.message);
|
||||
repeat_flag = false;
|
||||
table.reload({
|
||||
page: {
|
||||
curr: 1
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
}, function() {
|
||||
layer.close();
|
||||
repeat_flag = false;
|
||||
});
|
||||
}
|
||||
|
||||
function closeCouponAll(data){
|
||||
layer.confirm('确定要关闭吗?关闭后买家将无法再领取优惠券，但已领取的将不受影响!', function(index) {
|
||||
if (repeat_flag) return false;
|
||||
repeat_flag = true;
|
||||
layer.close(index);
|
||||
|
||||
$.ajax({
|
||||
url: ns.url("coupon://shop/coupon/closeAll"),
|
||||
data: {
|
||||
coupon_type_id: data
|
||||
},
|
||||
dataType: 'JSON',
|
||||
type: 'POST',
|
||||
success: function(res) {
|
||||
layer.msg(res.message);
|
||||
repeat_flag = false;
|
||||
|
||||
if (res.code == 0) {
|
||||
table.reload();
|
||||
}
|
||||
}
|
||||
});
|
||||
}, function() {
|
||||
layer.close();
|
||||
repeat_flag = false;
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* 监听工具栏操作
|
||||
*/
|
||||
table.tool(function(obj) {
|
||||
var data = obj.data;
|
||||
switch (obj.event) {
|
||||
case 'edit': //编辑
|
||||
location.hash = ns.hash("coupon://shop/coupon/edit", {"coupon_type_id": data.coupon_type_id});
|
||||
break;
|
||||
case 'del': //删除
|
||||
layer.confirm('确定要删除该优惠券吗?', function(index) {
|
||||
if (repeat_flag) return false;
|
||||
repeat_flag = true;
|
||||
layer.close(index);
|
||||
|
||||
$.ajax({
|
||||
url: ns.url("coupon://shop/coupon/delete"),
|
||||
data: data,
|
||||
dataType: 'JSON',
|
||||
type: 'POST',
|
||||
success: function(res) {
|
||||
layer.msg(res.message);
|
||||
repeat_flag = false;
|
||||
|
||||
if (res.code == 0) {
|
||||
table.reload({
|
||||
page: {
|
||||
curr: 1
|
||||
},
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
}, function() {
|
||||
layer.close();
|
||||
repeat_flag = false;
|
||||
});
|
||||
break;
|
||||
case 'close': //关闭
|
||||
layer.confirm('确定要关闭吗?关闭后买家将无法再领取该优惠券，但已领取的将不受影响!', function(index) {
|
||||
if (repeat_flag) return false;
|
||||
repeat_flag = true;
|
||||
layer.close(index);
|
||||
|
||||
$.ajax({
|
||||
url: ns.url("coupon://shop/coupon/close", {"coupon_type_id": data.coupon_type_id}),
|
||||
data: data,
|
||||
dataType: 'JSON',
|
||||
type: 'POST',
|
||||
success: function(res) {
|
||||
layer.msg(res.message);
|
||||
repeat_flag = false;
|
||||
|
||||
if (res.code == 0) {
|
||||
table.reload();
|
||||
}
|
||||
}
|
||||
});
|
||||
}, function() {
|
||||
layer.close();
|
||||
repeat_flag = false;
|
||||
});
|
||||
break;
|
||||
case 'select': //推广
|
||||
couponUrl(data);
|
||||
break;
|
||||
case 'detail': //详情
|
||||
location.hash = ns.hash("coupon://shop/coupon/detail", {"coupon_type_id": data.coupon_type_id});
|
||||
break;
|
||||
}
|
||||
});
|
||||
|
||||
table.on("sort",function (obj) {
|
||||
table.reload({
|
||||
page: {
|
||||
curr: 1
|
||||
},
|
||||
where: {
|
||||
order:obj.field,
|
||||
sort:obj.type
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// 搜索
|
||||
form.on('submit(search)', function(data) {
|
||||
if(validityType == 2){
|
||||
data.field.start_time = $("#start_day").val();
|
||||
data.field.end_time = $("#end_day").val();
|
||||
}
|
||||
|
||||
table.reload({
|
||||
page: {
|
||||
curr: 1
|
||||
},
|
||||
where: data.field
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
form.on('select(validity_type)', function(data){
|
||||
switch (data.value) {
|
||||
case '0':
|
||||
laydate.render({
|
||||
elem: '#start_date', //指定元素
|
||||
type: 'datetime',
|
||||
done: function(value, date, endDate){
|
||||
$("input[name='start_time']").val(ns.date_to_time(value));
|
||||
}
|
||||
});
|
||||
laydate.render({
|
||||
elem: '#end_date', //指定元素
|
||||
type: 'datetime',
|
||||
done: function(value, date, endDate){
|
||||
$("input[name='end_time']").val(ns.date_to_time(value));
|
||||
}
|
||||
});
|
||||
$(".relative-time").addClass("layui-hide");
|
||||
$(".fixed-time").removeClass("layui-hide");
|
||||
break;
|
||||
case '1':
|
||||
validityType = 2;
|
||||
$(".relative-time").removeClass("layui-hide");
|
||||
$(".fixed-time").addClass("layui-hide");
|
||||
break;
|
||||
default:
|
||||
$(".relative-time").addClass("layui-hide");
|
||||
$(".fixed-time").addClass("layui-hide");
|
||||
break;
|
||||
}
|
||||
});
|
||||
|
||||
form.verify({
|
||||
int: function(value) {
|
||||
if (value < 0) {
|
||||
return '发券天数不能小于0！';
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
function couponUrl(data){
|
||||
new PromoteShow({
|
||||
url:ns.url("coupon://shop/coupon/couponUrl"),
|
||||
param:{coupon_type_id:data.coupon_type_id},
|
||||
})
|
||||
}
|
||||
});
|
||||
|
||||
// 监听单元格编辑
|
||||
function editSort(id, event){
|
||||
var data = $(event).val();
|
||||
|
||||
if (data == '') {
|
||||
$(event).val(0);
|
||||
data = 0;
|
||||
}
|
||||
|
||||
if(!new RegExp("^-?[0-9]\\d*$").test(data)){
|
||||
layer.msg("排序号只能是整数");
|
||||
return ;
|
||||
}
|
||||
if(data<0){
|
||||
layer.msg("排序号必须大于0");
|
||||
return ;
|
||||
}
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: ns.url("coupon://shop/coupon/couponSort"),
|
||||
data: {
|
||||
sort: data,
|
||||
coupon_type_id: id
|
||||
},
|
||||
dataType: 'JSON',
|
||||
success: function(res) {
|
||||
layer.msg(res.message);
|
||||
if(res.code==0){
|
||||
table.reload();
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function add() {
|
||||
location.hash = ns.hash("coupon://shop/coupon/add");
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user