scott
/
crm


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522
							{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-fluid {
		display: block;
		border-radius: 5px;
		background-color: #ffffff;
		padding: 15px 30px;
	}


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

	.layui-table thead tr,
	.layui-table-header {
		background-color: #D8E6F1 !important;
	}


	.upload-img .area i {
		font-size: 50px;
		color: #009688;
	}

	/*///*/


	.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-input-inline.input-longer-inline {
		/*width: 290px;*/
	}

	/*	.layui-item-inline{
		width: 50px;
		display: inline;
		margin-left: 20px;
		margin-bottom: 5px;
	}*/
	.submit-btn {
		text-align: right;
	}

	.select_items {
		display: block;
		float: left;
		margin-left: 10px;
	}

	.layui-input-answer {
		width: 330px;
	}

	@media screen and (min-width: 992px) {
		.layui-container {
			width: 900px;
		}
	}

	.layui-titlebox {
		position: relative;
		left: 0;
		height: 40px;
		white-space: nowrap;
		font-size: 0;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		transition: all .2s;
		-webkit-transition: all .2s;
		border-color: #e6e6e6;
		color: #666;
		background-color: #f2f2f2;
		margin-bottom: 2%;
	}

	.layui-titlebox li {
		display: inline-block;
		vertical-align: middle;
		font-size: 14px;
		transition: all .2s;
		-webkit-transition: all .2s;
		position: relative;
		line-height: 40px;
		width: 25%;
		text-align: center;
		cursor: pointer;
		box-sizing: border-box;
	}

	.layui-titlebox .layui-this {
		color: #000;
		border-bottom-color: transparent;
		background-color: #249EFB;
		color: #FFFFFF;
	}

	.layui-titlebox .layui-this:after {
		position: absolute;
		left: 0;
		top: 0;
		content: '';
		width: 100%;
		height: 41px;
		border-width: 1px;
		border-style: solid;
		border-color: #e6e6e6;
		border-bottom-color: #fff;
		border-radius: 2px 2px 0 0;
		box-sizing: border-box;
		pointer-events: none;

	}

	.search_input {
		width: 38% !important;
		margin-right: 1%;
		float: left;
		height: 38px;
		border: 1px solid #e6e6e6;
		overflow: hidden;
	}

	.search_inputs {
		width: 32% !important;
		margin-right: 1%;
		float: left;
		height: 38px;
		/*border:1px solid #e6e6e6;*/
		overflow: hidden;
		padding-top: 10px;
	}

	.search_input .layui-select {
		width: 100%;
		border: 0 !important;
	}

	.wright {
		float: right !important;
	}

	.search_input input {
		border: 0;
		width: 100%;
		display: block;
		height: 100%;
		padding-left: 10px;
	}

	.wright_btn {
		float: right;
		width: 41.666667%;
		overflow: hidden;
	}

	.wleft_btn {
		width: 41.666667%;
		overflow: hidden;
		float:left;
	}

	.wright_btn div {
		float: left;
	}
	.radio-style {
		transform:scale(1.2,1.2);
		margin: 0px 10px;
	}
	@media only screen and (min-width: 900px) {
		.layui-container,.layui-form-item .layui-input-inline{width:100% !important;}
		.layui-col-md5 {
		    width: 41.66666667%;
		    float:left;
		}
		.layui-col-md2 {
		    width: 16.66666667%;
		     float:left;
		}
	}
	.demo-transfer{width:100%;}
	.layui-btn {
		padding: 0px 20px;
	}
	
	.layui-select-title{height: 38px;}
	body{
		min-width: 650px;
	}
</style>

<body>
	<div class="layui-fluid" style="height: auto;overflow: hidden;">
		<div class="layui-card">
			<ul class="layui-titlebox">
				<li>创建试卷</li>
				<li class="layui-this">选择试题</li>
				<li>设置分值</li>
				<li>发布考试</li>
			</ul>

			<div class="layui-card-body" style="height: auto;overflow: hidden;">
				<div class="layui-form-item" style="margin-left: 14px;width:97%;">
					<div class="wleft_btn">
						<div>
							<div class="search_input">
							<input class="input-longer-inline" type="text" name="keyword" id="keyword" value=""
								placeholder="请输入题干" lay-verify="required" title="请输入题干" autocomplete="off">
							</div>
							<div class="search_input">
								<!-- <div class="layui-input-inline" style="height: 39px;width:25%;"> -->
									<select name="cate" id="cate" class="layui-select " lay-verify=''>
										<option value="">请选择分类</option>
										{volist name="data.cate" id="t"}
										<option value="{$t}">{$t}</option>
										{/volist}
									</select>
								<!-- </div> -->
							</div>
							<div class="" style="float:right;">
								<button type="button" class="layui-btn" id="onSearch">搜索</button>
							</div>
						</div>

						<!-- <div class="search_input" style="width: 27%;">
							<select name="type" id="type" class="layui-select " lay-verify=''>
								<option value="">请选择类型</option>
								<option value="单选">单选</option>
								<option value="多选">多选</option>
								<option value="判断">判断</option>
								<option value="简答">简答</option>
							</select>
						</div> -->
						<!-- <div class="" style="float:left;">
							<button type="button" class="layui-btn" id="onSearch">搜索</button>
						</div> -->
						<div style="display: flex;align-items: center;justify-content: flex-start;width: 100%;">
							<div class="layui-input-block" style="display: flex;align-items: center;margin: 10px 10px 0px 0px;">
								<input type="checkbox" name="radios" id="single" class="radio-style" lay-filter="ChoiceRadio" value="单选" title="单选">
								<label for="single"> 单选 </label>
								<input type="checkbox" name="radios" value="多选" class="radio-style" lay-filter="ChoiceRadio" id="multi" title="多选">
								<label for="multi"> 多选 </label>
								<input type="checkbox" name="radios" value="判断" class="radio-style" lay-filter="ChoiceRadio" id="panduan" title="判断">
								<label for="panduan"> 判断 </label>
								<input type="checkbox" name="radios" value="简答" class="radio-style" lay-filter="ChoiceRadio" id="answer" title="简答">
								<label for="answer"> 简答 </label>
							</div>
						</div>
					</div>
					<div class="wright_btn">
						<div class="search_inputs">
							<!-- 							<input class="input-longer-inline" type="text" name="name"  value="" placeholder="请输入题干" lay-verify="required" title="请输入题干" autocomplete="off" > -->
							<span>已选择<span id="count">{$data.count}</span>题</span>
						</div>
						<div class="wright">
							<button type="button" class="layui-btn" id="clean">清除所有</button>
						</div>
					</div>
					<div class="wright_btn" style="font-size: 16px;line-height: 44px;">试卷试题</div>
				</div>
				<form class="layui-form" enctype="multipart/form-data" lay-filter="layuiadmin-paperaddques-form">
					<div class="layui-form-item">
						<div class="layui-input-inline" style="width: 100%;">
							<div id="transfer-questions" class="demo-transfer"></div>
						</div>
					</div>

					<div class="layui-form-item submit-btn" style="">
						<!-- 						<div style="display:inline-block;text-align:left;vertical-align: -72%;">
							<select name="" class="layui-unselect layui-form-select layui-select-inline" style="float:left;">
								<option value="1">1</option>
								<option value="1">1</option>
								<option value="1">1</option>
							</select>
							<input type="text" value="选择题1" class="layui-input-inline" style="float:right">
						</div> -->
						<div class="layui-form-item submit-btn" style="text-align: center;">
							<input class="layui-btn " type="button" lay-submit lay-filter="return" id="return" value="上一步">
							<input class="layui-btn " type="button" lay-submit
								lay-filter="layuiadmin-paperaddques-submit" id="layuiadmin-paperaddques-submit"
								value="下一步">
						</div>

					</div>
				</form>
			</div>
		</div>
	</div>
</body>
{/block}
{block name="js"}
<script src="__STATIC__/layui/layui/layui.js"></script>
<script>
	layui.config({
		base: '__LAYUI__/' //静态资源所在路径
		,
		urlbase: '/sys'
	}).extend({
		index: 'lib/index' //主入口模块
	}).use(['index', 'table', 'layedit', 'laydate', 'transfer'], function () {
		var $ = layui.$,
			layedit = layui.layedit,
			transfer = layui.transfer,
			form = layui.form;

		//数据源
		var datastr = '{$questListstr|raw}';
		var datastr2 = '{:$data.data2}';
		var data1 = JSON.parse(datastr);
		var data2 = JSON.parse(datastr2);
		//表格列
		var cols = [
			{ type: 'checkbox',fixed:'left'},
			{ field: 'type', title: '题型' },
			{ field: 'cate', title: '分类' },
			{ field: 'ask', title: '题干' },
		];
		//表格配置文件
		var tabConfig = { 'page': true, 'limits': [10, 50, 100], 'height': 400 }

		var tb1 = transfer.render({
			elem: "#transfer-questions", //指定元素
			cols: cols, //表格列  支持layui数据表格所有配置
			data: [data1, data2],//[左表数据,右表数据[非必填]]
			tabConfig: tabConfig, //表格配置项 支持layui数据表格所有配置
		})
		$('.layui-row .layui-col-md5').addClass('layui-col-xs5');
		$('.layui-row .layui-col-md5').addClass('layui-col-sm5');
		$('.layui-row .layui-col-md2').addClass('layui-col-xs2');
		$('.layui-row .layui-col-md2').addClass('layui-col-sm2');
		$('.layui-btn-disabled').attr('type','button');

		$(document).on('click',"#left-btn-1",function(){
		    getlist_r();
		 });
		$(document).on('click',"#right-btn-1",function(){
		    getlist_r();
		 });

		function getlist_r(){
			$('.layui-btn-disabled').attr('type','button');
			setTimeout(function(){
				var tranferdata = transfer.get(tb1, 'right', 'id');
				var listarr=tranferdata.split(',');
				var counts=[];
				for(var i in listarr){
				  counts.push(listarr[i]);
				}
				$('#count').html(counts.length);
			},300)
		}
		form.on('submit(layuiadmin-paperaddques-submit)', function (data) {
			var tranferdata = transfer.get(tb1, 'right', 'id');
			if (tranferdata.length < 1) {
				layer.msg('请至少选择一道题目', {
					anim: 6
					, time: 2000
				});
				return false;
			}
			var quesdata = {
				paperid: '{:$paperid}',
				idstr: tranferdata
			}
			$.ajax({
				url: '{:url("exam/paperaddquestion")}',
				type: 'post',
				data: quesdata,
				success: function (res) {
					if (res.code === 0) {
						window.location.href = '{:url("exam/paperscore")}?paperid=' + res.paperid;
					} else {
						layer.msg(res.msg, {
							anim: 6
							, time: 2000
						});
					}
				}
			});
			return false;
		});

		$('.radio-style').click(function (){
			searchkey();
		})
		//搜索题目
		$('#onSearch').click(function () {
			searchkey();
		});
		function searchkey(){
			var keyword = $('#keyword').val();
			var type = '';
			$('input[name="radios"]:checked').each(function(index,element){
				type = type+$(this).val()+',';
			});
			var cate = $('#cate').val();
			var paperid = '{:$paperid}';
			$.ajax({
				url: '{:url("exam/searchquestion")}',
				type: 'post',
				data: {type:type,keyword:keyword,data2:data2,paperid:paperid,cate: cate},
				success: function(res) {
					data2 = data2;
					transfer.render({
						elem: "#transfer-questions", //指定元素
						cols: cols, //表格列  支持layui数据表格所有配置
						data: [res.data.data1,data2], //[左表数据,右表数据[非必填]]
						tabConfig: tabConfig //表格配置项 支持layui数据表格所有配置
					})
					$('#count').html(res.data.count);
				}
			});
		}


		//清除所有
		$('#clean').click(function () {
			var keyword = $('#keyword').val();
			var type = $('#type').val();
			var paperid = '{:$paperid}';
			$.ajax({
				url: '{:url("exam/searchquestion")}',
				type: 'post',
				data: { type: type, keyword: keyword, data2: [], paperid: paperid },
				success: function (res) {
					// var row = JSON.parse(res.data);
					// console.log(row)
					// console.log(res.data1)
					// console.log(res.data2)
					// data1 = res.data;
					data2 = [];
					transfer.render({
						elem: "#transfer-questions", //指定元素
						cols: cols, //表格列  支持layui数据表格所有配置
						data: [res.data.data1, []], //[左表数据,右表数据[非必填]]
						tabConfig: tabConfig //表格配置项 支持layui数据表格所有配置
					})
					$('#count').html(0);
					// if(res.code === 0) {
					// 	window.location.href = '{:url("exam/paperscore")}?paperid='+res.paperid;
					// } else {
					// 	layer.msg(res.msg, {
					// 		anim: 6
					// 		,time: 2000
					// 	});
					// }
				}
			});
		})

		//上一步
		/*$('#return').click(function () {
			var paperid = '{:$paperid}';
			window.location.href = '{:url("exam/paperadd")}?paperid=' + paperid;
		})*/

		form.on('submit(return)', function (data) {
			var tranferdata = transfer.get(tb1, 'right', 'id');
			var paperid = '{:$paperid}';

			if (tranferdata.length > 0) {
				var quesdata = {
					paperid: '{:$paperid}',
					idstr: tranferdata
				}
				$.ajax({
					url: '{:url("exam/paperaddquestion")}',
					type: 'post',
					data: quesdata,
					success: function (res) {

					}
				});
			}
			window.location.href = '{:url("exam/paperadd")}?paperid=' + paperid;
		});

		//取消
		// $('.cancel').click(function(){
		// 	var index = parent.layer.getFrameIndex(window.name);
		// 	parent.layer.close(index);
		// })
	});
</script>
{/block}