From d907a822a940c7ec0fb7de0ca845472bda52229b Mon Sep 17 00:00:00 2001
From: lty <876263681@qq.com>
Date: 星期二, 03 二月 2026 14:33:12 +0800
Subject: [PATCH] #pda料箱组托和换码

---
 src/main/webapp/views/report/viewLocMap.html |   84 +++++++++++++++++++++++++++++++++++++----
 1 files changed, 75 insertions(+), 9 deletions(-)

diff --git a/src/main/webapp/views/report/viewLocMap.html b/src/main/webapp/views/report/viewLocMap.html
index 28742c2..6681c9b 100644
--- a/src/main/webapp/views/report/viewLocMap.html
+++ b/src/main/webapp/views/report/viewLocMap.html
@@ -13,7 +13,8 @@
         #locMapContain {
             overflow-x: auto;
             width:100%;
-            height:700px
+            height:700px;
+            position: relative;
         }
         .a-loc {
             cursor: pointer;
@@ -47,24 +48,78 @@
             background   : #ededed;
             border-radius: 10px;
         }
-</style>
+        .layui-table td:hover {
+            opacity: 0.5;
+        }
+        .loc-selected {
+            border: 2px solid red !important;
+            box-shadow: 0 0 5px red;
+        }
+        #selectionBox {
+            position: absolute;
+            border: 1px dashed #009688;
+            background-color: rgba(0, 150, 136, 0.2);
+            display: none;
+            z-index: 1000;
+            pointer-events: none;
+        }
+        .area-legend-item {
+            display: inline-flex;
+            align-items: center;
+            margin-right: 15px;
+            font-size: 14px;
+            cursor: pointer;
+            padding: 2px 5px;
+            border-radius: 4px;
+            transition: background-color 0.2s;
+        }
+        .area-legend-item:hover {
+            background-color: #f0f0f0;
+        }
+    </style>
 </head>
 <body>
 <!-- 鎼滅储鏍� -->
 <div id="search-box" class="layui-form layui-card-header">
     <div class="layui-inline" style="margin-left: 10px">
-        <div class="layui-input-inline">
-            <select name="row" lay-filter="row">
-                <option value="1">绗�1鎺�</option>
-                <option value="2">绗�2鎺�</option>
-                <option value="3">绗�3鎺�</option>
-                <option value="4">绗�4鎺�</option>
+        <label class="layui-form-label" style="width: auto; min-width: 80px;" data-i18n="display_mode">鏄剧ず妯″紡</label>
+        <div class="layui-input-inline" style="width: 150px;">
+            <select id="viewMode" name="viewMode" lay-filter="viewMode">
+                <option value="byRow" data-i18n="view_by_row">鎸夋帓鏄剧ず</option>
+                <option value="byLayer" data-i18n="view_by_layer">鎸夊眰鏄剧ず</option>
             </select>
         </div>
     </div>
+
+    <!-- 鎸夋帓鏃剁殑涓嬫媺妗嗭紙榛樿鏄剧ず锛� -->
+    <div class="layui-inline" id="rowSelectBox" style="margin-left: 20px;">
+        <div class="layui-input-inline">
+            <select id="rowSelect" name="row" lay-filter="row">
+                <!-- 閫夐」鐢眏s鍔ㄦ�佺敓鎴� -->
+            </select>
+        </div>
+    </div>
+
+    <!-- 鎸夊眰鏃剁殑涓嬫媺妗嗭紙鍒濆闅愯棌锛� -->
+    <div class="layui-inline" id="layerSelectBox" style="margin-left: 20px; display:none;">
+        <div class="layui-input-inline">
+            <select id="layerSelect" name="layer" lay-filter="layer">
+                <!-- 閫夐」鐢眏s鍔ㄦ�佺敓鎴� -->
+            </select>
+        </div>
+    </div>
+
+    <div class="layui-inline" style="margin-left: 20px;">
+        <button class="layui-btn layui-btn-normal" id="btnSelectMode" data-i18n="enable_selection">寮�鍚閫�</button>
+        <button class="layui-btn" id="btnAssignZone" style="display:none; margin-left:10px;" data-i18n="assign_zone">鍒嗛厤搴撳尯</button>
+    </div>
+</div>
+<div id="areaLegend" style="padding: 5px 15px; background: #fff; border-bottom: 1px solid #eee; display:none;">
+    <!-- Legend items will be injected here -->
 </div>
 <div id="locMapContain">
     <table class="layui-table" id="locMap" lay-filter="locMap"></table>
+    <div id="selectionBox"></div>
 </div>
 <!-- 琛ㄦ牸 -->
 
@@ -82,7 +137,11 @@
         {{#each body}}
         <tr>
             {{#each loc}}
-                <td class="a-loc" title="{{locNo}}" onclick="locDetl(this)" style="background-color:{{bgc}};color:{{color}}">{{locType}}</td>
+                <td class="a-loc" title="{{locNo}}" onclick="locDetl(this)" 
+                    style="background-color:{{bgc}};color:{{color}};position:relative;{{#if locType2}}box-shadow:inset 0 0 0 4px {{getAreaColor locType2}}{{/if}}">
+                    {{locSts}}
+                    {{#if locType2}}<div style="position:absolute;top:0;right:0;width:0;height:0;border-top:10px solid {{getAreaColor locType2}};border-left:10px solid transparent;"></div>{{/if}}
+                </td>
             {{/each}}
         </tr>
         {{/each}}
@@ -93,7 +152,14 @@
 <script type="text/javascript" src="../../static/js/common.js" charset="utf-8"></script>
 <script type="text/javascript" src="../../static/js/cool.js" charset="utf-8"></script>
 <script type="text/javascript" src="../../static/js/handlebars/handlebars-v4.5.3.js"></script>
+<script type="text/javascript" src="../../static/js/i18n/i18n-helper.js"></script>
 <script type="text/javascript" src="../../static/js/report/locMap.js" charset="utf-8"></script>
 </body>
+<script type="text/template" id="locMastRowTemplate">
+    {{#each data}}
+    <option value="{{this}}">{{this}}</option>
+    {{/each}}
+</script>
+
 </html>
 

--
Gitblit v1.9.1