<!doctype html>
|
<html lang="zh-CN">
|
<head>
|
<meta charset="UTF-8">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<title>信息配置 - 访客机自助登记管理平台</title>
|
<link rel="stylesheet" href="../css/dashboard.css">
|
<link rel="stylesheet" href="../css/components.css">
|
<link rel="stylesheet" href="../css/system-config.css">
|
</head>
|
<body>
|
<div class="app-shell">
|
<aside class="sidebar">
|
<div class="brand">
|
<img src="../assets/login-avatar.svg" alt="">
|
<strong>访客机自助登记管理平台</strong>
|
</div>
|
|
<nav class="menu" aria-label="主菜单">
|
<a class="menu-item" href="./dashboard.html">
|
<span class="menu-icon home"></span>
|
<span>首页</span>
|
</a>
|
|
<section class="menu-group open">
|
<button class="menu-title" type="button">
|
<span class="menu-icon screen"></span>
|
<span>系统</span>
|
<span class="chevron"></span>
|
</button>
|
<a class="active" href="./system-config.html">系统配置</a>
|
<a href="./protocol-config.html">入园承诺</a>
|
<a href="./version-update.html">访客机版本更新</a>
|
</section>
|
|
<section class="menu-group open">
|
<button class="menu-title" type="button">
|
<span class="menu-icon device"></span>
|
<span>设备管理</span>
|
<span class="chevron"></span>
|
</button>
|
<a href="./visitor-machine.html">访客机管理</a>
|
<a href="./door-management.html">门禁管理</a>
|
</section>
|
|
<section class="menu-group open">
|
<button class="menu-title" type="button">
|
<span class="menu-icon people"></span>
|
<span>人员管理</span>
|
<span class="chevron"></span>
|
</button>
|
<a href="./department-management.html">部门</a>
|
<a href="./employee-management.html">员工管理</a>
|
</section>
|
|
<a class="menu-item" href="./area-management.html">
|
<span class="menu-icon map"></span>
|
<span>区域管理</span>
|
</a>
|
|
<section class="menu-group open">
|
<button class="menu-title" type="button">
|
<span class="menu-icon log"></span>
|
<span>记录与日志</span>
|
<span class="chevron"></span>
|
</button>
|
<a href="./visitor-record.html">访客登记记录</a>
|
<a href="./operation-log.html">操作日志</a>
|
</section>
|
|
<section class="menu-group open">
|
<button class="menu-title" type="button">
|
<span class="menu-icon account"></span>
|
<span>账号管理</span>
|
<span class="chevron"></span>
|
</button>
|
<a href="./platform-admin.html">平台管理员</a>
|
<a href="./role-management.html">角色</a>
|
</section>
|
</nav>
|
</aside>
|
|
<section class="main">
|
<header class="topbar">
|
<div></div>
|
<div class="top-actions">
|
<button class="icon-button" type="button" title="全屏">
|
<span class="expand-icon"></span>
|
</button>
|
<span class="user-avatar">用</span>
|
<div class="user-menu">
|
<button id="userMenuButton" class="user-name" type="button" aria-haspopup="true" aria-expanded="false">
|
<span id="userDisplayName">用户</span>
|
<span class="user-caret"></span>
|
</button>
|
<div id="userDropdown" class="user-dropdown" hidden>
|
<button type="button" data-action="home">返回首页</button>
|
<button type="button" data-action="logout">退出登录</button>
|
</div>
|
</div>
|
</div>
|
</header>
|
|
<div class="tabs">
|
<span class="home-tab"></span>
|
<span class="tab-divider"></span>
|
<span class="tab active">信息配置</span>
|
</div>
|
|
<main class="config-page">
|
<section class="config-card">
|
<aside class="config-nav" aria-label="信息配置菜单">
|
<h1>信息配置</h1>
|
<button class="config-nav-item active" type="button" data-config-tab="register">
|
<span class="nav-folder"></span>
|
<span>登记配置</span>
|
</button>
|
<button class="config-nav-item" type="button" data-config-tab="print">
|
<span class="nav-folder"></span>
|
<span>打印凭条配置</span>
|
</button>
|
<button class="config-nav-item" type="button" data-config-tab="system">
|
<span class="nav-folder"></span>
|
<span>系统信息</span>
|
</button>
|
</aside>
|
|
<form id="configForm" class="config-workspace">
|
<section class="config-tab-panel active" data-tab-panel="register">
|
<div class="config-section">
|
<h2>登记模式设置</h2>
|
<label class="switch-row">
|
<span class="row-icon calendar-check"></span>
|
<span class="row-label">现场登记</span>
|
<input id="onsiteRegistrationEnabled" type="checkbox">
|
<span class="switch-control"></span>
|
</label>
|
<label class="switch-row">
|
<span class="row-icon calendar-grid"></span>
|
<span class="row-label">预约登记</span>
|
<input id="appointmentRegistrationEnabled" type="checkbox">
|
<span class="switch-control"></span>
|
</label>
|
</div>
|
|
<div class="config-section">
|
<h2>接待人验证开关</h2>
|
<p>设置登记、签离时是否需要接待人确认。若关闭，访客认证后直接打印凭条/签离时自动回收门禁权限。</p>
|
<label class="switch-row">
|
<span class="row-icon enter"></span>
|
<span class="row-label">登记需接待人确认</span>
|
<input id="registerReceiverConfirmEnabled" type="checkbox">
|
<span class="switch-control"></span>
|
</label>
|
<label class="switch-row">
|
<span class="row-icon exit"></span>
|
<span class="row-label">签离需接待人确认</span>
|
<input id="signReceiverConfirmEnabled" type="checkbox">
|
<span class="switch-control"></span>
|
</label>
|
</div>
|
|
<div class="config-section">
|
<h2>人脸验证方式</h2>
|
<p>人像对比即身份证和人脸对比确保为同一人（手动录入身份证除外），全方位人脸采集则360°采集人脸照片。</p>
|
<label class="switch-row">
|
<span class="row-icon enter"></span>
|
<span class="row-label">人像对比</span>
|
<input id="faceCompareEnabled" type="checkbox">
|
<span class="switch-control"></span>
|
</label>
|
<label class="switch-row">
|
<span class="row-icon exit"></span>
|
<span class="row-label">全方位人脸采集</span>
|
<input id="faceCaptureEnabled" type="checkbox">
|
<span class="switch-control"></span>
|
</label>
|
</div>
|
|
<div class="config-section">
|
<h2>身份证手动输入</h2>
|
<p>关闭后仅可刷身份证登记/签离。强制人脸比对时，开启则支持手动输入身份证并做人脸采集。</p>
|
<label class="switch-row">
|
<span class="row-icon keyboard"></span>
|
<span class="row-label">允许手动输入身份证</span>
|
<input id="manualIdCardEnabled" type="checkbox">
|
<span class="switch-control"></span>
|
</label>
|
</div>
|
</section>
|
|
<section class="config-tab-panel" data-tab-panel="print">
|
<div class="print-layout">
|
<div class="print-settings">
|
<div class="config-section">
|
<h2>凭条样式配置</h2>
|
<p>勾选需要在凭条上打印的字段，支持拖拽排序（至少勾选1个字段）</p>
|
<div id="printFieldList" class="print-field-list"></div>
|
<button id="sortHintButton" class="sort-hint" type="button">
|
<span>↕</span>
|
<span>长按选项拖拽排序</span>
|
</button>
|
</div>
|
</div>
|
|
<aside class="print-preview">
|
<div class="preview-title">
|
<span>效果预览</span>
|
<button id="refreshPreview" type="button" title="刷新预览">↻</button>
|
</div>
|
<section class="ticket-preview" aria-label="登记凭证预览">
|
<h3>登记凭证</h3>
|
<div id="ticketRows" class="ticket-rows"></div>
|
</section>
|
</aside>
|
</div>
|
</section>
|
|
<section class="config-tab-panel" data-tab-panel="system">
|
<div class="system-grid">
|
<div class="config-section system-basic">
|
<h2>系统信息配置</h2>
|
<div class="field-grid">
|
<label class="input-field">
|
<span>系统名称</span>
|
<input id="systemName" type="text" placeholder="请输入系统名称">
|
</label>
|
<label class="input-field">
|
<span>Logo</span>
|
<div class="logo-upload">
|
<input id="logoFile" type="file" accept="image/*">
|
<span id="logoFileName">未选择任何文件</span>
|
</div>
|
</label>
|
</div>
|
</div>
|
|
<div class="config-section system-info">
|
<h2>信息配置</h2>
|
<div class="field-grid">
|
<label class="input-field">
|
<span>服务厂家</span>
|
<input id="serviceProvider" type="text" placeholder="请输入服务厂家">
|
</label>
|
<label class="input-field">
|
<span>技术支持电话</span>
|
<input id="supportPhone" type="text" placeholder="请输入技术支持电话">
|
</label>
|
</div>
|
</div>
|
|
<div class="config-section system-entry">
|
<h2>入口配置</h2>
|
<p>关闭后入口不显示，但是仍可以点击该区域进入。</p>
|
<label class="switch-row compact">
|
<span class="row-icon download"></span>
|
<span class="row-label">访客机管理侧入口</span>
|
<input id="visitorMachineEntryEnabled" type="checkbox">
|
<span class="switch-control"></span>
|
</label>
|
</div>
|
</div>
|
</section>
|
|
<footer class="config-actions">
|
<button id="saveConfigButton" class="config-save-button" type="submit">保存</button>
|
</footer>
|
</form>
|
</section>
|
</main>
|
</section>
|
</div>
|
|
<script src="../js/components.js"></script>
|
<script src="../js/config.js"></script>
|
<script src="../js/system-config.js"></script>
|
</body>
|
</html>
|
