liux
/
gs_sub_evaluate
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

增加密码本上传功能

This commit is contained in:
BianLzhaoMin 2025-05-23 15:54:49 +08:00
parent 5fddd90564
commit 5a95da724d
1 changed files with 95 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

149
src/main/resources/static/pages/evaluate/passwordBook/personnelPasswordBook.html
View File

@ -3,7 +3,7 @@
<head> <head>
<title>评价模板配置</title> <title>评价模板配置</title>
<link rel="stylesheet" href="../../../layui/css/layui.css"/> <link rel="stylesheet" href="../../../layui/css/layui.css" />
<style type="text/css"> <style type="text/css">
.widget-toolbar a { .widget-toolbar a {
vertical-align: middle; vertical-align: middle;
@ -26,7 +26,8 @@
.ui-state-focus { .ui-state-focus {
display: none !important; display: none !important;
} }
.layui-btn{
.layui-btn {
margin-top: 10px; margin-top: 10px;
} }
@ -36,68 +37,108 @@
width: 100%; width: 100%;
padding: 7px; padding: 7px;
} }
.password-book-item {
display: flex;
align-items: center;
border: 1px solid #ccc;
padding: 10px;
border-radius: 5px;
}
.password-book-item span {
margin-right: 10px;
}
.password-book-item span:last-child {
cursor: pointer;
color: red;
}
</style> </style>
</head> </head>
<body> <body>
<div class="layui-container" style="width: 100%;height: 100%;padding: 10px"> <div class="layui-container" style="width: 100%;height: 100%;padding: 10px">
<form id="baseForm" class="layui-form" method="POST" onsubmit="return false;"> <form id="baseForm" class="layui-form" method="POST" onsubmit="return false;">
<div>人员密码本:</div> <div>人员密码本:</div>
<button class="layui-btn" title="上传" type="button" id="upload-btn">上传</button> <div class="password-book-list">
<button class="layui-btn" title="查看" type="button" onclick="viewBook(2)">查看</button> <!-- <div class="password-book-item">
</form> <span>密码1</span>
<span>删除</span>
</div> -->
</div>
<button class="layui-btn" title="上传" type="button" id="upload-btn">上传</button>
<!-- <button class="layui-btn" title="查看" type="button" onclick="viewBook(2)">查看</button> -->
</form>
</div> </div>
<script src="../../../js/publicJs.js"></script> <script src="../../../js/publicJs.js"></script>
<script type="text/javascript" src="../../../js/libs/jquery-2.1.1.min.js"></script> <script type="text/javascript" src="../../../js/libs/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="../../../js/jq.js"></script> <script type="text/javascript" src="../../../js/jq.js"></script>
<script type="text/javascript" src="../../../js/my/permission.js"></script> <script type="text/javascript" src="../../../js/my/permission.js"></script>
<script src="../../../layui/layui.js"></script> <script src="../../../layui/layui.js"></script>
<script type="text/javascript"> <script type="text/javascript">
let layer, laydate, table; let layer, laydate, table;
let obj = {}; let obj = {};
$(function () { $(function () {
// layui.use(['layer', 'laydate', 'table'], function () { // layui.use(['layer', 'laydate', 'table'], function () {
// layer = layui.layer; // layer = layui.layer;
// laydate = layui.laydate; // laydate = layui.laydate;
// table = layui.table; // table = layui.table;
// initTable(); // initTable();
// }); // });
layui.use('upload', function () { layui.use('upload', function () {
var upload = layui.upload; var upload = layui.upload;
// 执行上传功能 // 执行上传功能
var uploadInst = upload.render({ var uploadInst = upload.render({
elem: '#upload-btn', elem: '#upload-btn',
url: ctxPath + '/upload/passWordFile', url: ctxPath + '/upload/passWordFile',
accept: 'file', accept: 'file',
multiple: false, multiple: false,
done: function (res) { done: function (res) {
// 上传完毕回调 // 上传完毕回调
console.log(res,'上传成功') console.log(res, '上传成功')
debugger debugger
if (res.code === 0) { // 假设返回数据中有code字段，0表示成功 if (res.code === 0) { // 假设返回数据中有code字段，0表示成功
// 在"人员密码本"后面添加文件名
$("form#baseForm div:first").append(
'<span style="margin-left: 10px; color: #1761c1;">' + console.log(res, 'res.message')
res.message +
'</span>' // $('.password-book-list').append(
); // '<div class="password-book-item">' +
layer.msg('上传成功'); // '<span>' + res.message + '</span>' +
} else { // '<span>删除</span>' +
layer.msg(res.resMsg || '上传失败'); // '</div>'
// );
getUploadFile()
layer.msg('上传成功');
} else {
layer.msg(res.resMsg || '上传失败');
}
},
error: function () {
layer.msg('请求失败')
} }
}, })
error: function () {
layer.msg('请求失败')
}
}) })
})
}); // 获取上传的文件
function getUploadFile() {
$.ajax({
url: ctxPath + '/upload/getFile',
type: 'GET',
success: function (res) {
console.log(res, 'res文件列表')
}
})
}
});
</script> </script>
</body> </body>
</html> </html>