parent
4ae396764d
commit
4a80f1bf21
@ -0,0 +1,120 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title></title>
|
||||
<link href="../js/layui/css/layui.css" rel="stylesheet">
|
||||
<style>
|
||||
.require-star {
|
||||
position: absolute;
|
||||
width: 3px;
|
||||
height: 14px;
|
||||
background-color: #ea4335;
|
||||
top: 12px;
|
||||
right: 8px;
|
||||
border-radius: 1.5px;
|
||||
}
|
||||
|
||||
.input-width {
|
||||
max-width: 455px
|
||||
}
|
||||
|
||||
.mainBox {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
bottom: 50px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.main-container {
|
||||
margin: 15px;
|
||||
}
|
||||
|
||||
.bottom {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
background-color: #F8F8F8;
|
||||
border-top: 1px solid #eee;
|
||||
}
|
||||
|
||||
.button-container {
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<form class="layui-form" action="">
|
||||
<div class="mainBox">
|
||||
<div class="main-container">
|
||||
<!-- <div class="layui-form-item">
|
||||
<label class="layui-form-label" style="width: auto;"><span class="require-star"></span>文件名称</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" id="fileName" lay-verify="required" autocomplete="off" placeholder="请输入文件名称"
|
||||
class="layui-input input-width">
|
||||
</div>
|
||||
</div> -->
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label" style="width: auto;"><span class="require-star"></span>文档上传</label>
|
||||
<div class="layui-input-block">
|
||||
<button type="button" class="layui-btn layui-btn-normal"
|
||||
id="ID-upload-demo-choose">选择文档</button>
|
||||
</div>
|
||||
<!-- <button type="button" class="layui-btn" id="ID-upload-demo-action">开始上传</button> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<div class="button-container">
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="ID-upload-demo-action">
|
||||
<i class="layui-icon layui-icon-upload-drag"></i>
|
||||
上传
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<script src="../js/layui/layui.js"></script>
|
||||
|
||||
<script>
|
||||
layui.use(function () {
|
||||
var form = layui.form;
|
||||
var $ = layui.jquery;
|
||||
var laytpl = layui.laytpl;
|
||||
var upload = layui.upload;
|
||||
|
||||
upload.render({
|
||||
elem: '#ID-upload-demo-choose',
|
||||
url: '/dsBase/res/uploadZskDocument',
|
||||
data: {
|
||||
type_id: "1",
|
||||
},
|
||||
accept: "file",
|
||||
exts: "doc|docx|xls|xlsx|ppt|pptx|pdf|txt",
|
||||
auto: false,
|
||||
bindAction: '#ID-upload-demo-action',
|
||||
done: function (res) {
|
||||
layer.msg("上传成功！", {
|
||||
icon: 1,
|
||||
time: 1300
|
||||
}, function () {
|
||||
parent.layer.close(parent.layer.getFrameIndex(window.name));
|
||||
parent.layui.table.reload("data-table");
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
<script>
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -0,0 +1,40 @@
|
||||
<li class="el-upload-list__item is-uploading" tabindex="0">
|
||||
<img class="el-upload-list__item-thumbnail" src="blob:http://localhost:8848/f16d47de-68d9-46c6-aae7-e3d519b121e5"
|
||||
alt="">
|
||||
<div class="el-upload-list__item-info">
|
||||
<a class="el-upload-list__item-name"><i
|
||||
class="el-icon el-icon--document"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
|
||||
<path fill="currentColor"
|
||||
d="M832 384H576V128H192v768h640zm-26.496-64L640 154.496V320zM160 64h480l256 256v608a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32m160 448h384v64H320zm0-192h160v64H320zm0 384h384v64H320z">
|
||||
</path>
|
||||
</svg></i><span class="el-upload-list__item-file-name"
|
||||
title="Geeker-Admin3.doc">Geeker-Admin3.doc</span></a>
|
||||
<div class="el-progress el-progress--line" role="progressbar" aria-valuenow="23" aria-valuemin="0"
|
||||
aria-valuemax="100" style="margin-top: 0.5rem;">
|
||||
<div class="el-progress-bar">
|
||||
<div class="el-progress-bar__outer" style="height: 2px;">
|
||||
<div class="el-progress-bar__inner" style="width: 23%; animation-duration: 3s;"><!--v-if--></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="el-progress__text" style="font-size: 12.8px;"><span>23%</span></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<label class="el-upload-list__item-status-label"><i
|
||||
class="el-icon el-icon--upload-success el-icon--check"><svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 1024 1024">
|
||||
<path fill="currentColor"
|
||||
d="M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z">
|
||||
</path>
|
||||
</svg></i></label><i class="el-icon el-icon--close"><svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 1024 1024">
|
||||
<path fill="currentColor"
|
||||
d="M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z">
|
||||
</path>
|
||||
</svg></i><!-- Due to close btn only appears when li gets focused disappears after li gets blurred, thus keyboard navigation can never reach close btn--><!-- This is a bug which needs to be fixed --><!-- TODO: Fix the incorrect navigation interaction --><i
|
||||
class="el-icon--close-tip">按 delete 键可删除</i><!--v-if-->
|
||||
</li>
|
||||
Loading…
Reference in new issue