<!DOCTYPE html>
|
<html>
|
|
<head>
|
<meta charset="utf-8">
|
<title>平库图例</title>
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport"
|
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
<link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
|
<link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
|
<style type="text/css">
|
html,
|
body {
|
height: 100%;
|
width: 100%;
|
}
|
.layouts {
|
display: flex;
|
}
|
|
/* ******************************************** */
|
|
#tab {
|
border-collapse: separate;
|
border-spacing: 2;
|
padding: 3px;
|
}
|
|
table td {
|
border: 3px solid white;
|
}
|
|
.btncls {
|
width: 30px;
|
height: 40px;
|
line-height: 20px;
|
}
|
|
.divcls {
|
box-shadow: 2px 2px 1px #888888;
|
border-radius: 2px;
|
}
|
|
.textSty {
|
color: black;
|
text-align: center;
|
word-break: break-all;
|
word-wrap: break-word;
|
}
|
|
.zero {
|
background-color: #5470c6;
|
Opacity: .8;
|
}
|
|
.one {
|
background-color: #91cc75;
|
Opacity: .8;
|
}
|
|
.two {
|
background-color: #ffdc60;
|
}
|
|
.three {
|
background-color: #ee6666;
|
Opacity: .8;
|
}
|
|
.four {
|
background-color: #ffff7f;
|
Opacity: .8;
|
}
|
|
.five {
|
background-color: #ee23ee;
|
Opacity: .8;
|
}
|
|
.filg {
|
background-color: #808080;
|
Opacity: .8;
|
}
|
|
|
.divOneS {
|
width: 25%;
|
height: 100%;
|
}
|
.divThreeS {
|
width: 33.3%;
|
height: 100%;
|
}
|
|
.divOneX {
|
width: 33.3%;
|
height: 100%;
|
}
|
.divThreeX {
|
width: 50%;
|
height: 100%;
|
}
|
|
.btnShow {
|
width: 25px;
|
height: 20px;
|
|
}
|
.btnShow1 {
|
width: 20px;
|
height: 15px;
|
}
|
.btnShow2 {
|
width: 20px;
|
height: 15px;
|
}
|
.container {
|
position: relative; /* 相对定位 */
|
top: 50%; /* 向上移动自身高度的一半 */
|
left: 50%; /* 向左移动自身宽度的一半 */
|
transform: translate(-50%, -50%); /* 通过translate函数进行微调,使其完全居中 */
|
}
|
.solidDiv{
|
border: 1px solid black;
|
}
|
.flesDiv{
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
}
|
.showDiv{
|
display: block;
|
}
|
.hideDiv{
|
display: none;
|
}
|
.zuoyouDiv{
|
display: flex;
|
justify-content: space-between;
|
}
|
</style>
|
</head>
|
|
<body>
|
<div class="layui-fluid" style="height: 96%;width: 99%;">
|
<div class=" layui-col-space15" style="width: auto;height: 100%;">
|
<!-- 顶-->
|
<div class="" style="width: auto;height: 10%;">
|
<div class="layui-card" style="width: auto;height: 100%;">
|
<div class="layui-card-body">
|
<div class="layui-form layui-card-header layuiadmin-card-header-auto">
|
<div class="layui-form-item">
|
<!-- <div class="layui-inline">
|
<label class="layui-form-label" style="width: 60px;">所属仓库</label>
|
<div class="layui-input-inline">
|
<select name="WareHouseNo" id="WareHouseNo" lay-filter="getWareHouseNo" lay-search>
|
<option value=""></option>
|
</select>
|
</div>
|
</div> -->
|
<div class="layui-inline">
|
<label class="layui-form-label">楼层</label>
|
<div class="layui-input-inline">
|
<select name="Row" id="Row" lay-filter="SelectRow">
|
<option value="4" >四楼</option>
|
<option value="3" selected>三楼</option>
|
</select>
|
</div>
|
</div>
|
|
<div class="layui-inline">
|
<!-- 储位图例 -->
|
<table style="margin:0 auto;">
|
<tr>
|
<td><button class="btnShow2 five" disabled></button></td>
|
<td>移出中</td>
|
<td><button class="btnShow2 four" disabled></button></td>
|
<td>移入中</td>
|
<td><button class="btnShow2 three" disabled></button></td>
|
<td>出库中</td>
|
<td><button class="btnShow2 two" disabled></button></td>
|
<td>入库中</td>
|
<td><button class="btnShow2 one" disabled></button></td>
|
<td>有物品</td>
|
<td><button class="btnShow2 zero" disabled></button></td>
|
<td>空库位</td>
|
<td><button class="btnShow2 filg" disabled></button></td>
|
<td>损坏\屏蔽</td>
|
</tr>
|
</table>
|
</div>
|
|
<!-- //定时自刷新库位图例 -->
|
<div class="layui-inline" style="float: right;">
|
<label class="layui-form-label" style="margin-top: 10px;">自动刷新</label>
|
<div class="layui-input-inline" style="width: auto;">
|
<input type="checkbox" checked="" id="autoRefresh" lay-skin="switch" lay-filter="switchTest" lay-text="开|关">
|
</div>
|
</div>
|
|
</div>
|
</div>
|
|
</div>
|
</div>
|
</div>
|
<!-- 四楼 -->
|
<div id="4Lou" class="layui-card zuoyouDiv" style="height: 88%; " >
|
<!-- 左 -->
|
<div class="" style=" width: 20%;height: 100%;">
|
<!-- 粉筛间1 -->
|
<div class="solidDiv" style="height: 18%;margin-bottom: 1%">
|
<p>粉筛间1</p>
|
<div id="C22" class="flesDiv" style="height:85%;">
|
<button id="C2200101" value="C2200101" class="btnShow " ></button>
|
</div>
|
</div>
|
<!-- 粉筛间2 -->
|
<div class="solidDiv" style="height: 18%; margin-bottom: 15%;">
|
<p>粉筛间2</p>
|
<div id="C23" class="flesDiv" style="height:85%;" >
|
<button id="C2300101" value="C2300101" class="btnShow " ></button>
|
</div>
|
</div>
|
<!-- 预混间1 -->
|
<div class="solidDiv" style="height: 18%;margin-bottom: 1%">
|
<p> 预混间区1</p>
|
<div id="C05" class="flesDiv" style="height:85%;">
|
<button id="C0500101" value="C0500101" class="btnShow" ></button>
|
</div>
|
</div>
|
<!-- 预混间2 -->
|
<div class="solidDiv" style="height: 18%;margin-bottom: 1%">
|
<p> 预混间区2</p>
|
<div id="C06" class="flesDiv" style="height:85%;">
|
<button id="C0600101" value="C0600101" class="btnShow " ></button>
|
</div>
|
</div>
|
<!-- 预混间3 -->
|
<div class="solidDiv" style="height: 18%;margin-bottom: 1%">
|
<p> 预混间区3</p>
|
<div id="C07" class="flesDiv" style="height:85%;">
|
<button id="C0700101" value="C0700101" class="btnShow " ></button>
|
</div>
|
</div>
|
</div>
|
<!-- 右 -->
|
<div style="width: 78%;height: 100%;">
|
<!-- 上-->
|
<div style="margin-bottom: 1%; height: 29%; display: flex; justify-content: space-between;">
|
<!-- 一步制粒1-->
|
<div class="solidDiv" style="width: 33%; height: 100%;">
|
<p>一步制粒1</p>
|
<div id="C10" class="flesDiv" style="height:85%; justify-content: space-around;">
|
<button id="C1000101" value="C1000101" class="btnShow " ></button>
|
|
<button id="C1000201" value="C1000201" class="btnShow " ></button>
|
</div>
|
</div>
|
|
<!-- 一步制粒2 -->
|
<div class="solidDiv" style="width: 33%; height: 100%;">
|
<p>一步制粒2</p>
|
<div id="C12" style="display: flex; height: 85%;" >
|
<div class="flesDiv" style="width: 50%;height: 100%;">
|
<table class="" >
|
<tr>
|
<td><button id="C1200401" value="C1200401" class="btnShow " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C1200501" value="C1200501" class="btnShow " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C1200601" value="C1200601" class="btnShow " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C1200701" value="C1200701" class="btnShow " ></button></td>
|
</tr>
|
</table>
|
</div>
|
<div class="flesDiv" style="width: 50%;height: 100%;">
|
<table class="">
|
<tr>
|
<td><button id="C1200101" value="C1200101" class="btnShow " ></button></td>
|
<td><button id="C1200102" value="C1200102" class="btnShow " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C1200201" value="C1200201" class="btnShow " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C1200301" value="C1200301" class="btnShow " ></button></td>
|
</tr>
|
</table>
|
</div>
|
</div>
|
</div>
|
|
<!-- 一步制粒3 -->
|
<div class="solidDiv" style="width: 33%; height: 100%;">
|
<p >一步制粒3</p>
|
<div id="C14" style="display: flex; height: 85%;" >
|
<div class="flesDiv" style="width: 50%;height: 100%;">
|
<table class="">
|
<tr>
|
<td><button id="C1400101" value="C1400101" class="btnShow " ></button></td>
|
|
</tr>
|
<tr>
|
<td><button id="C1400201" value="C1400201" class="btnShow " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C1400301" value="C1400301" class="btnShow " ></button></td>
|
</tr>
|
</table>
|
</div>
|
<div class="flesDiv" style="width: 50%;height: 100%;">
|
<table class="" >
|
<tr>
|
<td><button id="C1400401" value="C1400401" class="btnShow " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C1400501" value="C1400501" class="btnShow " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C1400601" value="C1400601" class="btnShow " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C1400701" value="C1400701" class="btnShow " ></button></td>
|
</tr>
|
</table>
|
</div>
|
</div>
|
</div>
|
</div>
|
<!-- 中 -->
|
<div style="margin-bottom: 1%; height: 39%; display: flex; justify-content: space-between;">
|
<!-- 中间站 -->
|
<div class="solidDiv" style="width: 59%; height: 100%;">
|
<p>中间站</p>
|
<div id="C01" style="display: flex; height: 85%;" >
|
<div class="flesDiv" style="width: 35%;height: 100%;">
|
<table class="">
|
<tr>
|
<td><button id="C0100101" value="C0100101" class="btnShow " ></button></td>
|
<td><button id="C0100102" value="C0100102" class="btnShow " ></button></td>
|
<td><button id="C0100103" value="C0100103" class="btnShow " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C0100201" value="C0100201" class="btnShow " ></button></td>
|
<td><button id="C0100202" value="C0100202" class="btnShow " ></button></td>
|
<td><button id="C0100203" value="C0100203" class="btnShow " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C0100301" value="C0100301" class="btnShow " ></button></td>
|
<td><button id="C0100302" value="C0100302" class="btnShow " ></button></td>
|
<td><button id="C0100303" value="C0100303" class="btnShow " ></button></td>
|
</tr>
|
<tr>
|
<td style="height: 20px;"></td>
|
</tr>
|
<tr>
|
<td><button id="C0100401" value="C0100401" class="btnShow " ></button></td>
|
<td><button id="C0100402" value="C0100402" class="btnShow " ></button></td>
|
<td><button id="C0100403" value="C0100403" class="btnShow " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C0100501" value="C0100501" class="btnShow " ></button></td>
|
<td><button id="C0100502" value="C0100502" class="btnShow " ></button></td>
|
<td><button id="C0100503" value="C0100503" class="btnShow " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C0100601" value="C0100601" class="btnShow " ></button></td>
|
<td><button id="C0100602" value="C0100602" class="btnShow " ></button></td>
|
<td><button id="C0100603" value="C0100603" class="btnShow " ></button></td>
|
</tr>
|
</table>
|
</div>
|
<div class="flesDiv" style="width: 30%;height: 100%;">
|
<table class="" >
|
<tr>
|
<td><button id="C0100701" value="C0100701" class="btnShow " ></button></td>
|
<td><button id="C0100702" value="C0100702" class="btnShow " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C0100801" value="C0100801" class="btnShow " ></button></td>
|
<td><button id="C0100802" value="C0100802" class="btnShow " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C0100901" value="C0100901" class="btnShow " ></button></td>
|
<td><button id="C0100902" value="C0100902" class="btnShow " ></button></td>
|
</tr>
|
<tr>
|
<td style="height: 20px;"></td>
|
</tr>
|
<tr>
|
<td><button id="C0101001" value="C0101001" class="btnShow " ></button></td>
|
<td><button id="C0101002" value="C0101002" class="btnShow " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C0101101" value="C0101101" class="btnShow " ></button></td>
|
<td><button id="C0101102" value="C0101102" class="btnShow " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C0101201" value="C0101201" class="btnShow " ></button></td>
|
<td><button id="C0101202" value="C0101202" class="btnShow " ></button></td>
|
</tr>
|
</table>
|
</div>
|
<div class="flesDiv" style="width: 35%;height: 100%;">
|
<table>
|
<tr>
|
<td><button id="C0101301" value="C0101301" class="btnShow " ></button></td>
|
<td><button id="C0101302" value="C0101302" class="btnShow " ></button></td>
|
<td><button id="C0101303" value="C0101303" class="btnShow " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C0101401" value="C0101401" class="btnShow " ></button></td>
|
<td><button id="C0101402" value="C0101402" class="btnShow " ></button></td>
|
<td><button id="C0101403" value="C0101403" class="btnShow " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C0101501" value="C0101501" class="btnShow " ></button></td>
|
<td><button id="C0101502" value="C0101502" class="btnShow " ></button></td>
|
<td><button id="C0101503" value="C0101503" class="btnShow " ></button></td>
|
</tr>
|
<tr>
|
<td style="height: 20px;"></td>
|
</tr>
|
<tr>
|
<td><button id="C0101601" value="C0101601" class="btnShow " ></button></td>
|
<td><button id="C0101602" value="C0101602" class="btnShow " ></button></td>
|
<td><button id="C0101603" value="C0101603" class="btnShow " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C0101701" value="C0101701" class="btnShow " ></button></td>
|
<td><button id="C0101702" value="C0101702" class="btnShow " ></button></td>
|
<td><button id="C0101703" value="C0101703" class="btnShow " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C0101801" value="C0101801" class="btnShow " ></button></td>
|
<td><button id="C0101802" value="C0101802" class="btnShow " ></button></td>
|
<td><button id="C0101803" value="C0101803" class="btnShow " ></button></td>
|
</tr>
|
</table>
|
</div>
|
</div>
|
</div>
|
<!-- 总混间1 -->
|
<div class="solidDiv" style="width: 19%; height: 100%;">
|
<p>总混间1</p>
|
<div id="C14" style="display: flex; height: 85%;" >
|
<div class="flesDiv" style="width: 50%;height: 100%;">
|
<table class="">
|
<tr>
|
<td><button id="C1800101" value="C1800101" class="btnShow " ></button></td>
|
|
</tr>
|
<tr>
|
<td><button id="C1800201" value="C1800201" class="btnShow " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C1800301" value="C1800301" class="btnShow " ></button></td>
|
</tr>
|
</table>
|
</div>
|
<div class="flesDiv" style="width: 50%;height: 100%;">
|
<table class="" >
|
|
<tr>
|
<td><button id="C1800501" value="C1800501" class="btnShow " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C1800601" value="C1800601" class="btnShow " ></button></td>
|
</tr>
|
</table>
|
</div>
|
</div>
|
</div>
|
<!-- 总混间2 -->
|
<div class="solidDiv" style="width: 19%; height: 100%;">
|
<p>总混间2</p>
|
<div id="C20" class="flesDiv" style="display: flex; height: 85%;" >
|
<table class="">
|
<tr>
|
<td><button id="C2000101" value="C2000101" class="btnShow " ></button></td>
|
<td><button id="C2000102" value="C2000102" class="btnShow " ></button></td>
|
|
</tr>
|
<tr>
|
<td><button id="C2000201" value="C2000201" class="btnShow " ></button></td>
|
<td><button id="C2000202" value="C2000202" class="btnShow " ></button></td>
|
|
</tr>
|
|
</table>
|
</div>
|
</div>
|
</div>
|
<!-- 下 -->
|
<div style=" height: 28%; display: flex; justify-content: space-between;">
|
<div style="width: 40%; height: 100%;">
|
<div style="display: flex; height: 50%;">
|
<div class="solidDiv" style="width: 50%;height: 100%;">
|
<p>预混间4</p>
|
<div id="C08" class="flesDiv" style="height:85%; justify-content: space-around;">
|
<button id="C0800101" value="C0800101" class="btnShow " ></button>
|
</div>
|
</div>
|
<div class="solidDiv" style="width: 50%; height: 100%;">
|
<p>预混间5</p>
|
<div id="C09" class="flesDiv" style="height:85%; justify-content: space-around;">
|
<button id="C0900101" value="C0900101" class="btnShow " ></button>
|
</div>
|
</div>
|
</div>
|
<!-- 干法制粒-->
|
<div class="solidDiv" style="height: 50%;">
|
<p>干法制粒</p>
|
<div id="C17" class="flesDiv" style="height:85%; justify-content: space-around;">
|
<button id="C1700101" value="C1700101" class="btnShow " ></button>
|
</div>
|
</div>
|
|
</div>
|
<!-- 湿法制粒3-->
|
<div class="solidDiv" style="width: 19%; height: 100%;">
|
<p>湿法制粒3</p>
|
<div id="C16" class="flesDiv" style="height:85%; justify-content: space-around;">
|
<button id="C1600101" value="C1700101" class="btnShow " ></button>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
<!-- 三楼 -->
|
<div id="3Lou" class="layui-card zuoyouDiv" style="height: 88%; " >
|
<!-- 左 -->
|
<div class="" style=" width: 20%;height: 100%;">
|
<!-- 包衣间 -->
|
<div class="solidDiv" style="height: 12%; margin-bottom: 2%;">
|
<p>包衣间</p>
|
<div id="C23" class="flesDiv" style="height:75%;" >
|
<button id="C4200101" value="C4200101" class="btnShow " ></button>
|
</div>
|
</div>
|
<!-- 压片间1 -->
|
<div class="solidDiv" style="height: 12%;">
|
<p>压片间1</p>
|
<div id="C28" style="height:75%; display: flex; justify-content: space-around;">
|
<div class="flesDiv">
|
<button id="C2800301" value="C2800301" class="btnShow" ></button>
|
</div>
|
<div class="flesDiv">
|
<table class="">
|
<tr>
|
<td><button id="C2800101" value="C2800101" class="btnShow " ></button></td>
|
|
</tr>
|
<tr>
|
<td><button id="C2800201" value="C2800201" class="btnShow " ></button></td>
|
</tr>
|
</table>
|
</div>
|
</div>
|
</div>
|
<!-- 压片间2 -->
|
<div class="solidDiv" style="height: 12%;">
|
<p> 压片间2</p>
|
<div id="C29" style="height:75%; display: flex; justify-content: space-around;">
|
<div class="flesDiv">
|
<button id="C2900301" value="C2900301" class="btnShow" ></button>
|
</div>
|
<div class="flesDiv">
|
<table class="">
|
<tr>
|
<td><button id="C2900101" value="C2900101" class="btnShow " ></button></td>
|
|
</tr>
|
<tr>
|
<td><button id="C2900201" value="C2900201" class="btnShow " ></button></td>
|
</tr>
|
</table>
|
</div>
|
</div>
|
</div>
|
<!-- 压片间3 -->
|
<div class="solidDiv" style="height: 12%;">
|
<p> 压片间3</p>
|
<div id="C30" style="height:75%; display: flex; justify-content: space-around;">
|
<div class="flesDiv">
|
<button id="C3000301" value="C3000301" class="btnShow" ></button>
|
</div>
|
<div class="flesDiv">
|
<table class="">
|
<tr>
|
<td><button id="C3000101" value="C3000101" class="btnShow " ></button></td>
|
|
</tr>
|
<tr>
|
<td><button id="C3000201" value="C3000201" class="btnShow " ></button></td>
|
</tr>
|
</table>
|
</div>
|
</div>
|
</div>
|
<!-- 填充间1 -->
|
<div class="solidDiv" style="height: 12%;">
|
<p> 填充间1</p>
|
<div id="C34" style="height:75%; display: flex; justify-content: space-around;">
|
<div class="flesDiv">
|
<button id="C3400301" value="C3400301" class="btnShow" ></button>
|
</div>
|
<div class="flesDiv">
|
<table class="">
|
<tr>
|
<td><button id="C3400101" value="C3400101" class="btnShow " ></button></td>
|
|
</tr>
|
<tr>
|
<td><button id="C3400201" value="C3400201" class="btnShow " ></button></td>
|
</tr>
|
</table>
|
</div>
|
</div>
|
</div>
|
<!-- 填充间2-->
|
<div class="solidDiv" style="height: 12%;">
|
<p> 填充间2</p>
|
<div id="C35" style="height:75%; display: flex; justify-content: space-around;">
|
<div class="flesDiv">
|
<button id="C3500301" value="C3500301" class="btnShow" ></button>
|
</div>
|
<div class="flesDiv">
|
<table class="">
|
<tr>
|
<td><button id="C3500101" value="C3500101" class="btnShow " ></button></td>
|
|
</tr>
|
<tr>
|
<td><button id="C3500201" value="C3500201" class="btnShow " ></button></td>
|
</tr>
|
</table>
|
</div>
|
</div>
|
</div>
|
<!-- 填充间3 -->
|
<div class="solidDiv" style="height: 12%;">
|
<p> 填充间3</p>
|
<div id="C36" style="height:75%; display: flex; justify-content: space-around;">
|
<div class="flesDiv">
|
<button id="C3600301" value="C3600301" class="btnShow" ></button>
|
</div>
|
<div class="flesDiv">
|
<table class="">
|
<tr>
|
<td><button id="C3600101" value="C3600101" class="btnShow " ></button></td>
|
|
</tr>
|
<tr>
|
<td><button id="C3600201" value="C3600201" class="btnShow " ></button></td>
|
</tr>
|
</table>
|
</div>
|
</div>
|
</div>
|
<!-- 填充间4 -->
|
<div class="solidDiv" style="height: 12%;">
|
<p> 填充间4</p>
|
<div id="C37" style="height:75%; display: flex; justify-content: space-around;">
|
<div class="flesDiv">
|
<button id="C3700301" value="C3700301" class="btnShow" ></button>
|
</div>
|
<div class="flesDiv">
|
<table class="">
|
<tr>
|
<td><button id="C3700101" value="C3700101" class="btnShow " ></button></td>
|
|
</tr>
|
<tr>
|
<td><button id="C3700201" value="C3700201" class="btnShow " ></button></td>
|
</tr>
|
</table>
|
</div>
|
</div>
|
</div>
|
</div>
|
<!-- 右 -->
|
<div style="width: 78%;height: 100%;">
|
<!-- 上 -->
|
<div style="margin-bottom: 2%; height: 19%; display: flex; justify-content: space-between;">
|
<!-- 投料区1-->
|
<div class="solidDiv" style="width: 9%; height: 100%;">
|
<p>投料区1</p>
|
<div id="C43" class="flesDiv" style="height:85%; justify-content: space-around;">
|
<table class="">
|
<tr>
|
<td class="btnShow"></td>
|
<td><button id="C4300202" value="C4300202" class="btnShow " ></button></td>
|
<td><button id="C4300302" value="C4300302" class="btnShow " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C4300101" value="C4300101" class="btnShow " ></button></td>
|
<td><button id="C4300201" value="C4300201" class="btnShow " ></button></td>
|
<td><button id="C4300301" value="C4300301" class="btnShow " ></button></td>
|
</tr>
|
|
</table>
|
</div>
|
</div>
|
<!-- 投料区2 -->
|
<div class="solidDiv" style="width: 9%; height: 100%;">
|
<p>投料区2</p>
|
<div id="C44" class="flesDiv" style="height:85%; justify-content: space-around;">
|
<table class="">
|
<tr>
|
<td><button id="C4400102" value="C4400102" class="btnShow " ></button></td>
|
<td><button id="C4400202" value="C4400202" class="btnShow " ></button></td>
|
<td><button id="C4400302" value="C4400302" class="btnShow " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C4400101" value="C4400201" class="btnShow " ></button></td>
|
<td><button id="C4400201" value="C4400201" class="btnShow " ></button></td>
|
<td><button id="C4400301" value="C4400301" class="btnShow " ></button></td>
|
</tr>
|
|
</table>
|
</div>
|
</div>
|
<!-- 投料区3 -->
|
<div class="solidDiv" style="width: 9%; height: 100%;">
|
<p>投料区3</p>
|
<div id="C45" class="flesDiv" style="height:85%; justify-content: space-around;">
|
<table class="">
|
<tr>
|
<td><button id="C4500102" value="C4500102" class="btnShow " ></button></td>
|
<td><button id="C4500202" value="C4500202" class="btnShow " ></button></td>
|
<td><button id="C4500302" value="C4500302" class="btnShow " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C4500101" value="C4500101" class="btnShow " ></button></td>
|
<td><button id="C4500201" value="C4500201" class="btnShow " ></button></td>
|
<td><button id="C4500301" value="C4500301" class="btnShow " ></button></td>
|
</tr>
|
|
</table>
|
</div>
|
</div>
|
<!-- 投料区4 -->
|
<div class="solidDiv" style="width: 9%; height: 100%;">
|
<p>投料区4</p>
|
<div id="C46" class="flesDiv" style="height:85%; justify-content: space-around;">
|
<table class="">
|
<tr>
|
<td><button id="C4600102" value="C4600102" class="btnShow " ></button></td>
|
<td><button id="C4600202" value="C4600202" class="btnShow " ></button></td>
|
<td><button id="C4600302" value="C4600302" class="btnShow " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C4600101" value="C4600101" class="btnShow " ></button></td>
|
<td><button id="C4600201" value="C4600201" class="btnShow " ></button></td>
|
<td><button id="C4600301" value="C4600301" class="btnShow " ></button></td>
|
</tr>
|
|
</table>
|
</div>
|
</div>
|
<!-- 投料区5 -->
|
<div class="solidDiv" style="width: 9%; height: 100%;">
|
<p>投料区5</p>
|
<div id="C47" class="flesDiv" style="height:85%; justify-content: space-around;">
|
<table class="">
|
<tr>
|
<td><button id="C4700104" value="C4700104" class="btnShow " ></button></td>
|
<td><button id="C4700204" value="C4700204" class="btnShow " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C4700103" value="C4700103" class="btnShow " ></button></td>
|
<td><button id="C4700203" value="C4700203" class="btnShow " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C4700102" value="C4700102" class="btnShow " ></button></td>
|
<td><button id="C4700202" value="C4700202" class="btnShow " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C4700101" value="C4700101" class="btnShow " ></button></td>
|
<td><button id="C4700201" value="C4700201" class="btnShow " ></button></td>
|
</tr>
|
</table>
|
</div>
|
</div>
|
<!-- 投料区6 -->
|
<div class="solidDiv" style="width: 9%; height: 100%;">
|
<p>投料区6</p>
|
<div id="C48" class="flesDiv" style="height:85%; justify-content: space-around;">
|
<table class="">
|
<tr>
|
<td><button id="C4800102" value="C4800102" class="btnShow " ></button></td>
|
<td><button id="C4800202" value="C4800202" class="btnShow " ></button></td>
|
<td><button id="C4800302" value="C4800302" class="btnShow " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C4800101" value="C4800101" class="btnShow " ></button></td>
|
<td><button id="C4800201" value="C4800201" class="btnShow " ></button></td>
|
<td><button id="C4800301" value="C4800301" class="btnShow " ></button></td>
|
</tr>
|
|
</table>
|
</div>
|
</div>
|
<!-- 投料区7 -->
|
<div class="solidDiv" style="width: 9%; height: 100%;">
|
<p>投料区7</p>
|
<div id="C49" class="flesDiv" style="height:85%; justify-content: space-around;">
|
<table class="">
|
<tr>
|
<td><button id="C4900102" value="C4900102" class="btnShow " ></button></td>
|
<td><button id="C4900202" value="C4900202" class="btnShow " ></button></td>
|
<td><button id="C4900302" value="C4900302" class="btnShow " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C4900101" value="C4900101" class="btnShow " ></button></td>
|
<td><button id="C4900201" value="C4900201" class="btnShow " ></button></td>
|
<td><button id="C4900301" value="C4900301" class="btnShow " ></button></td>
|
</tr>
|
|
</table>
|
</div>
|
</div>
|
<!-- 投料区8 -->
|
<div class="solidDiv" style="width: 9%; height: 100%;">
|
<p>投料区8</p>
|
<div id="C50" class="flesDiv" style="height:85%; justify-content: space-around;">
|
<table class="">
|
<tr>
|
<td><button id="C5000102" value="C5000102" class="btnShow " ></button></td>
|
<td><button id="C5000202" value="C5000202" class="btnShow " ></button></td>
|
<td><button id="C5000302" value="C5000302" class="btnShow " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C5000101" value="C5000101" class="btnShow " ></button></td>
|
<td><button id="C5000201" value="C5000201" class="btnShow " ></button></td>
|
<td><button id="C5000301" value="C5000301" class="btnShow " ></button></td>
|
</tr>
|
|
</table>
|
</div>
|
</div>
|
<!-- 投料区9 -->
|
<div class="solidDiv" style="width: 18%; height: 100%;">
|
<p>投料区9</p>
|
<div id="C51" class="flesDiv" style="height:85%; justify-content: space-around;">
|
<table class="">
|
<tr>
|
<td><button id="C5100102" value="C5100102" class="btnShow " ></button></td>
|
<td><button id="C5100202" value="C5100202" class="btnShow " ></button></td>
|
<td><button id="C5100302" value="C5100302" class="btnShow " ></button></td>
|
<td><button id="C5100402" value="C5100402" class="btnShow " ></button></td>
|
<td><button id="C5100502" value="C5100502" class="btnShow " ></button></td>
|
<td><button id="C5100602" value="C5100602" class="btnShow " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C5100101" value="C5100101" class="btnShow " ></button></td>
|
<td><button id="C5100201" value="C5100201" class="btnShow " ></button></td>
|
<td><button id="C5100301" value="C5100301" class="btnShow " ></button></td>
|
<td><button id="C5100401" value="C5100401" class="btnShow " ></button></td>
|
<td><button id="C5100501" value="C5100501" class="btnShow " ></button></td>
|
<td><button id="C5100601" value="C5100601" class="btnShow " ></button></td>
|
</tr>
|
</table>
|
</div>
|
</div>
|
<!-- 投料区10 -->
|
<div class="solidDiv" style="width: 9%; height: 100%;">
|
<p>投料区10</p>
|
<div id="C52" class="flesDiv" style="height:85%; justify-content: space-around;">
|
<table class="">
|
<tr>
|
<td><button id="C5200102" value="C5200102" class="btnShow " ></button></td>
|
<td><button id="C5200202" value="C5200202" class="btnShow " ></button></td>
|
<td><button id="C5200302" value="C5200302" class="btnShow " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C5200101" value="C5200101" class="btnShow " ></button></td>
|
<td><button id="C5200201" value="C5200201" class="btnShow " ></button></td>
|
<td><button id="C5200301" value="C5200301" class="btnShow " ></button></td>
|
</tr>
|
|
</table>
|
</div>
|
</div>
|
<!-- 投料区11 -->
|
<div class="solidDiv" style="width: 9%; height: 100%;">
|
<p>投料区11</p>
|
<div id="C53" class="flesDiv" style="height:85%; justify-content: space-around;">
|
<table class="">
|
<tr>
|
<td><button id="C5300102" value="C5300102" class="btnShow " ></button></td>
|
<td><button id="C5300202" value="C5300202" class="btnShow " ></button></td>
|
<td><button id="C5300302" value="C5300302" class="btnShow " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C5300101" value="C5300101" class="btnShow " ></button></td>
|
<td><button id="C5300201" value="C5300201" class="btnShow " ></button></td>
|
<td><button id="C5300301" value="C5300301" class="btnShow " ></button></td>
|
</tr>
|
|
</table>
|
</div>
|
</div>
|
</div>
|
<!-- 下 -->
|
<div style="height: 77%; display: flex; justify-content: space-between;">
|
<!-- 左 -->
|
<div class="solidDiv" style="width: 69%; height: 100%;">
|
<p>中间站</p>
|
<div id="C24" style="height: 96%; display: flex; justify-content: space-between;">
|
<div class="flesDiv" style="width: 20%; height: 100%;">
|
<table class="">
|
<tr>
|
<td><button id="C2407801" value="C2407801" class="btnShow1 " ></button></td>
|
<td class="btnShow"></td>
|
</tr>
|
<tr>
|
<td><button id="C2407901" value="C2407901" class="btnShow1 " ></button></td>
|
<td><button id="C2407902" value="C2407902" class="btnShow1 " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C2408001" value="C2408001" class="btnShow1 " ></button></td>
|
<td><button id="C2408002" value="C2408002" class="btnShow1 " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C2408101" value="C2408101" class="btnShow1 " ></button></td>
|
<td><button id="C2408102" value="C2408102" class="btnShow1 " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C2408201" value="C2408201" class="btnShow1 " ></button></td>
|
<td><button id="C2408202" value="C2408202" class="btnShow1 " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C2408301" value="C2408301" class="btnShow1 " ></button></td>
|
<td><button id="C2408302" value="C2408302" class="btnShow1 " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C2408501" value="C2408501" class="btnShow1 " ></button></td>
|
<td class="btnShow"></td>
|
</tr>
|
<tr>
|
<td><button id="C2408601" value="C2408601" class="btnShow1 " ></button></td>
|
<td><button id="C2408602" value="C2408602" class="btnShow1 " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C2408701" value="C2408701" class="btnShow1 " ></button></td>
|
<td><button id="C2408702" value="C2408702" class="btnShow1 " ></button></td>
|
</tr>
|
<tr>
|
<td class="btnShow"></td>
|
</tr>
|
<tr>
|
<td class="btnShow"></td>
|
</tr>
|
<tr>
|
<td><button id="C2408801" value="C2408801" class="btnShow1 " ></button></td>
|
<td><button id="C2408802" value="C2408802" class="btnShow1 " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C2408901" value="C2408901" class="btnShow1 " ></button></td>
|
<td class="btnShow"></td>
|
</tr>
|
<tr>
|
<td><button id="C2409001" value="C2409001" class="btnShow1 " ></button></td>
|
<td><button id="C2409002" value="C2409002" class="btnShow1 " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C2409101" value="C2409101" class="btnShow1 " ></button></td>
|
<td><button id="C2409102" value="C2409102" class="btnShow1 " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C2409201" value="C2409201" class="btnShow1 " ></button></td>
|
<td><button id="C2409202" value="C2409202" class="btnShow1 " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C2409301" value="C2409301" class="btnShow1 " ></button></td>
|
<td><button id="C2409302" value="C2409302" class="btnShow1 " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C2409401" value="C2409401" class="btnShow1 " ></button></td>
|
<td><button id="C2409402" value="C2409402" class="btnShow1 " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C2409501" value="C2409501" class="btnShow1 " ></button></td>
|
<td class="btnShow"></td>
|
</tr>
|
<tr>
|
<td><button id="C2409601" value="C2409601" class="btnShow1 " ></button></td>
|
<td class="btnShow"></td>
|
</tr>
|
<tr>
|
<td><button id="C2409701" value="C2409701" class="btnShow1 " ></button></td>
|
<td><button id="C2409702" value="C2409702" class="btnShow1 " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C2409801" value="C2409801" class="btnShow1 " ></button></td>
|
<td><button id="C2409802" value="C2409802" class="btnShow1 " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C2409901" value="C2409901" class="btnShow1 " ></button></td>
|
<td><button id="C2409902" value="C2409902" class="btnShow1 " ></button></td>
|
</tr>
|
|
</table>
|
</div>
|
<div style="width: 80%; height: 100%;">
|
<div class="flesDiv" style="width: 100%; height: 25%;">
|
<table>
|
<tr>
|
<td><button id="C2400104" value="C2400104" class="btnShow1 " ></button></td>
|
<td><button id="C2400204" value="C2400204" class="btnShow1 " ></button></td>
|
<td><button id="C2400304" value="C2400304" class="btnShow1 " ></button></td>
|
<td><button id="C2400404" value="C2400404" class="btnShow1 " ></button></td>
|
<td><button id="C2400504" value="C2400504" class="btnShow1 " ></button></td>
|
<td class="btnShow1"></td>
|
<td><button id="C2400704" value="C2400704" class="btnShow1 " ></button></td>
|
<td><button id="C2400804" value="C2400804" class="btnShow1 " ></button></td>
|
<td><button id="C2400904" value="C2400904" class="btnShow1 " ></button></td>
|
<td class="btnShow1"></td>
|
<td><button id="C2401104" value="C2401104" class="btnShow1 " ></button></td>
|
<td><button id="C2401204" value="C2401204" class="btnShow1 " ></button></td>
|
<td><button id="C2401304" value="C2401304" class="btnShow1 " ></button></td>
|
<td class="btnShow1"></td>
|
<td><button id="C2401504" value="C2401504" class="btnShow1 " ></button></td>
|
<td><button id="C2401604" value="C2401604" class="btnShow1 " ></button></td>
|
<td><button id="C2401704" value="C2401704" class="btnShow1 " ></button></td>
|
<td><button id="C2401804" value="C2401804" class="btnShow1 " ></button></td>
|
<td><button id="C2401904" value="C2401904" class="btnShow1 " ></button></td>
|
|
</tr>
|
<tr>
|
<td><button id="C2400103" value="C2400103" class="btnShow1 " ></button></td>
|
<td><button id="C2400203" value="C2400203" class="btnShow1 " ></button></td>
|
<td><button id="C2400303" value="C2400303" class="btnShow1 " ></button></td>
|
<td><button id="C2400403" value="C2400403" class="btnShow1 " ></button></td>
|
<td><button id="C2400503" value="C2400503" class="btnShow1 " ></button></td>
|
<td class="btnShow1"></td>
|
<td><button id="C2400703" value="C2400703" class="btnShow1 " ></button></td>
|
<td><button id="C2400803" value="C2400803" class="btnShow1 " ></button></td>
|
<td><button id="C2400903" value="C2400903" class="btnShow1 " ></button></td>
|
<td><button id="C2401002" value="C2401002" class="btnShow1 " ></button></td>
|
<td><button id="C2401103" value="C2401103" class="btnShow1 " ></button></td>
|
<td><button id="C2401203" value="C2401203" class="btnShow1 " ></button></td>
|
<td><button id="C2401303" value="C2401303" class="btnShow1 " ></button></td>
|
<td class="btnShow1"></td>
|
<td><button id="C2401503" value="C2401503" class="btnShow1 " ></button></td>
|
<td><button id="C2401603" value="C2401603" class="btnShow1 " ></button></td>
|
<td><button id="C2401703" value="C2401703" class="btnShow1 " ></button></td>
|
<td><button id="C2401803" value="C2401803" class="btnShow1 " ></button></td>
|
<td><button id="C2401903" value="C2401903" class="btnShow1 " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C2400102" value="C2400102" class="btnShow1 " ></button></td>
|
<td><button id="C2400202" value="C2400202" class="btnShow1 " ></button></td>
|
<td><button id="C2400302" value="C2400302" class="btnShow1 " ></button></td>
|
<td><button id="C2400402" value="C2400402" class="btnShow1 " ></button></td>
|
<td><button id="C2400502" value="C2400502" class="btnShow1 " ></button></td>
|
<td><button id="C2400602" value="C2400602" class="btnShow1 " ></button></td>
|
<td><button id="C2400702" value="C2400702" class="btnShow1 " ></button></td>
|
<td><button id="C2400802" value="C2400802" class="btnShow1 " ></button></td>
|
<td><button id="C2400902" value="C2400902" class="btnShow1 " ></button></td>
|
<td><button id="C2401001" value="C2401001" class="btnShow1 " ></button></td>
|
<td><button id="C2401102" value="C2401102" class="btnShow1 " ></button></td>
|
<td><button id="C2401202" value="C2401202" class="btnShow1 " ></button></td>
|
<td><button id="C2401302" value="C2401302" class="btnShow1 " ></button></td>
|
<td><button id="C2401402" value="C2401402" class="btnShow1 " ></button></td>
|
<td><button id="C2401502" value="C2401502" class="btnShow1 " ></button></td>
|
<td><button id="C2401602" value="C2401602" class="btnShow1 " ></button></td>
|
<td><button id="C2401702" value="C2401702" class="btnShow1 " ></button></td>
|
<td><button id="C2401802" value="C2401802" class="btnShow1 " ></button></td>
|
<td><button id="C2401902" value="C2401902" class="btnShow1 " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C2400101" value="C2400101" class="btnShow1 " ></button></td>
|
<td><button id="C2400201" value="C2400201" class="btnShow1 " ></button></td>
|
<td><button id="C2400301" value="C2400301" class="btnShow1 " ></button></td>
|
<td><button id="C2400401" value="C2400401" class="btnShow1 " ></button></td>
|
<td><button id="C2400501" value="C2400501" class="btnShow1 " ></button></td>
|
<td><button id="C2400601" value="C2400601" class="btnShow1 " ></button></td>
|
<td><button id="C2400701" value="C2400701" class="btnShow1 " ></button></td>
|
<td><button id="C2400801" value="C2400801" class="btnShow1 " ></button></td>
|
<td><button id="C2400901" value="C2400901" class="btnShow1 " ></button></td>
|
<td class="btnShow1"></td>
|
<td><button id="C2401101" value="C2401101" class="btnShow1 " ></button></td>
|
<td><button id="C2401201" value="C2401201" class="btnShow1 " ></button></td>
|
<td><button id="C2401301" value="C2401301" class="btnShow1 " ></button></td>
|
<td><button id="C2401401" value="C2401401" class="btnShow1 " ></button></td>
|
<td><button id="C2401501" value="C2401501" class="btnShow1 " ></button></td>
|
<td><button id="C2401601" value="C2401601" class="btnShow1 " ></button></td>
|
<td><button id="C2401701" value="C2401701" class="btnShow1 " ></button></td>
|
<td><button id="C2401801" value="C2401801" class="btnShow1 " ></button></td>
|
<td><button id="C2401901" value="C2401901" class="btnShow1 " ></button></td>
|
</tr>
|
</table>
|
</div>
|
<div class="flesDiv" style="width: 100%; height: 25%;">
|
<table>
|
<tr>
|
<td><button id="C2402003" value="C2402003" class="btnShow1 " ></button></td>
|
<td><button id="C2402103" value="C2402103" class="btnShow1 " ></button></td>
|
<td><button id="C2402203" value="C2402203" class="btnShow1 " ></button></td>
|
<td><button id="C2402303" value="C2402303" class="btnShow1 " ></button></td>
|
<td><button id="C2402403" value="C2402403" class="btnShow1 " ></button></td>
|
<td class="btnShow1"></td>
|
<td><button id="C2402603" value="C2402603" class="btnShow1 " ></button></td>
|
<td><button id="C2402703" value="C2402703" class="btnShow1 " ></button></td>
|
<td><button id="C2402803" value="C2402803" class="btnShow1 " ></button></td>
|
<td><button id="C2402903" value="C2402903" class="btnShow1 " ></button></td>
|
<td><button id="C2403003" value="C2403003" class="btnShow1 " ></button></td>
|
<td><button id="C2403103" value="C2403103" class="btnShow1 " ></button></td>
|
<td><button id="C2403202" value="C2403202" class="btnShow1 " ></button></td>
|
<td class="btnShow1"></td>
|
<td><button id="C2403403" value="C2403403" class="btnShow1 " ></button></td>
|
<td><button id="C2403503" value="C2403503" class="btnShow1 " ></button></td>
|
<td><button id="C2403603" value="C2403603" class="btnShow1 " ></button></td>
|
<td><button id="C2403703" value="C2403703" class="btnShow1 " ></button></td>
|
<td><button id="C2403803" value="C2403803" class="btnShow1 " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C2402002" value="C2402002" class="btnShow1 " ></button></td>
|
<td><button id="C2402102" value="C2402102" class="btnShow1 " ></button></td>
|
<td><button id="C2402202" value="C2402202" class="btnShow1 " ></button></td>
|
<td><button id="C2402302" value="C2402302" class="btnShow1 " ></button></td>
|
<td><button id="C2402402" value="C2402402" class="btnShow1 " ></button></td>
|
<td class="btnShow1"></td>
|
<td><button id="C2402602" value="C2402602" class="btnShow1 " ></button></td>
|
<td><button id="C2402702" value="C2402702" class="btnShow1 " ></button></td>
|
<td><button id="C2402802" value="C2402802" class="btnShow1 " ></button></td>
|
<td><button id="C2402902" value="C2402902" class="btnShow1 " ></button></td>
|
<td><button id="C2403002" value="C2403002" class="btnShow1 " ></button></td>
|
<td><button id="C2403102" value="C2403102" class="btnShow1 " ></button></td>
|
<td><button id="C2403201" value="C2403201" class="btnShow1 " ></button></td>
|
<td class="btnShow1"></td>
|
<td><button id="C2403402" value="C2403402" class="btnShow1 " ></button></td>
|
<td><button id="C2403502" value="C2403502" class="btnShow1 " ></button></td>
|
<td><button id="C2403602" value="C2403602" class="btnShow1 " ></button></td>
|
<td><button id="C2403702" value="C2403702" class="btnShow1 " ></button></td>
|
<td><button id="C2403802" value="C2403802" class="btnShow1 " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C2402001" value="C2402001" class="btnShow1 " ></button></td>
|
<td><button id="C2402101" value="C2402101" class="btnShow1 " ></button></td>
|
<td><button id="C2402201" value="C2402201" class="btnShow1 " ></button></td>
|
<td><button id="C2402301" value="C2402301" class="btnShow1 " ></button></td>
|
<td><button id="C2402401" value="C2402401" class="btnShow1 " ></button></td>
|
<td><button id="C2402501" value="C2402501" class="btnShow1 " ></button></td>
|
<td><button id="C2402601" value="C2402601" class="btnShow1 " ></button></td>
|
<td><button id="C2402701" value="C2402701" class="btnShow1 " ></button></td>
|
<td><button id="C2402801" value="C2402801" class="btnShow1 " ></button></td>
|
<td><button id="C2402901" value="C2402901" class="btnShow1 " ></button></td>
|
<td><button id="C2403001" value="C2403001" class="btnShow1 " ></button></td>
|
<td><button id="C2403101" value="C2403101" class="btnShow1 " ></button></td>
|
<td class="btnShow1"></td>
|
<td><button id="C2403301" value="C2403301" class="btnShow1 " ></button></td>
|
<td><button id="C2403401" value="C2403401" class="btnShow1 " ></button></td>
|
<td><button id="C2403501" value="C2403501" class="btnShow1 " ></button></td>
|
<td><button id="C2403601" value="C2403601" class="btnShow1 " ></button></td>
|
<td><button id="C2403701" value="C2403701" class="btnShow1 " ></button></td>
|
<td><button id="C2403801" value="C2403801" class="btnShow1 " ></button></td>
|
</tr>
|
</table>
|
</div>
|
<div class="flesDiv" style="width: 100%; height: 25%;">
|
<table>
|
<tr>
|
<td><button id="C2403904" value="C2403904" class="btnShow1 " ></button></td>
|
<td><button id="C2404004" value="C2404004" class="btnShow1 " ></button></td>
|
<td><button id="C2404104" value="C2404104" class="btnShow1 " ></button></td>
|
<td><button id="C2404204" value="C2404204" class="btnShow1 " ></button></td>
|
<td class="btnShow1"></td>
|
<td><button id="C2404401" value="C2404401" class="btnShow1 " ></button></td>
|
<td><button id="C2404604" value="C2404604" class="btnShow1 " ></button></td>
|
<td><button id="C2404704" value="C2404704" class="btnShow1 " ></button></td>
|
<td><button id="C2404804" value="C2404804" class="btnShow1 " ></button></td>
|
<td><button id="C2404904" value="C2404904" class="btnShow1 " ></button></td>
|
<td><button id="C2405004" value="C2405004" class="btnShow1 " ></button></td>
|
<td><button id="C2405104" value="C2405104" class="btnShow1 " ></button></td>
|
<td><button id="C2405203" value="C2405203" class="btnShow1 " ></button></td>
|
<td class="btnShow1"></td>
|
<td><button id="C2405404" value="C2405404" class="btnShow1 " ></button></td>
|
<td><button id="C2405504" value="C2405504" class="btnShow1 " ></button></td>
|
<td><button id="C2405604" value="C2405604" class="btnShow1 " ></button></td>
|
<td><button id="C2405704" value="C2405704" class="btnShow1 " ></button></td>
|
<td><button id="C2405804" value="C2405804" class="btnShow1 " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C2403903" value="C2403903" class="btnShow1 " ></button></td>
|
<td><button id="C2404003" value="C2404003" class="btnShow1 " ></button></td>
|
<td><button id="C2404103" value="C2404103" class="btnShow1 " ></button></td>
|
<td><button id="C2404203" value="C2404203" class="btnShow1 " ></button></td>
|
<td><button id="C2404303" value="C2404303" class="btnShow1 " ></button></td>
|
<td class="btnShow1"></td>
|
<td><button id="C2404603" value="C2404603" class="btnShow1 " ></button></td>
|
<td><button id="C2404703" value="C2404703" class="btnShow1 " ></button></td>
|
<td><button id="C2404803" value="C2404803" class="btnShow1 " ></button></td>
|
<td><button id="C2404903" value="C2404903" class="btnShow1 " ></button></td>
|
<td><button id="C2405003" value="C2405003" class="btnShow1 " ></button></td>
|
<td><button id="C2405103" value="C2405103" class="btnShow1 " ></button></td>
|
<td><button id="C2405202" value="C2405202" class="btnShow1 " ></button></td>
|
<td class="btnShow1"></td>
|
<td><button id="C2405403" value="C2405403" class="btnShow1 " ></button></td>
|
<td><button id="C2405503" value="C2405503" class="btnShow1 " ></button></td>
|
<td><button id="C2405603" value="C2405603" class="btnShow1 " ></button></td>
|
<td><button id="C2405703" value="C2405703" class="btnShow1 " ></button></td>
|
<td><button id="C2405803" value="C2405803" class="btnShow1 " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C2403902" value="C2403902" class="btnShow1 " ></button></td>
|
<td><button id="C2404002" value="C2404002" class="btnShow1 " ></button></td>
|
<td><button id="C2404102" value="C2404102" class="btnShow1 " ></button></td>
|
<td><button id="C2404202" value="C2404202" class="btnShow1 " ></button></td>
|
<td><button id="C2404302" value="C2404302" class="btnShow1 " ></button></td>
|
|
<td><button id="C2404502" value="C2404502" class="btnShow1 " ></button></td>
|
<td><button id="C2404602" value="C2404602" class="btnShow1 " ></button></td>
|
<td><button id="C2404702" value="C2404702" class="btnShow1 " ></button></td>
|
<td><button id="C2404802" value="C2404802" class="btnShow1 " ></button></td>
|
<td><button id="C2404902" value="C2404902" class="btnShow1 " ></button></td>
|
<td><button id="C2405002" value="C2405002" class="btnShow1 " ></button></td>
|
<td><button id="C2405102" value="C2405102" class="btnShow1 " ></button></td>
|
<td><button id="C2405201" value="C2405201" class="btnShow1 " ></button></td>
|
<td><button id="C2405302" value="C2405302" class="btnShow1 " ></button></td>
|
<td><button id="C2405402" value="C2405402" class="btnShow1 " ></button></td>
|
<td><button id="C2405502" value="C2405502" class="btnShow1 " ></button></td>
|
<td><button id="C2405602" value="C2405602" class="btnShow1 " ></button></td>
|
<td><button id="C2405702" value="C2405702" class="btnShow1 " ></button></td>
|
<td><button id="C2405802" value="C2405802" class="btnShow1 " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C2403901" value="C2403901" class="btnShow1 " ></button></td>
|
<td><button id="C2404001" value="C2404001" class="btnShow1 " ></button></td>
|
<td><button id="C2404101" value="C2404101" class="btnShow1 " ></button></td>
|
<td><button id="C2404201" value="C2404201" class="btnShow1 " ></button></td>
|
<td><button id="C2404301" value="C2404301" class="btnShow1 " ></button></td>
|
|
<td><button id="C2404501" value="C2404501" class="btnShow1 " ></button></td>
|
<td><button id="C2404601" value="C2404601" class="btnShow1 " ></button></td>
|
<td><button id="C2404701" value="C2404701" class="btnShow1 " ></button></td>
|
<td><button id="C2404801" value="C2404801" class="btnShow1 " ></button></td>
|
<td><button id="C2404901" value="C2404901" class="btnShow1 " ></button></td>
|
<td><button id="C2405001" value="C2405001" class="btnShow1 " ></button></td>
|
<td><button id="C2405101" value="C2405101" class="btnShow1 " ></button></td>
|
<td class="btnShow1"></td>
|
<td><button id="C2405301" value="C2405301" class="btnShow1 " ></button></td>
|
<td><button id="C2405401" value="C2405401" class="btnShow1 " ></button></td>
|
<td><button id="C2405501" value="C2405501" class="btnShow1 " ></button></td>
|
<td><button id="C2405601" value="C2405601" class="btnShow1 " ></button></td>
|
<td><button id="C2405701" value="C2405701" class="btnShow1 " ></button></td>
|
<td><button id="C2405801" value="C2405801" class="btnShow1 " ></button></td>
|
</tr>
|
</table>
|
</div>
|
<div class="flesDiv" style="width: 100%; height: 25%;">
|
<table>
|
<tr>
|
<td><button id="C2405903" value="C2405903" class="btnShow1 " ></button></td>
|
<td><button id="C2406003" value="C2406003" class="btnShow1 " ></button></td>
|
<td><button id="C2406103" value="C2406103" class="btnShow1 " ></button></td>
|
<td><button id="C2406203" value="C2406203" class="btnShow1 " ></button></td>
|
<td class="btnShow1"></td>
|
<td class="btnShow1"></td>
|
<td><button id="C2406503" value="C2406503" class="btnShow1 " ></button></td>
|
<td><button id="C2406603" value="C2406603" class="btnShow1 " ></button></td>
|
<td><button id="C2406703" value="C2406703" class="btnShow1 " ></button></td>
|
<td><button id="C2406803" value="C2406803" class="btnShow1 " ></button></td>
|
<td><button id="C2406903" value="C2406903" class="btnShow1 " ></button></td>
|
<td><button id="C2407003" value="C2407003" class="btnShow1 " ></button></td>
|
<td><button id="C2407103" value="C2407103" class="btnShow1 " ></button></td>
|
<td class="btnShow1"></td>
|
<td><button id="C2407303" value="C2407303" class="btnShow1 " ></button></td>
|
<td><button id="C2407403" value="C2407403" class="btnShow1 " ></button></td>
|
<td><button id="C2407503" value="C2407503" class="btnShow1 " ></button></td>
|
<td><button id="C2407603" value="C2407603" class="btnShow1 " ></button></td>
|
<td><button id="C2407703" value="C2407703" class="btnShow1 " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C2405902" value="C2405902" class="btnShow1 " ></button></td>
|
<td><button id="C2406002" value="C2406002" class="btnShow1 " ></button></td>
|
<td><button id="C2406102" value="C2406102" class="btnShow1 " ></button></td>
|
<td><button id="C2406202" value="C2406202" class="btnShow1 " ></button></td>
|
<td><button id="C2406302" value="C2406302" class="btnShow1 " ></button></td>
|
<td class="btnShow1"></td>
|
<td><button id="C2406502" value="C2406502" class="btnShow1 " ></button></td>
|
<td><button id="C2406602" value="C2406602" class="btnShow1 " ></button></td>
|
<td><button id="C2406702" value="C2406702" class="btnShow1 " ></button></td>
|
<td><button id="C2406802" value="C2406802" class="btnShow1 " ></button></td>
|
<td><button id="C2406902" value="C2406902" class="btnShow1 " ></button></td>
|
<td><button id="C2407002" value="C2407002" class="btnShow1 " ></button></td>
|
<td><button id="C2407102" value="C2407102" class="btnShow1 " ></button></td>
|
<td class="btnShow1"></td>
|
<td><button id="C2407302" value="C2407302" class="btnShow1 " ></button></td>
|
<td><button id="C2407402" value="C2407402" class="btnShow1 " ></button></td>
|
<td><button id="C2407502" value="C2407502" class="btnShow1 " ></button></td>
|
<td><button id="C2407602" value="C2407602" class="btnShow1 " ></button></td>
|
<td><button id="C2407702" value="C2407702" class="btnShow1 " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C2405901" value="C2405901" class="btnShow1 " ></button></td>
|
<td><button id="C2406001" value="C2406001" class="btnShow1 " ></button></td>
|
<td><button id="C2406101" value="C2406101" class="btnShow1 " ></button></td>
|
<td><button id="C2406201" value="C2406201" class="btnShow1 " ></button></td>
|
<td><button id="C2406301" value="C2406301" class="btnShow1 " ></button></td>
|
<td><button id="C2406401" value="C2406401" class="btnShow1 " ></button></td>
|
<td><button id="C2406501" value="C2406501" class="btnShow1 " ></button></td>
|
<td><button id="C2406601" value="C2406601" class="btnShow1 " ></button></td>
|
<td><button id="C2406701" value="C2406701" class="btnShow1 " ></button></td>
|
<td><button id="C2406801" value="C2406801" class="btnShow1 " ></button></td>
|
<td><button id="C2406901" value="C2406901" class="btnShow1 " ></button></td>
|
<td><button id="C2407001" value="C2407001" class="btnShow1 " ></button></td>
|
<td><button id="C2407101" value="C2407101" class="btnShow1 " ></button></td>
|
<td><button id="C2407201" value="C2407201" class="btnShow1 " ></button></td>
|
<td><button id="C2407301" value="C2407301" class="btnShow1 " ></button></td>
|
<td><button id="C2407401" value="C2407401" class="btnShow1 " ></button></td>
|
<td><button id="C2407501" value="C2407501" class="btnShow1 " ></button></td>
|
<td><button id="C2407601" value="C2407601" class="btnShow1 " ></button></td>
|
<td><button id="C2407701" value="C2407701" class="btnShow1 " ></button></td>
|
</tr>
|
</table>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
<!-- 右 -->
|
<div style="width: 29%; height: 100%;display: flex; justify-content: space-between;">
|
<div id="C54" class="solidDiv" style="width: 49%;height: 100%; ">
|
<p>清洗间</p>
|
<div class="flesDiv" style="width: 100%;height: 96%; ">
|
|
<table>
|
<tr>
|
<td><button id="C5400102" value="C5400102" class="btnShow1 " ></button></td>
|
<td><button id="C5400101" value="C5400101" class="btnShow1 " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C5400202" value="C5400202" class="btnShow1 " ></button></td>
|
<td><button id="C5400201" value="C5400201" class="btnShow1 " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C5400302" value="C5400302" class="btnShow1 " ></button></td>
|
<td><button id="C5400301" value="C5400301" class="btnShow1 " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C5400402" value="C5400402" class="btnShow1 " ></button></td>
|
<td><button id="C5400401" value="C5400401" class="btnShow1 " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C5400502" value="C5400502" class="btnShow1 " ></button></td>
|
<td><button id="C5400501" value="C5400501" class="btnShow1 " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C5400602" value="C5400602" class="btnShow1 " ></button></td>
|
<td><button id="C5400601" value="C5400601" class="btnShow1 " ></button></td>
|
</tr>
|
</table>
|
</div>
|
</div>
|
<div id="C55" class="solidDiv" style="width: 49%; height: 100%; ">
|
<p>净斗暂存区</p>
|
<div class="flesDiv" style="width: 100%;height: 96%; ">
|
<table>
|
<tr>
|
<td><button id="C5500101" value="C5500101" class="btnShow1 " ></button></td>
|
<td><button id="C5500102" value="C5500102" class="btnShow1 " ></button></td>
|
<td><button id="C5500103" value="C5500103" class="btnShow1 " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C5500201" value="C5500201" class="btnShow1 " ></button></td>
|
<td><button id="C5500202" value="C5500202" class="btnShow1 " ></button></td>
|
<td><button id="C5500203" value="C5500203" class="btnShow1 " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C5500301" value="C5500301" class="btnShow1 " ></button></td>
|
<td><button id="C5500302" value="C5500302" class="btnShow1 " ></button></td>
|
<td><button id="C5500303" value="C5500303" class="btnShow1 " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C5500401" value="C5500401" class="btnShow1 " ></button></td>
|
<td><button id="C5500402" value="C5500402" class="btnShow1 " ></button></td>
|
<td><button id="C5500403" value="C5500403" class="btnShow1 " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C5500501" value="C5500501" class="btnShow1 " ></button></td>
|
<td><button id="C5500502" value="C5500502" class="btnShow1 " ></button></td>
|
<td><button id="C5500503" value="C5500503" class="btnShow1 " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C5500601" value="C5500601" class="btnShow1 " ></button></td>
|
<td><button id="C5500602" value="C5500602" class="btnShow1 " ></button></td>
|
<td><button id="C5500603" value="C5500603" class="btnShow1 " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C5500701" value="C5500701" class="btnShow1 " ></button></td>
|
<td><button id="C5500702" value="C5500702" class="btnShow1 " ></button></td>
|
<td><button id="C5500703" value="C5500703" class="btnShow1 " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C5500801" value="C5500801" class="btnShow1 " ></button></td>
|
<td><button id="C5500802" value="C5500802" class="btnShow1 " ></button></td>
|
<td><button id="C5500803" value="C5500803" class="btnShow1 " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C5500901" value="C5500901" class="btnShow1 " ></button></td>
|
<td><button id="C5500902" value="C5500902" class="btnShow1 " ></button></td>
|
<td><button id="C5500903" value="C5500903" class="btnShow1 " ></button></td>
|
</tr>
|
<tr>
|
<td><button id="C5501001" value="C5501001" class="btnShow1 " ></button></td>
|
<td><button id="C5501002" value="C5501002" class="btnShow1 " ></button></td>
|
<td><button id="C5501003" value="C5501003" class="btnShow1 " ></button></td>
|
</tr>
|
</table>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
</div>
|
</div>
|
<script src="../../layuiadmin/layui/layui.js"></script>
|
<script src="../../js/public.js"></script>
|
<script src="../../js/jquery-3.5.1.min.js"></script>
|
<script src="../../js/jquery.cookie.js"></script>
|
<script src="../../js/echarts.min.js"></script>
|
<script>
|
|
var uid = $.cookie('userId');
|
if (uid == null) {
|
alert('请登录后操作');
|
window.parent.location.href = '../Login.html'
|
}
|
layui.config({
|
base: '../../layuiadmin/' //静态资源所在路径
|
}).extend({
|
index: 'lib/index' //主入口模块
|
}).use(['index', 'table', 'laypage', 'layer'], function () {
|
var table = layui.table,
|
form = layui.form,
|
laypage = layui.laypage,
|
layer = layui.layer,
|
$ = layui.$;
|
|
$("#3Lou").addClass("zuoyouDiv");
|
$("#3Lou").removeClass("hideDiv");
|
$("#4Lou").removeClass("zuoyouDiv");
|
$("#4Lou").addClass("hideDiv");
|
//获取仓库下拉框信息
|
// synData(IP + "/Sys/GetWarehouseDic", {}, 'get', function (res) {
|
// if (res.code == 0) { //成功
|
// for (var i = 0; i < res.data.length; i++) {
|
// // 只加载平库
|
// // console.log(res.data);
|
// if (res.data[i].Type != "2") {
|
// continue;
|
// }
|
|
// $("#WareHouseNo").append('<option value =' + res.data[i].WareHouseNo + '>' + res.data[i].WareHouseNo + '-' +
|
// res.data[i].WareHouseName + '</option>');
|
// }
|
// $("#WareHouseNo option[value='" + res.data[0].WareHouseNo + "']").attr("selected", "selected")
|
// form.render('select');
|
// } else { //不成功
|
// layer.msg(res.msg, {
|
// icon: 2,
|
// time: 2000 //2秒关闭(如果不配置,默认是3秒)
|
// }, function () { });
|
// }
|
// });
|
|
GetSlotVm($("#Row").val());
|
// 仓库查询事件
|
form.on('select(getWareHouseNo)', function (data) {
|
GetSlotVm($("#Row").val());
|
});
|
|
// 楼层查询事件
|
form.on('select(SelectRow)', function (data) {
|
//判断一楼或三楼
|
if($("#Row").val() == "4")
|
{
|
$("#4Lou").addClass("zuoyouDiv");
|
$("#4Lou").removeClass("hideDiv");
|
$("#3Lou").removeClass("zuoyouDiv");
|
$("#3Lou").addClass("hideDiv");
|
}
|
else if($("#Row").val() == "3")
|
{
|
$("#3Lou").addClass("zuoyouDiv");
|
$("#3Lou").removeClass("hideDiv");
|
$("#4Lou").removeClass("zuoyouDiv");
|
$("#4Lou").addClass("hideDiv");
|
}
|
GetSlotVm($("#Row").val());
|
});
|
|
//获取储位按钮类名称
|
function GetClassName(status,flag) {
|
var clsName = "";
|
if(flag!="0"){
|
return "filg";
|
}
|
var clsName = "";
|
switch (status) {
|
case "0":
|
clsName = "zero";
|
break;
|
case "1":
|
clsName = "one";
|
break;
|
case "2":
|
clsName = "two";
|
break;
|
case "3":
|
clsName = "three";
|
break;
|
case "4":
|
clsName = "four";
|
break;
|
case "5":
|
clsName = "five";
|
break;
|
default:
|
break;
|
}
|
return clsName;
|
}
|
|
//获取数据渲染库位图
|
function GetSlotVm(row) {
|
var param = {
|
//WareHouseNo: houseNo,
|
Row: row
|
}
|
sendData(IP + "/Sys/GetFlatLibraryLegend", param, 'get', function (res) {
|
console.log(res)
|
if (res.code == 0) {
|
|
var list = res.data;
|
|
//按区域进行循环
|
list.forEach(item => {
|
var statusName = GetClassName(item.Status,item.Flag);
|
if($("#Row").val() == "3"){
|
$("#"+item.LocatNo).attr('class',"btnShow1 "+statusName);
|
}else{
|
$("#"+item.LocatNo).attr('class',"btnShow "+statusName);
|
}
|
|
|
});
|
|
} else {
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000
|
}, function () { })
|
}
|
});
|
}
|
|
|
//#region 点击储位btn按钮查看储位上信息
|
var tipsVal;
|
var tipsVal1;
|
// 1.找到触发的事件对象(绑定全局) 2.事件处理程序
|
$('body').on('click','.btnShow', function () {
|
var html;
|
var that=this;
|
var locatNo = $(that)[0].value;
|
var className=$(that)[0].className;
|
if(className=='btnShow zero'){
|
html = "<p style='word-wrap:break-word;width: 100%;height:100%;line-height:24px;font-size:18px'>储位编码:" + locatNo + "<br/>储位状态:空储位</p>";
|
tipsVal=layer.tips(html,that,{tips:[1,"rgb(58, 61, 73)"],area: ['220px'],time: 0});
|
}else{
|
var param={
|
locatNo:locatNo
|
}
|
sendData(IP + "/Sys/GetLocateInfo", param, 'get', function (res) {
|
console.log(res)
|
if (res.code == 0) {
|
html = "<p style='word-wrap:break-word;width: 100%;height:100%;line-height:24px;font-size:18px;'>";
|
html += "储位编码:" + locatNo;
|
html += "<br/>储位状态:"+res.data.Status;
|
if (res.data.GoodsInfoList != null)
|
{
|
html += "<br/>托盘号: "+res.data.PalletNo;
|
for(var i=0;i<res.data.GoodsInfoList.length;i++){
|
html += "<br/><br/>物料编码:"+res.data.GoodsInfoList[i].SkuNo;
|
html += "<br/>物料名称:"+res.data.GoodsInfoList[i].SkuName;
|
html += "<br/>批次号: "+res.data.GoodsInfoList[i].LotNo;
|
html += "<br/>数量: "+res.data.GoodsInfoList[i].Qty;
|
}
|
html += "</p>"
|
}
|
tipsVal=layer.tips(html,that,{tips:[1,"rgb(58, 61, 73)"],area: ['260px'],time: 0});
|
} else {
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000
|
}, function () { })
|
}
|
});
|
}
|
|
});
|
|
$('body').on('click','.btnShow1', function () {
|
var html;
|
var that=this;
|
var locatNo = $(that)[0].value;
|
var className=$(that)[0].className;
|
if(className=='btnShow1 zero'){
|
html = "<p style='word-wrap:break-word;width: 100%;height:100%;line-height:24px;font-size:18px'>储位编码:" + locatNo + "<br/>储位状态:空储位</p>";
|
tipsVal1=layer.tips(html,that,{tips:[1,"rgb(58, 61, 73)"],area: ['220px'],time: 0});
|
}else{
|
var param={
|
locatNo:locatNo
|
}
|
sendData(IP + "/Sys/GetLocateInfo", param, 'get', function (res) {
|
console.log(res)
|
if (res.code == 0) {
|
html = "<p style='word-wrap:break-word;width: 100%;height:100%;line-height:24px;font-size:18px;'>";
|
html += "储位编码:" + locatNo;
|
html += "<br/>储位状态:"+res.data.Status;
|
if (res.data.GoodsInfoList != null)
|
{
|
html += "<br/>托盘号: "+res.data.PalletNo;
|
for(var i=0;i<res.data.GoodsInfoList.length;i++){
|
html += "<br/><br/>物料编码:"+res.data.GoodsInfoList[i].SkuNo;
|
html += "<br/>物料名称:"+res.data.GoodsInfoList[i].SkuName;
|
html += "<br/>批次号: "+res.data.GoodsInfoList[i].LotNo;
|
html += "<br/>数量: "+res.data.GoodsInfoList[i].Qty;
|
}
|
html += "</p>"
|
}
|
tipsVal1=layer.tips(html,that,{tips:[1,"rgb(58, 61, 73)"],area: ['260px'],time: 0});
|
} else {
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000
|
}, function () { })
|
}
|
});
|
}
|
|
});
|
|
//鼠标移出
|
$('body').on('mouseout','.btnShow', function () {
|
layer.close(tipsVal);
|
});
|
//鼠标移出
|
$('body').on('mouseout','.btnShow1', function () {
|
layer.close(tipsVal1);
|
});
|
|
// #region 定时刷新库位图例
|
//获取是否自动刷新
|
var autoRefresh=$('#autoRefresh').prop('checked');
|
//绑定自动刷新change事件监听器
|
form.on('switch(switchTest)', function (data) {
|
autoRefresh=$('#autoRefresh').prop('checked');
|
});
|
//定时器
|
setInterval(function(){
|
// console.info(1)
|
if(autoRefresh){
|
GetSlotVm($("#WareHouseNo").val(), $("#Row").val());
|
// var currentDate = new Date();
|
// console.log('自动刷新了,'+currentDate)
|
}
|
},10000)//10秒自动刷新一次
|
// #endregion
|
});
|
</script>
|
</body>
|
|
</html>
|