| | |
| | | } |
| | | |
| | | .btnShow { |
| | | width: 20px; |
| | | height: 15px; |
| | | 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-row layui-col-space15" style="width: auto;height: 100%;"> |
| | | <div class=" layui-col-space15" style="width: auto;height: 100%;"> |
| | | <!-- 顶--> |
| | | <div class="layui-col-md" style="width: auto;height: 10%;"> |
| | | <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"> |
| | | <!-- <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> --> |
| | | <option value=""></option> |
| | | </select> |
| | | </div> |
| | | </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" selected>四楼</option> |
| | | <option value="3">三楼</option> |
| | | <option value="4" >四楼</option> |
| | | <option value="3" selected>三楼</option> |
| | | </select> |
| | | </div> |
| | | </div> |
| | |
| | | <!-- 储位图例 --> |
| | | <table style="margin:0 auto;"> |
| | | <tr> |
| | | <td><button class="btnShow1 five" disabled></button></td> |
| | | <td><button class="btnShow2 five" disabled></button></td> |
| | | <td>移出中</td> |
| | | <td><button class="btnShow1 four" disabled></button></td> |
| | | <td><button class="btnShow2 four" disabled></button></td> |
| | | <td>移入中</td> |
| | | <td><button class="btnShow1 three" disabled></button></td> |
| | | <td><button class="btnShow2 three" disabled></button></td> |
| | | <td>出库中</td> |
| | | <td><button class="btnShow1 two" disabled></button></td> |
| | | <td><button class="btnShow2 two" disabled></button></td> |
| | | <td>入库中</td> |
| | | <td><button class="btnShow1 one" disabled></button></td> |
| | | <td><button class="btnShow2 one" disabled></button></td> |
| | | <td>有物品</td> |
| | | <td><button class="btnShow1 zero" disabled></button></td> |
| | | <td><button class="btnShow2 zero" disabled></button></td> |
| | | <td>空库位</td> |
| | | <td><button class="btnShow1 filg" disabled></button></td> |
| | | <td><button class="btnShow2 filg" disabled></button></td> |
| | | <td>损坏\屏蔽</td> |
| | | </tr> |
| | | </table> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- 上 --> |
| | | <div class="layui-col-md" style="width: auto;height: 24%;"> |
| | | <div class="layui-row layui-col-space15" style="width: auto;height: 100%;"> |
| | | <!-- 空 --> |
| | | <div class="layui-col-md1" style="height: 100%;"> |
| | | <div class="layui-card" style="height: 100%;"> |
| | | <p></p> |
| | | <table class="container" style="width: 100%;height: 90%;"></table> |
| | | <!-- 四楼 --> |
| | | <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> |
| | | <!-- 粉筛间 --> |
| | | <div class="layui-col-md1 " id="divOne" style="height: 100%;"> |
| | | <div class="layui-card" style="height: 100%;"> |
| | | <p id="a4">B01 粉筛间区</p> |
| | | <table class="container" id="tabOne" style="width: 100%;height: 90%;"></table> |
| | | <!-- 粉筛间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="layui-col-md2 " id="divTwo" style="height: 100%;"> |
| | | <div class="layui-card" style="height: 100%;"> |
| | | <p id="b4">一步制粒1</p> |
| | | <table class="container" id="tabTwe" style="width: 100%;height: 90%;"></table> |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- 一步制粒2 --> |
| | | <div class="layui-col-md2 " id="divThree" style="height: 100%;"> |
| | | <div class="layui-card" style="height: 100%;"> |
| | | <p id="c4">一步制粒2</p> |
| | | <table class="" id="tabThree" style="width: 100%;height: 90%;"></table> |
| | | </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> |
| | | |
| | | <!-- 一步制粒3 --> |
| | | <div class="layui-col-md2 " id="divFour" style="height: 100%;"> |
| | | <div class="layui-card" style="height: 100%;"> |
| | | <p id="d4">一步制粒3</p> |
| | | <table class="container" id="tabfour" style="width: 100%;height: 90%;"></table> |
| | | <!-- 一步制粒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 class="layui-col-md4 " id="divFour" style="height: 100%;"> |
| | | <div class="layui-card" style="height: 100%;"> |
| | | <p id="e4"></p> |
| | | <table class="container" id="tabfive" style="width: 100%;height: 90%;"></table> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- 中 --> |
| | | <div class="layui-col-md" style="width: auto;height: 39%;"> |
| | | <div class="layui-row layui-col-space15" style="width: auto;height: 100%;"> |
| | | <!-- 空 --> |
| | | <div class="layui-col-md1" style="height: 100%;"> |
| | | <div class="layui-card" style="height: 100%;"> |
| | | <p></p> |
| | | <table class="container" style="width: 100%;height: 90%;"></table> |
| | | </div> |
| | | </div> |
| | | <!-- 预混间 --> |
| | | <div class="layui-col-md1 " id="divOne" style="height: 100%;"> |
| | | <div class="layui-card" style="height: 100%;"> |
| | | <p id="a4"> 预混间区</p> |
| | | <table class="container" id="tabOne" style="width: 100%;height: 90%;"></table> |
| | | </div> |
| | | </div> |
| | | <!-- 空 --> |
| | | <div class="layui-col-md1 " id="divOne" style="height: 100%;"> |
| | | <div class="layui-card" style="height: 100%;"> |
| | | <p id="a4"> </p> |
| | | <table class="container" id="tabOne" style="width: 100%;height: 90%;"></table> |
| | | </div> |
| | | </div> |
| | | <!-- 中间站--> |
| | | <div class="layui-col-md4 " id="divTwo" style="height: 100%;"> |
| | | <div class="layui-card" style="height: 100%;"> |
| | | <p id="b4">中间站</p> |
| | | <table class="container" id="tabTwe" style="width: 100%;height: 90%;"></table> |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- 一步制粒2 --> |
| | | <div class="layui-col-md2 " id="divThree" style="height: 100%;"> |
| | | <div class="layui-card" style="height: 100%;"> |
| | | <p id="c4">总混1</p> |
| | | <table class="" id="tabThree" style="width: 100%;height: 90%;"></table> |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- 一步制粒3 --> |
| | | <div class="layui-col-md2 " id="divFour" style="height: 100%;"> |
| | | <div class="layui-card" style="height: 100%;"> |
| | | <p id="d4">总混2</p> |
| | | <table class="container" id="tabfour" style="width: 100%;height: 90%;"></table> |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- 空 --> |
| | | <div class="layui-col-md4 " id="divFour" style="height: 100%;"> |
| | | <div class="layui-card" style="height: 100%;"> |
| | | <p id="e4"></p> |
| | | <table class="container" id="tabfive" style="width: 100%;height: 90%;"></table> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | </div> |
| | | </div> |
| | | <!-- 下 --> |
| | | <div class="layui-col-md" style="width: auto;height: 24%;"> |
| | | <div class="layui-row layui-col-space15" style="width: auto;height: 100%;"> |
| | | <!-- 一、三楼下左B05、B14 --> |
| | | <div class="layui-col-md6 divOneX" id="divFive"> |
| | | <div class="layui-card" style="height: 100%;"> |
| | | <p id="f"></p> |
| | | <table class="container" id="tabfive2" style="width: 100%;height: 90%;"></table> |
| | | </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> |
| | | |
| | | <!-- 一楼下中B06 --> |
| | | <div class="layui-col-md6 divOneX" id="divSix"> |
| | | <div class="layui-card" style="height: 100%;"> |
| | | <p id="g"></p> |
| | | <table class="container" id="tabSix" style="width: 100%;height: 90%;"></table> |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- 一、三下右B07、B15 --> |
| | | <div class="layui-col-md6 divOneX" id="divSeven"> |
| | | <div class="layui-card" style="height: 100%;"> |
| | | <p id="h"></p> |
| | | <table class="container" id="tabSeven" style="width: 100%;height: 90%;"></table> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | </div> |
| | | </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> |
| | |
| | | laypage = layui.laypage, |
| | | layer = layui.layer, |
| | | $ = layui.$; |
| | | |
| | | var cengShu = "1"; |
| | | var dom = $('#LAY_app_tabsheader', parent.document).children();//.find(s=>s.s.nodeType == 1 && className == "layui-this") |
| | | var xianga = ""; |
| | | var xiangb = ""; |
| | | |
| | | var ones = ' divOneS'; |
| | | var onex = ' divOneX'; |
| | | var threes = 'divThreeS'; |
| | | var threex = 'divThreeX'; |
| | | var divOne=document.getElementById('divOne'); |
| | | var divTwo=document.getElementById('divTwo'); |
| | | var divThree=document.getElementById('divThree'); |
| | | var divFour=document.getElementById('divFour'); |
| | | var divFive=document.getElementById('divFive'); |
| | | var divSix=document.getElementById('divSix'); |
| | | var divSeven=document.getElementById('divSeven'); |
| | | // divOne.className=ones; |
| | | // divTwo.className=ones; |
| | | // divThree.className=ones; |
| | | // divFour.className=ones; |
| | | // divFive.className=onex; |
| | | // divSix.className=onex; |
| | | // divSeven.className=onex; |
| | | |
| | | |
| | | $("#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; |
| | | } |
| | | // 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($("#WareHouseNo").val(), $("#Row").val()); |
| | | |
| | | |
| | | // $("#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($("#WareHouseNo").val(), $("#Row").val()); |
| | | GetSlotVm($("#Row").val()); |
| | | }); |
| | | |
| | | // 楼层查询事件 |
| | | form.on('select(SelectRow)', function (data) { |
| | | //判断一楼或三楼 |
| | | if($("#Row").val() == "1") |
| | | { |
| | | divOne.className=ones; |
| | | divTwo.className=ones; |
| | | divFour.className=ones; |
| | | divFive.className=onex; |
| | | divSeven.className=onex; |
| | | $("#divThree").show(); |
| | | $("#divSix").show(); |
| | | if($("#Row").val() == "4") |
| | | { |
| | | $("#4Lou").addClass("zuoyouDiv"); |
| | | $("#4Lou").removeClass("hideDiv"); |
| | | $("#3Lou").removeClass("zuoyouDiv"); |
| | | $("#3Lou").addClass("hideDiv"); |
| | | } |
| | | else if($("#Row").val() == "3") |
| | | { |
| | | // 三楼 |
| | | $("#divThree").hide(); |
| | | $("#divSix").hide(); |
| | | divOne.className=threes; |
| | | divTwo.className=threes; |
| | | divFour.className=threes; |
| | | divFive.className=threex; |
| | | divSeven.className=threex; |
| | | $("#3Lou").addClass("zuoyouDiv"); |
| | | $("#3Lou").removeClass("hideDiv"); |
| | | $("#4Lou").removeClass("zuoyouDiv"); |
| | | $("#4Lou").addClass("hideDiv"); |
| | | } |
| | | GetSlotVm($("#WareHouseNo").val(), $("#Row").val()); |
| | | 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(houseNo, row) { |
| | | function GetSlotVm(row) { |
| | | var param = { |
| | | WareHouseNo: houseNo, |
| | | //WareHouseNo: houseNo, |
| | | Row: row |
| | | } |
| | | sendData(IP + "/Sys/GetFlatLibraryLegend", param, 'get', function (res) { |
| | | console.log(res) |
| | | if (res.code == 0) { |
| | | |
| | | $("#tabOne").html(""); |
| | | $("#tabTwe").html(""); |
| | | $("#tabThree").html(""); |
| | | $("#tabfour").html(""); |
| | | $("#tabfive").html(""); |
| | | // $("#tabSix").html(""); |
| | | // $("#tabSeven").html(""); |
| | | |
| | | |
| | | var html1 = '<tr>'; |
| | | var html2 = '<tr>'; |
| | | var html3 = '<tr>'; |
| | | var html4 = '<tr>'; |
| | | var html5 = '<tr>'; |
| | | var html6 = '<tr>'; |
| | | var html7 = '<tr>'; |
| | | |
| | | var list = res.data; |
| | | var B06 = 0; |
| | | var B07 = 0; |
| | | var B11 = 0; |
| | | var B12 = 0; |
| | | |
| | | //按区域进行循环 |
| | | 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); |
| | | } |
| | | |
| | | //判断一楼或三楼 |
| | | if($("#Row").val() == "4") |
| | | { |
| | | |
| | | //判断各个区域 |
| | | if(item.AreaNo == "B01") |
| | | { |
| | | //4排4列 |
| | | |
| | | if (item != undefined) { |
| | | //判断储位标识是否为0 |
| | | if(item.Flag != '0') |
| | | { |
| | | html1 += '<td><button value=' + item.LocatNo + ' class="btnShow filg" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //空储位 0 |
| | | else if (item.Status == 0) { |
| | | html1 += '<td><button value=' + item.LocatNo + ' class="btnShow zero" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //有物品 1 |
| | | else if (item.Status == 1) { |
| | | html1 += '<td><button value=' + item.LocatNo + ' class="btnShow one" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //入库中 2 |
| | | else if (item.Status == 2) { |
| | | html1 += '<td><button value=' + item.LocatNo + ' class="btnShow two" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //出库中 3 |
| | | else if (item.Status == 3) { |
| | | html1 += '<td><button value=' + item.LocatNo + ' class="btnShow three" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移入中 4 |
| | | else if (item.Status == 4) { |
| | | html1 += '<td><button value=' + item.LocatNo + ' class="btnShow four" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移出中 5 |
| | | else if (item.Status == 5) { |
| | | html1 += '<td><button value=' + item.LocatNo + ' class="btnShow five" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | } else { |
| | | html1 += '<td></td>' |
| | | } |
| | | |
| | | if (item.Depth == 4) { |
| | | html1 += '<tr></tr>' |
| | | } |
| | | } |
| | | else if(item.AreaNo == "B02") |
| | | { |
| | | //4排4列 |
| | | if (item != undefined) { |
| | | //判断储位标识是否为0 |
| | | if(item.Flag != '0') |
| | | { |
| | | html2 += '<td><button value=' + item.LocatNo + ' class="btnShow filg" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //空储位 0 |
| | | else if (item.Status == 0) { |
| | | html2 += '<td><button value=' + item.LocatNo + ' class="btnShow zero" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //有物品 1 |
| | | else if (item.Status == 1) { |
| | | html2 += '<td><button value=' + item.LocatNo + ' class="btnShow one" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //入库中 2 |
| | | else if (item.Status == 2) { |
| | | html2 += '<td><button value=' + item.LocatNo + ' class="btnShow two" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //出库中 3 |
| | | else if (item.Status == 3) { |
| | | html2 += '<td><button value=' + item.LocatNo + ' class="btnShow three" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移入中 4 |
| | | else if (item.Status == 4) { |
| | | html2 += '<td><button value=' + item.LocatNo + ' class="btnShow four" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移出中 5 |
| | | else if (item.Status == 5) { |
| | | html2 += '<td><button value=' + item.LocatNo + ' class="btnShow five" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | } else { |
| | | // console.log(i, a); |
| | | html2 += '<td></td>' |
| | | } |
| | | if (item.Depth == 4) { |
| | | html2 += '<tr></tr>' |
| | | } |
| | | } |
| | | else if(item.AreaNo == "C12") |
| | | { |
| | | console.log(item); |
| | | //4排4列 |
| | | if (item != undefined) { |
| | | //判断储位标识是否为0 |
| | | if(item.Flag != '0') |
| | | { |
| | | html3 += '<td><button value=' + item.LocatNo + ' class="btnShow filg" ></button></td>' |
| | | } |
| | | //空储位 0 |
| | | else if (item.Status == 0) { |
| | | html3 += '<td><button value=' + item.LocatNo + ' class="btnShow zero" ></button></td>' |
| | | } |
| | | //有物品 1 |
| | | else if (item.Status == 1) { |
| | | html3 += '<td><button value=' + item.LocatNo + ' class="btnShow one" ></button></td>' |
| | | } |
| | | //入库中 2 |
| | | else if (item.Status == 2) { |
| | | html3 += '<td><button value=' + item.LocatNo + ' class="btnShow two" ></button></td>' |
| | | } |
| | | //出库中 3 |
| | | else if (item.Status == 3) { |
| | | html3 += '<td><button value=' + item.LocatNo + ' class="btnShow three" ></button></td>' |
| | | } |
| | | //移入中 4 |
| | | else if (item.Status == 4) { |
| | | html3 += '<td><button value=' + item.LocatNo + ' class="btnShow four" ></button></td>' |
| | | } |
| | | //移出中 5 |
| | | else if (item.Status == 5) { |
| | | html3 += '<td><button value=' + item.LocatNo + ' class="btnShow five" ></button></td>' |
| | | } |
| | | } else { |
| | | // console.log(i, a); |
| | | html3 += '<td></td>' |
| | | } |
| | | if (item.Depth == 4) { |
| | | html3 += '<tr></tr>' |
| | | } |
| | | } |
| | | else if(item.AreaNo == "B04") |
| | | { |
| | | |
| | | if (item != undefined) { |
| | | //判断储位标识是否为0 |
| | | if(item.Flag != '0') |
| | | { |
| | | html4 += '<td><button value=' + item.LocatNo + ' class="btnShow filg" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //空储位 0 |
| | | else if (item.Status == 0) { |
| | | html4 += '<td><button value=' + item.LocatNo + ' class="btnShow zero" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //有物品 1 |
| | | else if (item.Status == 1) { |
| | | html4 += '<td><button value=' + item.LocatNo + ' class="btnShow one" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //入库中 2 |
| | | else if (item.Status == 2) { |
| | | html4 += '<td><button value=' + item.LocatNo + ' class="btnShow two" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //出库中 3 |
| | | else if (item.Status == 3) { |
| | | html4 += '<td><button value=' + item.LocatNo + ' class="btnShow three" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移入中 4 |
| | | else if (item.Status == 4) { |
| | | html4 += '<td><button value=' + item.LocatNo + ' class="btnShow four" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移出中 5 |
| | | else if (item.Status == 5) { |
| | | html4 += '<td><button value=' + item.LocatNo + ' class="btnShow five" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | } else { |
| | | // console.log(i, a); |
| | | html4 += '<td></td>' |
| | | } |
| | | if (item.Depth == 2) { |
| | | html4 += '<tr></tr>' |
| | | } |
| | | } |
| | | else if(item.AreaNo == "B05") |
| | | { |
| | | if (item != undefined) { |
| | | //判断储位标识是否为0 |
| | | if(item.Flag != '0') |
| | | { |
| | | html5 += '<td><button value=' + item.LocatNo + ' class="btnShow filg" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //空储位 0 |
| | | else if (item.Status == 0) { |
| | | html5 += '<td><button value=' + item.LocatNo + ' class="btnShow zero" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //有物品 1 |
| | | else if (item.Status == 1) { |
| | | html5 += '<td><button value=' + item.LocatNo + ' class="btnShow one" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //入库中 2 |
| | | else if (item.Status == 2) { |
| | | html5 += '<td><button value=' + item.LocatNo + ' class="btnShow two" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //出库中 3 |
| | | else if (item.Status == 3) { |
| | | html5 += '<td><button value=' + item.LocatNo + ' class="btnShow three" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移入中 4 |
| | | else if (item.Status == 4) { |
| | | html5 += '<td><button value=' + item.LocatNo + ' class="btnShow four" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移出中 5 |
| | | else if (item.Status == 5) { |
| | | html5 += '<td><button value=' + item.LocatNo + ' class="btnShow five" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | } else { |
| | | // console.log(i, a); |
| | | html5 += '<td></td>' |
| | | } |
| | | console.log(item) |
| | | if (item.Row == 2) { |
| | | html5 += '<tr></tr>' |
| | | } |
| | | } |
| | | else if(item.AreaNo == "B06") |
| | | { |
| | | if (item != undefined) { |
| | | B06+=1; |
| | | //判断储位标识是否为0 |
| | | if(item.Flag != '0') |
| | | { |
| | | html6 += '<td><button value=' + item.LocatNo + ' class="btnShow filg" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //空储位 0 |
| | | else if (item.Status == 0) { |
| | | html6 += '<td><button value=' + item.LocatNo + ' class="btnShow zero" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //有物品 1 |
| | | else if (item.Status == 1) { |
| | | html6 += '<td><button value=' + item.LocatNo + ' class="btnShow one" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //入库中 2 |
| | | else if (item.Status == 2) { |
| | | html6 += '<td><button value=' + item.LocatNo + ' class="btnShow two" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //出库中 3 |
| | | else if (item.Status == 3) { |
| | | html6 += '<td><button value=' + item.LocatNo + ' class="btnShow three" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移入中 4 |
| | | else if (item.Status == 4) { |
| | | html6 += '<td><button value=' + item.LocatNo + ' class="btnShow four" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移出中 5 |
| | | else if (item.Status == 5) { |
| | | html6 += '<td><button value=' + item.LocatNo + ' class="btnShow five" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | } else { |
| | | // console.log(i, a); |
| | | html6 += '<td></td>' |
| | | } |
| | | if (B06 %10 == 0) |
| | | { |
| | | html6 += '<tr></tr>' |
| | | } |
| | | |
| | | } |
| | | else if(item.AreaNo == "B07") |
| | | { |
| | | if (item != undefined) { |
| | | B07 += 1; |
| | | //判断储位标识是否为0 |
| | | if(item.Flag != '0') |
| | | { |
| | | html7 += '<td><button value=' + item.LocatNo + ' class="btnShow filg" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //空储位 0 |
| | | else if (item.Status == 0) { |
| | | html7 += '<td><button value=' + item.LocatNo + ' class="btnShow zero" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //有物品 1 |
| | | else if (item.Status == 1) { |
| | | html7 += '<td><button value=' + item.LocatNo + ' class="btnShow one" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //入库中 2 |
| | | else if (item.Status == 2) { |
| | | html7 += '<td><button value=' + item.LocatNo + ' class="btnShow two" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //出库中 3 |
| | | else if (item.Status == 3) { |
| | | html7 += '<td><button value=' + item.LocatNo + ' class="btnShow three" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移入中 4 |
| | | else if (item.Status == 4) { |
| | | html7 += '<td><button value=' + item.LocatNo + ' class="btnShow four" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移出中 5 |
| | | else if (item.Status == 5) { |
| | | html7 += '<td><button value=' + item.LocatNo + ' class="btnShow five" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | } else { |
| | | // console.log(i, a); |
| | | html7 += '<td></td>' |
| | | } |
| | | if (B07 %13 == 0) |
| | | { |
| | | html7 += '<tr></tr>' |
| | | } |
| | | } |
| | | |
| | | } |
| | | else if($("#Row").val() == "3") |
| | | { |
| | | // 三楼 |
| | | /* |
| | | B11 tabOne html5 |
| | | B12 tabTwe html7 |
| | | B13 tabfour html2 |
| | | B14 tabfive html1 |
| | | B15 tabSeven html4 |
| | | */ |
| | | //判断各个区域 |
| | | if(item.AreaNo == "B11") |
| | | { |
| | | if (item != undefined) { |
| | | B11 += 1; |
| | | //判断储位标识是否为0 |
| | | if(item.Flag != '0') |
| | | { |
| | | html5 += '<td><button value=' + item.LocatNo + ' class="btnShow filg" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //空储位 0 |
| | | else if (item.Status == 0) { |
| | | html5 += '<td><button value=' + item.LocatNo + ' class="btnShow zero" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //有物品 1 |
| | | else if (item.Status == 1) { |
| | | html5 += '<td><button value=' + item.LocatNo + ' class="btnShow one" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //入库中 2 |
| | | else if (item.Status == 2) { |
| | | html5 += '<td><button value=' + item.LocatNo + ' class="btnShow two" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //出库中 3 |
| | | else if (item.Status == 3) { |
| | | html5 += '<td><button value=' + item.LocatNo + ' class="btnShow three" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移入中 4 |
| | | else if (item.Status == 4) { |
| | | html5 += '<td><button value=' + item.LocatNo + ' class="btnShow four" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移出中 5 |
| | | else if (item.Status == 5) { |
| | | html5 += '<td><button value=' + item.LocatNo + ' class="btnShow five" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | } else { |
| | | // console.log(i, a); |
| | | html5 += '<td></td>' |
| | | } |
| | | |
| | | if (B11 % 10 == 0) { |
| | | html5 += '<tr></tr>' |
| | | } |
| | | } |
| | | else if(item.AreaNo == "B12") |
| | | { |
| | | if (item != undefined) { |
| | | B12 += 1; |
| | | //判断储位标识是否为0 |
| | | if(item.Flag != '0') |
| | | { |
| | | html7 += '<td><button value=' + item.LocatNo + ' class="btnShow filg" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //空储位 0 |
| | | else if (item.Status == 0) { |
| | | html7 += '<td><button value=' + item.LocatNo + ' class="btnShow zero" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //有物品 1 |
| | | else if (item.Status == 1) { |
| | | html7 += '<td><button value=' + item.LocatNo + ' class="btnShow one" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //入库中 2 |
| | | else if (item.Status == 2) { |
| | | html7 += '<td><button value=' + item.LocatNo + ' class="btnShow two" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //出库中 3 |
| | | else if (item.Status == 3) { |
| | | html7 += '<td><button value=' + item.LocatNo + ' class="btnShow three" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移入中 4 |
| | | else if (item.Status == 4) { |
| | | html7 += '<td><button value=' + item.LocatNo + ' class="btnShow four" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移出中 5 |
| | | else if (item.Status == 5) { |
| | | html7 += '<td><button value=' + item.LocatNo + ' class="btnShow five" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | } else { |
| | | // console.log(i, a); |
| | | html7 += '<td></td>' |
| | | } |
| | | |
| | | if (B12 % 10 == 0) { |
| | | html7 += '<tr></tr>' |
| | | } |
| | | } |
| | | else if(item.AreaNo == "B13") |
| | | { |
| | | if (item != undefined) { |
| | | //判断储位标识是否为0 |
| | | if(item.Flag != '0') |
| | | { |
| | | html2 += '<td><button value=' + item.LocatNo + ' class="btnShow filg" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //空储位 0 |
| | | else if (item.Status == 0) { |
| | | html2 += '<td><button value=' + item.LocatNo + ' class="btnShow zero" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //有物品 1 |
| | | else if (item.Status == 1) { |
| | | html2 += '<td><button value=' + item.LocatNo + ' class="btnShow one" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //入库中 2 |
| | | else if (item.Status == 2) { |
| | | html2 += '<td><button value=' + item.LocatNo + ' class="btnShow two" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //出库中 3 |
| | | else if (item.Status == 3) { |
| | | html2 += '<td><button value=' + item.LocatNo + ' class="btnShow three" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移入中 4 |
| | | else if (item.Status == 4) { |
| | | html2 += '<td><button value=' + item.LocatNo + ' class="btnShow four" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移出中 5 |
| | | else if (item.Status == 5) { |
| | | html2 += '<td><button value=' + item.LocatNo + ' class="btnShow five" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | } else { |
| | | // console.log(i, a); |
| | | html2 += '<td></td>' |
| | | } |
| | | |
| | | if (item.Row == 2) { |
| | | html2 += '<tr></tr>' |
| | | } |
| | | } |
| | | else if(item.AreaNo == "B14") |
| | | { |
| | | if (item != undefined) { |
| | | //判断储位标识是否为0 |
| | | if(item.Flag != '0') |
| | | { |
| | | html1 += '<td><button value=' + item.LocatNo + ' class="btnShow filg" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //空储位 0 |
| | | else if (item.Status == 0) { |
| | | html1 += '<td><button value=' + item.LocatNo + ' class="btnShow zero" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //有物品 1 |
| | | else if (item.Status == 1) { |
| | | html1 += '<td><button value=' + item.LocatNo + ' class="btnShow one" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //入库中 2 |
| | | else if (item.Status == 2) { |
| | | html1 += '<td><button value=' + item.LocatNo + ' class="btnShow two" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //出库中 3 |
| | | else if (item.Status == 3) { |
| | | html1 += '<td><button value=' + item.LocatNo + ' class="btnShow three" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移入中 4 |
| | | else if (item.Status == 4) { |
| | | html1 += '<td><button value=' + item.LocatNo + ' class="btnShow four" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移出中 5 |
| | | else if (item.Status == 5) { |
| | | html1 += '<td><button value=' + item.LocatNo + ' class="btnShow five" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | } else { |
| | | // console.log(i, a); |
| | | html1 += '<td></td>' |
| | | } |
| | | if (item.Depth == 2) { |
| | | html1 += '<tr></tr>' |
| | | } |
| | | } |
| | | else if(item.AreaNo == "B15") |
| | | { |
| | | if (item != undefined) { |
| | | //判断储位标识是否为0 |
| | | if(item.Flag != '0') |
| | | { |
| | | html4 += '<td><button value=' + item.LocatNo + ' class="btnShow filg" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //空储位 0 |
| | | else if (item.Status == 0) { |
| | | html4 += '<td><button value=' + item.LocatNo + ' class="btnShow zero" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //有物品 1 |
| | | else if (item.Status == 1) { |
| | | html4 += '<td><button value=' + item.LocatNo + ' class="btnShow one" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //入库中 2 |
| | | else if (item.Status == 2) { |
| | | html4 += '<td><button value=' + item.LocatNo + ' class="btnShow two" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //出库中 3 |
| | | else if (item.Status == 3) { |
| | | html4 += '<td><button value=' + item.LocatNo + ' class="btnShow three" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移入中 4 |
| | | else if (item.Status == 4) { |
| | | html4 += '<td><button value=' + item.LocatNo + ' class="btnShow four" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移出中 5 |
| | | else if (item.Status == 5) { |
| | | html4 += '<td><button value=' + item.LocatNo + ' class="btnShow five" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | } else { |
| | | // console.log(i, a); |
| | | html4 += '<td></td>' |
| | | } |
| | | } |
| | | } |
| | | }); |
| | | html1 += '</tr>'; |
| | | html2 += '</tr>'; |
| | | html3 += '</tr>'; |
| | | html4 += '</tr>'; |
| | | html5 += '</tr>'; |
| | | html6 += '</tr>'; |
| | | html7 += '</tr>'; |
| | | $("#tabOne").append(html1); |
| | | $("#tabTwe").append(html2); |
| | | console.log(html3) |
| | | $("#tabThree").append(html3); |
| | | $("#tabfour").append(html4); |
| | | $("#tabfive").append(html5); |
| | | $("#tabSix").append(html6); |
| | | $("#tabSeven").append(html7); |
| | | |
| | | }); |
| | | |
| | | } else { |
| | | layer.msg(res.msg, { |
| | |
| | | |
| | | //#region 点击储位btn按钮查看储位上信息 |
| | | var tipsVal; |
| | | var tipsVal1; |
| | | // 1.找到触发的事件对象(绑定全局) 2.事件处理程序 |
| | | $('body').on('click','.btnShow', function () { |
| | | var html; |
| | |
| | | } |
| | | |
| | | }); |
| | | //鼠标移出 |
| | | |
| | | $('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); |
| | | }); |
| | | //#endregion |
| | | //鼠标移出 |
| | | $('body').on('mouseout','.btnShow1', function () { |
| | | layer.close(tipsVal1); |
| | | }); |
| | | |
| | | // #region 定时刷新库位图例 |
| | | //获取是否自动刷新 |