初始上传
This commit is contained in:
94
app/shop/view/orderimportfile/detail.html
Executable file
94
app/shop/view/orderimportfile/detail.html
Executable file
@@ -0,0 +1,94 @@
|
||||
<style>
|
||||
.layui-layout-admin .table-tab .layui-tab-title{margin-bottom: 15px;}
|
||||
</style>
|
||||
|
||||
<div class="layui-collapse tips-wrap">
|
||||
<div class="layui-colla-item">
|
||||
<ul class="layui-colla-content layui-show">
|
||||
<li>文件名称：{$info.filename}</li>
|
||||
<li>导入订单数：{$info.order_num}</li>
|
||||
<li>成功数：<span style="color: green">{$info.success_num}</span> </li>
|
||||
<li>失败数：<span style="color: red">{$info.error_num}</span></li>
|
||||
<li>导入时间：{:date('Y-m-d H:i:s',$info.create_time)}</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-tab table-tab" lay-filter="file_tab">
|
||||
<ul class="layui-tab-title">
|
||||
<li class="layui-this" data-status="">全部</li>
|
||||
<li data-status="0">成功</li>
|
||||
<li data-status="-1">失败</li>
|
||||
</ul>
|
||||
<div class="layui-tab-content">
|
||||
<!-- 列表 -->
|
||||
<table id="file_list" lay-filter="file_list"></table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var table, form, element;
|
||||
layui.use(['form', 'element'], function () {
|
||||
form = layui.form;
|
||||
element = layui.element;
|
||||
form.render();
|
||||
|
||||
element.on('tab(file_tab)', function () {
|
||||
table.reload({
|
||||
page: {
|
||||
curr: 1
|
||||
},
|
||||
where: {
|
||||
'status': this.getAttribute('data-status')
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
table = new Table({
|
||||
elem: '#file_list',
|
||||
url: ns.url("shop/orderimportfile/detail"),
|
||||
where:{
|
||||
file_id:{$file_id}
|
||||
},
|
||||
cols: [
|
||||
[{
|
||||
field: 'order_no',
|
||||
title: '订单编号',
|
||||
unresize: 'false',
|
||||
width:'15%',
|
||||
templet:function(data){
|
||||
if(data.order_id){
|
||||
return '<a href="'+ns.href("shop/order/detail", {order_id:data.order_id})+'">'+data.order_no+'</a>';
|
||||
}else{
|
||||
return data.order_no;
|
||||
}
|
||||
}
|
||||
}, {
|
||||
field: 'order_name',
|
||||
title: '订单内容',
|
||||
unresize: 'false'
|
||||
}, {
|
||||
field: 'status',
|
||||
title: '状态',
|
||||
unresize: 'false',
|
||||
width:'10%',
|
||||
templet:function(data){
|
||||
if(data.status == 0){
|
||||
return '<span style="color:green">成功</span>';
|
||||
}else{
|
||||
return '<span style="color:red">失败</span>';
|
||||
}
|
||||
}
|
||||
}, {
|
||||
field:'reason',
|
||||
title: '失败原因',
|
||||
unresize: 'false',
|
||||
width:'20%'
|
||||
}]
|
||||
]
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
230
app/shop/view/orderimportfile/lists.html
Executable file
230
app/shop/view/orderimportfile/lists.html
Executable file
@@ -0,0 +1,230 @@
|
||||
<style>
|
||||
.layui-layout-admin .single-filter-box{display: block;}
|
||||
.layui-layout-admin .single-filter-box button:nth-child(1){margin-right: 10px;}
|
||||
.body-content {background: none !important;padding: 0 !important;margin: 0 !important;}
|
||||
.footer {padding-bottom: 0px !important;}
|
||||
.common-wrap {position: relative;display: flex;padding: 25px 140px;margin: 15px 15px 0 15px;background:#fff}
|
||||
.common-wrap .tips-wrap {margin: 0px 20px;min-width: 130px;background-color: #ffffff;border-color: #ffffff;border-radius: 2px;}
|
||||
.common-wrap .tips-wrap>span{display: block;width: 30px;height: 30px;line-height: 30px;text-align: center;color: var(--base-color);border-radius: 50px;border: 1px solid var(--base-color);font-size: 18px;margin: 0 auto;font-weight: bolder;margin-bottom: 15px;}
|
||||
.common-wrap .tips-wrap>p{text-align: center;}
|
||||
.common-wrap .interval-wrap{width: 300px;height: 45px;position: relative;border-bottom: 1px solid #e6e6e6;}
|
||||
.common-wrap .interval-wrap>span{display: block;position: absolute;bottom: -5px;right: 0px;width: 8px;height: 8px;border: 1px solid #e6e6e6;transform: rotateZ(45deg);border-bottom: 0px;border-left: 0px;}
|
||||
.layui-tab-brief {margin: 15px 15px 0px 15px;}
|
||||
.layui-tab.table-tab{margin: 15px 15px 0 15px;padding:15px 15px;background:#fff}
|
||||
.order-list-top-line{justify-content:flex-end;}
|
||||
.order-list-top-line a{padding-right: 0px !important;}
|
||||
</style>
|
||||
|
||||
<div class="common-wrap">
|
||||
<div class="tips-wrap">
|
||||
<span>1</span>
|
||||
<p>待发货的订单只适用于待发货的普通订单。</p>
|
||||
</div>
|
||||
<div class="interval-wrap">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="tips-wrap">
|
||||
<span>2</span>
|
||||
<p>先下载发货单和物流公司、电子面单对照表。</p>
|
||||
</div>
|
||||
<div class="interval-wrap">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="tips-wrap">
|
||||
<span>3</span>
|
||||
<p>对照物流公司和电子面单把待发货表中发货方式、物流公司、物流单号填写清楚。</p>
|
||||
</div>
|
||||
<div class="interval-wrap">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="tips-wrap">
|
||||
<span>4</span>
|
||||
<p>导入填写好的发货单。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-tab table-tab" lay-filter="solution_tab">
|
||||
<div class="single-filter-box">
|
||||
<button class="layui-btn" id="order_file">立即导入</button>
|
||||
<button class="layui-btn layui-btn-primary" onclick="downloadOrder()">下载待发货订单</button>
|
||||
<button class="layui-btn layui-btn-primary" onclick="downloadExpressTemplate()">{if $addon_is_exit == 1}下载物流公司/电子面单对照表 {else/} 下载物流公司对照表 {/if}</button>
|
||||
</div>
|
||||
<div class="layui-tab-content">
|
||||
<table id="solution_list" lay-filter="solution_list"></table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 操作 -->
|
||||
<script type="text/html" id="operation">
|
||||
<div class="table-btn order-list-top-line">
|
||||
<a class="layui-btn" lay-event="download">下载</a>
|
||||
<a class="layui-btn" lay-event="detail">详情</a>
|
||||
<a class="layui-btn" lay-event="delete">删除</a>
|
||||
</div>
|
||||
</script>
|
||||
|
||||
<script>
|
||||
var table, form, element, repeat_flag = false;// 防重复标识
|
||||
layui.use(['form', 'element'], function () {
|
||||
form = layui.form;
|
||||
element = layui.element;
|
||||
form.render();
|
||||
|
||||
element.on('tab(solution_tab)', function () {
|
||||
table.reload({
|
||||
page: {
|
||||
curr: 1
|
||||
},
|
||||
where: {
|
||||
'status': this.getAttribute('data-status')
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
//允许上传的文件后缀
|
||||
var upload = new Upload({
|
||||
elem: '#order_file',
|
||||
url: ns.url("shop/upload/file"),
|
||||
accept:'file',
|
||||
acceptMime: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
|
||||
exts: 'xlsx',
|
||||
callback:function (res) {
|
||||
if (res.code >= 0) {
|
||||
$.ajax({
|
||||
url: ns.url("shop/orderimportfile/importOrder"),
|
||||
data: {
|
||||
filename: res.data.name,
|
||||
path:res.data.path
|
||||
},
|
||||
dataType: 'JSON',
|
||||
type: 'POST',
|
||||
success: function (res) {
|
||||
layer.msg(res.message);
|
||||
repeat_flag = false;
|
||||
if (res.code == 0) table.reload();
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
table = new Table({
|
||||
elem: '#solution_list',
|
||||
url: ns.url("shop/orderimportfile/lists"),
|
||||
cols: [
|
||||
[{
|
||||
field: 'filename',
|
||||
title: '记录编号',
|
||||
unresize: 'false',
|
||||
width:'25%'
|
||||
}, {
|
||||
field: 'username',
|
||||
title: '操作人',
|
||||
unresize: 'false'
|
||||
}, {
|
||||
title: '操作时间',
|
||||
unresize: 'false',
|
||||
templet: function (data) {
|
||||
return ns.time_to_date(data.create_time);
|
||||
}
|
||||
},{
|
||||
field: 'order_num',
|
||||
title: '发货订单数',
|
||||
unresize: 'false'
|
||||
}, {
|
||||
field: 'success_num',
|
||||
title: '成功发货数',
|
||||
unresize: 'false'
|
||||
}, {
|
||||
field: 'error_num',
|
||||
title: '失败发货数',
|
||||
unresize: 'false'
|
||||
}, {
|
||||
title: '操作',
|
||||
toolbar:'#operation',
|
||||
unresize:'false',
|
||||
align:'right'
|
||||
}]
|
||||
]
|
||||
|
||||
});
|
||||
|
||||
/**
|
||||
* 监听工具栏操作
|
||||
*/
|
||||
table.tool(function (obj) {
|
||||
var data = obj.data;
|
||||
switch (obj.event) {
|
||||
case 'detail':
|
||||
orderImportFileLog(data.id);
|
||||
break;
|
||||
case 'delete': //删除
|
||||
deleteOrderImportFile(data.id);
|
||||
break;
|
||||
case 'download':
|
||||
location.href = ns.img(data.path);
|
||||
}
|
||||
});
|
||||
|
||||
/**
|
||||
* 搜索功能
|
||||
*/
|
||||
form.on('submit(search)', function (data) {
|
||||
table.reload({
|
||||
page: {
|
||||
curr: 1
|
||||
},
|
||||
where: data.field
|
||||
});
|
||||
});
|
||||
|
||||
/**
|
||||
* 删除
|
||||
*/
|
||||
function deleteOrderImportFile(id) {
|
||||
if (repeat_flag) return false;
|
||||
repeat_flag = true;
|
||||
|
||||
layer.confirm('确定要删除吗?', function (index) {
|
||||
layer.close(index);
|
||||
$.ajax({
|
||||
url: ns.url("shop/orderimportfile/delete"),
|
||||
data: {
|
||||
id: id
|
||||
},
|
||||
dataType: 'JSON',
|
||||
type: 'POST',
|
||||
success: function (res) {
|
||||
layer.msg(res.message);
|
||||
repeat_flag = false;
|
||||
if (res.code == 0) table.reload();
|
||||
}
|
||||
});
|
||||
}, function () {
|
||||
layer.close();
|
||||
repeat_flag = false;
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* 绑定会员
|
||||
*/
|
||||
function orderImportFileLog(id)
|
||||
{
|
||||
location.hash = ns.hash("shop/orderimportfile/detail",{'file_id' : id});
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
//下载待发货订单
|
||||
function downloadOrder()
|
||||
{
|
||||
location.href = ns.url("shop/orderimportfile/exportDeliveryOrder",{ request_mode: 'download' });
|
||||
}
|
||||
//下载对照表
|
||||
function downloadExpressTemplate()
|
||||
{
|
||||
location.href = ns.url("shop/orderimportfile/exportExpressTemplate",{ request_mode: 'download' });
|
||||
}
|
||||
|
||||
</script>
|
||||
Reference in New Issue
Block a user