AI事件管理修改

sgj

12 小时以前 711221e4b28157efc1762508e73e07311aa57a1e

 fzzy-igdss-web/src/main/resources/templates/security/snap/snapRecord/snapRecord.html

@@ -18,7 +18,20 @@
                <div class="select-list">
                    <ul>
                        <li>
                            所属库区：<input type="text" name="deptId"/>
                            收储公司：<select name="companyId">
                            <option value="all">所有</option>
                        </select>
                        </li>
                        <li>
                            所选库区：<select name="deptId">
                            <option value="">所有</option>
                        </select>
                        </li>
                        <li class="select-time">
                            <label style="width: 100px">抓拍时间：</label>
                            <input type="text" class="time-input" style="width: 120px;" id="start" placeholder="开始时间" name="params[begin]"/>
                            <span>-</span>
                            <input type="text" class="time-input" style="width: 120px;" id="end" placeholder="结束时间" name="params[end]"/>
                        </li>
                        <li>
                            <a class="btn btn-primary btn-rounded btn-sm" onclick="searchRecord()"><i
@@ -37,7 +50,7 @@
        </div>


        <div class="col-sm-12 " style="padding-top: 10px;">
        <div class="col-sm-12 " style="padding-top: 10px;background: #FFFFFF;margin-top: 10px;">
            <!-- 图片网格 -->
            <div class="gallery-grid" id="gallery-container">
                <!-- 图片为空时显示 -->
@@ -56,17 +69,9 @@
                            <!--                            <h3 class="gallery-title" th:text="${snapRecord.id}"></h3>-->
                            <!-- 标签列表 -->
                            <div class="gallery-tags">
                                <span class="tag-person">
                                <span th:each="tag : ${#strings.arraySplit(snapRecord.tags, ',')}" class="tag-person">
                                    <i class="layui-icon layui-icon-note"></i>
                                    <span>汽车</span>
                                </span>
                                <span class="tag-person">
                                    <i class="layui-icon layui-icon-note"></i>
                                    <span>卡车</span>
                                </span>
                                <span class="tag-person">
                                    <i class="layui-icon layui-icon-note"></i>
                                    <span>翻斗车</span>
                                    <span th:text="${tag}"></span>
                                </span>
                            </div>
                        </div>
@@ -75,16 +80,37 @@
                            <div style="display: flex; align-items: center; gap: 15px;width: 100%">
                                <div class="meta-item" style="width: 50%">
                                    <i class="layui-icon layui-icon-video"></i>
                                    <span th:text="${snapRecord.cameraId}"></span>
                                    <!-- 使用标志变量记录是否已匹配 -->
                                    <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>
                                </div>


                                <div class="meta-item" style="width: 50%">
                                    <i class="layui-icon layui-icon-date"></i>
                                    <span th:text="${#dates.format(snapRecord.snapTime, 'yyyy-MM-dd HH:mm')}"></span>
                                </div>
                                    <span th:text="${snapRecord.snapTime != null ? #dates.format(snapRecord.snapTime, 'yyyy-MM-dd HH:mm') : '无时间'}"></span>                                </div>
                            </div>
                            <div class="meta-item">
                                <i class="layui-icon layui-icon-home"></i>
                                <span th:text="${snapRecord.deptId}"></span>
<!--                                <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>
                                </th:block>
                            </div>
                        </div>
                    </div>
@@ -112,9 +138,12 @@
<script th:src="@{/ajax/libs/layui-ruoyi/layui.js}"></script>
<script th:src="@{/security/snap/snapRecord.js}"></script>
<script th:inline="javascript">
    var cameraList = [[${cameraList}]];
    var deptList = [[${deptList}]];
    var currentPage = [[${currentPage}]];
    var totalItems = [[${totalItems}]];
    var pageSize = [[${pageSize}]];

</script>

</body>