233 lines
7.4 KiB
HTML
233 lines
7.4 KiB
HTML
{extend name="app/shop/view/base.html"/}
|
||
{block name="resources"}
|
||
<style>
|
||
.prompt-block .prompt {
|
||
display: inline-block;
|
||
}
|
||
.prompt-block .prompt {
|
||
width: 18px;
|
||
height: 18px;
|
||
line-height: 18px;
|
||
position: relative;
|
||
}
|
||
.user-head-img{
|
||
width:40px;
|
||
height:40px;
|
||
margin-right:20px;
|
||
}
|
||
.time_p{
|
||
height: 20px;
|
||
line-height: 20px;
|
||
font-size: 13px;
|
||
}
|
||
</style>
|
||
{/block}
|
||
|
||
{block name="main"}
|
||
<!-- 筛选面板 -->
|
||
<div class="screen layui-collapse" lay-filter="selection_panel">
|
||
<div class="layui-colla-item">
|
||
<div class="layui-colla-content layui-form layui-show" lay-filter="search_form">
|
||
<div class="layui-form-item">
|
||
<div class="layui-inline">
|
||
<label class="layui-form-label">用户昵称：</label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="nickname" placeholder="用户昵称" autocomplete="off" class="layui-input"/>
|
||
</div>
|
||
</div>
|
||
<div class="layui-inline">
|
||
<label class="layui-form-label">交易状态：</label>
|
||
<div class="layui-input-inline">
|
||
<select name="status" lay-filter="is_settlement">
|
||
<option value="">全部</option>
|
||
<option value="1">库存</option>
|
||
<option value="2">已上架</option>
|
||
<option value="3">已售出</option>
|
||
<option value="4">提货中</option>
|
||
<option value="5">提货完成</option>
|
||
<option value="6">待支付</option>
|
||
<option value="7">捡漏</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<div class="layui-inline">
|
||
<label class="layui-form-label">交易时间：</label>
|
||
<!--交易时间类型-->
|
||
<div class="layui-input-inline">
|
||
<select name="time_type" lay-filter="is_settlement">
|
||
<option value="created">购买时间</option>
|
||
<option value="release">上架时间</option>
|
||
<option value="sell">售卖时间</option>
|
||
<option value="take">取货时间</option>
|
||
</select>
|
||
</div>
|
||
<!--时间选择-->
|
||
<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 class="layui-btn" lay-submit lay-filter="search">筛选</button>
|
||
<button type="reset" lay-submit lay-filter="reset" class="layui-btn layui-btn-primary">重置</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 列表 -->
|
||
<table id="listContent" lay-filter="listContent"></table>
|
||
<!-- 操作 -->
|
||
<script type="text/html" id="operation">
|
||
<div class="table-btn">
|
||
<a class="layui-btn" lay-event="seeDetail">查看详情</a>
|
||
</div>
|
||
</script>
|
||
<!--会员信息-->
|
||
<script type="text/html" id="memberInfo">
|
||
<div class='table-title'>
|
||
<div class='title-pic'>
|
||
<img layer-src src="{{ns.img(d.seller_headimg)}}" onerror="this.src = '{:img(\'public/static/img/default_img/head.png\')}' ">
|
||
</div>
|
||
<div class='title-content'>
|
||
{{# if(d.seller_username){ }}
|
||
<p class="layui-elip">{{d.seller_username}}</p>
|
||
{{# } else { }}
|
||
<p class="layui-elip">{{d.seller_nickname}}</p>
|
||
{{# } }}
|
||
</div>
|
||
</div>
|
||
</script>
|
||
<!--商品信息-->
|
||
<script type="text/html" id="goodsInfo">
|
||
<div class='table-title' title="{{d.goods_name}}">
|
||
<div class='title-pic'>
|
||
<img layer-src src="{{ns.img(d.goods_image)}}" onerror="this.src = '{:img(\'public/static/img/default_img/head.png\')}' ">
|
||
</div>
|
||
<div class='title-content'>
|
||
<p class="layui-elip">{{d.goods_name}}</p>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
{/block}
|
||
|
||
{block name="script"}
|
||
<script>
|
||
var table, form, editIframe,laydate, repeat_flag = false;//防重复标识;
|
||
layui.use(['form','laydate'], function() {
|
||
form = layui.form;
|
||
laydate = layui.laydate;
|
||
form.render();
|
||
//渲染时间
|
||
laydate.render({
|
||
elem: '#start_time'
|
||
,type: 'datetime'
|
||
,change: function(value, date, endDate){
|
||
$(".date-picker-btn").removeClass("selected");
|
||
}
|
||
});
|
||
laydate.render({
|
||
elem: '#end_time'
|
||
,type: 'datetime'
|
||
,change: function(value, date, endDate){
|
||
$(".date-picker-btn").removeClass("selected");
|
||
}
|
||
});
|
||
// 内容获取
|
||
table = new Table({
|
||
elem: '#listContent',
|
||
url: ns.url("futures://shop/futures/index"),
|
||
cols: [[
|
||
{align: 'center', field: 'id', title: 'ID', width: '5%', unresize: 'false'},
|
||
{align: 'left', title: '买家信息', unresize: 'area',width: '15%', templet: '#memberInfo'},
|
||
{align: 'left', title: '商品信息', unresize: 'area',width: '15%', templet: '#goodsInfo'},
|
||
{align: 'center', title: '商品数量', field: 'total',width: '10%', unresize: 'area'},
|
||
{align: 'center', title: '购买价格', field: 'unit_price',width: '10%', unresize: 'area'},
|
||
{
|
||
align: 'center',width: '10%', templet: function (d) {
|
||
// 状态（1=库存，2=已上架，3=已售出，4=提货中，5=提货完成，6=待支付，7=捡漏）
|
||
let statusText = '';
|
||
switch (parseInt(d.status)) {
|
||
case 1: statusText = '<p>库存</p>'; break;
|
||
case 2: statusText = '<p style="color: #07c160;">已上架</p>'; break;
|
||
case 3: statusText = '<p style="color: #1989fa;">已售出</p>'; break;
|
||
case 4: statusText = '<p style="color: #7232dd;">提货中</p>'; break;
|
||
case 5: statusText = '<p style="color: #ad0000;">提货完成</p>'; break;
|
||
case 6: statusText = '<p style="color: #ff976a;">待支付</p>'; break;
|
||
case 7: statusText = '<p style="color: #ee0a24;">捡漏</p>'; break;
|
||
}
|
||
|
||
return statusText;
|
||
}, title: '交易状态', unresize: 'false'
|
||
},
|
||
{
|
||
align: 'center',width: '15%', templet: function (d) {
|
||
let timeText = '';
|
||
if(d.release_time > 0) timeText += '<p class="time_p">上架时间：'+ns.time_to_date(d.release_time,'YYYY-MM-DD h:m')+'</p>';
|
||
if(d.sell_time > 0) timeText += '<p class="time_p">售卖时间：'+ns.time_to_date(d.sell_time,'YYYY-MM-DD h:m')+'</p>';
|
||
if(d.created_time > 0) timeText += '<p class="time_p">购买时间：'+ns.time_to_date(d.created_time,'YYYY-MM-DD h:m')+'</p>';
|
||
if(d.take_time > 0) timeText += '<p class="time_p">取货时间：'+ns.time_to_date(d.take_time,'YYYY-MM-DD h:m')+'</p>';
|
||
|
||
return timeText;
|
||
}, title: '交易时间', unresize: 'false'
|
||
},
|
||
{title: '操作', toolbar: '#operation', unresize: 'false', align: 'right'}
|
||
]],
|
||
});
|
||
// 点击搜索
|
||
form.on('submit(search)', function(data) {
|
||
table.reload({
|
||
page: {
|
||
curr: 1
|
||
},
|
||
where: data.field
|
||
});
|
||
return false;
|
||
});
|
||
// 重置表单
|
||
form.on('submit(reset)', function(data) {
|
||
let field = {
|
||
"nickname": "",
|
||
"status": "",
|
||
"time_type": "created",
|
||
"start_time": "",
|
||
"end_time": "",
|
||
};
|
||
form.val("search_form", field);
|
||
layui.form.render();
|
||
// 刷新表格
|
||
table.reload({
|
||
page: {
|
||
curr: 1
|
||
},
|
||
where: field
|
||
});
|
||
});
|
||
// 监听工具栏操作
|
||
table.tool(function(obj) {
|
||
var data = obj.data;
|
||
eval(obj.event)(data)
|
||
});
|
||
});
|
||
// 点击查看详情
|
||
function seeDetail(data){
|
||
layer.open({
|
||
type: 2,
|
||
title: '交易详情',
|
||
skin: 'layer-tips-class',
|
||
area: ['80%','90%'],
|
||
content: ns.url("futures://shop/futures/seeDetail", { id: data.id }),
|
||
end: function(){
|
||
//table.reload();
|
||
}
|
||
});
|
||
}
|
||
</script>
|
||
{/block} |