From f6abc8c724eed706487b7616bc6c816e5db5c939 Mon Sep 17 00:00:00 2001
From: czt <czt18638530771@163.com>
Date: 星期二, 09 十二月 2025 20:13:48 +0800
Subject: [PATCH] 数量检测页面提交
---
fzzy-igdss-web/src/main/resources/templates/security/video-list.html | 236 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 236 insertions(+), 0 deletions(-)
diff --git a/fzzy-igdss-web/src/main/resources/templates/security/video-list.html b/fzzy-igdss-web/src/main/resources/templates/security/video-list.html
new file mode 100644
index 0000000..e18f386
--- /dev/null
+++ b/fzzy-igdss-web/src/main/resources/templates/security/video-list.html
@@ -0,0 +1,236 @@
+<!DOCTYPE html>
+<html lang="zh-cn" xmlns:th=http://www.thymeleaf.org>
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <meta name="renderer" content="webkit">
+ <title>鏅烘収绮簱绠＄悊骞冲彴-鐩戞帶鍒楄〃</title>
+
+ <link rel="stylesheet" th:href="@{/ajax/libs/layui/css/layui.css}"/>
+ <link rel="stylesheet" th:href="@{/security/video-list.css}">
+
+ <style>
+ html, body, .full {
+ width: 100%;
+ height: 100%;
+ overflow-y: hidden;
+ }
+
+ .layui-fluid {
+ position: relative;
+ margin: 0 auto;
+ padding: unset;
+ }
+
+ .layui-col-space20 {
+ margin: unset;
+ }
+
+ .layui-col-space20>* {
+ padding: 10px 5px;
+ }
+
+ .sp-showItem2 {
+ height: 690px;
+ }
+
+ .sp-box {
+ height: 760px;
+ }
+
+ .sp-rl>span {
+ line-height: 50px;
+ color: #bbc3cd;
+ font-size: 20px;
+ }
+
+ .sp-table {
+ height: 732px;
+ width: 425px;
+ }
+
+ .pdgxq-table1 {
+ background-color: transparent;
+ margin: 0;
+ }
+
+ .pdgxq-table1 thead tr th {
+ color: #ef344a;
+ }
+
+ .pdgxq-table1 thead tr {
+ background: #141C25 !important;
+ border-bottom: 1px solid #ef344a;
+ }
+
+ .layui-table td, .layui-table th {
+ padding: 9px 5px;
+ }
+
+ .pdgxq-table1 th, .pdgxq-table1 td {
+ text-align: center;
+ min-height: 32px;
+ line-height: 32px;
+ font-size: 14px;
+ }
+
+ .pdgxq-table1 tbody tr:nth-child(odd) {
+ background-color: #262d33;
+ }
+
+ .pdgxq-table1 td em {
+ color: #ef344a;
+ }
+
+ .layui-table td, .layui-table th {
+ padding: 9px 5px;
+ }
+
+ .pdgxq-table1 td {
+ color: #fff;
+ cursor: pointer;
+ }
+ .video {
+ width: 100%;
+ height: 100%;
+ }
+ </style>
+</head>
+
+<body class="pdgxq-body">
+<div class="i-container">
+ <div class="jmkt-main">
+ <div class="layui-fluid">
+ <div class="sp-boxWrap layui-row layui-col-space20">
+ <div class="layui-col-lg9 layui-col-md9">
+ <div class="pdgxq-m1-left sp-box">
+
+ <div class="pdgxq-H">
+ <h3>
+ <i></i>瑙嗛瀹炴椂棰勮
+ </h3>
+ </div>
+
+ <div class="sp-tab-bd" style="padding: 5px 10px 15px 10px;">
+ <div class="sp-showBox layui-row show">
+ <div class="layui-col-lg12 layui-col-md12">
+ <div class="sp-showItem2" onmouseover="showPtz()"
+ onmouseout="disPtz()">
+ <!-- 浣跨敤鏈湴VLC鎻掍欢鎾斁 -->
+ <div id="vlcPlayer" style="display: none; width: 100%; height: 100%"></div>
+
+<!-- <!– 浣跨敤鎾斁鍣ㄦ挱鏀� –>-->
+<!-- <easy-player id="easyPlayer" style="display: none;" live="true" show-custom-button="true" auto-play="true" muted="true"></easy-player>-->
+
+<!-- <!– 浣跨敤IFrame鎾斁 –>-->
+<!-- <iframe id="iframePlayer" src="" style="display: none;" width="100%" height="100%" allowfullscreen></iframe>-->
+
+ <!-- 浣跨敤WebRtc鎾斁 -->
+ <video class="video" id="video" autoplay="" muted="" playsinline="">
+
+ <!-- 浜戝彴鎺у埗 -->
+ <div class="ptz-block" id="ptz-block" style="opacity: 0;">
+ <div class="ptzBlock">
+ <div class="ptz-block-box">
+ <div title="涓�" onmousedown="mouseDownPTZControl(1);"
+ onmouseup="mouseUpPTZControl();"
+ class="ptz-cell direction ptz-up">
+ <i class="layui-icon layui-icon-up"></i>
+ </div>
+ <div title="宸�" onmousedown="mouseDownPTZControl(3);"
+ onmouseup="mouseUpPTZControl();"
+ class="ptz-cell direction ptz-left">
+ <i class="layui-icon layui-icon-left"></i>
+ </div>
+ <div title="浜戝彴鎺у埗"
+ class="ptz-center layui-icon layui-icon-voice"></div>
+ <div title="鍙�" onmousedown="mouseDownPTZControl(4);"
+ onmouseup="mouseUpPTZControl();"
+ class="ptz-cell direction ptz-right">
+ <i class="layui-icon layui-icon-right"></i>
+ </div>
+ <div title="涓�" onmousedown="mouseDownPTZControl(2);"
+ onmouseup="mouseUpPTZControl();"
+ class="ptz-cell direction ptz-down">
+ <i class="layui-icon layui-icon-down"></i>
+ </div>
+ </div>
+ <div title="浜戝彴閫熷害">
+ <div class="ptz-input el-input el-input--mini">
+ <input type="number" autocomplete="off" value='120'
+ min="0" max="255" class="el-input__inner">
+ </div>
+ </div>
+ <div title="鏀惧ぇ" onmousedown="PTZZoomIn()"
+ onmouseup="PTZZoomStop()"
+ class="ptz-cell ptz-btn ptz-plus">
+ <i class="layui-icon layui-icon-addition"></i>
+ </div>
+ <div title="缂╁皬" onmousedown="PTZZoomout()"
+ onmouseup="PTZZoomStop()"
+ class="ptz-cell ptz-btn ptz-minus">
+ <i class="layui-icon layui-icon-subtraction"></i>
+ </div>
+ </div>
+ </div>
+ <!-- 浜戝彴鎺у埗 END -->
+
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!--pdgxq-m1-left end-->
+ <div class="layui-col-lg3 layui-col-md3">
+ <div class="pdgxq-m1-right sp-box" style="height: 760px;">
+ <div class="pdgxq-H">
+ <h3>
+ <i></i>璁惧鍒楄〃
+ </h3>
+ </div>
+ <div class="sp-table-box">
+ <div class="sp-table">
+
+ <table class="layui-table pdgxq-table1" lay-skin="nob">
+ <colgroup>
+ <col width="70%">
+ <col width="15%">
+ <col width="15%">
+ </colgroup>
+ <thead>
+ <tr>
+ <th>鍚嶇О</th>
+ <th>绫诲瀷</th>
+ <th>鐘舵��</th>
+ </tr>
+ </thead>
+ <tbody id="cameraList">
+
+ </tbody>
+ </table>
+
+ </div>
+ </div>
+ </div>
+ </div>
+ <!--pdgxq-m1-left end-->
+ </div>
+ <!--sp-boxWrap end-->
+ </div>
+ </div>
+ <!--jmkt-main end-->
+</div>
+<!--i-container end-->
+
+
+<script th:inline="javascript">
+ var listCamera = [[${listCamera}]];
+</script>
+<script th:src="@{/js/jquery.min.js}"></script>
+<script th:src="@{/ajax/libs/layui/layui.js}"></script>
+<script th:src="@{/common/constant.js}"></script>
+<script th:src="@{/security/video-list.js}"></script>
+</body>
+</html>
--
Gitblit v1.9.3