Skip to content

semour / semour_admin

Go to a project
Commit 30672430 by LJM
Options

订单详情

parent 2f63c767
Inline Side-by-side
Showing with 155 additions and 111 deletions
public/assets/js/order/index.js
......@@ -2,7 +2,7 @@ layui.use(['form', 'table', 'laydate'], function () {
var $ = layui.$;
var form = layui.form;
var table = layui.table;
var order_id = $("input[name='order_id']").val();
var order_id = $("#order_id").val();
window.IndexController = {
init: function () {
......@@ -124,7 +124,16 @@ layui.use(['form', 'table', 'laydate'], function () {
}
Request('/api/order/editOrderItems', 'POST', params, function (res) {
if (res.code === 0) {
layer.msg('修改成功', {shift: 0, time: 2000}, function () {
$("#editOrderItems").empty().text('修改');
$("#editOrderItems").next().hide();
$("#order_remark").hide().next().show();//订单备注
table.reload('list', {
page: {
curr: 1
}
});
});
} else {
layer.msg(res.msg);
}
......@@ -156,6 +165,71 @@ layui.use(['form', 'table', 'laydate'], function () {
},
handleBind: function () {
//收货信息
layui.form.on('submit(receiveInfoSubmit)', function (data) {
var text = $(data.elem).text();
if (text == '修改') {
$(data.elem).text('保存');
$(data.elem).next().show();
$(data.elem).parent().parent().find('.show').prev().hide();
$(data.elem).parent().parent().find('.show').show();
return false;
} else {
Request('/api/order/editOrderAdress', 'POST', data.field, function (res) {
if (res.code == 0) {
layer.msg('操作成功', {shift: 0, time: 2000}, function () {
layer.closeAll();
window.location.reload();
});
} else {
layer.msg(res.msg);
}
});
}
return false;
});
//结算信息
layui.form.on('submit(settlementInfoSubmit)', function (data) {
var text = $(data.elem).text();
if (text == '修改') {
$(data.elem).text('保存');
$(data.elem).next().show();
$(data.elem).parent().parent().find('.show').prev().hide();
$(data.elem).parent().parent().find('.show').show();
return false;
} else {
Request('/api/order/editOrderSettlement', 'POST', data.field, function (res) {
if (res.code == 0) {
layer.msg('操作成功', {shift: 0, time: 2000}, function () {
layer.closeAll();
window.location.reload();
});
} else {
layer.msg(res.msg);
}
});
}
return false;
});
//取消
layui.form.on('submit(canelSubmit)', function (data) {
$(data.elem).hide();
$(data.elem).prev().empty().text('修改');
$(data.elem).parent().parent().find('.show').prev().show();
$(data.elem).parent().parent().find('.show').hide();
});
//监听运费 支付手续费
$(document).on('input', '.change-num', debounce(function (e) {
var self = $(this);
var freight_charge = layui.form.val('settlementInfoForm').freight_charge * 1;
var pay_commission = layui.form.val('settlementInfoForm').pay_commission * 1;
var order_amount = layui.form.val('settlementInfoForm').order_amount * 1;
$("#order_total_amount").empty().text(freight_charge + pay_commission + order_amount);
}, 800))
return this;
}
}
......
resources/views/admin/pages/order-page.blade.php
......@@ -4,6 +4,10 @@
box-sizing: border-box;
}
.layui-form-radio > i {
font-size: 15px !important;
}
.row {
display: flex;
flex-direction: row;
......@@ -100,10 +104,16 @@
line-height: 22px;
padding-left: 5px;
}
.layui-card-header {
font-size: 16px;
font-weight: bold;
}
</style>
<section class="order-page">
<input type="hidden" name="order_id" value="{{$info['receiveInfo']['order_id']}}">
<input type="hidden" id="order_id" value="{{$info['receiveInfo']['order_id']}}">
<!--基本信息-->
<div class="layui-card">
<div class="layui-card-header">基本信息</div>
<div class="layui-card-body layui-form">
......@@ -139,6 +149,7 @@
</div>
</div>
</div>
<!--商品信息-->
<div class="layui-card">
<div class="layui-card-header">商品信息</div>
<div class="layui-card-body layui-form" style="padding-top: 0" lay-filter="orderListForn">
......@@ -155,15 +166,17 @@
</div>
<div class="user-row">
<div class="layui-form-item mb0">
<label class="layui-form-label">商品总金额：</label>
<div class="layui-input-block">
<div class="layui-form-mid mid-width" id="order_amount">--</div>
<div class="layui-inline">
<label class="layui-form-label">商品总金额：</label>
<div class="layui-input-block">
<div class="layui-form-mid mid-width" id="order_amount">--</div>
</div>
</div>
</div>
<div class="layui-form-item mb0">
<label class="layui-form-label">退款总金额：</label>
<div class="layui-input-block">
<div class="layui-form-mid mid-width" id="return_order_amount">--</div>
<div class="layui-inline">
<label class="layui-form-label">退款总金额：</label>
<div class="layui-input-block">
<div class="layui-form-mid mid-width" id="return_order_amount">--</div>
</div>
</div>
</div>
</div>
......@@ -171,25 +184,30 @@
</div>
</div>
<div class="row bothSide">
<!--收货信息-->
<div class="user-row">
<div class="layui-card">
<div class="layui-card-header">收货信息</div>
<div class="layui-card-body layui-form">
<div class="layui-card-body layui-form" lay-filter="receiveInfo">
<input type="hidden" name="order_id" value="{{$info['receiveInfo']['order_id']}}">
<input type="hidden" name="order_address_type" value="1">
<div class="btn-box">
<a class="layui-btn layui-btn-sm" lay-event="add">修改</a>
<a class="layui-btn layui-btn-sm layui-btn-primary canel" style="margin-left: 0;margin-top: 10px;">取消</a>
<button class="layui-btn layui-btn-sm" lay-submit="" lay-filter="receiveInfoSubmit">修改</button>
<button class="layui-btn layui-btn-sm layui-btn-primary canel" lay-submit="" lay-filter="canelSubmit" style="margin-left: 0;margin-top: 10px;">取消</button>
</div>
<div class="layui-form-item mb0">
<div class="layui-inline">
<label class="layui-form-label">快递公司：</label>
<div class="layui-input-block">
<div class="layui-form-mid mid-width">德班快递</div>
<div class="layui-form-mid mid-width">{{$info['receiveInfo']['shipping_name']}}</div>
<input type="text" class="layui-input show" name="shipping_name" placeholder="快递公司" value="{{$info['receiveInfo']['shipping_name']}}" style="display: none;">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">快递单号：</label>
<div class="layui-input-block">
<div class="layui-form-mid mid-width">SM202210120001SM202210120001</div>
<div class="layui-form-mid mid-width">{{$info['receiveInfo']['shipping_sn']}}</div>
<input type="text" class="layui-input show" name="shipping_sn" placeholder="快递单号" value="{{$info['receiveInfo']['shipping_sn']}}" style="display: none;">
</div>
</div>
</div>
......@@ -197,13 +215,13 @@
<div class="layui-inline">
<label class="layui-form-label">联系人：</label>
<div class="layui-input-block">
<div class="layui-form-mid mid-width">Michael Jordan</div>
<div class="layui-form-mid mid-width">{{$info['receiveInfo']['consignee']}}</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">公司名称：</label>
<div class="layui-input-block">
<div class="layui-form-mid mid-width">Apple inc</div>
<div class="layui-form-mid mid-width">{{$info['receiveInfo']['company_name']}}</div>
</div>
</div>
</div>
......@@ -211,13 +229,13 @@
<div class="layui-inline">
<label class="layui-form-label">邮箱：</label>
<div class="layui-input-block">
<div class="layui-form-mid mid-width">123456789@apple.com</div>
<div class="layui-form-mid mid-width">{{$info['receiveInfo']['email']}}</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">电话：</label>
<div class="layui-input-block">
<div class="layui-form-mid mid-width">001-347-446-XXXX</div>
<div class="layui-form-mid mid-width">{{$info['receiveInfo']['phone']}}</div>
</div>
</div>
</div>
......@@ -225,13 +243,13 @@
<div class="layui-inline">
<label class="layui-form-label">国家/地区：</label>
<div class="layui-input-block">
<div class="layui-form-mid mid-width">USA</div>
<div class="layui-form-mid mid-width">{{$info['receiveInfo']['country_name']}}</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">省/州：</label>
<div class="layui-input-block">
<div class="layui-form-mid mid-width">乔治亚州</div>
<div class="layui-form-mid mid-width">{{$info['receiveInfo']['province']}}</div>
</div>
</div>
</div>
......@@ -239,44 +257,46 @@
<div class="layui-inline">
<label class="layui-form-label">城市：</label>
<div class="layui-input-block">
<div class="layui-form-mid mid-width">USA</div>
<div class="layui-form-mid mid-width">{{$info['receiveInfo']['city']}}</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">邮编：</label>
<div class="layui-input-block">
<div class="layui-form-mid mid-width">乔治亚州</div>
<div class="layui-form-mid mid-width">{{$info['receiveInfo']['post_code']}}</div>
</div>
</div>
</div>
<div class="layui-form-item mb0">
<label class="layui-form-label">地址：</label>
<div class="layui-input-block">
<div class="layui-form-mid">79, 105 Center Street, Queens, New York City.79, 105 Center Street, Queens, New York City</div>
<div class="layui-form-mid">{{$info['receiveInfo']['detail_address']}}</div>
</div>
</div>
</div>
</div>
</div>
<!--账单邮寄信息-->
<div class="user-row">
<div class="layui-card">
<div class="layui-card-header">账单邮寄信息</div>
<div class="layui-card-body layui-form">
<div class="layui-card-body layui-form" lay-filter="billingInfo">
<input type="hidden" name="order_id" value="{{$info['receiveInfo']['order_id']}}">
<div class="btn-box">
<a class="layui-btn layui-btn-sm" lay-event="add">修改</a>
<button class="layui-btn layui-btn-sm" lay-event="add">修改</button>
<a class="layui-btn layui-btn-sm layui-btn-primary canel" style="margin-left: 0;margin-top: 10px;">取消</a>
</div>
<div class="layui-form-item mb0">
<div class="layui-inline">
<label class="layui-form-label">快递公司：</label>
<div class="layui-input-block">
<div class="layui-form-mid mid-width">德班快递</div>
<div class="layui-form-mid mid-width">{{$info['billingInfo']['shipping_name']}}</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">快递单号：</label>
<div class="layui-input-block">
<div class="layui-form-mid mid-width">SM202210120001SM202210120001</div>
<div class="layui-form-mid mid-width">{{$info['billingInfo']['shipping_sn']}}</div>
</div>
</div>
</div>
......@@ -284,13 +304,13 @@
<div class="layui-inline">
<label class="layui-form-label">联系人：</label>
<div class="layui-input-block">
<div class="layui-form-mid mid-width">Michael Jordan</div>
<div class="layui-form-mid mid-width">{{$info['billingInfo']['consignee']}}</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">公司名称：</label>
<div class="layui-input-block">
<div class="layui-form-mid mid-width">Apple inc</div>
<div class="layui-form-mid mid-width">{{$info['billingInfo']['company_name']}}</div>
</div>
</div>
</div>
......@@ -298,13 +318,13 @@
<div class="layui-inline">
<label class="layui-form-label">邮箱：</label>
<div class="layui-input-block">
<div class="layui-form-mid mid-width">123456789@apple.com</div>
<div class="layui-form-mid mid-width">{{$info['billingInfo']['email']}}</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">电话：</label>
<div class="layui-input-block">
<div class="layui-form-mid mid-width">001-347-446-XXXX</div>
<div class="layui-form-mid mid-width">{{$info['billingInfo']['phone']}}</div>
</div>
</div>
</div>
......@@ -312,13 +332,13 @@
<div class="layui-inline">
<label class="layui-form-label">国家/地区：</label>
<div class="layui-input-block">
<div class="layui-form-mid mid-width">USA</div>
<div class="layui-form-mid mid-width">{{$info['billingInfo']['country_name']}}</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">省/州：</label>
<div class="layui-input-block">
<div class="layui-form-mid mid-width">乔治亚州</div>
<div class="layui-form-mid mid-width">{{$info['receiveInfo']['province']}}</div>
</div>
</div>
</div>
......@@ -326,61 +346,70 @@
<div class="layui-inline">
<label class="layui-form-label">城市：</label>
<div class="layui-input-block">
<div class="layui-form-mid mid-width">USA</div>
<div class="layui-form-mid mid-width">{{$info['billingInfo']['city']}}</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">邮编：</label>
<div class="layui-input-block">
<div class="layui-form-mid mid-width">乔治亚州</div>
<div class="layui-form-mid mid-width">{{$info['billingInfo']['post_code']}}</div>
</div>
</div>
</div>
<div class="layui-form-item mb0">
<label class="layui-form-label">地址：</label>
<div class="layui-input-block">
<div class="layui-form-mid">79, 105 Center Street, Queens, New York City.</div>
<div class="layui-form-mid">{{$info['billingInfo']['detail_address']}}</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--结算信息-->
<div class="layui-card">
<div class="layui-card-header">结算信息</div>
<div class="layui-card-body layui-form" style="width: 50%;">
<div class="layui-card-body layui-form" style="width: 50%;" lay-filter="settlementInfoForm">
<input type="hidden" name="order_id" value="{{$info['receiveInfo']['order_id']}}">
<input type="hidden" name="order_amount" value="{{$info['settlementInfo']['order_amount']}}">
<div class="btn-box">
<a class="layui-btn layui-btn-sm" lay-event="add">修改</a>
<a class="layui-btn layui-btn-sm layui-btn-primary canel" style="margin-left: 0;margin-top: 10px;">取消</a>
<button class="layui-btn layui-btn-sm" lay-submit="" lay-filter="settlementInfoSubmit">修改</button>
<button class="layui-btn layui-btn-sm layui-btn-primary canel" lay-submit="" lay-filter="canelSubmit" style="margin-left: 0;margin-top: 10px;">取消</button>
</div>
<div class="layui-form-item mb0">
<div class="layui-form-item">
<label class="layui-form-label">商品总金额：</label>
<div class="layui-input-block">
<div class="layui-form-mid">$4765.00</div>
<div class="layui-form-mid">{{$info['settlementInfo']['order_amount_format']}}</div>
</div>
</div>
<div class="layui-form-item mb0">
<div class="layui-form-item">
<label class="layui-form-label">运费：</label>
<div class="layui-input-block">
<div class="layui-form-mid">$4765.00</div>
<div class="layui-form-mid">{{$info['settlementInfo']['order_freight_amount_format']}}</div>
<input type="text" class="layui-input show change-num" name="freight_charge" placeholder="请输入输入运费" value="{{$info['settlementInfo']['order_freight_amount']}}" style="display: none;width: 50%;">
</div>
</div>
<div class="layui-form-item mb0">
<div class="layui-form-item">
<label class="layui-form-label">支付手续费：</label>
<div class="layui-input-block">
<div class="layui-form-mid">$4765.00</div>
<div class="layui-form-mid">{{$info['settlementInfo']['order_pay_commission_amount_format']}}</div>
<input type="text" class="layui-input show change-num" name="pay_commission" placeholder="请输入支付手续费" value="{{$info['settlementInfo']['order_pay_commission_amount']}}" style="display: none;width: 50%;">
</div>
</div>
<div class="layui-form-item mb0">
<div class="layui-form-item">
<label class="layui-form-label">支付方式：</label>
<div class="layui-input-block">
<div class="layui-form-mid">$4765.00</div>
<div class="layui-form-mid">{{$info["settlementInfo"]["order_user_pay_type_cn"]}}</div>
<div class="show" style="display: none">
<input type="radio" name="order_user_pay_type" value="0" title="Paypal" checked>
<input type="radio" name="order_user_pay_type" value="1" title="TT">
</div>
</div>
</div>
<div class="layui-form-item mb0">
<div class="layui-form-item">
<label class="layui-form-label">订单总金额：</label>
<div class="layui-input-block">
<div class="layui-form-mid" style="color:red !important;">$4765.00</div>
<div class="layui-form-mid" style="color:red !important;" id="order_total_amount">{{$info['settlementInfo']['order_total_amount_format']}}</div>
</div>
</div>
</div>
......@@ -388,70 +417,12 @@
</section>
<!--工具类-->
@include('js')
<script type="text/html" id="toolbar">
<div class="layui-btn-container">
<a class="layui-btn layui-btn-sm" lay-event="editOrderItems" id="editOrderItems">修改</a>
<a class="layui-btn layui-btn-sm layui-btn-primary" lay-event="canel" style="display: none;">取消</a>
</div>
</script>
<script type="text/javascript" src="/assets/libs/layui/layui.js?v={{time()}}"></script>
<script type="text/javascript">
function debounce(fn, delay) {
// 定时器，用来 setTimeout
var timer
// 返回一个函数，这个函数会在一个时间区间结束后的 delay 毫秒时执行 fn 函数
return function () {
// 保存函数调用时的上下文和参数，传递给 fn
var context = this
var args = arguments
// 每次这个返回的函数被调用，就清除定时器，以保证不执行 fn
clearTimeout(timer)
// 当返回的函数被最后一次调用后（也就是用户停止了某个连续的操作），
// 再过 delay 毫秒就执行 fn
timer = setTimeout(function () {
fn.apply(context, args)
}, delay)
}
}
function Request(url, type, param, callback, isload) {
if (isload == undefined) {
var index = layer.load(2);
}
//设置携带cookie
$.ajaxSetup({
xhrFields: {
withCredentials: true
}
});
var params = $.extend({}, param);
$.ajax({
type: type,
url: url,
data: params,
xhrFields: {withCredentials: true},
timeout: 30000,
success: function (data) {
typeof callback == 'function' && callback(data);
if (isload == undefined) {
layer.close(index);
}
},
error: function () {
layer.closeAll('loading');
layer.msg('网络出现问题，请重试！');
}
});
}
</script>
<script type="text/javascript" src="/assets/js/order/index.js?v={{time()}}"></script>
@include('js')
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment