crm/app/sys/view/exam/questionadd.html

{extend name="public/layout" /} {block name="title"}商学院{/block} {block name="body"}
{include file="public/head"/}
<script src="/static/js/jquery.min.js"></script>
<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 20px;
	}
	.layui-icon{font-size:20px !important;line-height: 38px;}
	.layui-input-inline{line-height: 38px;}
	.layui-input-inline input{margin-right: 10px;}
	.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: #D4E4ED;
	}
	

	.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: 260px;
		display: inline;
		margin-bottom: 5px;
	}
	.submit-btn{
		text-align: right;
	}
	.select_items{
		display: block;
		float:left;
		margin-left:10px;
	}
	.layui-input-answer{
		width: 330px;
	}
	.option_alls{
		clear: both;
		overflow: hidden;
	}
	.option_alld{
		clear: both;
		overflow: hidden;
	}
	.everyoptionboxs{
		display: block;
		width: 100%;
		float: left;
		margin-bottom: 10px;
	}

	.everyoptionboxd{
		display: block;
		width: 100%;
		float: left;
		margin: 0px 0px 10px;
		position: relative;
	}

	/*//多图上传*/
	.imageDiv {
		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;
		margin-left: 5px;
	}
	
	.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;
	}
	
	.rotate180 {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	
	.layui-edge.rotate180 {
		margin-top: -9px;
	}
	
	.layui-input-inline.input-longer-inline {
		width: 290px;
	}
	.goback {
		float: right;
	}

	.goback a {
		color: #269efb;
	}

	.goback i {
		position: relative !important;
	}
	@media screen and (max-width: 450px){
		.layui-form-item{
			position: relative;
		}
		.layui-form-item .layui-input-inline {
			padding-right: 40px !important;
		}
		.adding {
			position: absolute;
			right: 10px;
			top: 0;
		}
	}
	input:disabled, input[disabled]{
		color: black;
		opacity: 1;
		-webkit-text-fill-color:black;
		-webkit-opacity:1;
	}
	.labels{
		display:block;
		float:left;
	    height: 4%;
	}
	.picDiv{
		    margin: 110px;
	}
	.everyoptionboxd,.everyoptionboxs{position: relative;}
	.everyoptionboxd .layui-form-radio,.everyoptionboxs .layui-form-checkbox{position: absolute;top:0;left:0;width:13%;height: 38px !important;margin:0 !important;padding: 0 !important;}
	.everyoptionboxd .layui-form-radio>i:hover, .layui-form-radioed>i,.layui-form-radio>i,.everyoptionboxs .layui-form-checkbox[lay-skin=primary] i{color:rgba(0.0.0.0);display: none !important;}
	.addradiod{background:#249efb !important;color:#fff !important;}
	.layui-form-radio>i {
		font-size: 18px;
	}
	.layui-form-select dl{
		z-index: 999;
	}
	.lay-delete {
		position: absolute;
		right: 20px;
		color: red;
		cursor: pointer;
	}
	.edui-default .edui-editor-iframeholder {
		min-height: 350px !important;
	}
</style>

<body>
	<div class="layui-fluid">
		<div class="layui-card">
			<div class="layui-card-body">
				<form class="layui-form" enctype="multipart/form-data" lay-filter="layuiadmin-question-form">
					<div class="layui-form-item">
						<label class="layui-form-label"><b style="color:red;">*</b>选择题型:</label>
						<div class="layui-input-inline" style="width: 380px">
							<input type='button' class="layui-btn problem0 problem" id="type0" values="单选" value="单选题">
							<input type='button' class="layui-btn layui-btn-primary problem1 problem" id="type1" values="多选" value="多选题">
							<input type="button" class="layui-btn layui-btn-primary problem2 problem" id="type2" values="判断" value="判断题">
							<input type="button" class="layui-btn layui-btn-primary problem3 problem" id="type3" values="简答" value="简答题">
							<input type="hidden" id="typename" name="type" value='单选'>
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label"><b style="color:red;">*</b>题面内容:</label>
						<div class="layui-input-block">
							<!-- <textarea name="ask" id="content" cols="50" rows="20" placeholder="请输入题干内容" required></textarea> -->
							<textarea id='content' name='ask' cols="50" rows="20" placeholder="请输入题干内容" required style="height: 350px;width: 99%;"></textarea>
						</div>
					</div>
					<div class="layui-form-item">
						<label for="type" class="layui-form-label"><b style="color:red;">*</b>分类:</label>
						<div class="layui-input-block">
							<div class="layui-input-inline" style="width:100%;max-width: 205px;margin-left: 0;">
								<select  id="cate" name="cate" lay-verify="required" >
									<option value="">请选择分类</option>
									{volist name="cate" id="vo"}
									<option value="{$vo}">{$vo}</option>
									{/volist}
								</select>
							</div>
							<!-- <a id="addcate" href="javascript:void(0)"><i class="layui-icon layui-icon-add-circle-fine" style="font-size: 30px;"></i></a> -->
						</div>
					</div>
					<div class="layui-form-item img">
						<label class="layui-form-label labels">题面图片:</label>
						<div class="imgs">
							<div class="picDiv" style="margin:10px 10px 0px;margin-left:110px;">
								<div class="addImages" id="evidence_imgs">
									<div class="text-detail">
										<span>+</span>
										<p>选择单、多图</p>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label labels"></label>
						<div><i style="color: red;margin-right:5px;">*</i>建议上传图片宽高比例7:10，图片大小不超过1M</div>
					</div>
					<!-- 单选 -->
					<div class="con0 con">
						<div class="layui-form-item">
							<label for="type" class="layui-form-label"><b style="color:red;">*</b>选项名称:</label>
							<!-- <div class="layui-input-block"> -->
								<div class="layui-input-inline" style="width: 44%;">
									<input class="layui-input" type="hidden" name="option_named" id="option_named"  value="" placeholder="请输入" title="题面" autocomplete="off" >
								</div>
								<button type="button" class="layui-btn" id="quea_d">添加选项</button>
							<!-- </div> -->
						</div>

						<div class="layui-form-item">
							<label class="layui-form-label"></label>
							<div class="layui-input-block option_alld">
								<div class="everyoptionboxd">
									<input style="width:13%;font-size:15px;padding: 0px;margin-bottom: 10px;" type="text" class="layui-btn layui-btn-primary" readonly name="option0[]" value="A">
									<textarea id='textarea_content_A' name="answer0[0]" cols="50" rows="20" placeholder="请输入内容" required style="height: 350px;width: 99%;"></textarea>
									<input type="radio" name="checkbox0" title="" lay-skin="primary" value="A">
								</div>
								<div class="everyoptionboxd">
									<input style="width:13%;font-size:15px;padding: 0px;margin-bottom: 10px;" type="text" class="layui-btn layui-btn-primary" readonly name="option0[]" value="B">
									<textarea id='textarea_content_B' name="answer0[1]" cols="50" rows="20" placeholder="请输入内容" required style="height: 350px;width: 99%;"></textarea>
									<input type="radio" name="checkbox0" title="" lay-skin="primary" value="B">
								</div>
							</div>
						</div>
					</div>
					<!-- 多选 -->
					<div class="con1 con layui-hide">
						<div class="layui-form-item">
							<label for="type" class="layui-form-label"><b style="color:red;">*</b>选项名称:</label>
							<!-- <div class="layui-input-block"> -->
								<div class="layui-input-inline" style="width: 44%;">
									<input class="layui-input" type="hidden" name="option_names" id="option_names"  value="" placeholder="请输入" title="题面" autocomplete="off" >
								</div>
								<button type="button" class="layui-btn" id="quea_s">添加选项</button>
							<!-- </div> -->
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label"></label>
							<div class="layui-input-block option_alls">
								<div class="everyoptionboxs" data-offtrue='true'>
									<input style="width:13%;font-size:15px;padding: 0px;margin-bottom: 10px;" type="text" class="layui-btn layui-btn-primary checkbox_li" readonly name="option1[]" value="A">
									<textarea id='textarea_duoxuan_A' name="answer1[0]" cols="50" rows="20" placeholder="请输入内容" required style="height: 350px !important;width: 99%;"></textarea>
									<input type="checkbox" name="checkbox1[]" title="" lay-skin="primary" value="A">
								</div>
								<div  class="everyoptionboxs" data-offtrue='true'>
									<input style="width:13%;font-size:15px;padding: 0px;margin-bottom: 10px;" type="text" class="layui-btn layui-btn-primary checkbox_li" readonly name="option1[]" value="B">
									<textarea id='textarea_duoxuan_B' name="answer1[1]" cols="50" rows="20" placeholder="请输入内容" required style="height: 350px !important;width: 99%;"></textarea>
									<input type="checkbox" name="checkbox1[]" title="" lay-skin="primary" value="B">
								</div>
							</div>
						</div>
					</div>
					<!-- 判断题 -->
					<div class="layui-form-item con2 con layui-hide">
						<label class="layui-form-label"><b style="color:red;">*</b>正确答案:</label>
						<div class="layui-input-block">
							<input type="hidden" id="answer2" name="answer2" value="1" lay-verify="required">
							<input type="button" class="layui-btn panduan1 panduan" onclick="panduan(1)" value="正确">
							<input type="button" class="layui-btn layui-btn-primary panduan2 panduan" onclick="panduan(2)" value="错误">
						</div>
					</div>
					<!-- 简答题 -->
					<div class="layui-form-item con3 con layui-hide">
						<label class="layui-form-label">参考答案:</label>
						<div class="layui-input-block">
							<textarea name="content3" cols="6" autocomplete="off" id="jiandan_answer" class="layui-textarea"></textarea>
						</div>
					</div>
					<div class="layui-form-item con3 con layui-hide">
						<label class="layui-form-label"><b style="color:red;">*</b>答案关键字:</label>
						<div class="layui-input-block">
							<textarea name="answer3" cols="6" autocomplete="off" id="jiandan_answer" class="layui-textarea" placeholder="请使用竖杠“|”间隔"></textarea>
						</div>
						
					</div>
					<div class="layui-form-item submit-btn">
						<input class="layui-btn " type="button" lay-submit lay-filter="layuiadmin-question-submit" id="layuiadmin-anli-submit" value="确认提交">
					</div>
				</form>
			</div>
		</div>
	</div>
</body>
{/block}
{block name="js"}
<!-- 配置文件 -->
<script type="text/javascript" src="__STATIC__/ueditor/dist/utf8-php/ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="__STATIC__/ueditor/dist/utf8-php/ueditor.all.js"></script>
<!-- 实例化编辑器 -->
<script type="text/javascript">
	setEditorFunc('content');
	setEditorFunc('textarea_content_A');
	setEditorFunc('textarea_content_B');

	setEditorFunc('textarea_duoxuan_A');
	setEditorFunc('textarea_duoxuan_B');

	function setEditorFunc(element) {
		UE.getEditor(element,{
			toolbars: [
			[
				"fullscreen",
				"bold",
				"italic",
				"underline",
				"fontborder",
				"strikethrough",
				"superscript",
				"subscript",
				"removeformat",
				"formatmatch",
				"autotypeset",
				"blockquote",
				"pasteplain",
				"|",
				"forecolor",
				"backcolor",
				"insertorderedlist",
				"insertunorderedlist",
				"|",
				"rowspacingtop",
				"rowspacingbottom",
				"lineheight",
				"|",
				"paragraph",
				"fontfamily",
				"fontsize",
				"|",
				"directionalityltr",
				"directionalityrtl",
				"indent",
				"|",
				"justifyleft",
				"justifycenter",
				"justifyright",
				"justifyjustify",
				"|",
				"touppercase",
				"tolowercase",
				"simpleupload",
				"|",
				"imagenone",
				"imageleft",
				"imageright",
				"imagecenter",
				"|",
				"horizontal",
				"spechars",
				"preview",
			]]
		});
	}
</script>
<script src="__STATIC__/layui/layui/layui.js"></script>
<script>
	layui.config({
		base: '__LAYUI__/' //静态资源所在路径
			,
		urlbase: '/sys'
	}).extend({
		index: 'lib/index' //主入口模块
	}).use(['index', 'table', 'layedit', 'element', 'upload'], function() {
		var $ = layui.$,
			 layedit = layui.layedit,
			 upload = layui.upload,
			form = layui.form,
			files;

		    var active = {
				gettype: function(type) {
					var value = type;
					if (type == '单选') {
						type = 0;
					} else if (type=='多选') {
						type = 1;
					} else if (type=='判断') {
						type = 2;
					} else if (type=='简答') {
						type = 3;
					}
					var id = '.problem'+type;
					$('.problem').addClass('layui-btn-primary');
					$(id).removeClass('layui-btn-primary');
					$('#typename').val(value);
					$('.con').addClass('layui-hide');
					$('.con'+type).removeClass('layui-hide');
					if (type == 0) {
						$('.everyoptionboxd input').attr('lay-verify',"required");
						$('.everyoptionboxs input').attr('lay-verify',"");
						$('#jiandan_answer').attr('lay-verify',"");
					} else if (type==1) {
						$('.everyoptionboxs input').attr('lay-verify',"required");
						$('.everyoptionboxd input').attr('lay-verify',"");
						$('#jiandan_answer').attr('lay-verify',"");
						form.render('select');
					} else if (type==3) {
						$('.everyoptionboxs input').attr('lay-verify',"");
						$('.everyoptionboxd input').attr('lay-verify',"");
						$('#jiandan_answer').attr('lay-verify',"");
						form.render('select');
					} else if(type==2){
						$('.everyoptionboxs input').attr('lay-verify',"");
						$('.everyoptionboxd input').attr('lay-verify',"");
						$('#jiandan_answer').attr('lay-verify',"");
						form.render('select');
					}
				}
			};
		
			$(document).on('click','.layui-form-radio',function(obj){
				var _this=this;
				jQuery(_this).siblings('.layui-btn-primary').addClass('addradiod').parents('.everyoptionboxd').siblings().find('.layui-btn-primary').removeClass('addradiod');
			})
			$(document).on('click','.layui-form-checkbox',function(obj){
				var _this=this;
				if(jQuery(_this).hasClass('layui-form-checked')){
					jQuery(_this).siblings('.layui-btn-primary').addClass('addradiod')
				}else{
					jQuery(_this).siblings('.layui-btn-primary').removeClass('addradiod')
				}
			})
		
		
		form.on('submit(layuiadmin-question-submit)', function(data) {
			var index = parent.layer.getFrameIndex(window.name);

			var formData = new FormData();

			let danxuan = false;
			let duoxuan = false;
			Object.keys(data.field).forEach(key => {
				if (key.indexOf('answer0') > -1 && !data.field[key]) {
					danxuan = true;
				}
				if (key.indexOf('answer1') > -1 && !data.field[key]) {
					duoxuan = true;
				}
				formData.append(key, data.field[key]);
			})

			if (danxuan && data.field.type == '单选') {
				layer.msg('请完善选项内容', {
					anim: 6
				});
				return false;
			}
			
			if (duoxuan && data.field.type == '多选') {
				layer.msg('请完善选项内容', {
					anim: 6
				});
				return false;
			}

			if (data.field.ask=='') {
				layer.msg('请填写题干内容', {
					anim: 6
				});
				return false;
			}
			formData.delete('imgs');
			if (typeof(files) == "undefined" || JSON.stringify(files)=="{}") {
				// layer.msg('请至少选择一张图片', {
				// 	anim: 6
				// });
				// return false;
			} else {
				for(i in files) {
					formData.append('imgs[]', files[i]);
				}
			}

			// 单击之后提交按钮不可选,防止重复提交
			var loading = layer.load(0, {
                shade: false,
                time: 2*1000
            });
            var DISABLED = 'layui-btn-disabled';
            var target = '#layuiadmin-anli-submit';
            $(target).addClass(DISABLED);
            $(target).attr('disabled', 'disabled');

			$.ajax({
				url: '{:url("exam/questionsave")}',
				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('evidence-table'); //重载表格
							window.location.reload();
							parent.layer.close(index); //再执行关闭
						});
					} else {
						layer.msg(res.msg, {
							anim: 6
							,time: 2000
						});
						$(target).removeClass(DISABLED);
						$(target).removeAttr('disabled');
						layer.close(loading);
					}
				},
				error : function(e){

			        $(target).removeClass(DISABLED);
			        $(target).removeAttr('disabled');
			        layer.close(loading);
	            }
			});
			return false;
		});

		$('#addcate').click(function () {
			layer.prompt({
				formType: 0,
				value: '',
				title: ['请输入类型', 'color:#333333;background-color:#D8E6F1;'],
			}, function (value, index, elem) {
				$.ajax({
					url: '{:url("exam/addquestioncate")}',
					data: { cate: value },
					type: 'post',
					success: function (res) {
						$('#cate').append('<option value="' + value + '">' + value + '</option>');
						form.render('select');
						layer.close(index);
					}
				});
			});
		});

		//单选题增加选项
		$('#quea_d').click(function(){
			var value = $('#option_named').val();
			// if (value=='') {
			// 	layer.msg('请填写选项');
			// 	return false;
			// }
			var arr=$('.option_alld .layui-btn-primary');
			var val=arr[arr.length-1].value;
			var arr=['A','B','C','D','E','F','G','H'];
			let str="";
			let index = null;
			for(let i in arr){
				if(val==arr[i]){
					index = i*1+1;
					str=arr[i*1+1];
					break;
				}
			}
			if (str=='' || str==undefined) {
				layer.msg('最多添加8个选项');
				return false;
			}
			let word = Date.now();
			var option = '';
			option += '<div class="everyoptionboxd">';
				option += '<i class="layui-icon layui-icon-delete lay-delete" data-word="'+str+'"></i>';
				option += '<input style="width:13%;font-size:15px;margin-bottom: 10px" type="text" class="layui-btn layui-btn-primary" readonly name="option0[]" value="'+str+'">  ';
				option += '<textarea id="textarea_content_'+word+'" name="answer0['+index+']" cols="50" rows="20" placeholder="请输入内容" required style="height: 350px;width: 99%;">'+value+'</textarea>';
				option += '<input type="radio" name="checkbox0" title="" lay-skin="primary" value="'+str+'">   ';
			option += '</div>';

			$('.option_alld').append(option);
			form.render();
			let timer = setTimeout(() => {
				clearTimeout(timer);
				setEditorFunc(`textarea_content_${word}`, `textarea_content_${str}`);

				$(".lay-delete").click(function() {
					$(this).parent().remove();
				})
			}, 500)
		});
		
		//多选增加选项
		$('#quea_s').click(function(){
			var value = $('#option_names').val();
			// if (value=='') {
			// 	layer.msg('请填写选项');
			// 	return false;
			// }
			var arr=$('.option_alls .layui-btn-primary');
			var val=arr[arr.length-1].value;
			var arr=['A','B','C','D','E','F','G','H'];
			let str="";
			let index = null;
			for(let i in arr){
				if(val==arr[i]){
					index = i*1+1;
					str=arr[i*1+1];
					break;
				}
			}
			if (str=='' || str==undefined) {
				layer.msg('最多添加8个选项');
				return false;
			}
			let word = Date.now();
			var option = '';
			option += '<div  class="everyoptionboxs">';
				option += '<i class="layui-icon layui-icon-delete lay-delete" data-word="'+str+'"></i>';
				option += '<input style="width:13%;font-size:15px;margin-bottom: 10px;" type="text" class="layui-btn layui-btn-primary" readonly name="option1[]" value="'+str+'">  ';
				option += '<textarea id="textarea_duoxuan_'+word+'" name="answer1['+index+']" cols="50" rows="20" placeholder="请输入内容" required style="height: 350px;width: 99%;"></textarea>';
				option += '<input type="checkbox" name="checkbox1[]" title="" lay-skin="primary" value="'+str+'">   ';
			option += '</div>';

			$('.option_alls').append(option);
			form.render();
			let timer = setTimeout(() => {
				clearTimeout(timer);
				setEditorFunc(`textarea_duoxuan_${word}`);

				$(".lay-delete").click(function() {
					$(this).parent().remove();
				})
			}, 500)
		});

		//切换选择判断简答
		$('#type0').click(function(){
			var type = $('#type0').attr('values');
			$('#typename').val(type);
			active.gettype(type)
		});
		$('#type1').click(function(){
			var type = $('#type1').attr('values');
			$('#typename').val(type);
			active.gettype(type)
		});
		$('#type2').click(function(){
			var type = $('#type2').attr('values');
			$('#typename').val(type);
			active.gettype(type)
		});
		$('#type3').click(function(){
			var type = $('#type3').attr('values');
			$('#typename').val(type);
			active.gettype(type)
		});


		// 多图上传
		upload.render({
			elem: '#evidence_imgs',
			accept: 'images',
			url: '/upload/',
			exts: 'jpg|png|bmp|jpeg|JPG|PNG|BMP|JPEG',
			field: 'imgs',
			size: 5 * 1024,
			auto: false,
			multiple: true,
			choose: function(obj) {
				files = obj.pushFile();
				length = $('.imageDiv').length;
				obj.preview(function(index, file, result) {
					length++;
					if(length > 8) {
						if(length == 9) layer.msg('限制八张图片以下');
						delete files[index];
					} else {
						$('.picDiv').prepend('<div class="imageDiv" data-id="' + index + '"><img src="' + result + '" alt="' + file.name + '" class="layui-upload-img" width="100%" height="100%"><div><i class="layui-icon layui-icon-delete"></i></div></div>');
					}
				});
			}
		});
		$('.picDiv').on('click', 'i', function() {
			var that = this;
			layer.confirm('确定删除该图片么？',{title: ['信息', 'color:#333333;background-color:#D8E6F1;']}, function(index) {
				var imgDiv = $(that).closest('.imageDiv');
				if(id = imgDiv.data('id')) {
					delete files[id];
				}
				imgDiv.remove();
				layer.close(index);
			});
		});
	});
	function gettype(type){
		var id = '.problem'+type;
		$('.problem').addClass('layui-btn-primary');
		$(id).removeClass('layui-btn-primary');
		$('#typename').val(type);
		$('.con').addClass('layui-hide');
		$('.con'+type).removeClass('layui-hide');
	}
	function panduan(type){
		var id = '.panduan'+type;
		$('.panduan').addClass('layui-btn-primary');
		$(id).removeClass('layui-btn-primary');
		$('#answer2').val(type);
	}

	
</script>
{/block}