264 lines
7.4 KiB
HTML
264 lines
7.4 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
|
||
|
|
<title>授权码管理</title>
|
||
|
|
|
||
|
|
<link rel="stylesheet" href="/static/layui/css/layui.css" />
|
||
|
|
|
||
|
|
<link rel="stylesheet" href="/static/css/style.css" />
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div class="layui-fluid">
|
||
|
|
<div class="layui-card">
|
||
|
|
<div class="layui-card-header">
|
||
|
|
<span>授权码管理</span>
|
||
|
|
|
||
|
|
<button
|
||
|
|
class="layui-btn layui-btn-sm layui-btn-normal"
|
||
|
|
id="create-license"
|
||
|
|
>
|
||
|
|
<i class="layui-icon"></i> 生成授权码
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="layui-card-body">
|
||
|
|
<!-- 搜索表单 -->
|
||
|
|
|
||
|
|
<form class="layui-form layui-form-pane" action="">
|
||
|
|
<div class="layui-form-item">
|
||
|
|
<div class="layui-inline">
|
||
|
|
<label class="layui-form-label">授权码</label>
|
||
|
|
|
||
|
|
<div class="layui-input-inline">
|
||
|
|
<input
|
||
|
|
type="text"
|
||
|
|
name="code"
|
||
|
|
autocomplete="off"
|
||
|
|
class="layui-input"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="layui-inline">
|
||
|
|
<label class="layui-form-label">授权类型</label>
|
||
|
|
|
||
|
|
<div class="layui-input-inline">
|
||
|
|
<select name="license_type">
|
||
|
|
<option value="">全部</option>
|
||
|
|
|
||
|
|
<option value="time">时间授权</option>
|
||
|
|
|
||
|
|
<option value="count">次数授权</option>
|
||
|
|
|
||
|
|
<option value="permanent">永久授权</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="layui-inline">
|
||
|
|
<label class="layui-form-label">状态</label>
|
||
|
|
|
||
|
|
<div class="layui-input-inline">
|
||
|
|
<select name="status">
|
||
|
|
<option value="">全部</option>
|
||
|
|
|
||
|
|
<option value="unused">未使用</option>
|
||
|
|
|
||
|
|
<option value="used">已使用</option>
|
||
|
|
|
||
|
|
<option value="expired">已过期</option>
|
||
|
|
|
||
|
|
<option value="revoked">已撤销</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="layui-inline">
|
||
|
|
<label class="layui-form-label">批次号</label>
|
||
|
|
|
||
|
|
<div class="layui-input-inline">
|
||
|
|
<input
|
||
|
|
type="text"
|
||
|
|
name="batch_no"
|
||
|
|
autocomplete="off"
|
||
|
|
class="layui-input"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="layui-inline">
|
||
|
|
<button class="layui-btn" lay-submit lay-filter="search">
|
||
|
|
<i class="layui-icon"></i> 搜索
|
||
|
|
</button>
|
||
|
|
|
||
|
|
<button
|
||
|
|
type="button"
|
||
|
|
class="layui-btn layui-btn-primary"
|
||
|
|
id="export-licenses"
|
||
|
|
>
|
||
|
|
<i class="layui-icon"></i> 导出
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
|
||
|
|
<!-- 数据表格 -->
|
||
|
|
|
||
|
|
<table id="license-table" lay-filter="license-table"></table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Layui 表格工具栏模板 -->
|
||
|
|
|
||
|
|
<script type="text/html" id="tableToolbar">
|
||
|
|
<div class="layui-btn-container">
|
||
|
|
<button class="layui-btn layui-btn-sm" lay-event="refresh">
|
||
|
|
<i class="layui-icon"></i> 刷新
|
||
|
|
</button>
|
||
|
|
|
||
|
|
<button
|
||
|
|
class="layui-btn layui-btn-sm layui-btn-normal"
|
||
|
|
lay-event="copySelected"
|
||
|
|
>
|
||
|
|
<i class="layui-icon"></i> 复制选中
|
||
|
|
</button>
|
||
|
|
|
||
|
|
<button
|
||
|
|
class="layui-btn layui-btn-sm layui-btn-danger"
|
||
|
|
lay-event="batchDel"
|
||
|
|
>
|
||
|
|
<i class="layui-icon"></i> 批量删除
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<!-- 行工具栏模板 -->
|
||
|
|
|
||
|
|
<script id="tableRowBar" type="text/html">
|
||
|
|
<a class="layui-btn layui-btn-xs" lay-event="view">查看</a>
|
||
|
|
|
||
|
|
<a class="layui-btn layui-btn-xs layui-btn-warm" lay-event="logs">日志</a>
|
||
|
|
|
||
|
|
{{# if(d.status === 'unused'){ }}
|
||
|
|
|
||
|
|
<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="revoke"
|
||
|
|
>撤销</a
|
||
|
|
>
|
||
|
|
|
||
|
|
{{# } }}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<script src="/static/layui/layui.js"></script>
|
||
|
|
|
||
|
|
<script src="/static/js/licenses.js"></script>
|
||
|
|
|
||
|
|
<!-- 在页面底部添加创建授权码表单模板 -->
|
||
|
|
|
||
|
|
<script type="text/html" id="createLicenseTpl">
|
||
|
|
<form class="layui-form" style="padding: 20px;" lay-filter="licenseForm">
|
||
|
|
<div class="layui-form-item">
|
||
|
|
<label class="layui-form-label">授权类型</label>
|
||
|
|
|
||
|
|
<div class="layui-input-block">
|
||
|
|
<select
|
||
|
|
name="license_type"
|
||
|
|
lay-verify="required"
|
||
|
|
lay-filter="licenseType"
|
||
|
|
>
|
||
|
|
<option value="time">时间授权</option>
|
||
|
|
|
||
|
|
<option value="count">次数授权</option>
|
||
|
|
|
||
|
|
<option value="permanent">永久授权</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="layui-form-item" id="durationItem">
|
||
|
|
<label class="layui-form-label">有效期</label>
|
||
|
|
|
||
|
|
<div class="layui-input-inline" style="width: 150px;">
|
||
|
|
<input
|
||
|
|
type="number"
|
||
|
|
name="duration"
|
||
|
|
class="layui-input"
|
||
|
|
placeholder="请输入数值"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="layui-input-inline" style="width: 100px;">
|
||
|
|
<select name="duration_unit">
|
||
|
|
<option value="1">分钟</option>
|
||
|
|
|
||
|
|
<option value="60">小时</option>
|
||
|
|
|
||
|
|
<option value="1440">天</option>
|
||
|
|
|
||
|
|
<option value="43200">月</option>
|
||
|
|
|
||
|
|
<option value="525600">年</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="layui-form-item" id="maxUsesItem" style="display:none;">
|
||
|
|
<label class="layui-form-label">使用次数</label>
|
||
|
|
|
||
|
|
<div class="layui-input-block">
|
||
|
|
<input
|
||
|
|
type="number"
|
||
|
|
name="max_uses"
|
||
|
|
class="layui-input"
|
||
|
|
placeholder="请输入最大使用次数"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="layui-form-item">
|
||
|
|
<label class="layui-form-label">生成数量</label>
|
||
|
|
|
||
|
|
<div class="layui-input-block">
|
||
|
|
<input
|
||
|
|
type="number"
|
||
|
|
name="count"
|
||
|
|
required
|
||
|
|
lay-verify="required|number|min1"
|
||
|
|
value="1"
|
||
|
|
class="layui-input"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="layui-form-item">
|
||
|
|
<label class="layui-form-label">备注</label>
|
||
|
|
|
||
|
|
<div class="layui-input-block">
|
||
|
|
<textarea
|
||
|
|
name="remark"
|
||
|
|
placeholder="请输入备注信息"
|
||
|
|
class="layui-textarea"
|
||
|
|
></textarea>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="layui-form-item">
|
||
|
|
<div class="layui-input-block">
|
||
|
|
<button class="layui-btn" lay-submit lay-filter="licenseSubmit">
|
||
|
|
生成
|
||
|
|
</button>
|
||
|
|
|
||
|
|
<button type="reset" class="layui-btn layui-btn-primary">
|
||
|
|
重置
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|