其余文件

This commit is contained in:
2026-04-14 17:46:22 +08:00
parent 294b68fe37
commit 3691f4db22
1343 changed files with 189847 additions and 0 deletions

View File

@ -0,0 +1,257 @@
{layout name="layout2" /}
<link href="__PUBLIC__/static/lib/layui/layeditor/layedit.css" rel="stylesheet"/>
<script src="__PUBLIC__/static/lib/layui/layeditor/index.js"></script>
<script src="__PUBLIC__/static/lib/layui/layeditor/ace/ace.js"></script>
<style>
.layui-form-item .layui-form-label {
width: 95px;
}
.layui-form-item .layui-input-inline {
width: 240px;
}
.hide-div {
display: none;
}
</style>
<div class="layui-card layui-form" style="box-shadow:none;">
<div class="layui-tab layui-tab-card" lay-filter="like-tabs">
<ul class="layui-tab-title">
<li lay-id="1" class="layui-this">基本信息</li>
<li lay-id="2">商品详情</li>
</ul>
<div class="layui-tab-content">
<!-- 1、基础设置 -->
<div class="layui-tab-item layui-show">
<!-- 兑换类型 -->
<div class="layui-form-item">
<label class="layui-form-label"><span style="color:red;">*</span>兑换类型:</label>
<div class="layui-input-inline">
<input type="radio" name="type" value="1" title="商品" lay-filter="type" checked>
<input type="radio" name="type" value="2" title="红包" lay-filter="type">
</div>
</div>
<!-- 商家名称 -->
<div class="layui-form-item">
<label for="name" class="layui-form-label"><span style="color:red;">*</span>商品名称:</label>
<div class="layui-input-inline">
<input type="text" name="name" id="name" lay-verType="tips"
autocomplete="off" class="layui-input" placeholder="请输入名称">
</div>
</div>
<!-- 商品编号 -->
<div class="layui-form-item code">
<label for="name" class="layui-form-label">商品编号:</label>
<div class="layui-input-inline">
<input type="text" name="code" id="code" lay-verType="tips"
autocomplete="off" class="layui-input" placeholder="请输入编号">
</div>
</div>
<!-- 商品封面 -->
<div class="layui-form-item">
<label class="layui-form-label"><span style="color:red;">*</span>商品封面:</label>
<div class="layui-input-block">
<div class="like-upload-image">
<div class="upload-image-elem"><a class="add-upload-image"> + 添加图片</a></div>
</div>
<div class="layui-form-mid layui-word-aux">建议尺寸800*800像素</div>
</div>
</div>
<!-- 市场价 -->
<div class="layui-form-item">
<label for="market_price" class="layui-form-label">市场价:</label>
<div class="layui-input-inline">
<input type="number" name="market_price" id="market_price" lay-verType="tips" min="0"
autocomplete="off" class="layui-input" placeholder="请输入价格">
</div>
</div>
<!-- 库存 -->
<div class="layui-form-item">
<label for="stock" class="layui-form-label"><span style="color:red;">*</span>发放库存:</label>
<div class="layui-input-inline">
<input type="number" name="stock" id="stock" lay-verType="tips" min="0"
onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')"
autocomplete="off" class="layui-input" placeholder="请输入发放库存">
</div>
</div>
<!-- 兑换方式 -->
<div class="layui-form-item exchange_way">
<label class="layui-form-label"><span style="color:red;">*</span>兑换方式:</label>
<div class="layui-input-inline">
<input type="radio" name="exchange_way" value="1" title="积分" lay-filter="exchange_way" checked>
<input type="radio" name="exchange_way" value="2" title="积分+余额" lay-filter="exchange_way">
</div>
</div>
<!-- 兑换积分 -->
<div class="layui-form-item">
<label class="layui-form-label"><span style="color:red;">*</span>兑换积分:</label>
<div class="layui-input-inline" style="margin-right: 0px;">
<input type="number" name="need_integral" id="need_integral" autocomplete="off"
onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')"
placeholder="请输入积分" class="layui-input" value="1" min="1">
</div>
<span class="layui-form-mid">积分</span>
<span class="layui-form-mid need_money hide-div">+</span>
<div class="layui-input-inline need_money hide-div" style="margin-right: 0px;">
<input type="number" name="need_money" id="need_money" autocomplete="off" placeholder="请输入金额"
class="layui-input" min="0">
</div>
<div class="layui-input-inline">
<span class="layui-form-mid need_money hide-div"></span>
</div>
</div>
<!-- 物流配送 -->
<div class="layui-form-item delivery">
<label class="layui-form-label"><span style="color:red;">*</span>物流配送:</label>
<div class="layui-input-block">
<input type="radio" name="delivery_way" value="1" title="快递" lay-filter="delivery_way" checked>
<input type="radio" name="delivery_way" value="0" title="无需物流" lay-filter="delivery_way">
</div>
<div class="layui-form-mid layui-word-aux ">修改后的配送状态仅对后面的订单生效,对前面已经付款的订单没影响,会按照订单当时的的设置来进行操作</div>
</div>
<!-- 快递运费 -->
<div class="layui-form-item delivery express">
<label class="layui-form-label"><span style="color:red;">*</span>快递运费:</label>
<div class="layui-input-inline">
<input type="radio" name="express_type" value="1" title="包邮" checked>
</div>
<div class="layui-form-item">
<label class="layui-form-label"></label>
<div class="layui-input-inline" style="margin-right: 0px;width: auto">
<input type="radio" name="express_type" value="2" title="统一运费" >
</div>
<div class="layui-input-inline" style="width: 110px">
<input type="number" name="express_money" class="layui-input" min="0">
</div>
<span class="layui-form-mid"></span>
</div>
</div>
<!-- 红包面值 -->
<div class="layui-form-item balance hide-div">
<label for="stock" class="layui-form-label"><span style="color:red;">*</span>红包面值:</label>
<div class="layui-input-inline">
<input type="number" name="balance" id="balance" lay-verType="tips"
autocomplete="off" class="layui-input" min="0">
<div class="layui-form-mid layui-word-aux">兑换的红包会以余额的形式发放</div>
</div>
</div>
<!-- 排序 -->
<div class="layui-form-item">
<label class="layui-form-label">排序:</label>
<div class="layui-input-inline input-inline-width">
<input type="number" name="sort" autocomplete="off" class="layui-input" min="0" value="0">
<label class="layui-form-mid layui-word-aux">默认值为0,数值越大越排前</label>
</div>
</div>
<!-- 商品状态 -->
<div class="layui-form-item">
<label class="layui-form-label"><span style="color:red;">*</span>商品状态:</label>
<div class="layui-input-inline">
<input type="checkbox" name="status" lay-skin="switch" lay-text="上架|下架" checked>
</div>
</div>
</div>
<!-- 2、商品详情 -->
<div class="layui-tab-item">
<div class="layui-form-item">
<label class="layui-form-label">商品详情:</label>
<div class="layui-input-block">
<textarea name="content" id="content" lay-verify="content"></textarea>
</div>
</div>
</div>
</div>
</div>
<div class="layui-form-item layui-hide">
<input type="button" lay-submit lay-filter="addSubmit" id="addSubmit" value="确认">
</div>
</div>
<script>
layui.config({
version: "{$front_version}",
base: '/static/lib/'
}).extend({
likeedit: 'likeedit/likeedit'
}).use(["form", "laydate", "layEditor"], function () {
var $ = layui.$;
var form = layui.form;
var layEditor = layui.layEditor;
// 兑换类型 [商品, 红包]
form.on('radio(type)', function (data) {
let value = data.value;
if (value === '1') {
typeGoods();
}
if (value === '2') {
typeBalance();
}
})
// 兑换方式 [积分, 积分+余额]
form.on('radio(exchange_way)', function (data) {
data.value === '1' ? $('.need_money').hide() : $('.need_money').show();
})
// 物流配送 [快递 无需物流]
form.on('radio(delivery_way)', function (data) {
data.value === '1' ? $('.express').show() : $('.express').hide();
})
// 兑换类型为商品时
function typeGoods() {
$('.balance').hide();
$('.code, .exchange_way, .need_integral, .delivery').show();
let exchange_way = $('input[name="exchange_way"]:checked').val();
exchange_way === '1' ? $('.need_money').hide() : $('.need_money').show();
}
// 兑换类型为红包时
function typeBalance() {
$('.balance').show();
$('.code, .exchange_way, .need_integral, .need_money, .delivery').hide();
}
// 富文本
layEditor.set({
uploadImage: {
url: '{:url("file/lists")}?type=10'
},
})
var ieditor = layEditor.build('content')
form.verify({
content: function(value) {
return layEditor.sync(ieditor);
}
});
like.delUpload();
$(document).on("click", ".add-upload-image", function () {
like.imageUpload({
limit: 1,
field: "image",
that: $(this)
});
});
})
</script>

View File

@ -0,0 +1,285 @@
{layout name="layout2" /}
<link href="__PUBLIC__/static/lib/layui/layeditor/layedit.css" rel="stylesheet"/>
<script src="__PUBLIC__/static/lib/layui/layeditor/index.js"></script>
<script src="__PUBLIC__/static/lib/layui/layeditor/ace/ace.js"></script>
<style>
.layui-form-item .layui-form-label {
width: 95px;
}
.layui-form-item .layui-input-inline {
width: 240px;
}
.hide-div {
display: none;
}
</style>
<div class="layui-card layui-form" style="box-shadow:none;">
<div class="layui-tab layui-tab-card" lay-filter="like-tabs">
<ul class="layui-tab-title">
<li lay-id="1" class="layui-this">基本信息</li>
<li lay-id="2">商品详情</li>
</ul>
<div class="layui-tab-content">
<input type="hidden" name="id" value="{$detail.id}">
<input type="hidden" name="type" value="{$detail.type}">
<!-- 1、基础设置 -->
<div class="layui-tab-item layui-show">
<!-- 兑换类型 -->
<div class="layui-form-item">
<label class="layui-form-label"><span style="color:red;">*</span>兑换类型:</label>
<div class="layui-input-inline">
<div class="layui-form-mid ">
{if condition="$detail.type eq 1"}
商品
{else/}
红包
{/if}
</div>
</div>
</div>
<!-- 商家名称 -->
<div class="layui-form-item">
<label for="name" class="layui-form-label"><span style="color:red;">*</span>商品名称:</label>
<div class="layui-input-inline">
<input type="text" name="name" id="name" lay-verType="tips" value="{$detail.name}"
autocomplete="off" class="layui-input" placeholder="请输入名称">
</div>
</div>
<!-- 商品编号 -->
<div class="layui-form-item code">
<label for="name" class="layui-form-label">商品编号:</label>
<div class="layui-input-inline">
<input type="text" name="code" id="code" lay-verType="tips" value="{$detail.code|default=''}"
autocomplete="off" class="layui-input" placeholder="请输入编号">
</div>
</div>
<!-- 商品封面 -->
<div class="layui-form-item">
<label class="layui-form-label"><span style="color:red;">*</span>商品封面:</label>
<div class="layui-input-block">
<div class="like-upload-image">
{if $detail.image}
<div class="upload-image-div">
<img src="{$detail.image}" alt="img">
<input type="hidden" name="image" value="{$detail.image}">
<div class="del-upload-btn">x</div>
</div>
<div class="upload-image-elem" style="display:none;"><a class="add-upload-image"> + 添加图片</a>
</div>
{else}
<div class="upload-image-elem"><a class="add-upload-image"> + 添加图片</a></div>
{/if}
</div>
<div class="layui-form-mid layui-word-aux">建议尺寸800*800像素</div>
</div>
</div>
<!-- 市场价 -->
<div class="layui-form-item">
<label for="market_price" class="layui-form-label">市场价:</label>
<div class="layui-input-inline">
<input type="number" name="market_price" id="market_price" lay-verType="tips" min="0"
value="{$detail.market_price|default='0'}"
autocomplete="off" class="layui-input" placeholder="请输入价格">
</div>
</div>
<!-- 库存 -->
<div class="layui-form-item">
<label for="stock" class="layui-form-label"><span style="color:red;">*</span>发放库存:</label>
<div class="layui-input-inline">
<input type="number" name="stock" id="stock" lay-verType="tips" value="{$detail.stock}" min="0"
onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')"
autocomplete="off" class="layui-input" placeholder="请输入发放库存">
</div>
</div>
<!-- 兑换方式 -->
<div class="layui-form-item exchange_way">
<label class="layui-form-label"><span style="color:red;">*</span>兑换方式:</label>
<div class="layui-input-inline">
<input type="radio" name="exchange_way" value="1" title="积分" lay-filter="exchange_way" {if
condition="$detail.exchange_way eq 1" }checked{/if}>
<input type="radio" name="exchange_way" value="2" title="积分+余额" lay-filter="exchange_way" {if
condition="$detail.exchange_way eq 2" }checked{/if}>
</div>
</div>
<!-- 兑换积分 -->
<div class="layui-form-item">
<label class="layui-form-label"><span style="color:red;">*</span>兑换积分:</label>
<div class="layui-input-inline" style="margin-right: 0px;">
<input type="number" name="need_integral" id="need_integral" autocomplete="off" min="1"
value="{$detail.need_integral}" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')"
placeholder="请输入积分" class="layui-input">
</div>
<span class="layui-form-mid">积分</span>
<span class="layui-form-mid need_money hide-div">+</span>
<div class="layui-input-inline need_money hide-div" style="margin-right: 0px;">
<input type="number" name="need_money" id="need_money" autocomplete="off" placeholder="请输入金额" min="0"
value="{$detail.need_money}" class="layui-input">
</div>
<div class="layui-input-inline">
<span class="layui-form-mid need_money hide-div"></span>
</div>
</div>
<!-- 物流配送 -->
<div class="layui-form-item delivery">
<label class="layui-form-label"><span style="color:red;">*</span>物流配送:</label>
<div class="layui-input-block">
<input type="radio" name="delivery_way" value="1" title="快递" lay-filter="delivery_way" {if
condition="$detail.delivery_way eq 1" }checked{/if}>
<input type="radio" name="delivery_way" value="0" title="无需物流" lay-filter="delivery_way" {if
condition="$detail.delivery_way eq 0" }checked{/if}>
</div>
<div class="layui-form-mid layui-word-aux ">修改后的配送状态仅对后面的订单生效,对前面已经付款的订单没影响,会按照订单当时的的设置来进行操作</div>
</div>
<!-- 快递运费 -->
<div class="layui-form-item delivery express">
<label class="layui-form-label"><span style="color:red;">*</span>快递运费:</label>
<div class="layui-input-inline">
<input type="radio" name="express_type" value="1" title="包邮" {if condition="$detail.express_type eq 1" }checked{/if}>
</div>
<div class="layui-form-item">
<label class="layui-form-label"></label>
<div class="layui-input-inline" style="margin-right: 0px;width: auto">
<input type="radio" name="express_type" value="2" title="统一运费" {if condition="$detail.express_type eq 2" }checked{/if}>
</div>
<div class="layui-input-inline" style="width: 110px">
<input type="number" name="express_money" class="layui-input" value="{$detail.express_money}" min="0">
</div>
<span class="layui-form-mid"></span>
</div>
</div>
<!-- 红包面值 -->
<div class="layui-form-item balance hide-div">
<label for="stock" class="layui-form-label"><span style="color:red;">*</span>红包面值:</label>
<div class="layui-input-inline">
<input type="number" name="balance" id="balance" lay-verType="tips" min="0"
value="{$detail.balance|default=''}"
autocomplete="off" class="layui-input">
<div class="layui-form-mid layui-word-aux">兑换的红包会以余额的形式发放</div>
</div>
</div>
<!-- 排序 -->
<div class="layui-form-item">
<label class="layui-form-label">排序:</label>
<div class="layui-input-inline input-inline-width">
<input type="number" name="sort" autocomplete="off" class="layui-input" min="0" value="{$detail.sort}">
<label class="layui-form-mid layui-word-aux">默认值为0,数值越大越排前</label>
</div>
</div>
<!-- 商品状态 -->
<div class="layui-form-item">
<label class="layui-form-label"><span style="color:red;">*</span>商品状态:</label>
<div class="layui-input-inline">
<input type="checkbox" name="status" lay-skin="switch" lay-text="上架|下架"
{if condition="$detail.status eq 1" }checked{/if}>
</div>
</div>
</div>
<!-- 2、商品详情 -->
<div class="layui-tab-item">
<div class="layui-form-item">
<label class="layui-form-label">商品详情:</label>
<div class="layui-input-block">
<textarea name="content" id="content" lay-verify="content">{$detail.content}</textarea>
</div>
</div>
</div>
</div>
</div>
<div class="layui-form-item layui-hide">
<input type="button" lay-submit lay-filter="addSubmit" id="addSubmit" value="确认">
</div>
</div>
<script>
layui.config({
version: "{$front_version}",
base: '/static/lib/'
}).extend({
likeedit: 'likeedit/likeedit'
}).use(["form", "laydate", "layEditor"], function () {
var $ = layui.$;
var form = layui.form;
var layEditor = layui.layEditor;
var type = {$detail.type};
var delivery_way = {$detail.delivery_way};
if (type === 1) {
typeGoods();
} else {
typeBalance();
}
deliveryWay(delivery_way);
// 兑换类型为商品时
function typeGoods() {
$('.balance').hide();
$('.code, .exchange_way, .need_integral, .delivery').show();
let exchange_way = $('input[name="exchange_way"]:checked').val();
exchange_way === '1' ? $('.need_money').hide() : $('.need_money').show();
}
// 兑换类型为红包时
function typeBalance() {
$('.balance').show();
$('.code, .exchange_way, .need_integral, .need_money, .delivery').hide();
}
// 物流配送类型
function deliveryWay(way) {
(way === 1 && type === 1) ? $('.express').show() : $('.express').hide();
}
// 兑换方式 [积分, 积分+余额]
form.on('radio(exchange_way)', function (data) {
data.value === '1' ? $('.need_money').hide() : $('.need_money').show();
})
// 物流配送 [快递 无需物流]
form.on('radio(delivery_way)', function (data) {
data.value === '1' ? $('.express').show() : $('.express').hide();
})
// 富文本
layEditor.set({
uploadImage: {
url: '{:url("file/lists")}?type=10'
},
})
var ieditor = layEditor.build('content')
form.verify({
content: function(value) {
return layEditor.sync(ieditor);
}
});
like.delUpload();
$(document).on("click", ".add-upload-image", function () {
like.imageUpload({
limit: 1,
field: "image",
that: $(this)
});
});
})
</script>

View File

@ -0,0 +1,267 @@
{layout name="layout1" /}
<!-- 样式 -->
<style>
.layui-table-cell {
height: auto;
}
</style>
<div class="wrapper">
<div class="layui-card">
<!--操作提示-->
<div class="layui-card-body">
<div class="layui-collapse like-layui-collapse" lay-accordion="" style="border:1px dashed #c4c4c4">
<div class="layui-colla-item">
<h2 class="layui-colla-title like-layui-colla-title" style="background-color: #fff">操作提示</h2>
<div class="layui-colla-content layui-show">
<p>*添加积分商城商品。</p>
<p>*兑换类型为"红包"时,无需物流配送,付完款直接是已完成状态。</p>
<p>*兑换类型为"商品"时,可以做发货操作。</p>
</div>
</div>
</div>
</div>
<div class="layui-card-body">
<!--添加按钮-->
<div style="padding-bottom: 10px;">
<button class="layui-btn layui-btn-sm {$view_theme_color} layEvent" lay-event="add">添加积分商品</button>
</div>
<!--搜索条件-->
<div class="layui-form">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">礼品名称:</label>
<div class="layui-input-block">
<input type="text" name="name" id="name" placeholder="请输入礼品名称"
autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">兑换类型</label>
<div class="layui-input-block">
<select name="type" id="search_type">
<option value="">全部</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-block">
<select name="status" id="search_status">
<option value="">全部</option>
<option value="1">上架</option>
<option value="0">下架</option>
</select>
</div>
</div>
<div class="layui-inline">
<button class="layui-btn layui-btn-sm layuiadmin-btn-goods_brand {$view_theme_color}" lay-submit lay-filter="like-search">
<i class="layui-icon layuiadmin-button-btn"></i>查询
</button>
</div>
<div class="layui-inline">
<button class="layui-btn layui-btn-sm layui-btn-primary layuiadmin-btn-goods_brand " lay-submit lay-filter="like-clear-search">清空查询</button>
</div>
</div>
</div>
<!--表格-->
<table id="like-table-lists" lay-filter="like-table-lists"></table>
<script type="text/html" id="statusTpl">
<input type="checkbox" lay-filter="switch-status" data-id={{d.id}} lay-skin="switch"
lay-text="上架|下架" {{# if(d.status){ }} checked {{# } }} />
</script>
<script type="text/html" id="goodsBrand-operation">
<a class="layui-btn layui-btn-normal layui-btn-sm layEvent" lay-event="edit"><i class="layui-icon layui-icon-edit"></i></a>
<a class="layui-btn layui-btn-danger layui-btn-sm layEvent" lay-event="del"><i class="layui-icon layui-icon-delete"></i></a>
</script>
<script type="text/html" id="nameTpl">
<div style="text-align: left">
<img src="{{d.image}}" style="height:80px;width: 80px" class="image-show">
<div class="layui-input-inline" style="text-align:left;width: 240px">
<p>{{d.name}}</p>
</div>
</div>
</script>
<script type="text/html" id="stockTpl">
{{# if(d.stock == '0'){ }}
<span style="color: red">{{d.stock}}</span>
{{# } else { }}
<span>{{d.stock}}</span>
{{# } }}
</script>
</div>
</div>
</div>
<script>
layui.use(['table'], function(){
var form = layui.form
,table = layui.table;
//监听搜索
form.on('submit(like-search)', function(data){
var field = data.field;
//执行重载
table.reload('like-table-lists', {
where: field,
page: {curr: 1},
});
});
//清空查询
form.on('submit(like-clear-search)', function () {
$('#name').val("");
$('#search_type').val("");
$('#search_status').val("");
form.render('select');
//刷新列表
table.reload('like-table-lists', {
where: [],
page: {curr: 1},
});
});
//切换状态
form.on('switch(switch-status)',function (obj) {
var id = obj.elem.attributes['data-id'].nodeValue;
var status = this.checked ? 1 : 0;
like.ajax({
url:'{:url("integral.IntegralGoods/switchStatus")}',
data:{id:id,status:status},
type:'post',
success:function (res) {
if(res.code == 1) {
layui.layer.msg(res.msg, {offset: '15px', icon: 1, time: 1000});
}
}
});
});
$(document).on('click', '.image-show', function () {
var src = $(this).attr('src');
like.showImg(src,400);
});
//事件
var active = {
add: function(){
layer.open({
type: 2
,title: '添加商品'
,content: '{:url("integral.IntegralGoods/add")}'
,area: ['90%', '90%']
,btn: ['确定', '取消']
,yes: function(index, layero) {
var iframeWindow = window['layui-layer-iframe'+ index]
,submitID = 'addSubmit'
,submit = layero.find('iframe').contents().find('#'+ submitID);
//监听提交
iframeWindow.layui.form.on('submit('+ submitID +')', function(data) {
var field = data.field;
like.ajax({
url:'{:url("integral.IntegralGoods/add")}',
data:field,
type:"post",
success:function(res)
{
if(res.code == 1) {
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
});
layer.close(index);
table.reload('like-table-lists');
}
}
});
});
submit.trigger('click');
}
});
},
edit: function (obj) {
var id = obj.data.id;
layer.open({
type: 2
,title: '编辑商品'
,content: '{:url("integral.IntegralGoods/edit")}?id='+id
,area: ['90%', '90%']
,btn: ['确定', '取消']
,yes: function(index, layero){
var iframeWindow = window['layui-layer-iframe'+ index]
,submitID = 'addSubmit'
,submit = layero.find('iframe').contents().find('#'+ submitID);
//监听提交
iframeWindow.layui.form.on('submit('+ submitID +')', function(data){
var field = data.field;
like.ajax({
url:'{:url("integral.IntegralGoods/edit")}',
data:field,
type:"post",
success:function(res)
{
if(res.code == 1) {
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
});
layer.close(index);
table.reload('like-table-lists');
}
}
});
});
submit.trigger('click');
}
})
},
del: function (obj) {
var unitName = "<span style='color: red;'>"+obj.data.name+"</span>";
layer.confirm('确定删除商品品牌: '+unitName, function(index) {
like.ajax({
url:'{:url("integral.IntegralGoods/del")}',
data:{'id':obj.data.id},
type:"post",
success:function(res)
{
if(res.code == 1) {
obj.del();
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
});
layer.close(index);
}
}
});
});
}
};
like.eventClick(active);
//列表
like.tableLists('#like-table-lists', '{:url("integral.IntegralGoods/lists")}', [
{field: 'id', width: 60, title: 'ID', sort: true}
,{field: 'name', title: '商品名称', width: 260, align:"center", templet: "#nameTpl"}
,{field: 'type', title: '兑换类型', align:"center", templet: "#image"}
,{field: 'stock', title: '库存', align:"center", templet: "#stockTpl"}
,{field: 'need', title: '兑换积分', align:"center"}
,{field: 'sort', title: '排序', align:"center"}
,{field: 'status', title: '商品状态', align:"center", templet:'#statusTpl'}
,{title: '操作', align: 'center', width: 260, fixed: 'right', toolbar: '#goodsBrand-operation'}
]);
});
</script>

View File

@ -0,0 +1,207 @@
{layout name="layout2" /}
<style>
.div-flex {
display: flex;
align-items: center;
justify-content: left;
}
.layui-form-label {
width: 100px;
}
.width-160 {
width: 200px;
}
.layui-table th {
text-align: center;
}
.table-margin {
margin-left: 50px;
margin-right: 50px;
text-align: center;
}
.image {
height: 80px;
width: 80px;
}
</style>
<div class="layui-card-body" >
<!--基本信息-->
<div class="layui-form" lay-filter="layuiadmin-form-express" id="layuiadmin-form-express" >
<input type="hidden" name="id" value="{$detail.id}">
<div class="layui-form-item">
<fieldset class="layui-elem-field layui-field-title">
<legend>收货信息</legend>
</fieldset>
</div>
<div class="layui-form-item div-flex">
<label class="layui-form-label ">收货人:</label>
<div class="width-160">{$detail.consignee}</div>
<label class="layui-form-label ">手机号:</label>
<div class="width-160">{$detail.mobile}</div>
<label class="layui-form-label ">收货地址:</label>
<div class="width-160">{$detail.delivery_address}</div>
</div>
<div class="layui-form-item">
<fieldset class="layui-elem-field layui-field-title">
<legend>商品信息</legend>
</fieldset>
</div>
<div class="layui-form-item table-margin">
<table class="layui-table">
<colgroup>
<col width="250">
<col width="100">
<col width="200">
<col width="100">
<col width="100">
<col width="200">
</colgroup>
<thead>
<tr>
<th>商品名称</th>
<th>市场价</th>
<th>兑换积分</th>
<th>数量</th>
<th>运费</th>
<th>实付</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div style="text-align: left">
<div class="layui-col-md4">
<img src="{$detail.goods_snap.image}" class="image-show image" >
</div>
<div class="layui-col-md8">
<p style="margin-top: 10px; margin-left: 10px">{$detail.goods_snap.name}</p>
</div>
</div>
</td>
<td>¥{$detail.goods_snap.market_price}</td>
<td>{$detail.goods_snap.need_integral}积分{if $detail.goods_snap.exchange_way == 2}+{$detail.goods_snap.need_money}元{/if}</td>
<td>{$detail.total_num}</td>
<td>¥{$detail.shipping_price}</td>
<td>{$detail.order_integral}积分{if $detail.order_amount > 0}+{$detail.order_amount}元{/if}</td>
</tr>
</tbody>
</table>
</div>
<div class="layui-form-item">
<fieldset class="layui-elem-field layui-field-title">
<legend>快递配送</legend>
</fieldset>
</div>
<!-- <div class="layui-form-item div-flex">-->
<!-- <label class="layui-form-label ">配送方式:</label>-->
<!-- <div>-->
<!-- <input type="radio" name="send_type" lay-filter="express" value="1" title="快递配送" checked>-->
<!-- <input type="radio" name="send_type" lay-filter="express" value="2" title="无需快递">-->
<!-- </div>-->
<!-- </div>-->
<div class="layui-form-item div-flex select-express">
<label class="layui-form-label ">选择快递:</label>
<div>
<select name="shipping_id" lay-verify="required">
{foreach $express as $k => $v}
<option value="{$v.id}">{$v.name}</option>
{/foreach}
</select>
</div>
</div>
<div class="layui-form-item div-flex select-express" >
<label class="layui-form-label ">快递单号:</label>
<div>
<input type="text" name="invoice_no" placeholder="请输入快递单号" autocomplete="off"
class="layui-input">
</div>
</div>
<div class="layui-form-item div-flex ">
<div class="layui-input-block ">
<input type="button" class="layui-btn layui-btn-sm layui-btn-normal width_160" lay-submit lay-filter="send" id="send" value="发货">
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary width_160 " id="back">返回</button>
</div>
</div>
</div>
</div>
<script type="text/javascript">
//注意:选项卡 依赖 element 模块,否则无法进行功能性操作
layui.config({
version:"{$front_version}",
base: '/static/plug/layui-admin/dist/layuiadmin/' //静态资源所在路径
}).extend({
index: 'lib/index' //主入口模块
}).use(['index', 'element', 'jquery', 'like', 'form'], function () {
var $ = layui.$
, form = layui.form;
var like = layui.like;
//主图放大
$(document).on('click', '.image-show', function () {
var src = $(this).attr('src');
like.showImg(src,600);
});
form.on('radio(express)', function (data) {
var checked = data.value;
if (checked == 1) {
$('.select-express').show();
} else {
$('.select-express').hide();
}
});
$('#back').click(function () {
var index=parent.layer.getFrameIndex(window.name); //获取当前窗口的name
parent.layer.close(index);
parent.layui.table.reload('order-lists');
return true;
});
//发货
form.on('submit(send)', function (data) {
var field = data.field;
like.ajax({
url: '{:url("integral.IntegralOrder/deliveryHandle")}'
, data: field
, type: 'post'
, success: function (res) {
if (res.code == 1) {
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
},function () {
var index = parent.layer.getFrameIndex(window.name);
parent.location.reload();
parent.layer.close(index);
});
}
},
});
})
});
</script>

View File

@ -0,0 +1,249 @@
{layout name="layout2" /}
<style>
.div-flex {
display: flex;
align-items: center;
justify-content: left;
}
.width-160 {
width: 200px;
}
.layui-table th {
text-align: center;
}
.table-margin{
margin-left: 50px;
margin-right: 50px;
text-align: center;
}
.image{
height:80px;
width: 80px;
}
.mt50{
margin-left: 50px;
}
</style>
<div class="layui-card-body" >
<!--基本信息-->
<div class="layui-form" lay-filter="layuiadmin-form-order" id="layuiadmin-form-order" >
<input type="hidden" class="id" name="id" value="{$detail.id}">
<div class="layui-form-item">
<fieldset class="layui-elem-field layui-field-title">
<legend>订单信息</legend>
</fieldset>
</div>
<div class="layui-form-item div-flex">
<label class="layui-form-label ">订单编号:</label>
<div class="width-160">{$detail.order_sn}</div>
<label class="layui-form-label ">兑换类型:</label>
<div class="width-160">{$detail.type_desc}</div>
<label class="layui-form-label ">下单时间:</label>
<div class="width-160">{$detail.create_time}</div>
</div>
<div class="layui-form-item div-flex">
<label class="layui-form-label ">支付状态:</label>
<div class="width-160">{$detail.pay_status_desc}</div>
<label class="layui-form-label ">订单状态:</label>
<div class="width-160">{$detail.order_status_desc}</div>
<label class="layui-form-label ">支付方式:</label>
<div class="width-160">{$detail.pay_way_desc}</div>
</div>
<div class="layui-form-item div-flex">
<label class="layui-form-label ">支付时间:</label>
<div class="width-160">{$detail.pay_time}</div>
<label class="layui-form-label ">完成时间:</label>
<div class="width-160">{$detail.confirm_time}</div>
</div>
<div class="layui-form-item">
<fieldset class="layui-elem-field layui-field-title">
<legend>会员信息</legend>
</fieldset>
</div>
<div class="layui-form-item div-flex">
<label class="layui-form-label ">会员编号:</label>
<div class="width-160">{$detail.user.sn}</div>
<label class="layui-form-label ">会员昵称:</label>
<div class="width-160">{$detail.user.nickname}</div>
<label class="layui-form-label ">手机号码:</label>
<div class="width-160">{$detail.user.mobile}</div>
</div>
<div class="layui-form-item div-flex">
<label class="layui-form-label ">性别:</label>
<div class="width-160">{$detail.user.sex}</div>
<label class="layui-form-label ">注册时间:</label>
<div class="width-160">{$detail.user.create_time}</div>
</div>
<div class="layui-form-item">
<fieldset class="layui-elem-field layui-field-title">
<legend>收货信息</legend>
</fieldset>
</div>
<div class="layui-form-item div-flex">
<label class="layui-form-label ">收货人:</label>
<div class="width-160">{$detail.consignee}</div>
<label class="layui-form-label ">手机号:</label>
<div class="width-160">{$detail.mobile}</div>
<label class="layui-form-label ">收货地址:</label>
<div class="width-160">{$detail.delivery_address}</div>
</div>
<div class="layui-form-item">
<fieldset class="layui-elem-field layui-field-title">
<legend>商品信息</legend>
</fieldset>
</div>
<div class="layui-form-item table-margin">
<table class="layui-table">
<colgroup>
<col width="250">
<col width="100">
<col width="200">
<col width="100">
<col width="100">
<col width="200">
</colgroup>
<thead>
<tr>
<th>商品名称</th>
<th>市场价</th>
<th>兑换积分</th>
<th>数量</th>
<th>运费</th>
<th>实付</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div style="text-align: left">
<div class="layui-col-md4" >
<img src="{$detail.goods_snap.image}" class="image-show image" >
</div>
<div class="layui-col-md8" >
<p style="margin-top: 10px; margin-left: 10px">{$detail.goods_snap.name}</p>
</div>
</div>
</td>
<td>¥{$detail.goods_snap.market_price}</td>
<td>{$detail.goods_snap.need_integral}积分{if $detail.goods_snap.exchange_way == 2}+{$detail.goods_snap.need_money}元{/if}</td>
<td>{$detail.total_num}</td>
<td>¥{$detail.shipping_price}</td>
<td>{$detail.order_integral}积分{if $detail.order_amount > 0}+{$detail.order_amount}元{/if}</td>
</tr>
</tbody>
</table>
</div>
<div class="layui-form-item">
<fieldset class="layui-elem-field layui-field-title">
<legend>买家留言</legend>
</fieldset>
</div>
<div class="layui-form-item table-margin">
<textarea class="layui-textarea" disabled>{$detail.user_remark}</textarea>
</div>
<div class="layui-form-item">
<fieldset class="layui-elem-field layui-field-title">
<legend>订单操作</legend>
</fieldset>
</div>
<div class="layui-form-item div-flex ">
<div class="layui-input-block ">
{if $detail.order_status == 1 && $detail.delivery_way == 1}
<button type="button" class="layui-btn layui-btn-sm layui-btn-normal width_160 " id="delivery">发货</button>
{/if}
{if $detail.order_status == 2 && $detail.delivery_way == 1}
<button type="button" class="layui-btn layui-btn-sm layui-btn-normal width_160 " id="confirm">确认收货</button>
{/if}
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary width_160 " id="back">返回</button>
</div>
</div>
</div>
</div>
<script type="text/javascript">
//注意:选项卡 依赖 element 模块,否则无法进行功能性操作
layui.config({
version:"{$front_version}",
base: '/static/lib/' //静态资源所在路径
}).use(['form'], function(){
var $ = layui.$;
//主图放大
$(document).on('click', '.image-show', function () {
var src = $(this).attr('src');
like.showImg(src,400);
});
$('#back').click(function () {
var index=parent.layer.getFrameIndex(window.name); //获取当前窗口的name
parent.layer.close(index);
parent.layui.table.reload('order-lists');
return true;
});
//发货
$('#delivery').click(function () {
var id = $('.id').val();
layer.open({
type: 2
,title: '订单发货'
,content: '{:url("integral.IntegralOrder/delivery")}?id='+id
,area: ['90%', '90%']
,yes: function(index, layero){
}
})
});
//确认收货
$('#confirm').click(function () {
var id = $('.id').val();
layer.confirm('确认订单商品已收货吗??', {
btn: ['确认','取消'] //按钮
}, function(){
like.ajax({
url: '{:url("integral.IntegralOrder/confirm")}'
, data: {'id': id}
, type: 'post'
, success: function (res) {
if (res.code == 1) {
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
},function () {
location.reload();
});
}
},
});
});
});
});
</script>

View File

@ -0,0 +1,172 @@
{layout name="layout2" /}
<style>
.div-flex {
display: flex;
align-items: center;
justify-content: left;
}
.width-160 {
width: 200px;
}
.layui-table th {
text-align: center;
}
.table-margin {
margin-left: 50px;
margin-right: 50px;
text-align: center;
}
.image {
height: 80px;
width: 80px;
}
.mt50 {
margin-left: 50px;
}
</style>
<div class="layui-card-body" >
<!--基本信息-->
<div class="layui-form" lay-filter="layuiadmin-form-express" id="layuiadmin-form-express" >
<input type="hidden" name="order_id" value="{$detail.id}">
<div class="layui-form-item">
<fieldset class="layui-elem-field layui-field-title">
<legend>快递信息</legend>
</fieldset>
</div>
{empty name="$detail.shipping"}
<div class="layui-form-item div-flex">
<label class="layui-form-label"></label>
<div class="width-160">暂无物流信息</div>
</div>
{else/}
<div class="layui-form-item div-flex">
<label class="layui-form-label ">发货时间:</label>
<div class="width-160">{$detail.shipping.create_time | default= "--"}</div>
<label class="layui-form-label ">快递方式:</label>
<div class="width-160">{$detail.shipping.shipping_name | default="--"}</div>
<label class="layui-form-label ">快递单号:</label>
<div class="width-160">{$detail.shipping.invoice_no | default= "--"}</div>
</div>
{/empty}
<div class="layui-form-item">
<fieldset class="layui-elem-field layui-field-title">
<legend>商品信息</legend>
</fieldset>
</div>
<div class="layui-form-item table-margin">
<table class="layui-table">
<colgroup>
<col width="250">
<col width="100">
<col width="200">
<col width="100">
<col width="200">
</colgroup>
<thead>
<tr>
<th>商品名称</th>
<th>市场价</th>
<th>兑换积分</th>
<th>数量</th>
<th>运费</th>
<th>实付</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div style="text-align: left">
<div class="layui-col-md3">
<img src="{$detail.goods_snap.image}" class="image-show image" >
</div>
<div class="layui-col-md9">
<p style="margin-top: 10px">{$detail.goods_snap.name}</p>
</div>
</div>
</td>
<td>¥{$detail.goods_snap.market_price}</td>
<td>{$detail.goods_snap.need_integral}积分{if $detail.goods_snap.exchange_way == 2}+{$detail.goods_snap.need_money}元{/if}</td>
<td>{$detail.total_num}</td>
<td>¥{$detail.shipping_price}</td>
<td>{$detail.order_integral}积分{if $detail.order_amount > 0}+{$detail.order_amount}元{/if}</td>
</tr>
</tbody>
</table>
</div>
<div class="layui-form-item">
<fieldset class="layui-elem-field layui-field-title">
<legend>物流轨迹</legend>
</fieldset>
</div>
<div class="layui-form-item table-margin">
<table class="layui-table">
<colgroup>
<col>
</colgroup>
<thead>
<tr >
<th colspan="3">轨迹</th>
</tr>
</thead>
<tbody>
{foreach $detail.shipping.traces as $k => $item}
<tr>
{if is_array($item)}
{foreach $item as $k1 => $value}
<td>{$value}</td>
{/foreach}
{else /}
<td>{$item}</td>
{/if}
</tr>
{/foreach}
</tbody>
</table>
</div>
<div class="layui-form-item div-flex ">
<div class="layui-input-block ">
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary width_160 " id="back">返回</button>
</div>
</div>
</div>
</div>
<script type="text/javascript">
//注意:选项卡 依赖 element 模块,否则无法进行功能性操作
layui.use(['element', 'jquery','form'], function () {
var $ = layui.$
, form = layui.form;
//主图放大
$(document).on('click', '.image-show', function () {
var src = $(this).attr('src');
like.showImg(src,400);
});
$('#back').click(function () {
var index=parent.layer.getFrameIndex(window.name); //获取当前窗口的name
parent.layer.close(index);
parent.layui.table.reload('order-lists');
return true;
});
});
</script>

View File

@ -0,0 +1,437 @@
{layout name="layout1" /}
<style>
.layui-table-cell {
height:auto;
}
.goods-content>div:not(:last-of-type) {
border-bottom:1px solid #DCDCDC;
}
.goods-data::after{
display: block;
content: '';
clear: both;
}
.goods_name_hide{
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
}
.operation-btn {
margin: 5px;
}
.table-operate{
text-align: left;
font-size:14px;
padding:0 5px;
height:auto;
overflow:visible;
text-overflow:inherit;
white-space:normal;
word-break: break-all;
}
</style>
<div class="wrapper">
<div class="layui-card">
<div class="layui-card-body">
<div class="layui-collapse like-layui-collapse" lay-accordion="" style="border:1px dashed #c4c4c4">
<div class="layui-colla-item">
<h2 class="layui-colla-title like-layui-colla-title" style="background-color: #fff">操作提示</h2>
<div class="layui-colla-content layui-show">
<p>*会员在商城下单的列表。</p>
<p>*订单状态有待付款,待发货,待收货,已完成,已关闭;不做售后流程。</p>
<p>*待付款订单取消后则为已关闭。待付款订单支付后则为待发货。待发货订单发货后则为待收货。待收货订单收货后则为已完成。红包类型的订单一付款就变成已完成状态。</p>
</div>
</div>
</div>
</div>
<div class="layui-tab layui-tab-card" lay-filter="tab-all">
<ul class="layui-tab-title">
<li data-type='' class="layui-this">全部</li>
{foreach $order_status as $item => $val}
<li data-type="{$item}">{$val}</li>
{/foreach}
</ul>
<div class="layui-card-body layui-form">
<div class="layui-form-item">
<div class="layui-row">
<div class="layui-inline">
<label class="layui-form-label">兑换单号:</label>
<div class="layui-input-block">
<input type="text" name="order_sn" id="order_sn" placeholder="请输入兑换单号"
autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">商品名称:</label>
<div class="layui-input-block">
<input type="text" name="goods_name" id="goods_name" placeholder="请输入商品名称"
autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">兑换类型:</label>
<div class="layui-input-block">
<select name="type" id="type">
<option value="">全部</option>
{foreach $type as $item => $val}
<option value="{$item}">{$val}</option>
{/foreach}
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">订单状态:</label>
<div class="layui-input-block">
<select name="order_status" id="order_status">
<option value="">全部</option>
{foreach $order_status as $item => $val}
<option value="{$item}">{$val}</option>
{/foreach}
</select>
</div>
</div>
</div>
<div class="layui-row">
<div class="layui-inline">
<label class="layui-form-label">下单时间:</label>
<div class="layui-input-inline">
<div class="layui-input-inline">
<input type="text" name="start_time" class="layui-input" id="start_time"
placeholder="" autocomplete="off">
</div>
</div>
<div class="layui-input-inline" style="margin-right: 5px;width: 20px;">
<label class="layui-form-mid"></label>
</div>
<div class="layui-input-inline">
<input type="text" name="end_time" class="layui-input" id="end_time"
placeholder="" autocomplete="off">
</div>
</div>
<div class="layui-inline">
<button class="layui-btn layui-btn-sm layuiadmin-btn-ad {$view_theme_color}" lay-submit
lay-filter="order-search">查询
</button>
<button class="layui-btn layui-btn-sm layuiadmin-btn-ad layui-btn-primary " lay-submit
lay-filter="order-clear-search">清空查询
</button>
</div>
</div>
</div>
</div>
<div class="layui-tab-item layui-show">
<div class="layui-card">
<div class="layui-card-body">
<table id="order-lists" lay-filter="order-lists"></table>
<script type="text/html" id="order-operation" >
<div class="table-operate">
<a class="layui-btn layui-btn-primary layui-btn-sm operation-btn" lay-event="detail">订单详情</a>
{{# if(d.order_status == 1 && d.delivery_way == 1){ }}
<a class="layui-btn layui-btn-normal layui-btn-sm operation-btn" lay-event="delivery">发货</a>
{{# } }}
{{# if(d.order_status == 2 && d.delivery_way == 1 ){ }}
<a class="layui-btn layui-btn-normal layui-btn-sm operation-btn" lay-event="confirm">确认收货</a>
{{# } }}
{{# if(d.order_status == 2 && d.shipping_status == 1 ){ }}
<a class="layui-btn layui-btn-primary layui-btn-sm operation-btn" lay-event="express">物流查询</a>
{{# } }}
{{# if(d.order_status == 3 && d.shipping_status == 1 ){ }}
<a class="layui-btn layui-btn-primary layui-btn-sm operation-btn" lay-event="express">物流查询</a>
{{# } }}
{{# if(d.order_status <= 2 && d.exchange_type == 1){ }}
<a class="layui-btn layui-btn-danger layui-btn-sm operation-btn" lay-event="cancel">取消订单</a>
{{# } }}
</div>
</script>
<script type="text/html" id="image">
<img src="{{d.image}}" style="height:80px;width: 80px" class="image-show">
</script>
<!--订单信息-->
<script type="text/html" id="order">
<div style="text-align: left">
<p>订单编号:{{d.order_sn}}</p>
<p>下单时间:{{d.create_time}}</p>
<p>支付时间:{{d.pay_time}}</p>
</div>
</script>
<!--会员信息-->
<script type="text/html" id="user">
<img src="{{d.user.avatar}}" style="height:80px;width: 80px" class="image-show">
<div class="layui-input-inline" style="text-align: left;">
<p>会员编号:{{d.user.sn}}</p>
<p style="width: 180px;text-overflow:ellipsis;overflow: hidden">会员昵称:{{d.user.nickname}}</p>
</div>
</script>
<!--收货信息-->
<script type="text/html" id="delivery">
<div style="text-align: left">
<p>收货人:{{d.consignee}}</p>
<p>手机号码:{{d.mobile}}</p>
<p>收货地址:{{d.delivery_address}}</p>
</div>
</script>
<!--商品信息-->
<script type="text/html" id="goods">
<div class="goods-content">
<div style="text-align: left;" class="goods-data">
<img src="{{d.goods_snap.image}}" style="height:80px;width: 80px;" class="image-show layui-col-md4">
<div class="layui-input-inline layui-col-md8" style="margin-left: 10px">
<span class="layui-col-md7 goods_name_hide">{{d.goods_snap.name}}</span>
<br>
<span class="layui-col-md7 goods_name_hide" style="width: 100%">积分金额{{d.goods_snap.need_integral}}积分{{# if(d.goods_snap.exchange_way == 2){ }}+{{d.goods_snap.need_money}}{{# } }}</span>
<br>
<span class="layui-col-md5">数量{{d.total_num}}</span>
</div>
</div>
</div>
</script>
<!--实际支付-->
<script type="text/html" id="order_amount">
<div style="text-align: left">
<p>{{d.order_integral}}积分{{# if(d.order_amount > 0){ }}+{{d.order_amount}}{{# } }}</p>
</div>
</script>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
layui.config({
version:"{$front_version}",
base: '/static/lib/' //静态资源所在路径
}).use(['form'], function(){
var $ = layui.$
, form = layui.form
, table = layui.table
, element = layui.element
, laydate = layui.laydate;
//图片放大
$(document).on('click', '.image-show', function () {
var src = $(this).attr('src');
like.showImg(src,400);
});
//监听搜索
form.on('submit(order-search)', function (data) {
var field = data.field;
//执行重载
table.reload('order-lists', {
where: field,
page: {
curr: 1
}
});
});
//清空查询
form.on('submit(order-clear-search)', function () {
$('#order_sn').val('');
$('#goods_name').val('');
$('#type').val('');
$('#order_status').val('');
$('#start_time').val('');
$('#end_time').val('');
form.render('select');
//刷新列表
table.reload('order-lists', {
where: [],
page: {
curr: 1
}
});
});
//日期时间范围
laydate.render({
elem: '#start_time'
,type: 'datetime'
,trigger: 'click'
,done: function (value, date, endDate) {
var startDate = new Date(value).getTime();
var endTime = new Date($('#end_time').val()).getTime();
if (endTime < startDate) {
layer.msg('结束时间不能小于开始时间');
$('#start_time').val($('#end_time').val());
}
}
});
laydate.render({
elem: '#end_time'
,type: 'datetime'
,trigger: 'click'
,done: function (value, date, endDate) {
var startDate = new Date($('#start_time').val()).getTime();
var endTime = new Date(value).getTime();
console.log(startDate);
if (endTime < startDate) {
layer.msg('结束时间不能小于开始时间');
$('#end_time').val($('#start_time').val());
}
}
});
//获取列表
getList('');
//切换列表
element.on('tab(tab-all)', function (data) {
$('#order_sn').val('');
$('#goods_name').val('');
$('#type').val('');
$('#order_status').val('');
$('#start_time').val('');
$('#end_time').val('');
form.render('select');
var status = $(this).attr('data-type');
getList(status);
});
function getList(status) {
table.render({
elem: '#order-lists'
, url: '{:url("integral.IntegralOrder/lists")}?status=' + status
, cols: [[
{field: 'order', title: '兑换单号', align: 'center',templet:'#order',width:230}
, {field: 'order_goods', title: '商品信息', align: 'center',templet:'#goods',width:350}
, {field: 'type_desc', title: '兑换类型', align: 'center',width:100}
, {field: 'user', title: '会员信息', templet:'#user',width:300}
, {field: 'order_amount', title: '实际支付', align: 'center',templet:'#order_amount',width:150}
, {field: 'delivery', title: '收货信息', align: 'center',templet:'#delivery',width:200}
, {field: 'order_status_desc', title: '订单状态', align: 'center',width:100}
, {fixed: 'right', title: '操作', width: 300, align: 'center', toolbar: '#order-operation'}
]]
, page: true
, text: {none: '暂无数据!'}
,response: {
statusCode: 1
}
, parseData: function (res) {
return {
"code": res.code,
"msg": res.msg,
"count": res.data.count,
"data": res.data.lists,
};
}
,done: function(res, curr, count){
// 解决操作栏因为内容过多换行问题
$(".layui-table-main tr").each(function (index, val) {
$($(".layui-table-fixed-l .layui-table-body tbody tr")[index]).height($(val).height());
$($(".layui-table-fixed-r .layui-table-body tbody tr")[index]).height($(val).height());
});
}
});
}
//监听工具条
table.on('tool(order-lists)', function (obj) {
var id = obj.data.id;
//订单详情
if(obj.event === 'detail'){
layer.open({
type: 2
,title: '订单详情'
,content: '{:url("integral.IntegralOrder/detail")}?id='+id
,area: ['90%', '90%']
,yes: function(index, layero){
table.reload('order-lists');
}
})
}
//发货
if(obj.event === 'delivery'){
layer.open({
type: 2
,title: '订单发货'
,content: '{:url("integral.IntegralOrder/delivery")}?id='+id
,area: ['90%', '90%']
,yes: function(index, layero){
}
})
}
//物流信息
if(obj.event === 'express'){
layer.open({
type: 2
,title: '物流信息'
,content: '{:url("integral.IntegralOrder/express")}?id='+id
,area: ['90%', '90%']
,yes: function(index, layero){
}
})
}
//确认收货
if(obj.event === 'confirm'){
layer.confirm('确认订单商品已收货吗?', {
btn: ['确认','取消'] //按钮
}, function(){
like.ajax({
url: '{:url("integral.IntegralOrder/confirm")}'
, data: {'id': id}
, type: 'post'
, success: function (res) {
if (res.code == 1) {
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
},function () {
table.reload('order-lists');
});
}
},
});
});
}
//取消订单
if (obj.event === 'cancel') {
layer.confirm('确认取消订单吗?', {
btn: ['确认', '取消'] //按钮
}, function () {
like.ajax({
url: '{:url("integral.IntegralOrder/cancel")}'
, data: {'id': id}
, type: 'post'
, success: function (res) {
if (res.code == 1) {
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
}, function () {
table.reload('order-lists');
});
}
},
});
});
}
});
});
</script>