YFKJ_EmbeddedSoftwareTeam
/
rtu_linux_services


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
							<!doctype html>
<html lang="zh-CN">

<head>
<meta charset="utf-8">
<title>相机操作</title>
<link rel="stylesheet" href="static/css/app.css">
<link rel="stylesheet" href="static/css/button.css">
<link rel="stylesheet" href="static/css/page5.css">
</head>

<body>
<div class="app">
  <main class="view page-camera">
    <div class="page5-top">
      <div class="status-bar">
        <div class="status-item">
          <span class="label">相机服务</span>
          <span class="value" id="avar1">--</span>
        </div>
        <div class="status-item">
          <span class="label">相机总数</span>
          <span class="value" id="avar2">--</span>
        </div>
        <div class="status-item">
          <span class="label">海康数量</span>
          <span class="value" id="avar3">--</span>
        </div>
        <div class="status-item">
          <span class="label">大华数量</span>
          <span class="value" id="avar4">--</span>
        </div>
        <div class="status-item button-item">
          <span style="margin:0 1px;"></span>
          <button class="btn" title="点击刷新最新数据" id="btn1" onclick="getCameraStatus()">数据刷新</button>
        </div>
      </div>

      <div class="status-bar">
        <div class="status-item">
          <span class="label">网口相机(IP/MASK)</span>
          <span class="value">192.168.100.100/24</span>
        </div>
        <div class="status-item">
          <span class="label">GPIO22供电开关</span>
          <span class="value" id="avar5">--</span>
        </div>
        <div class="status-item">
          <span class="label">连接状态</span>
          <span class="value" id="avar6">--</span>
        </div>
        <div class="status-item button-item">
          <span style="margin:0 1px;"></span>
          <button class="btn" title="开启GPIO22供电控制" onclick="cameraPower('true')">上电</button>
          <span style="margin:0 1px;"></span>
          <button class="btn" title="关闭GPIO22供电控制" onclick="cameraPower('false')">断电</button>
          <span style="margin:0 1px;"></span>
          <button class="btn" title="检测网口相机是否已连通(Ping测试)" onclick="cameraPing()">检测</button>
        </div>
      </div>
    </div>

     <div class="panes">
      <!-- 左栏 -->
      <div class="left-pane">
        <div class="card camera-card">
          <div class="card-header">
            <h2>拍照测试</h2>
            <div class="log-actions">
              <button class="btn" id="btn2" onclick="takeOnePhoto()">单次拍照</button>
              <span style="margin:0 1px;"></span>
              <button class="btn" id="btn3" onclick="startCameraPreview()">连续拍照</button>
              <span style="margin:0 1px;"></span>
              <button class="btn" id="btn4" onclick="stopCameraPreview()">停止连拍</button>
              <span style="margin:0 1px;"></span>
              <button class="btn" id="btn5" onclick="downloadCameraImage()">图像下载</button>
            </div>
          </div>
          <div class="camera-image-box">
            <img id="camera-image" src="static/images/camera.png" alt="Camera Image">
          </div>
          <table class="camera-info-table">
            <tr>
              <td>采集状态</td>
              <td id="cvar1">--</td>
              <td>采集总帧数</td>
              <td id="cvar2">--</td>
            </tr>
            <tr>
              <td>相机型号</td>
              <td id="cvar3">--</td>
              <td>相机序列号</td>
              <td id="cvar4">--</td>
            </tr>
            <tr>
              <td>曝光时长</td>
              <td id="cvar5">--</td>
              <td>图像分辨率</td>
              <td id="cvar6">--</td>
            </tr>
          </table>
        </div>
      </div>
      <!-- 右栏 -->
      <div class="right-pane">
        <div class="card log-card">
          <div class="card-header">
            <h2>相机服务</h2>
            <div class="log-actions">
              <select class="log-level-select" id="logLevel" title="当前服务日志级别" onchange="setCameraLogLevel()">
                <option value="trace">trace</option>
                <option value="debug">debug</option>
                <option value="info" selected>info</option>
                <option value="error">error</option>
                <option value="fatal">fatal</option>
              </select>
              <span style="margin:0 1px;"></span>
              <button class="btn" title="复制当前屏显日志" onclick="copyLog('text1')">复制</button>
              <span style="margin:0 1px;"></span>
              <button class="btn" title="清除当前屏显日志" onclick="clearLog('text1')">清除</button>
              <span style="margin:0 1px;"></span>
              <button class="btn" title="下载服务日志文件" onclick="downloadCameraLogFile(event)">下载</button>
              <span style="margin:0 1px;"></span>
              <button class="btn" title="点击重启相机服务" onclick="restartCameraService(event)">重启</button>
            </div>
          </div>
          <div class="output" id="text1">自动实时获取数据...</div>
        </div>
      </div>
      <!-- 结束 -->
     </div>
  </main>
</div>
</body>

</html>