358 lines
11 KiB
HTML
358 lines
11 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8">
|
|||
|
|
<title>IC 卡维护工具</title>
|
|||
|
|
<style>
|
|||
|
|
:root {
|
|||
|
|
--mainColor: #0062cc;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
html, body {
|
|||
|
|
margin: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.title {
|
|||
|
|
color: var(--mainColor);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.container {
|
|||
|
|
margin: 2rem auto;
|
|||
|
|
border: var(--mainColor) solid 2px;
|
|||
|
|
border-radius: 10px;
|
|||
|
|
width: 80%;
|
|||
|
|
height: 80%;
|
|||
|
|
text-align: left;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.group {
|
|||
|
|
padding: 1rem;
|
|||
|
|
margin: 1rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.form input {
|
|||
|
|
display: block;
|
|||
|
|
margin: 0.5rem 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
</style>
|
|||
|
|
<link rel="stylesheet" type="text/css" href="tabs.css">
|
|||
|
|
<link rel="stylesheet" type="text/css" href="layx.min.css">
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
|
|||
|
|
<div style="width: 100%; text-align: center;">
|
|||
|
|
<h2 class="title">信雅达 IC 卡发行工具</h2>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="container">
|
|||
|
|
|
|||
|
|
<div class="group" style="height: 10rem">
|
|||
|
|
<ul class="tabs">
|
|||
|
|
<li>
|
|||
|
|
<a href="#" name="tab_public">IC 卡发行</a>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li>
|
|||
|
|
<a href="#" name="tab_file">文件操作</a>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li>
|
|||
|
|
<a href="#" name="tab_pin">PIN 管理</a>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
|
|||
|
|
</ul>
|
|||
|
|
|
|||
|
|
<div class="tabs-content">
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="tab tab_public">
|
|||
|
|
|
|||
|
|
<div class="form">
|
|||
|
|
|
|||
|
|
<input id="manufactor" style="width: 300px; height: 1.06rem" type="text" value=""
|
|||
|
|
placeholder="厂家标记">
|
|||
|
|
<input id="system" style="width: 300px; height: 1.06rem" type="text" value="" placeholder="系统信息">
|
|||
|
|
<input id="customer" style="width: 300px; height: 1.06rem" type="text" value="" placeholder="客户信息">
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div style="margin: 1rem 0 ">
|
|||
|
|
<button id="btn_nameplate_clear" style="margin-right: 1rem">清空</button>
|
|||
|
|
<button id="btn_nameplate_tmp_save" style="margin-right: 1rem">临存</button>
|
|||
|
|
<button id="btn_nameplate_tmp_load" style="margin-right: 1rem">临取</button>
|
|||
|
|
<button id="btn_nameplate_read" style="margin-right: 1rem">返显</button>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<button id="btn_nameplate_release" style="margin-right: 1rem">发  行</button>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="tab tab_file">
|
|||
|
|
|
|||
|
|
|
|||
|
|
<input id="path" style="width: 300px; height: 1.06rem" type="text" value="\root\mana"
|
|||
|
|
placeholder="文件目录">
|
|||
|
|
<button id="btn_list_path" style="margin-right: 1rem">枚  举</button>
|
|||
|
|
|
|||
|
|
<textarea id="ta_files" style="display: block; margin: 1rem 0; width: 375px; height: 100px;"
|
|||
|
|
readonly></textarea>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<input id="filepath" style="width: 300px; height: 1.06rem" type="text" value="\root\mana\name"
|
|||
|
|
maxlength="6" placeholder="文件">
|
|||
|
|
<button id="btn_read" style="margin-right: 0.5rem">读</button>
|
|||
|
|
<button id="btn_write" style="margin-right: 1rem">写</button>
|
|||
|
|
|
|||
|
|
<textarea id="ta_txt" style="display: block; margin: 1rem 0; width: 375px; height: 100px;"
|
|||
|
|
readonly></textarea>
|
|||
|
|
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="tab tab_pin">
|
|||
|
|
<div class="group" style="width: 100%; ">
|
|||
|
|
<input id="pwd2" style="width: 300px;height: 1.06rem" type="password" maxlength="8"
|
|||
|
|
placeholder="口令，8 个数字">
|
|||
|
|
<button id="login2" style="margin-right: 1rem">授  权</button>
|
|||
|
|
<button id="login_def2" style="margin-right: 1rem">默认口令</button>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="form group">
|
|||
|
|
<input id="old_pwd" style="width: 360px;height: 1.06rem" type="password" maxlength="8"
|
|||
|
|
placeholder="旧口令，8 个数字">
|
|||
|
|
<input id="new_pwd1" style="width: 360px;height: 1.06rem" type="password" maxlength="8"
|
|||
|
|
placeholder="新口令，8 个数字">
|
|||
|
|
<input id="new_pwd2" style="width: 360px;height: 1.06rem" type="password" maxlength="8"
|
|||
|
|
placeholder="重复新口令，8 个数字">
|
|||
|
|
<button id="update1" style="margin-right: 1rem">修改操作员 PIN</button>
|
|||
|
|
<button id="update2" style="margin-right: 1rem">修改管理员 PIN</button>
|
|||
|
|
<button id="reset" style="margin-right: 1rem">解锁操作员 PIN</button>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<!-- UKey 支持， 共 3 个 js-->
|
|||
|
|
<!-- jquery -->
|
|||
|
|
<script type="text/javascript" src="./jquery.min.js"></script>
|
|||
|
|
<script type="text/javascript" src="./fiseckey.js"></script>
|
|||
|
|
<script type="text/javascript" src="./ukey.js"></script>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<!-- 演示程序 -->
|
|||
|
|
<script type="text/javascript" src="./tabs.js"></script>
|
|||
|
|
<script type="application/javascript" src="layx.min.js"></script>
|
|||
|
|
<script type="application/javascript" src="tools.js"></script>
|
|||
|
|
<script type="application/javascript">
|
|||
|
|
$(function () {
|
|||
|
|
function refresh() {
|
|||
|
|
var list = window.UKey.enumDevByArray()
|
|||
|
|
if (list) {
|
|||
|
|
var ll = list.split("|");
|
|||
|
|
var options = ""
|
|||
|
|
for (var i = 0; i < ll.length; i++) {
|
|||
|
|
var value = ll[i].split(",")[0]
|
|||
|
|
options += "<option value =\"" + value + "\">" + ll[i] + "</option>"
|
|||
|
|
}
|
|||
|
|
$("#ukeys").html(options);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
refresh();
|
|||
|
|
|
|||
|
|
$("#btn_refresh").click(function () {
|
|||
|
|
refresh()
|
|||
|
|
success("刷新成功")
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
$("#btn_list_path").click(function () {
|
|||
|
|
var path = $("#path").val();
|
|||
|
|
try {
|
|||
|
|
var ret = window.UKey.enumDir(path)
|
|||
|
|
|
|||
|
|
var out = ""
|
|||
|
|
for (var i = 0; i < ret.folders.length; i++) {
|
|||
|
|
out += "文件夹:\t" + ret.folders[i] + "\r\n"
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
for (var i = 0; i < ret.files.length; i++) {
|
|||
|
|
out += "文件:\t" + ret.files[i] + "\r\n"
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
$("#ta_files").text(out)
|
|||
|
|
success("枚举成功")
|
|||
|
|
|
|||
|
|
} catch (e) {
|
|||
|
|
alert("枚举失败:" + e.message)
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
|
|||
|
|
$("#login2").click(function () {
|
|||
|
|
var pwd2 = $("#pwd2").val();
|
|||
|
|
check(pwd2, /\d{8}/, "口令输入错误")
|
|||
|
|
var ukey = $("#ukeys").val();
|
|||
|
|
|
|||
|
|
try {
|
|||
|
|
window.UKey.admin(ukey, pwd2)
|
|||
|
|
success("登录成功")
|
|||
|
|
} catch (e) {
|
|||
|
|
alert("登录失败:" + e.message)
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
$("#login2_def").click(function () {
|
|||
|
|
$("#pwd2").val("12345678");
|
|||
|
|
$("#login2").click()
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
$("#login").click(function () {
|
|||
|
|
var pwd1 = $("#pwd1").val();
|
|||
|
|
check(pwd1, /\d{8}/, "口令输入错误")
|
|||
|
|
var ukey = $("#ukeys").val();
|
|||
|
|
|
|||
|
|
try {
|
|||
|
|
window.UKey.login(ukey, pwd1)
|
|||
|
|
success("登录成功")
|
|||
|
|
} catch (e) {
|
|||
|
|
alert("登录失败:" + e.message)
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
$("#login_def").click(function () {
|
|||
|
|
$("#pwd1").val("12345678");
|
|||
|
|
$("#login").click()
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
|
|||
|
|
$("#btn_nameplate_clear").click(function () {
|
|||
|
|
$("#manufactor").val("");
|
|||
|
|
$("#system").val("");
|
|||
|
|
$("#customer").val("");
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
$("#btn_read").click(function () {
|
|||
|
|
|
|||
|
|
var filepath = $("#filepath").val()
|
|||
|
|
var idx = filepath.lastIndexOf("\\")
|
|||
|
|
var folder = filepath.substr(0, idx)
|
|||
|
|
var file = filepath.substr(idx + 1)
|
|||
|
|
var txt = window.UKey.readFile(folder, file);
|
|||
|
|
$("#ta_txt").text(JSON.stringify(txt, null, 4))
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
$("#btn_write").click(function () {
|
|||
|
|
alert("暂不开放")
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
$("#btn_nameplate_tmp_load").click(function () {
|
|||
|
|
var def = {
|
|||
|
|
manufactor: "sunyard",
|
|||
|
|
system: "hsm",
|
|||
|
|
customer: "ICBC"
|
|||
|
|
}
|
|||
|
|
$("#manufactor").val(def.manufactor);
|
|||
|
|
$("#system").val(def.system);
|
|||
|
|
$("#customer").val(def.customer);
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
$("#btn_nameplate_read").click(function () {
|
|||
|
|
|
|||
|
|
try {
|
|||
|
|
var txt = window.UKey.catRelease();
|
|||
|
|
var def = Object.assign({
|
|||
|
|
manufactor: "",
|
|||
|
|
system: "",
|
|||
|
|
customer: ""
|
|||
|
|
}, txt)
|
|||
|
|
|
|||
|
|
$("#manufactor").val(def.manufactor);
|
|||
|
|
$("#system").val(def.system);
|
|||
|
|
$("#customer").val(def.customer);
|
|||
|
|
|
|||
|
|
success("返显成功")
|
|||
|
|
} catch (e) {
|
|||
|
|
alert("返显失败:" + e.message)
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
|
|||
|
|
$("#btn_nameplate_tmp_load").click(function () {
|
|||
|
|
|
|||
|
|
|
|||
|
|
var json = localStorage.getItem("tmp")
|
|||
|
|
var def = {
|
|||
|
|
manufactor: "sunyard",
|
|||
|
|
system: "hsm",
|
|||
|
|
customer: "ICBC"
|
|||
|
|
}
|
|||
|
|
try {
|
|||
|
|
def = JSON.parse(json)
|
|||
|
|
} catch (e) {
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
$("#manufactor").val(def.manufactor);
|
|||
|
|
$("#system").val(def.system);
|
|||
|
|
$("#customer").val(def.customer);
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
|
|||
|
|
$("#btn_nameplate_tmp_save").click(function () {
|
|||
|
|
var def = {
|
|||
|
|
manufactor: $("#manufactor").val(),
|
|||
|
|
system: $("#system").val(),
|
|||
|
|
customer: $("#customer").val()
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
localStorage.setItem("tmp", JSON.stringify(def))
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
$("#btn_nameplate_release").click(function () {
|
|||
|
|
var def = {
|
|||
|
|
manufactor: $("#manufactor").val(),
|
|||
|
|
system: $("#system").val(),
|
|||
|
|
customer: $("#customer").val()
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
check(def.manufactor, /\w+/, "厂家标记填写错误")
|
|||
|
|
check(def.system, /\w+/, "系统信息填写错误")
|
|||
|
|
check(def.customer, /\w+/, "客户信息填写错误")
|
|||
|
|
|
|||
|
|
try {
|
|||
|
|
window.UKey.release(def)
|
|||
|
|
success("发行成功")
|
|||
|
|
} catch (e) {
|
|||
|
|
alert("发行失败:" + e.message)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
|
|||
|
|
$("#reset").click(function () {
|
|||
|
|
alert("暂不开放")
|
|||
|
|
})
|
|||
|
|
$("#update1").click(function () {
|
|||
|
|
alert("暂不开放")
|
|||
|
|
})
|
|||
|
|
$("#update2").click(function () {
|
|||
|
|
alert("暂不开放")
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
</script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|