scott
/
crm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
							{extend name="public/layout" /} {block name="title"}素材库{/block} {block name="body"}
<style type="text/css">
	html,
	body {
		display: block;
		width: 100%;
		background-color: #fff;
	}

	.layui-icon{font-size:20px !important;line-height: 38px;}

	
	.layui-table-view .layui-table th,
	.layui-table-view .layui-table td {
		text-align: center;
		border-color: #B6CADE;
	}

	
	.upload-img .area i {
		font-size: 50px;
		color: #009688;
	}
	
	.evi-block {
		float: left;
		margin-right: 10px;
	}
	/*///*/

	
	.addImages {
		display: inline-block;
		width: 140px;
		height: 125px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border: 1px dashed darkgray;
		background: #f8f8f8;
		position: relative;
		overflow: hidden;
	}
	
	.text-detail {
		margin-top: 40px;
		text-align: center;
	}
	
	.text-detail>span {
		font-size: 40px;
	}
	
	.imageDiv div {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0px;
		background-color: #e6e6e600;
	}
	
	.imageDiv div i {
		display: none;
		font-size: 31px;
		position: absolute;
		top: 37%;
		left: 40%;
	}
	
	.imageDiv div:hover {
		background-color: #e6e6e680;
	}
	
	.imageDiv div:hover i {
		display: block;
		cursor: pointer;
	}

	.layui-card-header p a:hover{
		text-decoration-line: underline;
	}
</style>

<body>
	<div class="layui-fluid">
		<div class="layui-card">
			<div class="layui-card-header" style="display: flex;justify-content: flex-start;">
				<a href="../../static/questionlisttemp.xlsx" download><span style="float:right;">下载信息模版</span></a>
			</div>
			<div class="layui-card-body">
				<form enctype="multipart/form-data" action="" method="post" class="layui-form">
					<div class="layui-upload">
						<div class="picDiv" style="margin: 20px">
							<div class="addImages" id="excelfile" style="cursor: pointer">
								<div class="text-detail">
									<span>+</span>
									<p>支持xlsx、xls格式</p>
								</div>
							</div>
						</div>

					</div>
					<div class="layui-form-item ">
						<button type="button" class="layui-btn" id="uploadbtn" style="float:right">开始上传</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</body>
{/block} {block name="js"}
<script type="text/javascript" src="__STATIC__/js/plupload/js/plupload.full.min.js"></script>
<script>
	layui.config({
		base: '__LAYUI__/' //静态资源所在路径
			,
		urlbase: '/sys'
	}).extend({
		index: 'lib/index' //主入口模块
	}).use(['index', 'table', 'layedit', 'element', 'upload'], function() {
		var $ = layui.$,
			upload = layui.upload,
			loadingIndex = 0;

		upload.render({
			elem: '#excelfile'
			, url:'{:url("exam/importing")}'//控制器的路径
			, accept: 'file'
			, auto: false
			, bindAction: '#uploadbtn'//一起绑定事件的按钮
			, exts: 'xls|excel|xlsx|csv'
			, done: function (res) {
				if (res.code == 0) {
					layer.close(loadingIndex);
					layer.alert("导入成功", {icon: 6}, function () {
						var index = parent.layer.getFrameIndex(window.name);
						parent.layui.table.reload('LAY-exam-question-list'); //重载表格
						parent.layer.close(index); //再执行关闭
					});
				} else {
					layer.close(loadingIndex);
					layer.alert(res.msg, {icon: 5});
				}
			}
		});

		$("#uploadbtn").click(function() {
			loadingIndex = layer.load('Loading...', {
				shade: [0.6,'#000'] //0.1透明度的白色背景
			});
		})
	});
</script>
{/block}