初始上传
This commit is contained in:
27
addon/discount/shop/controller/BaseController.php
Executable file
27
addon/discount/shop/controller/BaseController.php
Executable file
@@ -0,0 +1,27 @@
|
||||
<?php
|
||||
/**
|
||||
* Niushop商城系统 - 团队十年电商经验汇集巨献!
|
||||
* =========================================================
|
||||
* Copy right 2019-2029 杭州牛之云科技有限公司, 保留所有权利。
|
||||
* ----------------------------------------------
|
||||
* 官方网址: https://www.niushop.com
|
||||
* =========================================================
|
||||
*/
|
||||
|
||||
namespace addon\discount\shop\controller;
|
||||
|
||||
use app\shop\controller\BaseShop;
|
||||
use think\App;
|
||||
|
||||
class BaseController extends BaseShop
|
||||
{
|
||||
public function __construct(App $app = null)
|
||||
{
|
||||
$this->replace = [
|
||||
'SHOP_ADDON_CSS' => __ROOT__ . '/addon/discount/shop/view/public/css',
|
||||
'SHOP_ADDON_IMG' => __ROOT__ . '/addon/discount/shop/view/public/img',
|
||||
'SHOP_ADDON_JS' => __ROOT__ . '/addon/discount/shop/view/public/js',
|
||||
];
|
||||
parent::__construct($app);
|
||||
}
|
||||
}
|
||||
235
addon/discount/shop/controller/Discount.php
Executable file
235
addon/discount/shop/controller/Discount.php
Executable file
@@ -0,0 +1,235 @@
|
||||
<?php
|
||||
/**
|
||||
* Niushop商城系统 - 团队十年电商经验汇集巨献!
|
||||
* =========================================================
|
||||
* Copy right 2019-2029 杭州牛之云科技有限公司, 保留所有权利。
|
||||
* ----------------------------------------------
|
||||
* 官方网址: https://www.niushop.com
|
||||
* =========================================================
|
||||
*/
|
||||
|
||||
namespace addon\discount\shop\controller;
|
||||
|
||||
use addon\discount\model\Discount as DiscountModel;
|
||||
|
||||
/**
|
||||
* 限时折扣控制器
|
||||
*/
|
||||
class Discount extends BaseController
|
||||
{
|
||||
/**
|
||||
* 添加活动
|
||||
*/
|
||||
public function add()
|
||||
{
|
||||
if (request()->isJson()) {
|
||||
$data = [
|
||||
'discount_name' => input('discount_name', ''),
|
||||
'remark' => input('remark', ''),
|
||||
'start_time' => strtotime(input('start_time', '')),
|
||||
'end_time' => strtotime(input('end_time', '')),
|
||||
'site_id' => $this->site_id,
|
||||
'goods_data' => input('goods_data', '')
|
||||
];
|
||||
|
||||
$discount_model = new DiscountModel();
|
||||
return $discount_model->addDiscount($data);
|
||||
} else {
|
||||
return $this->fetch("discount/add");
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 编辑活动
|
||||
*/
|
||||
public function edit()
|
||||
{
|
||||
$discount_model = new DiscountModel();
|
||||
if (request()->isJson()) {
|
||||
$data = [
|
||||
'discount_name' => input('discount_name', ''),
|
||||
'remark' => input('remark', ''),
|
||||
'start_time' => strtotime(input('start_time', '')),
|
||||
'end_time' => strtotime(input('end_time', '')),
|
||||
'discount_id' => input('discount_id', 0),
|
||||
'goods_id' => input('goods_id', 0),
|
||||
'site_id' => $this->site_id,
|
||||
'sku_list' => input('sku_list', ''),
|
||||
'cancel_sku_list' => input('cancel_sku_list', ''),
|
||||
];
|
||||
|
||||
return $discount_model->editDiscount($data);
|
||||
|
||||
} else {
|
||||
$discount_id = input('discount_id', 0);
|
||||
$this->assign('discount_id', $discount_id);
|
||||
|
||||
$discount_info = $discount_model->getDiscountDetail($discount_id, $this->site_id);
|
||||
if (empty($discount_info[ 'data' ])) $this->error('未获取到活动数据', href_url('discount://shop/discount/lists'));
|
||||
$this->assign('discount_info', $discount_info[ 'data' ]);
|
||||
|
||||
return $this->fetch("discount/edit");
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/**
|
||||
* 限时折扣详情
|
||||
*/
|
||||
public function detail()
|
||||
{
|
||||
$discount_model = new DiscountModel();
|
||||
if (request()->isJson()) {
|
||||
//活动商品
|
||||
$discount_id = input('discount_id', 0);
|
||||
$list = $discount_model->getDiscountGoods($discount_id);
|
||||
foreach ($list[ 'data' ] as $key => $val) {
|
||||
if ($val[ 'price' ] != 0) {
|
||||
$discount_rate = floor($val[ 'discount_price' ] / $val[ 'price' ] * 100);
|
||||
} else {
|
||||
$discount_rate = 100;
|
||||
}
|
||||
$list[ 'data' ][ $key ][ 'discount_rate' ] = $discount_rate;
|
||||
}
|
||||
return $list;
|
||||
} else {
|
||||
$discount_id = input('discount_id', 0);
|
||||
$this->assign('discount_id', $discount_id);
|
||||
|
||||
//活动详情
|
||||
$discount_info = $discount_model->getDiscountInfo($discount_id, $this->site_id);
|
||||
if (empty($discount_info[ 'data' ])) $this->error('未获取到活动数据', href_url('discount://shop/discount/lists'));
|
||||
$this->assign('discount_info', $discount_info[ 'data' ]);
|
||||
|
||||
return $this->fetch("discount/detail");
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 活动列表
|
||||
*/
|
||||
public function lists()
|
||||
{
|
||||
$discount_model = new DiscountModel();
|
||||
if (request()->isJson()) {
|
||||
$page = input('page', 1);
|
||||
$page_size = input('page_size', PAGE_LIST_ROWS);
|
||||
$goods_name = input('goods_name', '');
|
||||
$status = input('status', '');
|
||||
|
||||
$condition = [];
|
||||
if ($status !== "") {
|
||||
$condition[] = [ 'd.status', '=', $status ];
|
||||
}
|
||||
$condition[] = [ 'd.site_id', '=', $this->site_id ];
|
||||
$condition[] = [ 'g.is_delete', '=', 0 ];
|
||||
$condition[] = [ 'g.goods_name', 'like', '%' . $goods_name . '%' ];
|
||||
$order = 'd.create_time desc';
|
||||
$field = 'd.*,g.goods_name,g.goods_image,g.price';
|
||||
|
||||
$discount_status_arr = $discount_model->getDiscountStatus();
|
||||
|
||||
$alias = 'd';
|
||||
$join = [
|
||||
[ 'goods g', 'd.goods_id = g.goods_id', 'inner' ]
|
||||
];
|
||||
|
||||
$start_time = input('start_time', '');
|
||||
$end_time = input('end_time', '');
|
||||
|
||||
if ($start_time && !$end_time) {
|
||||
$condition[] = [ 'd.end_time', '>=', date_to_time($start_time) ];
|
||||
} elseif (!$start_time && $end_time) {
|
||||
$condition[] = [ 'd.start_time', '<=', date_to_time($end_time) ];
|
||||
} elseif ($start_time && $end_time) {
|
||||
$start_timestamp = date_to_time($start_time);
|
||||
$end_timestamp = date_to_time($end_time);
|
||||
$sql = "d.start_time between {$start_timestamp} and {$end_timestamp}";
|
||||
$sql .= " or d.end_time between {$start_timestamp} and {$end_timestamp}";
|
||||
$sql .= " or (d.start_time <= {$start_timestamp} and d.end_time >= {$end_timestamp})";
|
||||
$condition[] = [ '', 'exp', \think\facade\Db::raw($sql) ];
|
||||
}
|
||||
|
||||
$res = $discount_model->getDiscountPageList($condition, $page, $page_size, $order, $field, $alias, $join);
|
||||
foreach ($res[ 'data' ][ 'list' ] as $key => $val) {
|
||||
$res[ 'data' ][ 'list' ][ $key ][ 'status_name' ] = $discount_status_arr[ $val[ 'status' ] ];
|
||||
}
|
||||
return $res;
|
||||
|
||||
} else {
|
||||
//限时折扣状态
|
||||
$discount_status_arr = $discount_model->getDiscountStatus();
|
||||
$this->assign('discount_status_arr', $discount_status_arr);
|
||||
|
||||
return $this->fetch("discount/lists");
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 关闭活动
|
||||
*/
|
||||
public function close()
|
||||
{
|
||||
if (request()->isJson()) {
|
||||
$discount_id = input('discount_id', 0);
|
||||
$discount_model = new DiscountModel();
|
||||
return $discount_model->closeDiscount($discount_id, $this->site_id);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 删除活动
|
||||
*/
|
||||
public function delete()
|
||||
{
|
||||
if (request()->isJson()) {
|
||||
$discount_id = input('discount_id', 0);
|
||||
$discount_model = new DiscountModel();
|
||||
return $discount_model->deleteDiscount($discount_id, $this->site_id);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取商品列表
|
||||
* @return array
|
||||
*/
|
||||
public function getSkuList()
|
||||
{
|
||||
if (request()->isJson()) {
|
||||
$discount_model = new DiscountModel();
|
||||
$discount_id = input('discount_id', '');
|
||||
$goods_list = $discount_model->getDiscountGoodsList($discount_id);
|
||||
return $goods_list;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 关闭活动(批量)
|
||||
*/
|
||||
public function closeAll()
|
||||
{
|
||||
if (request()->isJson()) {
|
||||
$discount_id = input('discount_id', []);
|
||||
$discount_model = new DiscountModel();
|
||||
foreach ($discount_id as $k => $v){
|
||||
$res = $discount_model->closeDiscount($v, $this->site_id);
|
||||
}
|
||||
return $res;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 删除活动(批量)
|
||||
*/
|
||||
public function deleteAll()
|
||||
{
|
||||
if (request()->isJson()) {
|
||||
$discount_id = input('discount_id', []);
|
||||
$discount_model = new DiscountModel();
|
||||
foreach ($discount_id as $k => $v){
|
||||
$res = $discount_model->deleteDiscount($v, $this->site_id);
|
||||
}
|
||||
return $res;
|
||||
}
|
||||
}
|
||||
}
|
||||
390
addon/discount/shop/view/discount/add.html
Executable file
390
addon/discount/shop/view/discount/add.html
Executable file
@@ -0,0 +1,390 @@
|
||||
<style>
|
||||
.layui-table-body{max-height: 480px !important;}
|
||||
.layui-form-item .layui-input-inline.end-time{float: none;}
|
||||
.goods-title{display: flex;align-items: center;}
|
||||
.goods-title .goods-img{display: flex;align-items: center;justify-content: center;width: 55px;height: 55px;margin-right: 5px;}
|
||||
.goods-title .goods-img img{max-height: 100%;max-width: 100%;}
|
||||
.goods-title .goods-name{flex: 1;line-height: 1.6;}
|
||||
.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="discount_name" lay-verify="required" autocomplete="off" class="layui-input len-long" maxlength="40">
|
||||
</div>
|
||||
<div class="word-aux">
|
||||
<p>活动名称将显示在限时折扣活动列表中，方便商家管理使用</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item layui-form-text">
|
||||
<label class="layui-form-label">备注：</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea name="remark" class="layui-textarea len-long" maxlength="150"></textarea>
|
||||
</div>
|
||||
<div class="word-aux">
|
||||
<p>备注是商家对限时折扣活动的补充说明文字，在商品详情页-优惠信息位置显示；非必填选项</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="required">*</span>活动时间：</label>
|
||||
<div class="layui-inline">
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" id="start_time" name="start_time" lay-verify="required" class="layui-input len-mid" autocomplete="off" readonly>
|
||||
<i class=" iconrili iconfont calendar"></i>
|
||||
</div>
|
||||
<span class="layui-form-mid">-</span>
|
||||
<div class="layui-input-inline end-time">
|
||||
<input type="text" id="end_time" name="end_time" lay-verify="required|time" class="layui-input len-mid" autocomplete="off" readonly>
|
||||
<i class=" iconrili iconfont calendar"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item goods_list">
|
||||
<label class="layui-form-label"><span class="required">*</span>商品选择：</label>
|
||||
<div class="layui-input-block">
|
||||
<table id="selected_goods_list" lay-filter="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>
|
||||
</div>
|
||||
|
||||
<div class="form-row">
|
||||
<button class="layui-btn" lay-submit lay-filter="save">保存</button>
|
||||
<button class="layui-btn layui-btn-primary" onclick="backDiscountList()">返回</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 操作 -->
|
||||
<script type="text/html" id="operation">
|
||||
<div class="table-btn">
|
||||
<a class="layui-btn" onclick="delGoods(this,{{d.sku_id}})">删除</a>
|
||||
</div>
|
||||
</script>
|
||||
|
||||
<script type="text/html" id="discountPrice">
|
||||
<input type="number" class="layui-input len-input discount_price" value="{{d.discount_price}}" onchange="setGoodsSku('discount_price', {{d.sku_id}}, this)" lay-verify="discount_price" min="0.00"/>
|
||||
</script>
|
||||
|
||||
<script type="text/html" id="toolbarOperation">
|
||||
<button class="layui-btn layui-btn-primary" lay-event="discount-price">折扣价</button>
|
||||
</script>
|
||||
<script>
|
||||
|
||||
var goods_id = [], selectedGoodsId = [], sku_list = [];
|
||||
|
||||
layui.use(['form', 'laydate'], function() {
|
||||
var form = layui.form,
|
||||
laydate = layui.laydate,
|
||||
repeat_flag = false, //防重复标识
|
||||
currentDate = new Date(),
|
||||
minDate = "";
|
||||
form.render();
|
||||
|
||||
currentDate.setDate(currentDate.getDate() + 30);
|
||||
|
||||
renderTable(sku_list); // 初始化表格
|
||||
|
||||
laydate.render({
|
||||
elem: '#start_time', //指定元素
|
||||
type: 'datetime',
|
||||
value: new Date(),
|
||||
done: function(value) {
|
||||
minDate = value;
|
||||
reRender();
|
||||
}
|
||||
});
|
||||
|
||||
//结束时间
|
||||
laydate.render({
|
||||
elem: '#end_time', //指定元素
|
||||
type: 'datetime',
|
||||
value: new Date(currentDate)
|
||||
});
|
||||
|
||||
/**
|
||||
* 重新渲染结束时间
|
||||
* */
|
||||
function reRender() {
|
||||
$("#end_time").remove();
|
||||
$(".end-time").html('<input type="text" id="end_time" name="end_time" placeholder="请输入结束时间" lay-verify="required|time" class = "layui-input len-mid" autocomplete="off"> ');
|
||||
laydate.render({
|
||||
elem: '#end_time',
|
||||
type: 'datetime',
|
||||
min: minDate
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* 监听提交
|
||||
*/
|
||||
form.on('submit(save)', function(data) {
|
||||
|
||||
var goods_data = [];
|
||||
|
||||
for (var i in sku_list){
|
||||
var goods = {};
|
||||
goods.goods_id = sku_list[i]['goods_id'];
|
||||
if(goods_data.length == 0){
|
||||
goods_data.push(goods);
|
||||
}else {
|
||||
$.each(goods_data, function(index, event){
|
||||
if(goods_data.length == index+1 && event.goods_id != goods.goods_id){
|
||||
goods_data.push(goods);
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
if(sku_list.length == 0){
|
||||
layer.msg('请选择商品', {icon: 5, anim: 6});
|
||||
return false;
|
||||
}
|
||||
|
||||
$.each(goods_data, function (i, e) {
|
||||
goods_data[i]['sku_list'] = [];
|
||||
$.each(sku_list, function (index, event) {
|
||||
if(event.goods_id == e.goods_id) {
|
||||
goods_data[i]['sku_list'].push(event);
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
data.field.goods_data = goods_data;
|
||||
|
||||
if (repeat_flag) return;
|
||||
repeat_flag = true;
|
||||
$.ajax({
|
||||
url: ns.url("discount://shop/discount/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("discount://shop/discount/lists")
|
||||
layer.close(index);
|
||||
},
|
||||
btn2: function(index, layero) {
|
||||
listenerHash(); // 刷新页面
|
||||
layer.close(index);
|
||||
}
|
||||
});
|
||||
} else {
|
||||
layer.msg(res.message);
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
/**
|
||||
* 表单验证
|
||||
*/
|
||||
form.verify({
|
||||
time: function(value) {
|
||||
var now_time = (new Date()).getTime();
|
||||
var start_time = (new Date($("#start_time").val())).getTime();
|
||||
var end_time = (new Date(value)).getTime();
|
||||
if (now_time > end_time) {
|
||||
return '结束时间不能小于当前时间!'
|
||||
}
|
||||
if (start_time > end_time) {
|
||||
return '结束时间不能小于开始时间!';
|
||||
}
|
||||
},
|
||||
|
||||
discount_price: function(value, item) {
|
||||
if (value == "" || value == 0) {
|
||||
return;
|
||||
}
|
||||
if (value < 0) {
|
||||
return '折扣金额不能小于0';
|
||||
}
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
function delGoods(obj,id) {
|
||||
var goods_ids = [];
|
||||
for (var i = 0; i < sku_list.length; i++){
|
||||
if (sku_list[i].sku_id == parseInt(id)){
|
||||
sku_list.splice(i,1);
|
||||
}
|
||||
}
|
||||
for (var i = 0; i < sku_list.length; i++){
|
||||
goods_ids.push(sku_list[i].goods_id);
|
||||
}
|
||||
$(obj).parents("tr").remove();
|
||||
|
||||
$("#goods_num").html(goods_ids.length);
|
||||
selectedGoodsId = goods_ids.toString();
|
||||
|
||||
}
|
||||
|
||||
// 表格渲染
|
||||
function renderTable(sku_list) {
|
||||
//展示已知数据
|
||||
table = new Table({
|
||||
elem: '#selected_goods_list',
|
||||
page: false,
|
||||
limit: Number.MAX_VALUE,
|
||||
cols: [
|
||||
[{
|
||||
width: "3%",
|
||||
type: 'checkbox',
|
||||
unresize: 'false'
|
||||
},{
|
||||
field: 'sku_name',
|
||||
title: '商品名称',
|
||||
width: '23%',
|
||||
unresize: 'false',
|
||||
templet: function(data) {
|
||||
var html = '';
|
||||
html += `
|
||||
<div class="goods-title">
|
||||
<div class="goods-img">
|
||||
<img layer-src src="${data.sku_image ? ns.img(data.sku_image) : ''}" alt="">
|
||||
</div>
|
||||
<p class="multi-line-hiding goods-name" data-goods_id="${data.goods_id}" data-sku_id="${data.sku_id}" title="${data.sku_name}">${data.sku_name}</p>
|
||||
</div>
|
||||
`;
|
||||
return html;
|
||||
}
|
||||
}, {
|
||||
field: 'price',
|
||||
title: '商品价格',
|
||||
unresize: 'false',
|
||||
align: 'left',
|
||||
width: '15%',
|
||||
templet: function(data) {
|
||||
return '<p class="line-hiding" title="'+ data.price +'">￥<span>' + data.price +'</span></p>';
|
||||
}
|
||||
}, {
|
||||
field: 'stock',
|
||||
title: '库存',
|
||||
unresize: 'false',
|
||||
width: '10%',
|
||||
templet: function(data) {
|
||||
return '<p class="stock">' + data.stock +'</p>';
|
||||
}
|
||||
}, {
|
||||
title: '<span title="折扣价">折扣价</span>',
|
||||
unresize: 'false',
|
||||
width: '13%',
|
||||
templet: '#discountPrice'
|
||||
}, {
|
||||
title: '操作',
|
||||
toolbar: '#operation',
|
||||
width: '10%',
|
||||
unresize: 'false'
|
||||
}]
|
||||
],
|
||||
data: sku_list,
|
||||
toolbar: '#toolbarOperation'
|
||||
});
|
||||
/**
|
||||
* 批量操作
|
||||
*/
|
||||
table.toolbar(function(obj) {
|
||||
if (obj.data.length < 1) {
|
||||
layer.msg('请选择要操作的数据');
|
||||
return;
|
||||
}
|
||||
switch (obj.event) {
|
||||
case "discount-price":
|
||||
editInput(0,obj);
|
||||
break;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function editInput(textIndex=0,data) {
|
||||
var text = [{
|
||||
name: '折扣价',
|
||||
value: 'discount_price'
|
||||
}];
|
||||
|
||||
layer.open({
|
||||
type: 1,
|
||||
title: "修改" + text[textIndex].name,
|
||||
area: ['600px'],
|
||||
btn: ["保存", "返回"],
|
||||
content: `
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="required">*</span>${text[textIndex].name}：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="bargain_edit_input" lay-verify="required" autocomplete="off" class="layui-input len-mid" placeholder="请输入${text[textIndex].name}">
|
||||
</div>
|
||||
</div>`,
|
||||
yes: function (index, layero) {
|
||||
var val = $("input[name='bargain_edit_input']").val();
|
||||
if (!val) {
|
||||
layer.msg("请输入" + text[textIndex].name);
|
||||
return false;
|
||||
}
|
||||
data.data.forEach(function (item, index) {
|
||||
sku_list.forEach(function (skuItem, skuIndex) {
|
||||
if (item.sku_id == skuItem.sku_id) {
|
||||
sku_list[skuIndex][text[textIndex].value] = val;
|
||||
}
|
||||
})
|
||||
});
|
||||
renderTable(sku_list);
|
||||
layer.closeAll();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
/* 商品 */
|
||||
function addGoods() {
|
||||
goodsSelect(function (data) {
|
||||
|
||||
goods_id = [];
|
||||
sku_list = [];
|
||||
|
||||
for (var key in data) {
|
||||
goods_id.push(data[key].goods_id);
|
||||
for (var sku in data[key].sku_list) {
|
||||
var item = data[key].sku_list[sku];
|
||||
sku_list.push(item);
|
||||
}
|
||||
}
|
||||
|
||||
renderTable(sku_list);
|
||||
selectedGoodsId = goods_id;
|
||||
$("#goods_num").html(selectedGoodsId.length)
|
||||
}, selectedGoodsId);
|
||||
}
|
||||
|
||||
function setGoodsSku(type, sku_id, obj){
|
||||
$.each(sku_list, function (i, e) {
|
||||
if(sku_id == e.sku_id){
|
||||
if(parseFloat(sku_list[i]['price']) < parseFloat($(obj).val())){
|
||||
$(obj).val(sku_list[i]['price']);
|
||||
return layer.msg('折扣价格不能大于商品价格');
|
||||
} else if($(obj).val()<0){
|
||||
$(obj).val(sku_list[i]['price']);
|
||||
return layer.msg('折扣价格不能小于0');
|
||||
}else{
|
||||
sku_list[i][type] = $(obj).val();
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
function backDiscountList() {
|
||||
location.hash = ns.hash("discount://shop/discount/lists");
|
||||
}
|
||||
</script>
|
||||
116
addon/discount/shop/view/discount/detail.html
Executable file
116
addon/discount/shop/view/discount/detail.html
Executable file
@@ -0,0 +1,116 @@
|
||||
<link rel="stylesheet" href="STATIC_CSS/promotion_detail.css">
|
||||
|
||||
<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>{$discount_info.discount_name}</span>
|
||||
</div>
|
||||
<div class="promotion-view-item">
|
||||
<label>活动状态：</label>
|
||||
<span>{if condition="$discount_info.status == 0"}未开始{/if}{if condition="$discount_info.status == 1"}进行中{/if}{if condition="$discount_info.status == 2"}已结束{/if}{if condition="$discount_info.status == -1"}已关闭{/if}</span>
|
||||
</div>
|
||||
<div class="promotion-view-item">
|
||||
<label>开始时间：</label>
|
||||
<span>{:date('Y-m-d H:i:s', $discount_info.start_time)}</span>
|
||||
</div>
|
||||
<div class="promotion-view-item">
|
||||
<label>结束时间：</label>
|
||||
<span>{:date('Y-m-d H:i:s', $discount_info.end_time)}</span>
|
||||
</div>
|
||||
<div class="promotion-view-item">
|
||||
<label>备注：</label>
|
||||
<span>{$discount_info.remark}</span>
|
||||
</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-view-list'>
|
||||
<table id="promotion_list"></table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 商品 -->
|
||||
<script type="text/html" id="sku_name">
|
||||
<div class="table-title">
|
||||
<div class="title-pic">
|
||||
<img layer-src src="{{ns.img(d.sku_image,'small')}}">
|
||||
</div>
|
||||
<div class="title-content">
|
||||
<p class="multi-line-hiding">{{d.sku_name}}</p>
|
||||
</div>
|
||||
</div>
|
||||
</script>
|
||||
|
||||
<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.sku_image) }}" alt="">
|
||||
</div>
|
||||
<p class="promotion-list-item-title-name multi-line-hiding">{{ d.sku_name }}</p>
|
||||
</div>
|
||||
</script>
|
||||
|
||||
<script>
|
||||
layui.use('form', function() {
|
||||
new Table({
|
||||
elem: '#promotion_list',
|
||||
url: ns.url('discount://shop/discount/detail'),
|
||||
where:{discount_id:"{$discount_info.discount_id}"},
|
||||
parseData: function(res) {
|
||||
return {
|
||||
"code": res.code, //解析接口状态
|
||||
"msg": res.message, //解析提示文本
|
||||
"count": res.data.length, //解析数据长度
|
||||
"data": res.data //解析数据列表
|
||||
};
|
||||
},
|
||||
cols: [
|
||||
[{
|
||||
field: 'sku_name',
|
||||
title: '商品名称',
|
||||
unresize: 'false',
|
||||
templet: '#promotion_list_item_box_html',
|
||||
width: '40%'
|
||||
}, {
|
||||
field: 'price',
|
||||
title: '商品价格',
|
||||
unresize: 'false',
|
||||
width: '20%',
|
||||
align: 'right',
|
||||
templet: function(data) {
|
||||
return '￥'+ data.price;
|
||||
}
|
||||
}, {
|
||||
field: 'discount_price',
|
||||
title: '商品折扣价',
|
||||
unresize: 'false',
|
||||
width: '20%',
|
||||
align: 'right',
|
||||
templet: function(data) {
|
||||
return '￥'+ data.discount_price;
|
||||
}
|
||||
}, {
|
||||
field: 'discount_rate',
|
||||
title: '折扣率（%）',
|
||||
unresize: 'false',
|
||||
width: '20%',
|
||||
align: 'right'
|
||||
}]
|
||||
],
|
||||
page: false
|
||||
});
|
||||
});
|
||||
</script>
|
||||
369
addon/discount/shop/view/discount/edit.html
Executable file
369
addon/discount/shop/view/discount/edit.html
Executable file
@@ -0,0 +1,369 @@
|
||||
<style>
|
||||
.forbidden{cursor:not-allowed;background-color: #eee;}
|
||||
.layui-table-body{max-height: 480px !important;}
|
||||
.layui-form-item .layui-input-inline.end-time{float: none;}
|
||||
.goods-title{display: flex;align-items: center;}
|
||||
.goods-title .goods-img{display: flex;align-items: center;justify-content: center;width: 55px;height: 55px;margin-right: 5px;}
|
||||
.goods-title .goods-img img{max-height: 100%;max-width: 100%;}
|
||||
.goods-title .goods-name{flex: 1;line-height: 1.6;}
|
||||
</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="discount_name" value="{$discount_info.discount_name}" autocomplete="off" class="layui-input len-long" maxlength="40">
|
||||
</div>
|
||||
<div class="word-aux">
|
||||
<p>活动名称将显示在限时折扣活动列表中，方便商家管理使用</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item layui-form-text">
|
||||
<label class="layui-form-label">备注：</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea name="remark" class="layui-textarea len-long" maxlength="150">{$discount_info.remark}</textarea>
|
||||
</div>
|
||||
<div class="word-aux">
|
||||
<p>备注是商家对限时折扣活动的补充说明文字，在商品详情页-优惠信息位置显示；非必填选项</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="required">*</span>活动时间：</label>
|
||||
<div class="layui-inline">
|
||||
<div class="layui-input-inline len-mid">
|
||||
<input type="text" id="start_time" name="start_time" value="{:date('Y-m-d H:i:s', $discount_info.start_time)}" lay-verify="required" autocomplete="off" class="layui-input">
|
||||
<i class=" iconrili iconfont calendar"></i>
|
||||
</div>
|
||||
<span class="layui-form-mid">-</span>
|
||||
<div class="layui-input-inline len-mid end-time">
|
||||
<input type="text" id="end_time" lay-verify="required|time" name="end_time" value="{:date('Y-m-d H:i:s', $discount_info.end_time)}" autocomplete="off" class="layui-input">
|
||||
<i class=" iconrili iconfont calendar"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item goods_list">
|
||||
<label class="layui-form-label"><span class="required">*</span>商品选择：</label>
|
||||
<div class="layui-input-block">
|
||||
<table id="selected_goods_list" lay-filter="selected_goods_list"></table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-row">
|
||||
<button class="layui-btn" lay-submit lay-filter="save">保存</button>
|
||||
<button class="layui-btn layui-btn-primary" onclick="backDiscountList()">返回</button>
|
||||
</div>
|
||||
|
||||
<!-- 操作 -->
|
||||
<script type="text/html" id="operation">
|
||||
<div class="table-btn">
|
||||
{{# if (d.is_select == 1){ }}
|
||||
<a class="layui-btn no-participation">不参与</a>
|
||||
{{# }else{ }}
|
||||
<a class="layui-btn participation">参与</a>
|
||||
{{# } }}
|
||||
</div>
|
||||
</script>
|
||||
|
||||
<input type="hidden" name="discount_id" value="{$discount_info.discount_id}" />
|
||||
<input type="hidden" name="goods_id" value="{$discount_info.goods_id}" />
|
||||
</div>
|
||||
|
||||
<script type="text/html" id="discountPrice">
|
||||
{{# if (d.is_select == 1){ }}
|
||||
<input type="number" class="layui-input len-input discount_price" onchange="setGoodsSku('discount_price', {{d.sku_id}}, this)" value="{{d.discount_price}}" lay-verify="discount_price" min="0.00"/>
|
||||
{{# }else{ }}
|
||||
<input type="number" class="layui-input len-input forbidden discount_price" readonly value="{{d.discount_price}}" lay-verify="discount_price" min="0.00"/>
|
||||
{{# } }}
|
||||
</script>
|
||||
|
||||
<script type="text/html" id="toolbarOperation">
|
||||
<button class="layui-btn layui-btn-primary" lay-event="discount-price">折扣价</button>
|
||||
</script>
|
||||
<script>
|
||||
var goods_id = [], selectedGoodsId = [], sku_list = {:json_encode($discount_info.goods_sku, JSON_UNESCAPED_UNICODE)}
|
||||
,info = {:json_encode($discount_info, JSON_UNESCAPED_UNICODE)};
|
||||
|
||||
layui.use(['form', 'laydate'], function() {
|
||||
|
||||
var form = layui.form,
|
||||
laydate = layui.laydate,
|
||||
repeat_flag = false; //防重复标识
|
||||
|
||||
form.render();
|
||||
|
||||
renderTable(sku_list);
|
||||
|
||||
// 时间模块
|
||||
if (info.status == 0){
|
||||
laydate.render({
|
||||
elem: '#start_time', //指定元素
|
||||
type: 'datetime'
|
||||
});
|
||||
}
|
||||
|
||||
laydate.render({
|
||||
elem: '#end_time', //指定元素
|
||||
type: 'datetime'
|
||||
});
|
||||
|
||||
/**
|
||||
* 监听提交
|
||||
*/
|
||||
form.on('submit(save)', function(data) {
|
||||
|
||||
var goods_list = [];
|
||||
var cancel_goods_list = [];
|
||||
for (var i in sku_list){
|
||||
if(sku_list[i]['is_select'] == 1){
|
||||
goods_list.push(sku_list[i]);
|
||||
}else{
|
||||
cancel_goods_list.push(sku_list[i]);
|
||||
}
|
||||
}
|
||||
|
||||
//活动开始中时间限制
|
||||
if (info.status == 1){
|
||||
|
||||
if ((Date.parse(data.field.start_time)/1000) != info.start_time){
|
||||
layer.msg('活动进行中禁止修改开始时间', {icon: 5, anim: 6});
|
||||
return false;
|
||||
}
|
||||
|
||||
if ((Date.parse(data.field.end_time)/1000) < info.end_time){
|
||||
layer.msg('活动进行中只能延长结束时间，不能缩短时间', {icon: 5, anim: 6});
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
if(goods_list.length == 0){
|
||||
layer.msg('请选择商品', {icon: 5, anim: 6});
|
||||
return false;
|
||||
}
|
||||
|
||||
data.field.sku_list = goods_list;
|
||||
data.field.cancel_sku_list = cancel_goods_list;
|
||||
if (repeat_flag) return;
|
||||
repeat_flag = true;
|
||||
$.ajax({
|
||||
url: ns.url("discount://shop/discount/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("discount://shop/discount/lists")
|
||||
layer.close(index);
|
||||
},
|
||||
btn2: function(index, layero) {
|
||||
layer.close(index);
|
||||
}
|
||||
});
|
||||
} else {
|
||||
layer.msg(res.message);
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
/**
|
||||
* 表单验证
|
||||
*/
|
||||
form.verify({
|
||||
time: function(value) {
|
||||
var now_time = (new Date()).getTime();
|
||||
var start_time = (new Date($("#start_time").val())).getTime();
|
||||
var end_time = (new Date(value)).getTime();
|
||||
if (now_time > end_time) {
|
||||
return '结束时间不能小于当前时间!'
|
||||
}
|
||||
if (start_time > end_time) {
|
||||
return '结束时间不能小于开始时间!';
|
||||
}
|
||||
},
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
function setSelect(status,id) {
|
||||
for (var i = 0; i < sku_list.length; i++){
|
||||
if (sku_list[i].sku_id == parseInt(id)){
|
||||
sku_list[i]['is_select'] = status;
|
||||
}
|
||||
}
|
||||
renderTable(sku_list);
|
||||
return false;
|
||||
}
|
||||
|
||||
// 表格渲染
|
||||
function renderTable(sku_list) {
|
||||
//展示已知数据
|
||||
table = new Table({
|
||||
elem: '#selected_goods_list',
|
||||
page: false,
|
||||
limit: Number.MAX_VALUE,
|
||||
cols: [
|
||||
[{
|
||||
width: "3%",
|
||||
type: 'checkbox',
|
||||
unresize: 'false'
|
||||
},{
|
||||
field: 'sku_name',
|
||||
title: '商品名称',
|
||||
width: '23%',
|
||||
unresize: 'false',
|
||||
templet: function(data) {
|
||||
var html = '';
|
||||
html += `
|
||||
<div class="goods-title">
|
||||
<div class="goods-img">
|
||||
<img layer-src src="${data.sku_image ? ns.img(data.sku_image) : ''}" alt="">
|
||||
</div>
|
||||
<p class="multi-line-hiding goods-name" data-goods_id="${data.goods_id}" data-sku_id="${data.sku_id}" title="${data.sku_name}">${data.sku_name}</p>
|
||||
</div>
|
||||
`;
|
||||
return html;
|
||||
}
|
||||
}, {
|
||||
field: 'price',
|
||||
title: '商品价格',
|
||||
unresize: 'false',
|
||||
align: 'left',
|
||||
width: '15%',
|
||||
templet: function(data) {
|
||||
return '<p class="line-hiding" title="'+ data.price +'">￥<span>' + data.price +'</span></p>';
|
||||
}
|
||||
}, {
|
||||
field: 'stock',
|
||||
title: '库存',
|
||||
unresize: 'false',
|
||||
width: '10%',
|
||||
templet: function(data) {
|
||||
return '<p class="stock">' + data.stock +'</p>';
|
||||
}
|
||||
}, {
|
||||
title: '<span title="折扣价">折扣价</span>',
|
||||
unresize: 'false',
|
||||
width: '13%',
|
||||
templet: '#discountPrice'
|
||||
|
||||
}, {
|
||||
title: '是否参与活动',
|
||||
toolbar: '#operation',
|
||||
width: '10%',
|
||||
unresize: 'false'
|
||||
}]
|
||||
],
|
||||
data: sku_list,
|
||||
toolbar: '#toolbarOperation'
|
||||
});
|
||||
/**
|
||||
* 批量操作
|
||||
*/
|
||||
table.toolbar(function(obj) {
|
||||
|
||||
if (obj.data.length < 1) {
|
||||
layer.msg('请选择要操作的数据');
|
||||
return;
|
||||
}
|
||||
switch (obj.event) {
|
||||
case "discount-price":
|
||||
editInput(0,obj);
|
||||
break;
|
||||
}
|
||||
});
|
||||
return false;
|
||||
}
|
||||
|
||||
function editInput(textIndex=0,data) {
|
||||
var text = [{
|
||||
name: '折扣价',
|
||||
value: 'discount_price'
|
||||
}];
|
||||
|
||||
layer.open({
|
||||
type: 1,
|
||||
title:"修改"+text[textIndex].name,
|
||||
area:['600px'],
|
||||
btn:["保存","返回"],
|
||||
content: `
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="required">*</span>${text[textIndex].name}：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="bargain_edit_input" lay-verify="required" autocomplete="off" class="layui-input len-mid" placeholder="请输入${text[textIndex].name}">
|
||||
</div>
|
||||
</div>
|
||||
`,
|
||||
yes: function(index, layero){
|
||||
var val = $("input[name='bargain_edit_input']").val();
|
||||
if (!val){
|
||||
layer.msg("请输入" + text[textIndex].name);
|
||||
return false;
|
||||
}
|
||||
data.data.forEach(function (item,index) {
|
||||
sku_list.forEach(function (skuItem,skuIndex) {
|
||||
if (item.sku_id == skuItem.sku_id){
|
||||
sku_list[skuIndex][text[textIndex].value] = val;
|
||||
}
|
||||
})
|
||||
});
|
||||
renderTable(sku_list);
|
||||
layer.closeAll();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function setGoodsSku(type, sku_id, obj){
|
||||
$.each(sku_list, function (i, e) {
|
||||
if(sku_id == e.sku_id){
|
||||
if(Number(sku_list[i]['price'])< Number( $(obj).val())){
|
||||
$(obj).val(sku_list[i]['price']);
|
||||
return layer.msg('折扣价格不能大于商品价格');
|
||||
}else if($(obj).val()<0){
|
||||
$(obj).val(sku_list[i]['price']);
|
||||
return layer.msg('折扣价格不能小于0');
|
||||
}else{
|
||||
sku_list[i][type] = $(obj).val();
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
$("body").off("click",".no-participation").on("click",".no-participation",function(){
|
||||
$(this).text("参与");
|
||||
$(this).parents("tr").find("input").each(function (index,item) {
|
||||
$(item).attr("readonly",true);
|
||||
$(item).attr("disabled",true);
|
||||
$(item).addClass("forbidden");
|
||||
$(item).attr("lay-verify","");
|
||||
});
|
||||
|
||||
$(this).addClass("participation").removeClass("no-participation");
|
||||
sku_list[$(this).parents("tr").attr("data-index")].is_select = 0;
|
||||
});
|
||||
|
||||
$("body").off("click",".participation").on("click",".participation",function(){
|
||||
$(this).text("不参与");
|
||||
$(this).parents("tr").find("input").each(function (index,item) {
|
||||
$(item).attr("readonly",false);
|
||||
$(item).attr("disabled",false);
|
||||
$(item).removeClass("forbidden");
|
||||
});
|
||||
|
||||
$(this).removeClass("participation").addClass("no-participation");
|
||||
sku_list[$(this).parents("tr").attr("data-index")].is_select = 1;
|
||||
});
|
||||
|
||||
function backDiscountList() {
|
||||
location.hash = ns.hash("discount://shop/discount/lists");
|
||||
}
|
||||
</script>
|
||||
423
addon/discount/shop/view/discount/lists.html
Executable file
423
addon/discount/shop/view/discount/lists.html
Executable file
@@ -0,0 +1,423 @@
|
||||
<style>
|
||||
.contraction span{cursor: pointer;display: inline-block;width: 17px;height: 17px;text-align: center;line-height: 14px;user-select: none;}
|
||||
.sku-list{overflow: hidden;padding: 0 45px;max-width: 100%;}
|
||||
.sku-list li .img-wrap{vertical-align: middle;margin-right: 8px;width: 120px;height: 120px;text-align: center;line-height: 120px;}
|
||||
.sku-list li .img-wrap img{max-width: 100%;max-height: 100%;}
|
||||
.sku-list li .info-wrap span.sku-name{-webkit-line-clamp: 2;margin-bottom: 5px;}
|
||||
.sku-list li .info-wrap span{display: -webkit-box;margin-bottom: 5px;overflow: hidden;text-overflow: ellipsis;white-space: normal;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
|
||||
.sku-list li{float: left;display: flex;padding: 10px;margin-right: 10px;margin-bottom: 10px;border: 1px solid #EFEFEF;width: 294px;height: 180px;align-items: center;}
|
||||
.layui-layout-admin .layui-form-item .layui-input-inline{background-color: #fff;}
|
||||
.layui-layout-admin .table-tab .layui-tab-title{margin-bottom: 15px;}
|
||||
</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="goods_name" placeholder="请输入商品名称" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">活动时间：</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" class="layui-input" name="start_time" placeholder="开始时间" id="start_time" readonly>
|
||||
<i class=" iconrili iconfont calendar"></i>
|
||||
</div>
|
||||
<div class="layui-form-mid">-</div>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" class="layui-input" name="end_time" placeholder="结束时间" id="end_time" readonly>
|
||||
<i class=" iconrili iconfont calendar"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-row">
|
||||
<button type="button" class="layui-btn" lay-filter="search" lay-submit>筛选</button>
|
||||
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-tab table-tab" lay-filter="discount_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="-1">已关闭</li>
|
||||
</ul>
|
||||
<div class="layui-tab-content">
|
||||
<!-- 列表 -->
|
||||
<table id="discount_list" lay-filter="discount_list"></table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 操作 -->
|
||||
<script type="text/html" id="operation">
|
||||
<!-- 未开始 -->
|
||||
<div class="table-btn">
|
||||
{{# if(d.status == 0){ }}
|
||||
<a class="layui-btn" lay-event="edit">编辑</a>
|
||||
<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="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>
|
||||
</script>
|
||||
|
||||
<!-- 时间 -->
|
||||
<script id="time" type="text/html">
|
||||
<div class="layui-elip">开始：{{ns.time_to_date(d.start_time)}}</div>
|
||||
<div class="layui-elip">结束：{{ns.time_to_date(d.end_time)}}</div>
|
||||
</script>
|
||||
|
||||
<!-- 批量操作 -->
|
||||
<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="discount_name">
|
||||
<div class="table-title">
|
||||
|
||||
<div class="contraction" data-id="{{d.discount_id}}" data-open="0">
|
||||
<span>+</span>
|
||||
</div>
|
||||
|
||||
<div class="title-pic">
|
||||
{{# if(d.goods_image){ }}
|
||||
<img layer-src="{{ns.img(d.goods_image.split(',')[0],'big')}}" src="{{ns.img(d.goods_image.split(',')[0],'small')}}"/>
|
||||
{{# } }}
|
||||
</div>
|
||||
<div class="title-content">
|
||||
<a href="javascript:;" class="multi-line-hiding text-color-sub" title="{{d.goods_name}}">{{d.goods_name}}</a>
|
||||
</div>
|
||||
</div>
|
||||
</script>
|
||||
|
||||
<script type="text/html" id="skuList">
|
||||
<tr class="js-list-{{d.index}}" id="sku_img_{{d.index}}">
|
||||
<td colspan="10">
|
||||
<ul class="sku-list">
|
||||
{{# for(var i=0; i<d.list.length; i++){ }}
|
||||
<li>
|
||||
<div class="img-wrap">
|
||||
<img layer-src src="{{ns.img(d.list[i].sku_image)}}">
|
||||
</div>
|
||||
<div class="info-wrap">
|
||||
<span class="sku-name" title="{{d.list[i].sku_name}}">{{d.list[i].sku_name}}</span>
|
||||
<span class="price">商品价格：￥{{d.list[i].price}}</span>
|
||||
<span class="sale_num">折扣价：{{d.list[i].discount_price}}</span>
|
||||
<span class="price">库存：{{d.list[i].stock}}</span>
|
||||
</div>
|
||||
</li>
|
||||
{{# } }}
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</script>
|
||||
|
||||
|
||||
<script>
|
||||
var laytpl;
|
||||
$("body").off("click", ".contraction").on("click", ".contraction", function () {
|
||||
var discount_id = $(this).attr("data-id");
|
||||
var open = $(this).attr("data-open");
|
||||
var tr = $(this).parent().parent().parent().parent();
|
||||
var index = tr.attr("data-index");
|
||||
if (open == 1) {
|
||||
$(this).children("span").text("+");
|
||||
$(".js-list-" + index).remove();
|
||||
} else {
|
||||
$(this).children("span").text("-");
|
||||
$.ajax({
|
||||
url: ns.url("discount://shop/discount/getSkuList"),
|
||||
data: {discount_id: discount_id},
|
||||
dataType: 'JSON',
|
||||
type: 'POST',
|
||||
async: false,
|
||||
success: function (res) {
|
||||
|
||||
var sku_list = $("#skuList").html();
|
||||
var data = {
|
||||
list: res.data,
|
||||
index: index
|
||||
};
|
||||
laytpl(sku_list).render(data, function (html) {
|
||||
tr.after(html);
|
||||
});
|
||||
layer.photos({
|
||||
photos: '.img-wrap',
|
||||
anim: 5
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
$(this).attr("data-open", (open == 0 ? 1 : 0));
|
||||
});
|
||||
|
||||
layui.use(['form', 'element', 'laytpl','laydate'], function() {
|
||||
laytpl = layui.laytpl;
|
||||
var table,
|
||||
form = layui.form,
|
||||
laydate = layui.laydate,
|
||||
element = layui.element,
|
||||
repeat_flag = false; //防重复标识
|
||||
form.render();
|
||||
|
||||
element.on('tab(discount_tab)', function() {
|
||||
table.reload({
|
||||
page: {
|
||||
curr: 1
|
||||
},
|
||||
where: {
|
||||
'status': this.getAttribute('lay-id')
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
table = new Table({
|
||||
elem: '#discount_list',
|
||||
url: ns.url("discount://shop/discount/lists"),
|
||||
cols: [
|
||||
[{
|
||||
type: 'checkbox',
|
||||
width: '3%',
|
||||
},{
|
||||
title: '商品名称',
|
||||
unresize: 'false',
|
||||
width: '30%',
|
||||
templet: '#discount_name'
|
||||
}, {
|
||||
field: 'price',
|
||||
title: '原价',
|
||||
unresize: 'false',
|
||||
width: '10%'
|
||||
}, {
|
||||
field: 'discount_price',
|
||||
title: '折扣价',
|
||||
unresize: 'false',
|
||||
width: '10%'
|
||||
}, {
|
||||
title: '活动时间',
|
||||
unresize: 'false',
|
||||
widht: '20%',
|
||||
templet: '#time'
|
||||
}, {
|
||||
field: 'status_name',
|
||||
title: '状态',
|
||||
unresize: 'false',
|
||||
width: '10%'
|
||||
}, {
|
||||
title: '操作',
|
||||
toolbar: '#operation',
|
||||
unresize: 'false',
|
||||
align : 'right',
|
||||
width: '20%'
|
||||
}]
|
||||
],
|
||||
toolbar: '#toolbarAction'
|
||||
});
|
||||
|
||||
//开始时间
|
||||
laydate.render({
|
||||
elem: '#start_time', //指定元素
|
||||
type: 'datetime'
|
||||
});
|
||||
//结束时间
|
||||
laydate.render({
|
||||
elem: '#end_time', //指定元素
|
||||
type: 'datetime'
|
||||
});
|
||||
|
||||
// 监听工具栏操作
|
||||
table.toolbar(function (obj) {
|
||||
var data = obj.data;
|
||||
if(data.length <= 0) return;
|
||||
var discountIdAll = [];
|
||||
for (var i in data){
|
||||
discountIdAll.push(data[i].discount_id);
|
||||
}
|
||||
|
||||
switch (obj.event) {
|
||||
case 'delete':
|
||||
deleteDiscountAll(discountIdAll)
|
||||
break;
|
||||
case 'close':
|
||||
closeDiscountAll(discountIdAll)
|
||||
break;
|
||||
}
|
||||
})
|
||||
|
||||
//批量删除
|
||||
function deleteDiscountAll(data){
|
||||
layer.confirm('您确定要删除该限时折扣活动吗?', function(index) {
|
||||
if (repeat_flag) return;
|
||||
repeat_flag = true;
|
||||
layer.close(index);
|
||||
|
||||
$.ajax({
|
||||
url: ns.url("discount://shop/discount/deleteAll"),
|
||||
data: {
|
||||
discount_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 closeDiscountAll(data){
|
||||
layer.confirm('您确定要关闭活动吗?', function(index) {
|
||||
if (repeat_flag) return;
|
||||
repeat_flag = true;
|
||||
layer.close(index);
|
||||
|
||||
$.ajax({
|
||||
url: ns.url("discount://shop/discount/closeAll"),
|
||||
data: {
|
||||
discount_id: data
|
||||
},
|
||||
dataType: 'JSON',
|
||||
type: 'POST',
|
||||
success: function(res) {
|
||||
repeat_flag = false;
|
||||
layer.msg(res.message);
|
||||
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("discount://shop/discount/edit", {
|
||||
"discount_id": data.discount_id,
|
||||
"site_id": data.site_id
|
||||
});
|
||||
break;
|
||||
case 'del': //删除
|
||||
layer.confirm('您确定要删除该限时折扣活动吗?', function(index) {
|
||||
if (repeat_flag) return;
|
||||
repeat_flag = true;
|
||||
layer.close(index);
|
||||
|
||||
$.ajax({
|
||||
url: ns.url("discount://shop/discount/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;
|
||||
repeat_flag = true;
|
||||
layer.close(index);
|
||||
|
||||
$.ajax({
|
||||
url: ns.url("discount://shop/discount/close"),
|
||||
data: data,
|
||||
dataType: 'JSON',
|
||||
type: 'POST',
|
||||
success: function(res) {
|
||||
repeat_flag = false;
|
||||
layer.msg(res.message);
|
||||
if (res.code == 0) {
|
||||
table.reload();
|
||||
}
|
||||
}
|
||||
});
|
||||
}, function() {
|
||||
layer.close();
|
||||
repeat_flag = false;
|
||||
});
|
||||
|
||||
break;
|
||||
case 'add': //详情
|
||||
location.hash = ns.hash("discount://shop/discount/add");
|
||||
break;
|
||||
case 'detail': //详情
|
||||
location.hash = ns.hash("discount://shop/discount/detail", {
|
||||
"discount_id": data.discount_id
|
||||
});
|
||||
break;
|
||||
}
|
||||
});
|
||||
|
||||
/**
|
||||
* 搜索功能
|
||||
*/
|
||||
form.on('submit(search)', function(data) {
|
||||
table.reload({
|
||||
page: {
|
||||
curr: 1
|
||||
},
|
||||
where: data.field
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
function add() {
|
||||
location.hash = ns.hash("discount://shop/discount/add");
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user