From 62f6435ffed439deb76093ec0aceac7f3bbd6549 Mon Sep 17 00:00:00 2001
From: wxw <Administrator@DESKTOP-5BIMHQ3>
Date: 星期二, 29 四月 2025 14:33:32 +0800
Subject: [PATCH] 修改问题

---
 HTML/views/WareHouseSetting/FlatLibraryLegend.html | 2142 ++++++++++++++++++++++++++++++++++++++---------------------
 1 files changed, 1,377 insertions(+), 765 deletions(-)

diff --git a/HTML/views/WareHouseSetting/FlatLibraryLegend.html b/HTML/views/WareHouseSetting/FlatLibraryLegend.html
index 8e3e6a1..7fde50e 100644
--- a/HTML/views/WareHouseSetting/FlatLibraryLegend.html
+++ b/HTML/views/WareHouseSetting/FlatLibraryLegend.html
@@ -103,47 +103,68 @@
         }
         
 		.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>
@@ -152,19 +173,19 @@
                                     <!-- 鍌ㄤ綅鍥句緥 -->
                                     <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>
@@ -184,144 +205,1226 @@
                     </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%;">
-                    <!-- 涓�銆佷笁妤间笅宸05銆丅14 -->
-					<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> 
 
-                    <!-- 涓�妤间笅涓瑽06 -->
-					<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銆丅15 -->
-					<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>
@@ -346,652 +1449,115 @@
 				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, {
@@ -1005,6 +1571,7 @@
 
 		    //#region 鐐瑰嚮鍌ㄤ綅btn鎸夐挳鏌ョ湅鍌ㄤ綅涓婁俊鎭� 
 			var tipsVal;
+			var tipsVal1;
 			// 1.鎵惧埌瑙﹀彂鐨勪簨浠跺璞★紙缁戝畾鍏ㄥ眬锛�  2.浜嬩欢澶勭悊绋嬪簭
 			$('body').on('click','.btnShow', function () {
 				var html;
@@ -1046,11 +1613,56 @@
 				}
 				
 			});
-			//榧犳爣绉诲嚭
+			
+            $('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/>鎵樼洏鍙凤細&nbsp;&nbsp;&nbsp;&nbsp;"+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/>鎵规鍙凤細&nbsp;&nbsp;&nbsp;&nbsp;"+res.data.GoodsInfoList[i].LotNo;
+									html += "<br/>鏁伴噺锛�&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"+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 瀹氭椂鍒锋柊搴撲綅鍥句緥
 			//鑾峰彇鏄惁鑷姩鍒锋柊

--
Gitblit v1.8.0