Skip to content

semour / semour_admin

Go to a project
Commit cf5217f4 by LJM
Options

订单明细

parent d92c582b
Inline Side-by-side
Showing with 297 additions and 34 deletions
public/assets/js/order/index.js 0 → 100644
layui.use(['form', 'table', 'laydate'], function () {
var $ = layui.$;
var form = layui.form;
var table = layui.table;
var order_id = $("input[name='order_id']").val();
window.IndexController = {
init: function () {
this.created(this).render(this).handleBind(this);
},
created: function () {
return this;
},
render: function () {
//列表
table.render({
elem: '#list',
url: '/api/orderList',
toolbar: '#toolbar',
method: 'GET',
where: {
order_id: order_id
},
cols: [[
{type: 'numbers', fixed: true, title: '序号', width: 60},
{field: 'goods_id', title: 'SKUID', width: 164},
{field: 'goods_name', title: '商品型号', width: 164},
{field: 'standard_brand_name', title: '标准品牌', width: 120},
{field: 'supplier_name', title: '供应商', width: 120},
{field: 'raw_goods_sn', title: '供应商物料唯一编码', width: 160},
{field: 'raw_brand_name', title: '供应商物料品牌', width: 160},
{field: 'purchase_name', title: '采购员', width: 120},
{
field: '', title: '币种', width: 80, templet(d) {
return '美元'
}
},
{
field: 'goods_price', title: '单价', width: 120, templet(d) {
return '<span>' + d.goods_price + '</span><input data-order-items-id="' + d.rec_id + '" class="hide-input input-style goods_price" value="' + d.goods_price + '"/>'
}
},
{
field: 'goods_number', title: '数量', width: 120, templet(d) {
return '<span>' + d.goods_number + '</span><input class="hide-input input-style goods_number" value="' + d.goods_number + '"/>'
}
},
{field: 'total_amount', title: '小计', width: 120},
{field: 'delivery_time', title: '货期', width: 120},
{field: 'batch', title: '批次', width: 120},
{field: 'remarks', title: '客户备注', width: 120},
{
field: 'type_cn', title: '售后类型', width: 120, templet(d) {
return '<span>' + d.type_cn + '</span><div class="hide-input"><select class="input-style return_type" lay-ignore=""><option>全部</option><option value="1">退货退款</option><option value="2">仅退款</option></select></div>'
}
},
{
field: 'return_num', title: '售后数量', width: 120, templet(d) {
return '<span>' + d.return_num + '</span><input class="hide-input input-style return_goods_number" value="' + d.return_num + '"/>'
}
},
{
field: 'return_price', title: '售后单价', width: 120, templet(d) {
return '<span>' + d.return_price + '</span><input class="hide-input input-style return_goods_price" value="' + d.return_price + '"/>'
}
},
{
field: 'return_amount', title: '售后金额', width: 120, templet(d) {
return '<span>' + d.return_amount + '</span><input class="hide-input input-style return_amount" value="' + d.return_amount + '"/>'
}
}
]],
parseData: function (res) {
$("#order_remark").val(res.data.order_remark);
$("#order_remark").next().empty().text(res.data.order_remark);
$("#order_amount").empty().text(res.data.order_amount);
$("#return_order_amount").empty().text(res.data.return_order_amount_format);
return {
code: res.code,
msg: "",
count: res.count ? res.count : 0,
data: res.data.list
}
},
page: true,
size: 'sm',
cellMinWidth: 80,
defaultToolbar: ['filter'],
limit: 15,
limits: [15, 50, 100, 200],
done: function (res, curr, count) {
layui.form.render();
}
});
//监听头工具栏事件
table.on('toolbar(list)', function (obj) {
var checkStatus = table.checkStatus(obj.config.id);
var data = checkStatus.data;
switch (obj.event) {
//修改
case 'editOrderItems':
var text = $("#editOrderItems").text();
if (text == '保存') {
var order_items = [];
$(".layui-table-main tr").each(function (index, element) {
order_items.push({
"order_items_id": $(element).find('.goods_price').attr('data-order-items-id'),
"goods_price": $(element).find('.goods_price').val(),
"goods_number": $(element).find('.goods_number').val(),
"return_type": $(element).find('.return_type').val(),
"return_goods_price": $(element).find('.return_goods_price').val(),
"return_goods_number": $(element).find('.return_goods_number').val(),
"return_amount": $(element).find('.return_amount').val()
})
});
var params = {
order_id: order_id,
order_remark: form.val('orderListForn').order_remark,
order_items: JSON.stringify(order_items)
}
Request('/api/order/editOrderItems', 'POST', params, function (res) {
if (res.code === 0) {
} else {
layer.msg(res.msg);
}
});
return false;
}
$("#editOrderItems").empty().text('保存');
$("#editOrderItems").next().show();
$("#order_remark").show().next().hide();//订单备注
$(".layui-table-main tr").each(function (index, element) {
$(element).find('.hide-input').show().prev().hide();
});
break;
//取消
case 'canel':
$("#editOrderItems").empty().text('修改');
$("#editOrderItems").next().hide();
$("#order_remark").hide().next().show();//订单备注
table.reloadData('list', {
page: {
curr: 1
}
});
break;
}
});
return this;
},
handleBind: function () {
return this;
}
}
IndexController.init();
});
\ No newline at end of file
resources/views/admin/pages/order-page.blade.php
......@@ -77,8 +77,23 @@
}
.hide-input {
width: 90%;
display: none;
}
.layui-form-label {
padding: 5px 15px;
}
.layui-input-block {
min-height: 30px;
}
.layui-form-mid {
padding: 5px 0 !important;
}
.input-style {
width: 90%;
border: 1px solid #eee;
background: transparent;
height: 22px;
......@@ -95,39 +110,64 @@
<div class="layui-inline">
<label class="layui-form-label">订单编号：</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux">{{$info['baseInfo']['order_sn']}}</div>
<div class="layui-form-mid">{{$info['baseInfo']['order_sn']}}</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">订单状态：</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux">{{$info['baseInfo']['status_cn']}}</div>
<div class="layui-form-mid">{{$info['baseInfo']['status_cn']}}</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">公司名称：</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux">{{$info['baseInfo']['company_name']}}</div>
<div class="layui-form-mid">{{$info['baseInfo']['company_name']}}</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">客户编码：</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux">{{$info['baseInfo']['user_sn']}}</div>
<div class="layui-form-mid">{{$info['baseInfo']['user_sn']}}</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">联系人：</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux">{{$info['baseInfo']['name']}}</div>
<div class="layui-form-mid">{{$info['baseInfo']['name']}}</div>
</div>
</div>
</div>
</div>
<div class="layui-card">
<div class="layui-card-header">商品信息</div>
<div class="layui-card-body" style="padding-top: 0">
<div class="layui-card-body layui-form" style="padding-top: 0" lay-filter="orderListForn">
<div id="list"></div>
<div class="row bothSide verCenter">
<div class="user-row">
<div class="layui-form-item mb0">
<label class="layui-form-label">订单备注：</label>
<div class="layui-input-block">
<input type="text" class="layui-input" placeholder="请输入备注" id="order_remark" style="display: none;" name="order_remark"/>
<div class="layui-form-mid mid-width">客户选择TT支付，这是备注........</div>
</div>
</div>
</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>
</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>
</div>
</div>
</div>
</div>
</div>
<div class="row bothSide">
......@@ -143,13 +183,13 @@
<div class="layui-inline">
<label class="layui-form-label">快递公司：</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux mid-width">德班快递</div>
<div class="layui-form-mid mid-width">德班快递</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">快递单号：</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux mid-width">SM202210120001SM202210120001</div>
<div class="layui-form-mid mid-width">SM202210120001SM202210120001</div>
</div>
</div>
</div>
......@@ -157,13 +197,13 @@
<div class="layui-inline">
<label class="layui-form-label">联系人：</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux mid-width">Michael Jordan</div>
<div class="layui-form-mid mid-width">Michael Jordan</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">公司名称：</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux mid-width">Apple inc</div>
<div class="layui-form-mid mid-width">Apple inc</div>
</div>
</div>
</div>
......@@ -171,13 +211,13 @@
<div class="layui-inline">
<label class="layui-form-label">邮箱：</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux mid-width">123456789@apple.com</div>
<div class="layui-form-mid mid-width">123456789@apple.com</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">电话：</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux mid-width">001-347-446-XXXX</div>
<div class="layui-form-mid mid-width">001-347-446-XXXX</div>
</div>
</div>
</div>
......@@ -185,13 +225,13 @@
<div class="layui-inline">
<label class="layui-form-label">国家/地区：</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux mid-width">USA</div>
<div class="layui-form-mid mid-width">USA</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">省/州：</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux mid-width">乔治亚州</div>
<div class="layui-form-mid mid-width">乔治亚州</div>
</div>
</div>
</div>
......@@ -199,20 +239,20 @@
<div class="layui-inline">
<label class="layui-form-label">城市：</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux mid-width">USA</div>
<div class="layui-form-mid mid-width">USA</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">邮编：</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux mid-width">乔治亚州</div>
<div class="layui-form-mid mid-width">乔治亚州</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 layui-word-aux">79, 105 Center Street, Queens, New York City.79, 105 Center Street, Queens, New York City</div>
<div class="layui-form-mid">79, 105 Center Street, Queens, New York City.79, 105 Center Street, Queens, New York City</div>
</div>
</div>
</div>
......@@ -230,13 +270,13 @@
<div class="layui-inline">
<label class="layui-form-label">快递公司：</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux mid-width">德班快递</div>
<div class="layui-form-mid mid-width">德班快递</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">快递单号：</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux mid-width">SM202210120001SM202210120001</div>
<div class="layui-form-mid mid-width">SM202210120001SM202210120001</div>
</div>
</div>
</div>
......@@ -244,13 +284,13 @@
<div class="layui-inline">
<label class="layui-form-label">联系人：</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux mid-width">Michael Jordan</div>
<div class="layui-form-mid mid-width">Michael Jordan</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">公司名称：</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux mid-width">Apple inc</div>
<div class="layui-form-mid mid-width">Apple inc</div>
</div>
</div>
</div>
......@@ -258,13 +298,13 @@
<div class="layui-inline">
<label class="layui-form-label">邮箱：</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux mid-width">123456789@apple.com</div>
<div class="layui-form-mid mid-width">123456789@apple.com</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">电话：</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux mid-width">001-347-446-XXXX</div>
<div class="layui-form-mid mid-width">001-347-446-XXXX</div>
</div>
</div>
</div>
......@@ -272,13 +312,13 @@
<div class="layui-inline">
<label class="layui-form-label">国家/地区：</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux mid-width">USA</div>
<div class="layui-form-mid mid-width">USA</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">省/州：</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux mid-width">乔治亚州</div>
<div class="layui-form-mid mid-width">乔治亚州</div>
</div>
</div>
</div>
......@@ -286,20 +326,20 @@
<div class="layui-inline">
<label class="layui-form-label">城市：</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux mid-width">USA</div>
<div class="layui-form-mid mid-width">USA</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">邮编：</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux mid-width">乔治亚州</div>
<div class="layui-form-mid mid-width">乔治亚州</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 layui-word-aux">79, 105 Center Street, Queens, New York City.</div>
<div class="layui-form-mid">79, 105 Center Street, Queens, New York City.</div>
</div>
</div>
</div>
......@@ -316,31 +356,31 @@
<div class="layui-form-item mb0">
<label class="layui-form-label">商品总金额：</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux">$4765.00</div>
<div class="layui-form-mid">$4765.00</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 layui-word-aux">$4765.00</div>
<div class="layui-form-mid">$4765.00</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 layui-word-aux">$4765.00</div>
<div class="layui-form-mid">$4765.00</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 layui-word-aux">$4765.00</div>
<div class="layui-form-mid">$4765.00</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 layui-word-aux" style="color:red !important;">$4765.00</div>
<div class="layui-form-mid" style="color:red !important;">$4765.00</div>
</div>
</div>
</div>
......@@ -355,6 +395,63 @@
</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