|
|
@ -88,33 +88,52 @@ |
|
|
<div class="panel-heading">数据图标 |
|
|
<div class="panel-heading">数据图标 |
|
|
</div> |
|
|
</div> |
|
|
<div class="panel-body"> |
|
|
<div class="panel-body"> |
|
|
|
|
|
<ul id="myTab" class="nav nav-tabs nav-pills"> |
|
|
|
|
|
<li class="active"> |
|
|
|
|
|
<a href="#inventoryEchart" data-toggle="tab"> |
|
|
|
|
|
库存明细图标 |
|
|
|
|
|
</a> |
|
|
|
|
|
</li> |
|
|
|
|
|
<li><a href="#applicationInEchart" data-toggle="tab">入库明细图表</a></li> |
|
|
|
|
|
<li><a href="#applicationOutEchart" data-toggle="tab">出库明细图表</a></li> |
|
|
|
|
|
|
|
|
|
|
|
</ul> |
|
|
|
|
|
<div id="myTabContent" class="tab-content"> |
|
|
|
|
|
<div class="tab-pane fade in active" id="inventoryEchart"> |
|
|
<div class="layui-col-xs4 myEchart"> |
|
|
<div class="layui-col-xs4 myEchart"> |
|
|
<div class="panel panel-warning"> |
|
|
<div class="panel panel-warning"> |
|
|
<div class="panel-heading">物料入库明细</div> |
|
|
|
|
|
<div class="panel-body"> |
|
|
<div class="panel-body"> |
|
|
<div id="echarts-line-in" style="height:500px;width: 500px;"> |
|
|
<div id="echarts-line-inventory" style="height: 500px;width: 500px"> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="tab-pane fade" id="applicationInEchart"> |
|
|
<div class="layui-col-xs4 myEchart"> |
|
|
<div class="layui-col-xs4 myEchart"> |
|
|
<div class="panel panel-warning"> |
|
|
<div class="panel panel-warning"> |
|
|
<div class="panel-heading">物料出库明细</div> |
|
|
|
|
|
<div class="panel-body"> |
|
|
<div class="panel-body"> |
|
|
<div id="echarts-line-out" style="height: 500px;width: 500px"> |
|
|
<div id="echarts-line-in" style="height:500px;width: 500px;"> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="tab-pane fade" id="applicationOutEchart"> |
|
|
<div class="layui-col-xs4 myEchart"> |
|
|
<div class="layui-col-xs4 myEchart"> |
|
|
<div class="panel panel-warning"> |
|
|
<div class="panel panel-warning"> |
|
|
<div class="panel-heading">物料库存明细</div> |
|
|
|
|
|
<div class="panel-body"> |
|
|
<div class="panel-body"> |
|
|
<div id="echarts-line-inventory" style="height: 500px;width: 500px"> |
|
|
<div id="echarts-line-out" style="height: 500px;width: 500px"> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
@ -156,6 +175,8 @@ |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
<script src="/static/lib/layui-v2.8.6/layui.js" charset="utf-8"></script> |
|
|
<script src="/static/lib/layui-v2.8.6/layui.js" charset="utf-8"></script> |
|
|
|
|
|
<script src="/static/lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script> |
|
|
|
|
|
<script src="/static/lib/bootstrap-3.4.1-dist/js/bootstrap.min.js" charset="utf-8"></script> |
|
|
<script src="/static/js/lay-config.js?v=1.0.4" charset="utf-8"></script> |
|
|
<script src="/static/js/lay-config.js?v=1.0.4" charset="utf-8"></script> |
|
|
<script src="/static/lib/echarts/echarts.js" charset="utf-8"></script> |
|
|
<script src="/static/lib/echarts/echarts.js" charset="utf-8"></script> |
|
|
<script> |
|
|
<script> |
|
|
@ -293,7 +314,7 @@ |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
// 数据行点击事件 |
|
|
// 数据行点击事件 |
|
|
table.on('row(currentTableId)', function(obj){ |
|
|
table.on('rowDouble(currentTableId)', function (obj) { |
|
|
var data = obj.data; // 获取当前行数据 |
|
|
var data = obj.data; // 获取当前行数据 |
|
|
let id = data.id; |
|
|
let id = data.id; |
|
|
let req = {}; |
|
|
let req = {}; |
|
|
@ -493,8 +514,6 @@ |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
initEchart = function (req) { |
|
|
initEchart = function (req) { |
|
|
$.ajax({ |
|
|
$.ajax({ |
|
|
url: '/depositoryRecord/getApplicationForMaterial', |
|
|
url: '/depositoryRecord/getApplicationForMaterial', |
|
|
@ -549,7 +568,6 @@ |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}); |
|
|
}); |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
|