|
|
|
|
@ -6,6 +6,7 @@
|
|
|
|
|
name="viewport">
|
|
|
|
|
<title>箱壳成型数据监控平台</title>
|
|
|
|
|
<meta content="箱壳成型数据监控平台" name="description">
|
|
|
|
|
<link href="../../static/css/board/box.css" rel="stylesheet" th:href="@{/css/board/box.css}"/>
|
|
|
|
|
<link href="../../static/css/main-style.css" rel="stylesheet" th:href="@{/css/main-style.css}"/>
|
|
|
|
|
<link href="../../static/css/materialdesignicons.min.css" rel="stylesheet"
|
|
|
|
|
th:href="@{/css/materialdesignicons.min.css}"/>
|
|
|
|
|
@ -17,15 +18,7 @@
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
.mid {
|
|
|
|
|
background: url(../../static/img/mid.png) no-repeat;
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#top-right {
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 23.8%;
|
|
|
|
|
@ -356,11 +349,16 @@
|
|
|
|
|
<div id="inner-bile-by-type"></div>
|
|
|
|
|
<div id="inner-bile-by-hour"></div>
|
|
|
|
|
<div class="mid"></div>
|
|
|
|
|
<div class="occupancy" id="occupancy"></div>
|
|
|
|
|
|
|
|
|
|
<script src="../../static/js/update-split-blocks.js" th:src="@{/js/update-split-blocks.js}"></script>
|
|
|
|
|
<script src="../../static/js/auto-update.js" th:src="@{/js/auto-update.js}"></script>
|
|
|
|
|
<script src="../../static/js/data-merger.js" th:src="@{/js/data-merger.js}"></script>
|
|
|
|
|
<script>
|
|
|
|
|
const occupancy = (val1=0,val2=0) => {
|
|
|
|
|
const html = `内胆库库存占有率：${val1}%,箱壳库库存占有率${val2}%`
|
|
|
|
|
$('#occupancy').html(html)
|
|
|
|
|
}
|
|
|
|
|
const planWorkOrderColumns = [
|
|
|
|
|
"序号", "型号","计划数量", "完成数量", "完成率", "时间",
|
|
|
|
|
]
|
|
|
|
|
@ -396,11 +394,15 @@
|
|
|
|
|
const rowName1 = '内胆集存库'
|
|
|
|
|
const rowName2 = '箱壳集存库'
|
|
|
|
|
$(() => {
|
|
|
|
|
occupancy()
|
|
|
|
|
let url = '/broad/box'
|
|
|
|
|
//生产计划工单
|
|
|
|
|
autoUpdate(url+"/getProductPlanInfo ", INTERVAL, data => {
|
|
|
|
|
planWorkOrderTable.loadData(data.map((value,index) => [index+1,value.name, value.plan_number, value.actual_number, `${value.rate}%`, value.day]), Object.keys(planWorkOrderColumns))
|
|
|
|
|
})
|
|
|
|
|
autoUpdate(url+"/selectStockOccupancy ", INTERVAL, data => {
|
|
|
|
|
occupancy(data.find(val => val.name == 'S001').rate,data.find(val => val.name == 'S002').rate)
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
autoUpdate(url + '/selectStock/S001', INTERVAL, data => {
|
|
|
|
|
inventoryInfoDataMerger.merge(
|
|
|
|
|
|
夜笙歌
4 years ago
