217 lines
12 KiB
HTML
217 lines
12 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh" xmlns="http://www.w3.org/1999/xhtml">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<title>四川省司法厅国产化设备兼容性测试Demo</title>
|
||
<meta name="renderer" content="webkit">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
||
<link rel="stylesheet" href="layui/css/layui.css"/>
|
||
<link rel="stylesheet" href="style.css"/>
|
||
<script src="layui/layui.js"></script>
|
||
<script src="sftdevice.js"></script>
|
||
<script src="test.js"></script>
|
||
</head>
|
||
|
||
<body>
|
||
<div class="layui-container">
|
||
<div class="layui-row">
|
||
<div class="layui-col-md12 layui-font-20 title">
|
||
四川省司法厅国产化设备兼容性测试Demo
|
||
</div>
|
||
</div>
|
||
<div class="layui-row">
|
||
<div class="layui-tab layui-tab-card">
|
||
<ul class="layui-tab-title">
|
||
<li class="layui-this">高拍仪</li>
|
||
<li>身份证识读机</li>
|
||
<li>手写签名</li>
|
||
<li>扫描设备</li>
|
||
</ul>
|
||
<div class="layui-tab-content" style="height: 150px;">
|
||
<div class="layui-tab-item layui-show">
|
||
<div class="panel">
|
||
<div class="layui-row row-tools">
|
||
<div id="gpy_status" class="layui-col-md2"> 状态：未连接</div>
|
||
<div class="layui-col-md10">
|
||
视频设备列表：<select name="gpy_videos" id="gpy_videos" class="gpyobj"></select>
|
||
</div>
|
||
<!--
|
||
<div class="layui-col-md2">
|
||
音频设备列表：<select name="gpy_audios" id="gpy_audios" class="gpyobj"></select>
|
||
</div>
|
||
-->
|
||
</div>
|
||
<div class="layui-row row-tools">
|
||
<div class="layui-col-md2">
|
||
分辨率：<select name="gpy_resolutions" id="gpy_resolutions" class="gpyobj"></select>
|
||
</div>
|
||
<div class="layui-col-md2">
|
||
裁剪方式：<select name="gpy_cuttypes" id="gpy_cuttypes" class="gpyobj">
|
||
<option value="0">自动裁剪</option>
|
||
<option value="1">不裁剪</option>
|
||
</select>
|
||
</div>
|
||
<div class="layui-col-md2">
|
||
色彩模式：<select name="gpy_colortypes" id="gpy_colortypes" class="gpyobj">
|
||
<option value="1">彩色</option>
|
||
<option value="2">灰度</option>
|
||
<option value="3">黑白</option>
|
||
</select>
|
||
</div>
|
||
<div class="layui-col-md6">
|
||
JPG压缩率：<input type="text" name="gpy_jpgquality" id="gpy_jpgquality" class="inputtext gpyobj" value="90"/>
|
||
</div>
|
||
</div>
|
||
<div class="layui-row row-tools">
|
||
<div class="layui-col-md12">
|
||
<button type="button" id="StartVideo" name="StartVideo" class="layui-btn layui-btn-radius layui-btn-sm gpyobj">打开指定视频</button>
|
||
<button type="button" id="StartRunMain" name="StartRunMain" class="layui-btn layui-btn-radius layui-btn-sm gpyobj">打开主视频</button>
|
||
<button type="button" id="StartRunSub" name="StartRunSub" class="layui-btn layui-btn-radius layui-btn-sm gpyobj">打开副视频</button>
|
||
<button type="button" id="StopVideo" name="StopVideo" class="layui-btn layui-btn-radius layui-btn-sm gpyobj">关闭视频</button>
|
||
<button type="button" id="CaptureFile" name="CaptureFile" class="layui-btn layui-btn-radius layui-btn-sm gpyobj">文件方式拍照</button>
|
||
<button type="button" id="CaptureBase64" name="CaptureBase64" class="layui-btn layui-btn-radius layui-btn-sm gpyobj">Base64方式拍照</button>
|
||
<button type="button" id="RotateLeft" name="RotateLeft" class="layui-btn layui-btn-radius layui-btn-sm gpyobj">左转</button>
|
||
<button type="button" id="RotateRight" name="RotateRight" class="layui-btn layui-btn-radius layui-btn-sm gpyobj">右转</button>
|
||
<button type="button" id="ZoomIn" name="ZoomIn" class="layui-btn layui-btn-radius layui-btn-sm gpyobj">放大</button>
|
||
<button type="button" id="ZoomOut" name="ZoomOut" class="layui-btn layui-btn-radius layui-btn-sm gpyobj">缩小</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-tab-item">
|
||
<div class="panel">
|
||
<div class="layui-row row-tools">
|
||
<div id="sfz_status" class="layui-col-md2">状态：未连接</div>
|
||
<div class="layui-col-md10">
|
||
<button type="button" id="ReadIDCard" name="ReadIDCard" class="layui-btn layui-btn-radius layui-btn-sm gpyobj">读取身份证</button>
|
||
</div>
|
||
</div>
|
||
<div class="layui-row">
|
||
<div class="layui-col-md2">
|
||
<div class="sfz_head">
|
||
<img id="sfz_headpic" class="img_head"/>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-md10">
|
||
<div class="layui-row row-tools">
|
||
<div id="sfz_name" class="layui-col-md2">姓名：</div>
|
||
<div id="sfz_sex" class="layui-col-md2">性别：</div>
|
||
<div id="sfz_nation" class="layui-col-md2"> 民族：</div>
|
||
<div id="sfz_birthdate" class="layui-col-md2">出生：</div>
|
||
<div id="sfz_id" class="layui-col-md4">公民身份号码：</div>
|
||
</div>
|
||
<div class="layui-row row-tools">
|
||
<div id="sfz_addr" class="layui-col-md4">地址：</div>
|
||
<div id="sfz_office" class="layui-col-md4">签发机关：</div>
|
||
<div id="sfz_date" class="layui-col-md4"> 有效期限：</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-tab-item">
|
||
<div class="panel">
|
||
<div class="layui-row row-tools">
|
||
<div id="sign_status" class="layui-col-md12">状态：未连接</div>
|
||
</div>
|
||
<div class="layui-row row-tools">
|
||
<div class="layui-col-md2">
|
||
<button type="button" id="StartSign" name="StartSign" class="layui-btn layui-btn-radius layui-btn-sm signobj">开始签字</button>
|
||
<button type="button" id="CloseSign" name="CloseSign" class="layui-btn layui-btn-radius layui-btn-sm signobj">关闭签字</button>
|
||
</div>
|
||
<div class="layui-col-md10">
|
||
<div class="sign_head">
|
||
<img id="sign_pic" class="sign_pic"/>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-tab-item">
|
||
<div class="panel">
|
||
<div class="layui-row row-tools">
|
||
<div id="scan_status" class="layui-col-md2"> 状态：未连接</div>
|
||
<div class="layui-col-md2">
|
||
源名称：<select name="scan_devices" id="scan_devices" class="scanobj"></select>
|
||
</div>
|
||
<div class="layui-col-md2">
|
||
色彩模式：<select name="scan_colortypes" id="scan_colortypes" class="scanobj">
|
||
<option value="1">彩色</option>
|
||
<option value="2">灰度</option>
|
||
<option value="3">黑白</option>
|
||
</select>
|
||
</div>
|
||
<div class="layui-col-md2">
|
||
单双面：<select name="scan_duplex" id="scan_duplex" class="scanobj">
|
||
<option value="0">单面</option>
|
||
<option value="1">双面</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="layui-row row-tools">
|
||
<div class="layui-col-md2">
|
||
扫描分辨率：<input type="text" name="scan_dpi" id="scan_dpi" class="inputtext scanobj" value="100"/>
|
||
</div>
|
||
<div class="layui-col-md2">
|
||
JPG压缩率：<input type="text" name="scan_jpgquality" id="scan_jpgquality" class="inputtext scanobj" value="90"/>
|
||
</div>
|
||
<div class="layui-col-md8">
|
||
扫描页数：<input type="text" name="scan_pagesize" id="scan_pagesize" class="inputtext scanobj" value="0"/>
|
||
</div>
|
||
</div>
|
||
<div class="layui-row row-tools">
|
||
<div class="layui-col-md12">
|
||
<button type="button" id="StartScan" name="StartScan" class="layui-btn layui-btn-radius layui-btn-sm scanobj">扫描</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-row">
|
||
<div class="layui-tab layui-tab-card">
|
||
<ul class="layui-tab-title">
|
||
<li class="layui-this">视频预览</li>
|
||
<li>图片预览</li>
|
||
<li>运行日志</li>
|
||
<li>发送日志</li>
|
||
<li>接收日志</li>
|
||
</ul>
|
||
<div class="layui-tab-content" style="height: 480px;">
|
||
<div class="layui-tab-item layui-show">
|
||
<div class="video">
|
||
<img id="videopreview" class="preview"/>
|
||
</div>
|
||
</div>
|
||
<div class="layui-tab-item">
|
||
<div class="video">
|
||
<img id="imgpreview" class="preview"/>
|
||
</div>
|
||
</div>
|
||
<div class="layui-tab-item">
|
||
<div class="message">
|
||
<textarea id="msg_run" readonly class="msg"></textarea>
|
||
</div>
|
||
</div>
|
||
<div class="layui-tab-item">
|
||
<div class="message">
|
||
<textarea id="msg_send" readonly class="msg"></textarea>
|
||
</div>
|
||
</div>
|
||
<div class="layui-tab-item">
|
||
<div class="message">
|
||
<textarea id="msg_recv" readonly class="msg"></textarea>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</body>
|
||
|
||
</html>
|