热力图

cl

2026-03-23 9245059bbd1202e8e59486e5f124d7819760818a

 src/main/webapp/views/report/viewLocMap.html

@@ -16,10 +16,97 @@
            height:700px
        }
        .a-loc {
            cursor: pointer;
            font-size: 18px;
            cursor: default;
            font-size: 12px;
            font-weight: bold;
            text-align: left;
            max-width: 220px;
            overflow-wrap: anywhere;
            word-break: break-word;
            white-space: normal;
            vertical-align: middle;
            line-height: 1.25;
        }
        .loc-map-inner {
            display: grid;
            grid-template-columns: auto 1fr;
            align-items: center;
            column-gap: 8px;
        }
        .loc-map-col1 {
            display: grid;
            grid-template-columns: minmax(0, max-content);
            row-gap: 4px;
            justify-items: stretch;
            width: max-content;
            max-width: 100%;
            min-width: 0;
        }
        .loc-map-top-left {
            display: flex;
            align-items: center;
            gap: 4px;
            flex-wrap: nowrap;
            width: max-content;
            max-width: 100%;
        }
        .loc-map-bars {
            min-width: 0;
            width: 100%;
            max-width: 100%;
            box-sizing: border-box;
        }
        .loc-map-maktx-wrap {
            justify-self: center;
            text-align: center;
            min-width: 0;
            max-width: 100%;
        }
        .loc-map-sts {
            flex: 0 0 auto;
            padding: 1px 6px;
            border-radius: 4px;
            border: 1px solid currentColor;
            font-size: 13px;
            font-weight: 800;
            line-height: 1.2;
            opacity: 0.95;
        }
        .loc-map-locno-badge {
            cursor: pointer;
            flex: 0 1 auto;
            padding: 0;
            font-size: 14px;
            font-weight: normal;
            white-space: nowrap;
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .loc-map-maktx {
            cursor: pointer;
            font-weight: 600;
            display: inline-block;
            text-align: center;
            max-width: 140px;
            word-break: break-word;
            vertical-align: middle;
        }
        .loc-map-bar {
            cursor: pointer;
            margin-top: 4px;
            font-size: 14px;
            font-weight: normal;
            line-height: 1.35;
            word-break: break-all;
            overflow-wrap: anywhere;
            text-align: left;
            opacity: 0.92;
            max-width: 100%;
            box-sizing: border-box;
        }
        .loc-map-bar:first-child {
            margin-top: 0;
        }
        .layui-table, .layui-table-view {
            margin: 0;
@@ -69,6 +156,19 @@
            </select>
        </div>
    </div>
    <div class="layui-inline" style="margin-left: 16px">
        <label class="layui-form-label" style="width:auto;padding:9px 8px;">自动刷新</label>
        <div class="layui-input-inline" style="width:130px">
            <select id="locMapRefreshSelect" name="locMapRefresh" lay-filter="locMapRefresh">
                <option value="0">不刷新</option>
                <option value="5000">5秒</option>
                <option value="10000" selected>10秒</option>
                <option value="20000">20秒</option>
                <option value="30000">30秒</option>
                <option value="60000">1分钟</option>
            </select>
        </div>
    </div>
</div>
<div id="locMapContain">
    <table class="layui-table" id="locMap" lay-filter="locMap"></table>
@@ -89,7 +189,7 @@
        {{#each body}}
        <tr>
            {{#each loc}}
                <td class="a-loc" title="{{locNo}}" onclick="locDetl(this)" style="background-color:{{bgc}};color:{{color}}">{{locSts}}</td>
                <td class="a-loc" title="{{locNo}}" data-loc-sts="{{locSts}}" style="background-color:{{bgc}};color:{{color}}">{{#if locNo}}<div class="loc-map-inner"><div class="loc-map-col1"><div class="loc-map-top-left"><span class="loc-map-sts">{{locSts}}</span><span class="loc-map-locno-badge" data-copy-loc="{{locNo}}">库位:{{locNo}}</span></div><div class="loc-map-bars">{{#if itemBarcodes}}<div class="loc-map-bar" data-copy-bar="{{itemBarcodes}}">条码:{{itemBarcodes}}</div>{{/if}}{{#if pltBarcodes}}<div class="loc-map-bar" data-copy-bar="{{pltBarcodes}}">条码:{{pltBarcodes}}</div>{{/if}}</div></div><div class="loc-map-maktx-wrap">{{#if maktx}}<span class="loc-map-maktx" data-loc-no="{{locNo}}">{{maktx}}</span>{{/if}}</div></div>{{else}}{{locSts}}{{/if}}</td>
            {{/each}}
        </tr>
        {{/each}}