|
|
@@ -0,0 +1,168 @@
|
|
|
+<!DOCTYPE HTML>
|
|
|
+<html>
|
|
|
+<head>
|
|
|
+ <meta charset="utf-8">
|
|
|
+ <meta name="renderer" content="webkit|ie-comp|ie-stand">
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
|
+ <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
|
|
|
+ <meta http-equiv="Cache-Control" content="no-siteapp" />
|
|
|
+ <link rel="Bookmark" href="/favicon.ico" >
|
|
|
+ <link rel="Shortcut Icon" href="/favicon.ico" />
|
|
|
+<#include "/base/add_base.ftl">
|
|
|
+ <title>出库列表</title>
|
|
|
+ <style>
|
|
|
+ .tit{position: relative;text-align: left;font-size: 16px;padding-left: 10px;}
|
|
|
+ .tit:after{content: '';position: absolute;left: 0;top: 20%;height: 60%;width: 3px;background-color: #32a3d8;}
|
|
|
+ .tit-2{position: relative;text-align: left;font-size: 16px;padding-left: 10px;}
|
|
|
+ .tit-2:after{content: '';position: absolute;left: 0;top: 20%;height: 60%;width: 3px;background-color: #32a3d8;}
|
|
|
+ #province select{margin-right:10px; width:100px;height: 31px;-webkit-appearance:none !important;appearance:none;background: url(${path}/common/images/cm/select-1.png) right center no-repeat;background-size: auto 100%;padding-left:3px;padding-right: 25px;}
|
|
|
+ .ac_results li a {white-space: nowrap;text-decoration:none;display:block;color:#05a;padding:1px 3px}
|
|
|
+ .ac_results li {border:1px solid #fff}
|
|
|
+ .ac_results li a span {float:right}
|
|
|
+ .select-box{background: url(${path}/common/images/cm/select-1.png) right center no-repeat;background-size: auto 100%;}
|
|
|
+ .select-box select{-webkit-appearance:none !important;background-color: transparent; appearance:none;padding-right: 25px;}
|
|
|
+ .dalog-ask{position: absolute;left:60%;top:0;-webkit-transform: translateY(-30%);transform: translateY(-30%);display: none;background-color: #fff;z-index: 10;}
|
|
|
+ .tag{ width:300px; min-height:300px; border:1px solid #32a3d8; position:relative;background-color: #fff;line-height: 1.5;padding: 10px 12px;}
|
|
|
+ .tag em{display:block; border-width:15px; position:absolute; top:30%; left:-30px;border-style:solid dashed dashed; border-color:transparent #32a3d8 transparent transparent;font-size:0; line-height:0;}
|
|
|
+ .time-line-list{list-style: none;width: 100%;margin-left: -20px;}
|
|
|
+ .time-line-list>li{position: relative;float: left; text-align: center;width: 100px;overflow: hidden;white-space: nowrap;word-break: break-all;padding: 2px 0;}
|
|
|
+ .time-line-list .number{display: inline-block; padding: 2px; background: #32a3d8;border: 2px solid #fff;box-shadow:0 0 0 1px #32a3d8;width: 20px;height: 20px;color: #fff;line-height: 20px;border-radius: 50%;}
|
|
|
+ .time-line-list>li:before{content:'';position: absolute;height: 1px;width: 30%;right:0;top: 15px; background-color: #32a3d8;}
|
|
|
+ .time-line-list>li:after{content: '';position: absolute;height: 1px;width: 30%;left: 0;top: 15px;background:#32a3d8;}
|
|
|
+ .time-line-list>li:first-child:after,.time-line-list>li:last-child:before{display: none;}
|
|
|
+ .time-line-list .arrow{border-width:7px; position:absolute; left:25%; top:9px;border-style:solid dashed dashed; border-color:transparent transparent transparent #32a3d8;font-size:0; line-height:0;}
|
|
|
+ .time-line-list>li:first-child .arrow{display: none;}
|
|
|
+ .table-bg th{background-color: #e2f6ff;}
|
|
|
+ .update-parts>span{margin-right: 10px;padding: 3px 4px;background-color: #effaff;border: 1px solid #32a3d8;}
|
|
|
+ .msg-phone{height: 35px;line-height: 35px;}
|
|
|
+ .col-sm-1{width: 150px;}
|
|
|
+
|
|
|
+ .all_down{text-decoration: underline;color: #00c;}
|
|
|
+
|
|
|
+ .bold{ color: #f00;font-weight: bold;}
|
|
|
+ </style>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+<nav class="breadcrumb"><i class="Hui-iconfont"></i> 首页
|
|
|
+ <span class="c-gray en">></span> 仓库管理
|
|
|
+ <span class="c-gray en">></span> 出库统计
|
|
|
+ <a class="btn radius r" style="line-height:1.6em;margin-top:3px;background: #32a3d8;color: #fff;border:1px solid #32a3d8;" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont"></i></a>
|
|
|
+</nav>
|
|
|
+
|
|
|
+<article class="page-container" style="padding: 10px;">
|
|
|
+ <div class="pd-20 cl">
|
|
|
+ <form action="" method="post" class="form form-horizontal" id="form-order-add" >
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <div class="row cl">
|
|
|
+ <label class="form-label col-3">
|
|
|
+ <div class="tit-2">今日/昨日产品发货出库统计</div>
|
|
|
+ </label>
|
|
|
+ <div class="formControls col-9">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ <div class="mt-20" style="">
|
|
|
+ <table class="table table-border table-bg table-bordered">
|
|
|
+ <tbody id="allDay">
|
|
|
+
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ <div class="row cl">
|
|
|
+ <label class="form-label col-3">
|
|
|
+ <div class="tit-2">历史产品发货出库统计</div>
|
|
|
+ </label>
|
|
|
+ <div class="formControls col-9">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ <div class="mt-20" style="">
|
|
|
+ <table class="table table-border table-bg table-bordered">
|
|
|
+ <tbody id="historyDay">
|
|
|
+
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+</article>
|
|
|
+
|
|
|
+<tfoot>
|
|
|
+</tfoot>
|
|
|
+<script>
|
|
|
+ $(function (){
|
|
|
+ getdeliver();
|
|
|
+ })
|
|
|
+
|
|
|
+ /**
|
|
|
+ * 获取出库数量
|
|
|
+ * type: 1：待发货总数 2：已出库数量
|
|
|
+ */
|
|
|
+ function getdeliver(){
|
|
|
+ loadIndex = layer.load(1, {
|
|
|
+ shade: [0.5,'#fff'] //0.1透明度的白色背景
|
|
|
+ });
|
|
|
+ $.ajax({
|
|
|
+ type:'POST',
|
|
|
+ url: '${path}/admin/await_send/getDeliverNum',
|
|
|
+ data:{},
|
|
|
+ dataType: 'json',
|
|
|
+ success:function(res) {
|
|
|
+ for(var i=0;i<res.returnMsg.allList.length;i++){
|
|
|
+ var list = res.returnMsg.allList[i].list;
|
|
|
+ var date = res.returnMsg.allList[i].date;
|
|
|
+ date = formatDate(date);
|
|
|
+ var html = ' <tr class="text-c">'
|
|
|
+ + ' <td width="10">'+ date +'</td>'
|
|
|
+ + ' <td width="100">'
|
|
|
+ + ' <table class="table table-border table-bg table-bordered">'
|
|
|
+ + ' <tbody id="">'
|
|
|
+ + ' <tr class="text-c"><td width="16">产品名称</td><td width="16">总数</td><td width="16">已打单</td><td width="16">已出库</td><td width="16">未出库</td></tr>';
|
|
|
+ if(list.length < 1 ){
|
|
|
+ html += '<tr class="text-c">'
|
|
|
+ + '<td width="16" colspan="5">暂无数据</td>'
|
|
|
+ + '</tr>';
|
|
|
+ }
|
|
|
+ for(var j=0;j<list.length;j++){
|
|
|
+ var order = list[j];
|
|
|
+ var notDeliver = parseInt(order.allNum) - parseInt(order.sendNum);
|
|
|
+ var notWait = parseInt(order.allNum) - parseInt(order.waitNum);
|
|
|
+ var style;
|
|
|
+ if(notDeliver > 0){
|
|
|
+ style = "bold";
|
|
|
+ }
|
|
|
+ if(i<2 || notDeliver > 0 || notWait > 0){
|
|
|
+ html += '<tr class="text-c">'
|
|
|
+ + '<td width="16">'+ order.productName + '('+ order.colorName +')' +'</td>'
|
|
|
+ + '<td width="16">'+ order.allNum +'</td>'
|
|
|
+ + '<td width="16" class="" >'+ order.waitNum +'</td>'
|
|
|
+ + '<td width="16" class="">'+ order.sendNum +'</td>'
|
|
|
+ + '<td width="16" class="'+ style +'">'+ notDeliver +'</td></tr>';
|
|
|
+ }
|
|
|
+ }
|
|
|
+ html += ' </tbody></table></td></tr>';
|
|
|
+ if(i == 0 || i== 1){
|
|
|
+ $("#allDay").append(html);
|
|
|
+ }else{
|
|
|
+ $("#historyDay").append(html);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ if(loadIndex != 0 ){
|
|
|
+ layer.close(loadIndex);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+</script>
|
|
|
+
|
|
|
+</body>
|
|
|
+</html>
|
