初始上传
This commit is contained in:
202
addon/fenxiao/shop/view/order/detail.html
Executable file
202
addon/fenxiao/shop/view/order/detail.html
Executable file
@@ -0,0 +1,202 @@
|
||||
<style>
|
||||
.layui-form-item{margin-bottom: 0;}
|
||||
.product-info .img-block{width:60px;height:60px;float:left;border:1px solid #e2e2e2;display: flex;align-items: center;justify-content: center;}
|
||||
.product-info .img-block>img{max-width:100%;max-height:100%;}
|
||||
.product-info .info{margin-left:70px}
|
||||
.product-info .info p{color:#8e8c8c;font-size:12px}
|
||||
.commission-info dl{display: flex;align-items: center;margin-bottom: 10px}
|
||||
.commission-info dl:last-child{margin-bottom: 0;}
|
||||
.commission-info dl dd{flex: 1;padding-left: 10px;}
|
||||
.address{height: 0;width: 1px; border: none; overflow: hidden;}
|
||||
</style>
|
||||
|
||||
<div class="order-detail">
|
||||
<div class="layui-row layui-col-space1 order-detail-info" >
|
||||
<div class="order-detail-left" >
|
||||
<div class="layui-card card-common card-brief">
|
||||
<div class="layui-card-header nav-title">
|
||||
<span class="card-title">订单信息</span>
|
||||
</div>
|
||||
<div class="layui-card-body">
|
||||
<div class="layui-form">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">订单编号：</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-inline">
|
||||
<div class="layui-form-mid layui-word-aux">{$order_detail['order_no']}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">订单类型：</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-inline">
|
||||
<div class="layui-form-mid layui-word-aux">{$order_detail['order_type_name']}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">订单来源：</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-inline">
|
||||
<div class="layui-form-mid layui-word-aux">
|
||||
<p>{$order_detail.order_from_name}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">付款方式：</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-inline">
|
||||
<div class="layui-form-mid layui-word-aux">{$order_detail.pay_type_name}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">买家：</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-inline">
|
||||
<div class="layui-form-mid layui-word-aux">{$order_detail.nickname}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item order-detail-hr"></div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">配送方式：</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-inline">
|
||||
<div class="layui-form-mid layui-word-aux">
|
||||
<p>{$order_detail['delivery_type_name']}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">收货人：</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-inline">
|
||||
<div class="layui-form-mid layui-word-aux">
|
||||
<p>{$order_detail['name']}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">联系电话：</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-inline">
|
||||
<div class="layui-form-mid layui-word-aux">
|
||||
<p>{$order_detail['mobile']}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">收货地址：</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-inline">
|
||||
<div class="layui-form-mid layui-word-aux">
|
||||
<p>{$order_detail['full_address']}-{$order_detail['address']}
|
||||
<input type="text" class="address" id="address" value="{$order_detail['full_address']}-{$order_detail['address']}">
|
||||
<a href="javascript:ns.copy('address');" class="iconfont iconfuzhi" style="margin-top: 4px"></a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="height: 15px;"></div>
|
||||
|
||||
{notempty name="$order_detail['order_goods']"}
|
||||
<div class="order-detail-table">
|
||||
<table class="layui-table" lay-filter="parse-table-order-product" lay-skin="line" lay-size="lg">
|
||||
<thead>
|
||||
<colgroup>
|
||||
<col width="35%">
|
||||
<col width="20%">
|
||||
<col width="30%">
|
||||
<col width="15%">
|
||||
</colgroup>
|
||||
<tr>
|
||||
<th>商品信息</th>
|
||||
<th style="text-align:right">单价(元) / 数量</th>
|
||||
<th>分佣信息</th>
|
||||
<th>佣金状态</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{foreach $order_detail['order_goods'] as $list_k => $order_goods_item}
|
||||
<tr>
|
||||
<td>
|
||||
<div class="product-info">
|
||||
<div class="img-block">';
|
||||
<img layer-src src="{:img($order_goods_item.sku_image, 'small')}">
|
||||
</div>
|
||||
<div class="info">
|
||||
<span title="{$order_goods_item.sku_name}" class="multi-line-hiding text-color">{$order_goods_item.sku_name}</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td style="text-align:right;">
|
||||
<div>{$order_goods_item.price}</div>
|
||||
<div>{$order_goods_item.num}件</div>
|
||||
</td>
|
||||
<td class="commission-info">
|
||||
<dl>
|
||||
<dt>一级分佣</dt>
|
||||
<dd>
|
||||
{if $order_goods_item.one_commission > 0}
|
||||
<div class="title-left">分销商：{$order_goods_item.one_fenxiao_name}</div>
|
||||
<div class="title-left">佣金：¥{$order_goods_item.one_commission}</div>
|
||||
{else/}
|
||||
<div class="title-left">分销商：--</div>
|
||||
<div class="title-left">佣金：--</div>
|
||||
<div class="title-left">分佣比率：--</div>
|
||||
{/if}
|
||||
</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>二级分佣</dt>
|
||||
<dd>
|
||||
{if $order_goods_item.two_commission > 0}
|
||||
<div class="title-left">分销商：{$order_goods_item.two_fenxiao_name}</div>
|
||||
<div class="title-left">佣金：¥{$order_goods_item.two_commission}</div>
|
||||
{else/}
|
||||
<div class="title-left">分销商：--</div>
|
||||
<div class="title-left">佣金：--</div>
|
||||
{/if}
|
||||
</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>三级分佣</dt>
|
||||
<dd>
|
||||
{if $order_goods_item.three_commission > 0}
|
||||
<div class="title-left">分销商：{$order_goods_item.three_fenxiao_name}</div>
|
||||
<div class="title-left">佣金：¥{$order_goods_item.three_commission}</div>
|
||||
{else/}
|
||||
<div class="title-left">分销商：--</div>
|
||||
<div class="title-left">佣金：--</div>
|
||||
{/if}
|
||||
</dd>
|
||||
</dl>
|
||||
</td>
|
||||
<td colspan="{:count($order_detail['order_goods'])}">
|
||||
{if $order_detail.order_status == -1}
|
||||
{$order_detail.order_status_name}
|
||||
{else/}
|
||||
{$order_detail['order_goods'][0]['is_settlement'] == 1 ? '已结算': '待结算'}
|
||||
{/if}
|
||||
</td>
|
||||
</tr>
|
||||
{/foreach}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
{/notempty}
|
||||
236
addon/fenxiao/shop/view/order/lists.html
Executable file
236
addon/fenxiao/shop/view/order/lists.html
Executable file
@@ -0,0 +1,236 @@
|
||||
<link rel="stylesheet" href="FENXIAO_CSS/order_list.css">
|
||||
<style>
|
||||
.screen{margin-top: 0;}
|
||||
</style>
|
||||
<!-- 筛选面板 -->
|
||||
<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">
|
||||
<select name="search_text_type" >
|
||||
<option value="order_no">订单编号</option>
|
||||
<option value="sku_name">商品名称</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="search_text" 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>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<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 class="layui-btn" lay-submit lay-filter="search">筛选</button>
|
||||
<button class="layui-btn layui-btn-primary" lay-submit lay-filter="batch_export_order" >导出订单</button>
|
||||
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-tab table-tab">
|
||||
<div class="layui-tab-content">
|
||||
<!-- 列表 -->
|
||||
<div id="order_list"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="order_page"></div>
|
||||
|
||||
<script src="FENXIAO_JS/order_list.js"></script>
|
||||
<script>
|
||||
var laypage,element, form;
|
||||
var orderDataAll = [];
|
||||
|
||||
// 通过hash获取页数
|
||||
function getHashPage(){
|
||||
var page = 1;
|
||||
var hash_arr = getHashArr();
|
||||
$.each(hash_arr,function(index, itemobj){
|
||||
var item_arr = itemobj.split("=");
|
||||
if(item_arr.length == 2){
|
||||
if(item_arr[0].indexOf("page") != "-1"){
|
||||
page = item_arr[1];
|
||||
}
|
||||
}
|
||||
});
|
||||
return page;
|
||||
}
|
||||
|
||||
//从hash中获取数据
|
||||
function getHashData(){
|
||||
var hash_arr = getHashArr();
|
||||
var form_json = {
|
||||
"end_time" : "",
|
||||
"order_label" : $("select[name=order_label]").val(),
|
||||
"status" : "",
|
||||
"search" : "",
|
||||
"start_time" : "",
|
||||
"page" : ""
|
||||
};
|
||||
if(hash_arr.length > 0){
|
||||
$.each(hash_arr,function(index, itemobj){
|
||||
var item_arr = itemobj.split("=");
|
||||
if(item_arr.length == 2){
|
||||
$.each(form_json,function(key, form_val){
|
||||
if(item_arr[0].indexOf(key) != "-1"){
|
||||
form_json[key] = item_arr[1];
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
form.val("order_list", form_json);
|
||||
return form_json;
|
||||
}
|
||||
|
||||
layui.use(['laypage','laydate','form', 'element'], function(){
|
||||
form = layui.form;
|
||||
laypage = layui.laypage;
|
||||
element = layui.element;
|
||||
var 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");
|
||||
}
|
||||
});
|
||||
|
||||
//监听筛选事件
|
||||
form.on('submit(search)', function(data){
|
||||
data.field.page = 1;
|
||||
setHashOrderList(data.field);
|
||||
//getOrderList(data.field);
|
||||
return false;
|
||||
});
|
||||
|
||||
form.on('submit(batch_export_order)', function(data){
|
||||
if(orderDataAll){
|
||||
var orderDataString = orderDataAll.toString();
|
||||
location.href = ns.url("fenxiao://shop/order/exportorder?request_mode=download&order_ids=" + orderDataString);
|
||||
}else{
|
||||
location.href = ns.url("fenxiao://shop/order/exportorder?request_mode=download",data.field);
|
||||
}
|
||||
return false;
|
||||
});
|
||||
|
||||
getHashData();
|
||||
getOrderList();//筛选
|
||||
});
|
||||
|
||||
//哈希值 订单数据
|
||||
function setHashOrderList(data){
|
||||
localStorage.setItem('formSubmit','search'); // 表单搜索标识，防止页面重新加载
|
||||
var hash = ['url=fenxiao://shop/order/lists'];
|
||||
for (var key in data) {
|
||||
if (data[key] != '' && data[key] != 'all') {
|
||||
hash.push(`${key}=${data[key]}`)
|
||||
}
|
||||
}
|
||||
location.hash = hash.join('&');
|
||||
getOrderList();
|
||||
}
|
||||
|
||||
var order = new Order();
|
||||
function getOrderList(data){
|
||||
var url = ns.url("fenxiao://shop/order/lists",getHashArr().join('&'));
|
||||
$.ajax({
|
||||
type : 'post',
|
||||
dataType: 'json',
|
||||
url :url,
|
||||
data: data,
|
||||
success : function(res){
|
||||
if(res.code == 0){
|
||||
order.setData(res.data);
|
||||
$("#order_list").html(order.fetch());
|
||||
form.render();
|
||||
|
||||
//批量选择
|
||||
form.on('checkbox(allCheckbox)', function(data){
|
||||
$(".sub-selected-checkbox input").prop("checked",data.elem.checked);
|
||||
$(".all-selected-checkbox input").prop("checked",data.elem.checked);
|
||||
form.render("checkbox");
|
||||
getOrderId();
|
||||
});
|
||||
|
||||
//全选选择
|
||||
form.on('checkbox(subCheckbox)', function(data){
|
||||
var subLen = $(".sub-selected-checkbox input:checked").length;
|
||||
$(".all-selected-checkbox input").prop("checked",false);
|
||||
if (subLen == 10){
|
||||
$(".all-selected-checkbox input").prop("checked",true);
|
||||
}
|
||||
form.render("checkbox");
|
||||
getOrderId();
|
||||
});
|
||||
|
||||
//获取选中的id
|
||||
function getOrderId(){
|
||||
var lists = $(".sub-selected-checkbox input:checked");
|
||||
orderDataAll = [];
|
||||
lists.each(function(index,item){
|
||||
orderDataAll.push(JSON.parse($(item).parents(".sub-selected-checkbox").attr("data-json")));
|
||||
});
|
||||
}
|
||||
|
||||
laypage.render({
|
||||
elem: 'order_page',
|
||||
count: res.data.count,
|
||||
curr: getHashPage(),
|
||||
layout: ['count', 'prev', 'page', 'next'],
|
||||
jump: function(obj, first){
|
||||
//首次不执行
|
||||
if(!first){
|
||||
var hash_data = getHashData();
|
||||
hash_data.page = obj.curr;
|
||||
setHashOrderList(hash_data);
|
||||
}
|
||||
}
|
||||
});
|
||||
}else{
|
||||
layer.msg(res.message);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user