sgj
2026-02-26 abf0b44fe291299f8440b84cc185a1205ece7096
fzzy-igdss-web/src/main/resources/templates/security/snapRecord.html
@@ -9,6 +9,12 @@
    <link rel="stylesheet" type="text/css" th:href="@{/ajax/libs/layui/css/layui.css}"/>
    <link rel="stylesheet" th:href="@{/security/snap/snapRecord-style.css}">
    <th:block th:include="include :: select2-css"/>
    <style>
        .select-list .select2-container--bootstrap {
            width: 280px !important;
            display: inline-block;
        }
    </style>
</head>
<body class="gray-bg">
<div class="container-div">
@@ -28,8 +34,8 @@
                        </li>
                        <li>
                            所选库区:<select class="form-control" name="deptId">
                            <option value="">所有</option>
                            <option th:each="dept : ${deptList}" th:value="${dept.id}" th:text="${dept.kqmc}">
                            <option th:each="dept : ${deptList}" th:value="${dept.id}" th:text="${dept.kqmc}"
                                    th:selected="${dept.id == defaultDeptId}">
                            </option>
                        </select>
                        </li>
@@ -38,10 +44,10 @@
                        </li>
                        <li class="select-time">
                            <label style="width: 100px">抓拍时间:</label>
                            <input type="text" class="time-input" style="width: 120px;" id="start"
                            <input type="text" class="time-input" style="width: 140px;" id="start"
                                   placeholder="开始时间" name="start"/>
                            <span>-</span>
                            <input type="text" class="time-input" style="width: 120px;" id="end" placeholder="结束时间"
                            <input type="text" class="time-input" style="width: 140px;" id="end" placeholder="结束时间"
                                   name="end"/>
                        </li>
                        <li>
@@ -89,23 +95,13 @@
                        <div class="gallery-meta">
                            <div style="display: flex; align-items: center; gap: 15px;width: 100%">
                                <div class="meta-item" style="width: 50%">
                                <div class="meta-item" style="min-width: 60%">
                                    <i class="layui-icon layui-icon-video"></i>
                                    <!-- 使用标志变量记录是否已匹配 -->
                                    <th:block th:with="matchedCameras=${cameraList.?[id == #root.snapRecord.cameraId]}">
                                        <!-- 如果有匹配项,显示第一个匹配的摄像头名称 -->
                                        <th:block th:if="${!#lists.isEmpty(matchedCameras)}">
                                            <span th:text="${matchedCameras[0].name}"></span>
                                        </th:block>
                                        <!-- 如果没有匹配项,显示原始ID -->
                                        <th:block th:if="${#lists.isEmpty(matchedCameras)}">
                                            <span th:text="${snapRecord.cameraId}"></span>
                                        </th:block>
                                    </th:block>
                                    <span th:text="${snapRecord.cameraId}"></span>
                                </div>
                                <div class="meta-item" style="width: 50%">
                                <div class="meta-item" style="min-width: 40%">
                                    <i class="layui-icon layui-icon-date"></i>
                                    <span th:text="${snapRecord.snapTime != null ? #dates.format(snapRecord.snapTime, 'yyyy-MM-dd HH:mm') : '无时间'}"></span>
                                </div>
@@ -114,11 +110,9 @@
                                <i class="layui-icon layui-icon-home"></i>
                                <!--                                <span th:text="${snapRecord.deptId}"></span>-->
                                <th:block th:with="matchedDept=${deptList.?[id == #root.snapRecord.deptId]}">
                                    <!-- 如果有匹配项,显示第一个匹配的摄像头名称 -->
                                    <th:block th:if="${!#lists.isEmpty(matchedDept)}">
                                        <span th:text="${matchedDept[0].kqmc}"></span>
                                    </th:block>
                                    <!-- 如果没有匹配项,显示原始ID -->
                                    <th:block th:if="${#lists.isEmpty(matchedDept)}">
                                        <span th:text="${snapRecord.deptId}"></span>
                                    </th:block>