292 lines
14 KiB
HTML
292 lines
14 KiB
HTML
<!DOCTYPE html>
|
|
<html class="x-admin-sm">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>银河锋锐工作室账户后台系统</title>
|
|
<meta name="renderer" content="webkit">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<link rel="stylesheet" href="/css/font.css">
|
|
<link rel="stylesheet" href="/css/xadmin.css">
|
|
<link rel="stylesheet" href="/css/win10ui.css">
|
|
<link rel="stylesheet" href="/css/theme.css">
|
|
<script type="text/javascript" src="/lib/layui/layui.js" charset="utf-8"></script>
|
|
<script type="text/javascript" src="/js/xadmin.js"></script>
|
|
<script type="text/javascript" src="/js/tables.js"></script>
|
|
<script>
|
|
</script>
|
|
<!--[if lt IE 9]>
|
|
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
|
|
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
|
|
<![endif]-->
|
|
</head>
|
|
<body>
|
|
<div class="x-nav">
|
|
<span class="layui-breadcrumb">
|
|
<a>首页</a>
|
|
<a>工作室</a>
|
|
<a><cite>实名身份证管理</cite></a>
|
|
</span>
|
|
<a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()" title="刷新">
|
|
<i class="layui-icon layui-icon-refresh" style="line-height:30px"></i>
|
|
</a>
|
|
</div>
|
|
<div class="layui-fluid">
|
|
<div class="layui-row layui-col-space15">
|
|
<div class="layui-col-md12">
|
|
<div class="layui-card">
|
|
<table class="layui-hide" id="IdCard-treetable"></table>
|
|
<script type="text/html" id="TPL-IdCard-treetable">
|
|
<div class="layui-btn-container">
|
|
<button class="layui-btn layui-btn-warm layui-btn-sm" lay-event="NewIdCard">添加身份证记录</button>
|
|
<button class="layui-btn layui-btn-sm" lay-event="FullChecked2">展开全部</button>
|
|
<button class="layui-btn layui-btn-sm" lay-event="FullOutChecked2">收起全部</button>
|
|
</div>
|
|
</script>
|
|
<script type="text/html" id="TPL-IdCard-treetable-tools">
|
|
<div class="layui-btn-container">
|
|
<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
|
|
<a class="layui-btn layui-btn-xs" lay-event="more">更多 <i class="layui-icon layui-icon-down"></i></a>
|
|
</div>
|
|
</script>
|
|
<form class="layui-form" id="NewIdCardForm" style="display: none;">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">用户 UUID</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="UserUUID" required lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">姓名</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="Name" required lay-verify="required" placeholder="姓名" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">曾用名</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="OldName" placeholder="曾用名" placeholder="" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">性别</label>
|
|
<div class="layui-input-block">
|
|
<input type="radio" name="Sex" value="1" title="男">
|
|
<input type="radio" name="Sex" value="0" title="女">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<div class="layui-inline">
|
|
<label class="layui-form-label">出生日期</label>
|
|
<div class="layui-input-inline">
|
|
<input name="Born" type="text" class="layui-input" lay-verify="required" id="laydate-type-datetime" placeholder="年-月-日 时:分:秒" lay-key="7">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">民族</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="Ethnic" placeholder="民族" required lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">身份证号码</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="IdentificationNumber" placeholder="身份证号码" required lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">学号</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="StudentRegistrationNumber" placeholder="学号" required lay-verify="required" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">学生改变状态</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="ChangeStudentStatus" placeholder="学生改变状态" placeholder="" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">通信地址</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="CorrespondenceAddress" placeholder="通信地址" required lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">头像地址</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="HeadImage" placeholder="头像地址" placeholder="" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">家庭成员信息</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="InformationAboutFamilyMembers" placeholder="家庭成员信息" placeholder="" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">任命</label>
|
|
<div class="layui-input-block">
|
|
<input name="Appointments" placeholder="任命" class="layui-input" placeholder="" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">自述文件报告</label>
|
|
<div class="layui-input-block">
|
|
<textarea name="ReadmeReport" placeholder="自述文件报告" class="layui-textarea" style="min-height: 150px;"></textarea>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<script>
|
|
function NewIdCard(inst, trData=null) {
|
|
var hiddenFormHtml = layui.$('#NewIdCardForm').html();
|
|
layui.layer.open({
|
|
type: 1,
|
|
title: '新增身份证记录',
|
|
content: '<div class="layui-form" style="margin-top: 30px; margin-right: 30px">' + hiddenFormHtml + '</div>',
|
|
area: ['1200px', '700px'],
|
|
btn: ['提交', '取消'],
|
|
yes: function(index, layero){
|
|
submitForm();
|
|
layer.close(index);
|
|
},
|
|
success: function(layero, index){
|
|
layui.form.render();
|
|
layero.find('form').on('submit', function(e){
|
|
e.preventDefault();
|
|
submitForm();
|
|
layer.close(index);
|
|
});
|
|
}
|
|
});
|
|
if (trData) {
|
|
layui.$('input[name="UserUUID"]').val(trData.UserUUID);
|
|
layui.$('input[name="Name"]').val(trData.Name);
|
|
layui.$('input[name="OldName"]').val(trData.OldName);
|
|
if (trData.Sex === "1") {
|
|
layui.$('input[name="Sex"]').val(['1']);
|
|
} else {
|
|
layui.$('input[name="Sex"]').val(['0']);
|
|
}
|
|
layui.$('input[name="Born"]').val(trData.Born);
|
|
layui.$('input[name="Ethnic"]').val(trData.Ethnic);
|
|
layui.$('input[name="IdentificationNumber"]').val(trData.IdentificationNumber);
|
|
layui.$('input[name="StudentRegistrationNumber"]').val(trData.StudentRegistrationNumber);
|
|
layui.$('input[name="ChangeStudentStatus"]').val(trData.ChangeStudentStatus);
|
|
layui.$('input[name="CorrespondenceAddress"]').val(trData.CorrespondenceAddress);
|
|
layui.$('input[name="HeadImage"]').val(trData.HeadImage);
|
|
layui.$('input[name="InformationAboutFamilyMembers"]').val(trData.InformationAboutFamilyMembers);
|
|
layui.$('input[name="Appointments"]').val(trData.Appointments);
|
|
layui.$('textarea[name="ReadmeReport"]').val(trData.ReadmeReport);
|
|
}
|
|
function submitForm() {
|
|
var loadIndex = layer.load(2);
|
|
var formData = layui.form.val();
|
|
if (trData) {formData.UserUUID=trData.UserUUID;}
|
|
layui.$.ajax({
|
|
url: '/API/AddIdCard.api',
|
|
type: 'POST',
|
|
data: formData,
|
|
success: function(res) {
|
|
layer.close(loadIndex);
|
|
if(res.code === 0) {
|
|
Toast.success("身份证记录", "提交成功！");
|
|
inst.reload();
|
|
} else {
|
|
Toast.error("身份证记录", `提交失败，错误：${res.msg}`);
|
|
}
|
|
},
|
|
error: function() {
|
|
layer.close(loadIndex);
|
|
Toast.error("身份证记录", "网络等原因导致错误");
|
|
}
|
|
});
|
|
}
|
|
}
|
|
layui.use(function() {
|
|
var treeTable = layui.treeTable;
|
|
var layer = layui.layer;
|
|
var laytpl = layer.laytpl;
|
|
var dropdown = layui.dropdown;
|
|
// 渲染
|
|
var inst = treeTable.render({
|
|
elem: '#IdCard-treetable',
|
|
id: "IdCard-treetable",
|
|
url: '/API/GetIdCard.api',
|
|
tree: {},
|
|
toolbar: '#TPL-IdCard-treetable',
|
|
cols: GetIdCard("#TPL-IdCard-treetable-tools"),
|
|
page: true,
|
|
});
|
|
// 表头工具栏工具事件
|
|
treeTable.on("toolbar(IdCard-treetable)", function(obj) {
|
|
var config = obj.config;
|
|
var tableId = config.id;
|
|
var status = treeTable.checkStatus(tableId);
|
|
if (obj.event === "FullChecked2") {
|
|
Toast.success('操作成功', '成功展开内容', 3000);
|
|
treeTable.expandAll('IdCard-treetable', true);
|
|
}
|
|
if (obj.event === "FullOutChecked2") {
|
|
Toast.success('操作成功', '成功收起内容', 3000);
|
|
treeTable.expandAll('IdCard-treetable', false);
|
|
}
|
|
if (obj.event === "NewIdCard") {
|
|
NewIdCard(inst);
|
|
}
|
|
});
|
|
// 单元格工具事件
|
|
treeTable.on('tool(' + inst.config.id + ')', function(obj) {
|
|
var layEvent = obj.event; // 获得 lay-event 对应的值
|
|
var trElem = obj.tr;
|
|
var trData = obj.data;
|
|
var tableId = obj.config.id;
|
|
if (layEvent === "detail") {
|
|
NewIdCard(inst, trData);
|
|
layui.form.render();
|
|
} else if (layEvent === "more") {
|
|
// 下拉菜单
|
|
dropdown.render({
|
|
elem: this, // 触发事件的 DOM 对象
|
|
show: true, // 外部事件触发即显示
|
|
align: "right", // 右对齐弹出
|
|
data: [{
|
|
title: "删除",
|
|
id: "del"
|
|
}],
|
|
click: function(menudata) {
|
|
if (menudata.id == "del") {
|
|
layer.confirm("确认删除这个身份证记录吗？删除后会导致所有与之关联的记录损坏，确保没有任何记录和本条关联", {
|
|
title: '身份证管理系统',
|
|
moveOut: true,
|
|
skin: 'layui-layer-win10',
|
|
btn1: function(index) {
|
|
var loadIndex = layer.load(2);
|
|
$.post("/API/DelIdCard.api", {
|
|
UserUUID: trData.UserUUID,
|
|
},
|
|
function(data) {
|
|
layer.close(loadIndex);
|
|
if (data.code == 0) {
|
|
Toast.success('任务变更操作', '删除成功', 3000);
|
|
inst.reload();
|
|
} else {
|
|
Toast.success('任务变更操作', `删除失败，错误：${data.msg}`, 3000);
|
|
}
|
|
});
|
|
layer.close(index);
|
|
}
|
|
});
|
|
}
|
|
}
|
|
});
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |