scott
/
crm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481
							{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-icon{font-size:20px !important;line-height: 38px;}
	.layui-input-inline{line-height: 38px;}
	.layui-input-inline input{margin-right: 10px;}
	.layui-form-item .layui-input-inline{}
	.input-indent-box-small{margin-left:10px;}
	.layui-tab {
		padding: 15px;
		height: 100%;
	}
	
	.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: 290px;
		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{
		float:left;width: 41.666667%;overflow: hidden;
	}
	.wright_btn div{float:left;}
	.radio-style {
		transform:scale(1.2,1.2);
	}
	.plr-10 {
		padding: 0px 10px;
	}
	.ml10 {
		margin-left: 10px;
	}
	.demo-transfer{width:100%;}
	.layui-btn {
		padding: 0px 20px;
	}
	.layui-container {
		width: 100% !important;
	}
	body{
		min-width: 650px;
	}
</style>

<body>
	<div class="layui-fluid">
		<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">
				<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">
							<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 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 ml10" lay-filter="ChoiceRadio" value="单选" title="单选">
								<label for="single" class="plr-10"> 单选 </label>
								<input type="checkbox" name="radios" value="多选" class="radio-style" lay-filter="ChoiceRadio" id="multi" title="多选">
								<label for="multi" class="plr-10"> 多选 </label>
								<input type="checkbox" name="radios" value="判断" class="radio-style" lay-filter="ChoiceRadio" id="panduan" title="判断">
								<label for="panduan" class="plr-10"> 判断 </label>
								<input type="checkbox" name="radios" value="简答" class="radio-style" lay-filter="ChoiceRadio" id="answer" title="简答">
								<label for="answer" class="plr-10"> 简答 </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% !important;">
							<div id="transfer-questions" class="demo-transfer"></div>
						</div>
					</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 class="layui-form-item submit-btn">
						<input class="layui-btn " type="button" lay-submit lay-filter="layuiadmin-paperaddques-submit" id="layuiadmin-paperaddques-submit" value="下一步">
					</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 data1 = JSON.parse(datastr);

		var datachoosedstr = '{$choosedquestListstr|raw}';
		var data2 = JSON.parse(datachoosedstr);
		//表格列
		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
			}
			console.log(quesdata)
			$.ajax({
				url: '{:url("exam/papereditquestion")}',
				type: 'post',
				data: quesdata,
				success: function(res) {
					if(res.code === 0) {
						window.location.href = '{:url("exam/papereditscore")}?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}';

			// window.location.href = '{:url("exam/searchquestion")}?paperid='+res.paperid;
			// console.log(keyword);
			// console.log(type)
			// console.log(data2)
			$.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/paperedit")}?paperid='+paperid;
		})*/
		//上一步
		form.on('submit(return)', function(data) {
			var paperid = '{:$paperid}';
			var tranferdata = transfer.get(tb1,'right','id');
			if(tranferdata.length > 0){
				var quesdata = {
					paperid:'{:$paperid}',
					idstr : tranferdata
				}
				console.log(quesdata)
				$.ajax({
					url: '{:url("exam/papereditquestion")}',
					type: 'post',
					data: quesdata,
					success: function(res) {

					}
				});
			}
			window.location.href = '{:url("exam/paperedit")}?paperid='+paperid;
		});
	});
</script>
{/block}