scott
/
crm


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504
							{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:18px !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;
	}
	

	.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;
	}
	.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;
	    
	}
	.layui-btn {
		padding: 0px 20px;
	}
	.layui-form-radio>i {
		font-size: 18px;
	}
</style>

<body>
	<div class="layui-fluid">
		<div class="layui-card">
			<ul class="layui-titlebox">
			    <li>创建试卷</li>
			    <li>选择试题</li>
			    <li>设置分值</li>
			    <li class="layui-this">发布考试</li>
			</ul>
			<div class="layui-card-body">
				<form class="layui-form" enctype="multipart/form-data" lay-filter="layuiadmin-publish-form">
					<input type="hidden" value="{:$paperid}" name="paperid">
<!-- 					<div class="layui-form-item">
						<label class="layui-form-label"><span style="color:red;">*</span>考试范围:</label>
						<div class="layui-input-block">
							<select name="scope_org" id="org" lay-filter="org_select" lay-verify="required">
								<option value=""></option>
							</select>
						</div>
					</div> -->
					<div class="layui-form-item" id="range">
						<label class="layui-form-label"><span style="color: red;">*</span>考试人员</label>
						<div class="layui-input-block">
							<div id="range_person"></div>
						</div>
					</div>

					<div class="layui-form-item layui-hide">
						<label class="layui-form-label"><span style="color:red;">*</span>考试对象:</label>
						<div class="layui-input-inline" style="width: 380px">
							<input type="radio" name="target_group" lay-filter="targetGroup" value="全员" title="全员" checked>
							<input type="radio" name="target_group" lay-filter="targetGroup" value="新兵" title="新兵" >
							<input type="radio" name="target_group" lay-filter="targetGroup" value="老兵" title="老兵" >
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label"><span style="color:red;">*</span>考试时长（分钟）:</label>
						<div class="layui-input-block">
							<input class="layui-input layui-input-inline " type="number" id="duringtime" name="duringtime"  value="45" placeholder="考试时长 比如：45" title="及格分数" autocomplete="off" lay-verify="required">
						</div>
					</div>
					<div class="layui-form-item layui-hide">
						<label class="layui-form-label"><span style="color:red;">*</span>及格设置:</label>
						<div class="layui-input-block">
								<input class="layui-input layui-input-inline " type="number" name="base_score"  value="{$data.base_score}" placeholder="及格分数 比如：60" title="及格分数" autocomplete="off" lay-verify="required">
						</div>
					</div>

					<div class="layui-form-item">
						<label class="layui-form-label"><span style="color:red;">*</span>考试时间:</label>
						<div class="layui-input-inline " >
							<input type="text" class="layui-input layui-input-inline" name="starttime" id="starttime" placeholder="开始时间" autocomplete="off" lay-verify="required" value="{$data.starttime}">
							<span style="margin-right: 10px">至</span>
							<input type="text" class="layui-input layui-input-inline" name="endtime" id="endtime" placeholder="结束时间" autocomplete="off" lay-verify="required" >
						</div>

					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">审核方式:</label>
						<div class="layui-input-block " >
							<input type="radio" name="checkway" lay-filter="checkway" value="sys" title="系统审核" checked>
							<input type="radio" name="checkway" lay-filter="checkway" value="employee" title="人工审核" >
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">状态:</label>
						<div class="layui-input-block " >
							<input type="radio" name="state" lay-filter="state" value="0" title="保存草稿" checked>
							<input type="radio" name="state" lay-filter="state" value="1" title="正式发布" >
						</div>
					</div>
					<div class="layui-form-item layui-hide" id="person">
						<label class="layui-form-label"><span style="color: red;">*</span>审核人员</label>
						<div class="layui-input-block">
							<div id="label"></div>
						</div>
					</div>
					<div class="layui-form-item layui-hide">
						<label class="layui-form-label">备注:</label>
						<div class="layui-input-block " >
							<input class="layui-input" type="text" name="desc"  value="" title="备注" autocomplete="off">
						</div>
					</div>
					<div class="layui-form-item submit-btn" style="text-align: center;">
						<input class="layui-btn " type="button" lay-filter="" id="return" value="上一步">
						<input class="layui-btn " type="button" lay-submit lay-filter="layuiadmin-publish-submit" id="layuiadmin-publish-submit" value="保存并发布试卷">
					</div>
<!-- 					<div class="layui-form-item submit-btn">
						
					</div> -->
				</form>
			</div>
		</div>
	</div>
</body>
{/block}
{block name="js"}
<script src="__STATIC__/layui/layui/lay/modules/xm-select.js" type="text/javascript" charset="utf-8"></script>
<script>
	var orgids_str = '{:$orgids}';
	var orgids = JSON.parse(orgids_str);
	var org = eval('{$org|raw}');

	layui.config({
		base: '__LAYUI__/' //静态资源所在路径
			,
		urlbase: '/sys'
	}).extend({
		index: 'lib/index' //主入口模块
	}).use(['index', 'table', 'layedit', 'laydate'], function() {
		var $ = layui.$,
			 layedit = layui.layedit,
			laydate = layui.laydate,
			form = layui.form;

		$('#org').append(setOrgOption(org, ''));
		form.render('select')
		let date =new Date($('#starttime').val());
		let time= date.getTime()+45*60*1000;
		let date1=new Date(time);

		let time1=date1.getFullYear()+'-'+(date1.getMonth()*1+1)+'-'+ date1.getDate()+' '+date1.getHours()+':'+date1.getMinutes()+':'+date1.getSeconds();
		$('#endtime').val(time1);
		laydate.render({
			elem: '#starttime'
			,type: 'datetime',
			trigger: 'click',//呼出事件改成click
			done: function (value, date, endDate) {
				$('#starttime').val(value);
				if($('#duringtime').val()){
					let date = new Date(value);
					let time = date.getTime() + 45 * 60 * 1000;
					let date1 = new Date(time);

					let time1 = date1.getFullYear() + '-' + (date1.getMonth() * 1 + 1) + '-' + date1.getDate() + ' ' + date1.getHours() + ':' + date1.getMinutes() + ':' + date1.getSeconds();
					$('#endtime').val(time1);
				}
			}
		});
		laydate.render({
			elem: '#endtime'
			,type: 'datetime',
			trigger: 'click'//呼出事件改成click
		});

		form.on('submit(layuiadmin-publish-submit)', function(data) {
			var index = parent.layer.getFrameIndex(window.name);
			var formData = new FormData(data.form);
			var checkway = 'sys';
			var employee = '';
			formData.forEach((value, key) => {
				console.log("key %s: value %s", key, value);
				if (key=='checkway') {
					checkway = value;
				}
				if (key=='approve_employee_ids') {
					employee = value;
				}
			})

			if (checkway=='employee' && employee=='') {
				layer.msg('人工审核请选择审核人员', {
					anim: 6
					,time: 2000
				});
				return false;
			}
			$.ajax({
				url: '{:url("exam/paperpublish")}',
				type: 'post',
				data: formData,
				dataType: 'json',
				processData: false,
				contentType: false,
				success: function(res) {
					if(res.code === 0) {
						layer.msg(res.msg, {
							anim: 0
							,time: 2000
						}, function() {
							parent.layui.table.reload('LAY-exam-paper-list'); //重载表格
							parent.layer.close(index); //再执行关闭
						});
					} else {
						layer.msg(res.msg, {
							anim: 6
							,time: 2000
						});
					}
				}
			});
			return false;
		});

		//监听审核方式单项框
		form.on('radio(checkway)', function (data) {
		　　console.log( data );　　//打印当前选择的信息
		//     if( data.elem.checked){　　　　　　//判断当前多选框是选中还是取消选中
		//         alert('当前选中');
		//     }else{
		// 　　　　　alert('取消选中')　
		// 　　 }
		　　var value = data.value;   //  当前选中的value值
			if (value=="employee") {
				$('#person').removeClass('layui-hide');
			} else {
				$('#person').addClass('layui-hide');
			}

		});

		form.on('select(org_select)', function (data) {
			var val = data.value;
			$.ajax({
				url: '{:url("org/employee")}'
				, data: { org: val }
				, type: 'get'
				, success: function (res) {
					if (res.code == 0) {
						$('#employee').html('<option value="">请选择</option>');
						res.data.forEach(element => {
							$('#employee').append('<option value="' + element.id + '">' + element.name + '</option>');
						});
						form.render('select')
					}
				}
			});
		});


		function setOrgOption(opt, sj) {
			var html = '';
			opt.forEach(element => {
				if(orgids.length > 0){
					if(in_array(element.id,orgids)) {
						html += '<option value="' + element.id + '">' + sj + element.title + '</option>';
					}
				}
				if (element.children.length > 0) html += setOrgOption(element.children, sj + '-');

			});

			return html;
		}

		function in_array(search,array){
			for(var i in array){
				if(array[i] == search){
					return true;
				}
			}
			return false;
		}
		//考试范围选择人员
        var approve_ids = xmSelect.render({
            el: "#range_person",
			autoRow: true,
			filterable: true,
            tips: '考试人员',
            layVerify:'required',
            toolbar: {
            	//工具条,全选,清空,反选,自定义
                show: true,
                list: [ 
                    'ALL', 
                    'CLEAR', 
                    'REVERSE'
                ]
            },
            tree: {
				show: true,
				showFolderIcon: true,
				showLine: true,
				indent: 20,
				expandedKeys: [ -3 ],
            },
            height: "200px",
            data: [], 
            //文本显示模式
            //处理方式
        });
        $(function(){
        	selectperson();
        });
        function selectperson(){
	        setTimeout(function(){
	            //data是ajax异步获取的
	            $.ajax({
	            	type:"get",
	            	url:"{:url('exam/get_person')}",
	            	data:{type:1},
	            	dataType: 'json',
	            	success:function(data) {
	            		// var data = JSON.parse(data);
	            		// var res = JSON.parse(data);
	            		//通过ajax 获取json数据,异步更新多选下拉框的值
	            		approve_ids.update({data:data})
	            	}
	            });
	        },100);
		}


		//多选审核人员
		var options = {
            el: '#label',
            name: 'approve_employee_ids',//表单的name属性
            layVerify: '',
            //layVerType: 'tips',//提示类型 同layui
            tips: '审核人员',
            toolbar: {
            	//工具条,全选,清空,反选,自定义
                show: true,
                list: [ 
                    'ALL', 
                    'CLEAR', 
                    'REVERSE'
                ]
            },
            data: [],
            // max: 1,
        };
        var label = xmSelect.render(options)
        $(function(){
        	selectdata();
        });
        function selectdata(){
	        setTimeout(function(){
	            //data是ajax异步获取的
	            $.ajax({
	            	type:"get",
	            	url:"{:url('exam/get_person')}",
	            	dataType: 'json',
	            	success:function(data) {
	            		var data = data;
	            		//通过ajax 获取json数据,异步更新多选下拉框的值
	            		label.update({data: data})
	            	}
	            });
	        },100);
		}
		//上一步
		$('#return').click(function(){
			var paperid = '{:$paperid}';
			window.location.href = '{:url("exam/paperscore")}?paperid='+paperid;
		})


	});
</script>
{/block}