enclosureupload.html 3.2 KB
Newer Older
doc_wei's avatar
doc_wei 已提交
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title></title>
	<link href="../../assets/lib/layui/css/layui.css" rel="stylesheet" />
	<link href="../../assets/lib/winui/css/winui.css" rel="stylesheet" />
	<link href="../../assets/lib/layui/lay/modules/ztree/css/zTreeStyle/zTreeStyle.css" rel="stylesheet" />
	<link href="../../assets/lib/layui/css/file-tree4.css" rel="stylesheet" />
    <link href="../../assets/lib/layui/lay/modules/contextMenu/jquery.contextMenu.min.css" rel="stylesheet" />
	<style>  
	    #filePicker div:nth-child(2){
	    	position: absolute !important;
			inset: 0px auto auto 130px !important;
			width: 72px !important;
			height: 30px !important;
			overflow: hidden !important;
			top: 0px !important;
	    }  
	</style>
</head>
<body>
	<div class="txtcenter">
		<div class="layui-tab layui-tab-card" style="margin: 0px">
			<ul class="layui-tab-title">
				<li class="layui-this">本地上传</li>
				<li>我的附件库</li>
			</ul>
			<div class="layui-tab-content">
				<div class="layui-tab-item layui-show">
					<form class="layui-form" action="" id="showForm" style="height: 240px;">
						<div class="layui-form-item layui-col-xs12">
							<div id="uploader" class="wu-example">
							    <div class="queueList">
							        <div id="dndArea" class="placeholder">
							            <div id="filePicker"></div>
							            <p>或将文件拖到这里,单次最多可选300个</p>
							        </div>
							    </div>
							    <div class="statusBar" style="display:none;">
							        <div class="progress">
							            <span class="text">0%</span>
							            <span class="percentage"></span>
							        </div><div class="info"></div>
							        <div class="btns">
							            <div id="filePicker2"></div><div class="uploadBtn">开始上传</div>
							        </div>
							    </div>
							</div>
					    </div>
					</form>
				</div>
				<div class="layui-tab-item">
					<ul id="treeDemo" class="ztree fsTree" method="get" isRoot="0"
   						treeIdKey="id" inputs="parentId" treePIdKey="pId" clickCallbackInputs="parentId:$id" treeName="name" style="height: 240px;"></ul>
				</div>
			</div>
		</div>
		<div class="layui-form-item layui-col-xs12" style="margin-top: 10px;">
			<div class="layui-input-block">
				<button class="winui-btn" type="button" id="cancle"><language showName="com.skyeye.cancel"></language></button>
				<button class="winui-btn" type="button" id="confimChoose"><language showName="com.skyeye.determine"></language></button>
			</div>
		</div>
	</div>
	<script src="../../assets/lib/layui/layui.js"></script>
	<script src="../../assets/lib/layui/custom.js"></script>
	<script type="text/javascript" src="../../assets/lib/layui/lay/modules/jquery-min.js"></script>
    <script type="text/javascript" src="../../assets/lib/layui/lay/modules/contextMenu/jquery.contextMenu.min.js"></script>
    <script type="text/javascript" src="../../assets/lib/layui/lay/modules/ztree/js/jquery.ztree.all.min.js"></script>
    <script type="text/javascript" src="../../assets/lib/layui/lay/modules/ztree/js/jquery.ztree.exhide.min.js"></script>
	<script type="text/javascript">
		layui.config({base : '../../js/common/'}).use('enclosureupload');
	</script>
</body>
</html>