151 lines
7.7 KiB
HTML
151 lines
7.7 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>
|
|
<!--[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="Archives-treetable"></table>
|
|
<script type="text/html" id="TPL-Archives-treetable">
|
|
<div class="layui-btn-container">
|
|
<button class="layui-btn layui-btn-sm" lay-event="FullChecked3">展开全部</button>
|
|
<button class="layui-btn layui-btn-sm" lay-event="FullOutChecked3">收起全部</button>
|
|
<button class="layui-btn layui-btn-sm" lay-event="ReFresh">刷新</button>
|
|
</div>
|
|
</script>
|
|
<script type="text/html" id="TPL-Archives-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="NewArchivesForm" style="display: none;">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">模板ID</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="ArchivesID" required lay-verify="required" placeholder="本归档记录模板的ID" 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="ArchivesName" 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="ArchivesPoints" 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">
|
|
<textarea name="ArchivesDesc" placeholder="本归档记录的描述" class="layui-textarea" style="min-height: 150px;"></textarea>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<script>
|
|
function NewArchives(inst, trData=null) {
|
|
var hiddenFormHtml = layui.$('#NewArchivesForm').html();
|
|
layui.layer.open({
|
|
type: 1,
|
|
title: '新增档案记录模板',
|
|
content: '<div class="layui-form" style="margin-top: 30px; margin-right: 30px">' + hiddenFormHtml + '</div>',
|
|
area: ['700px', '500px'],
|
|
btn: ['取消'],
|
|
});
|
|
if (trData) {
|
|
layui.$('input[name="ArchivesName"]').val(trData.ArchivesName);
|
|
layui.$('textarea[name="ArchivesDesc"]').val(trData.ArchivesDesc);
|
|
layui.$('input[name="ArchivesID"]').val(trData.ArchivesID);
|
|
layui.$('input[name="ArchivesPoints"]').val(trData.ArchivesPoints);
|
|
}
|
|
}
|
|
layui.use(function() {
|
|
var treeTable = layui.treeTable;
|
|
var layer = layui.layer;
|
|
var laytpl = layer.laytpl;
|
|
var dropdown = layui.dropdown;
|
|
// 渲染
|
|
var inst = treeTable.render({
|
|
elem: '#Archives-treetable',
|
|
id: "Archives-treetable",
|
|
url: '/API/GetArchives.api',
|
|
tree: {},
|
|
toolbar: '#TPL-Archives-treetable',
|
|
cols: GetArchives("#TPL-Archives-treetable-tools"),
|
|
page: true
|
|
});
|
|
// 表头工具栏工具事件
|
|
treeTable.on("toolbar(Archives-treetable)", function(obj) {
|
|
var config = obj.config;
|
|
var tableId = config.id;
|
|
var status = treeTable.checkStatus(tableId);
|
|
if (obj.event === "FullChecked3") {
|
|
Toast.success('操作成功', '成功展开内容', 3000);
|
|
treeTable.expandAll('Archives-treetable', true);
|
|
}
|
|
if (obj.event === "FullOutChecked3") {
|
|
Toast.success('操作成功', '成功收起内容', 3000);
|
|
treeTable.expandAll('Archives-treetable', false);
|
|
}
|
|
if (obj.event === "ReFresh") {
|
|
inst.reload();
|
|
}
|
|
});
|
|
treeTable.on('tool(' + inst.config.id + ')', function(obj) {
|
|
var layEvent = obj.event;
|
|
var trElem = obj.tr;
|
|
var trData = obj.data;
|
|
var tableId = obj.config.id;
|
|
if (layEvent === "detail") {
|
|
NewArchives(inst, trData);
|
|
} else if (layEvent === "more") {
|
|
dropdown.render({
|
|
elem: this, // 触发事件的 DOM 对象
|
|
show: true, // 外部事件触发即显示
|
|
align: "right", // 右对齐弹出
|
|
data: [{
|
|
title: "删除",
|
|
id: "del"
|
|
}],
|
|
click: function(menudata) {}
|
|
});
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |