duhongyu
/
ShuangHui_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link href="./css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
		<link  href="./css/bootstrap.min.css" />
		<link rel="stylesheet" href="./css/boot/bootstrap-table.css" />
		<link href="./css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
		<link href="./css/animate.min.css" rel="stylesheet">
		<link href="./css/style.min862f.css?v=4.1.0" rel="stylesheet">
		<link href="./css/layer/need/layer.css" />
		<link rel="stylesheet" href="./css/shiTiManger.css" />
		<title>试题管理</title>
	</head>
	<body>
			<div class="top clearfix">
				<div class="topCon">
					题型：
					<select name="" id="bumen">
						<option value="0">所有题型</option>
						<option value="1">单选题</option>
						<option value="2">多选题</option>
						<option value="3">问答题</option>
					</select>
					&nbsp;&nbsp;&nbsp;&nbsp;关键字：
					<input type="text" />
					&nbsp;&nbsp;&nbsp;&nbsp;<button class="btn sear">搜索</button>
				</div>
			</div>
		<div class='wrap'>
			<div class="tbleft">
				<h4 style="text-align: center;">试题分类</h4>
				<div class="anniu" class="toolbar1">
					<button class="leftAdd btn">增加</button>
					<button class="leftChange btn">修改</button>
					<button class="leftDelete btn">删除</button>
				</div>
				<table id="tbl">
					 <thead>
				        <tr>
				        	<th data-field="checkbox" data-checkbox="true" ></th>
				        	<th data-field="checkbox" data-align="center"  data-formatter="setCode"></th>
				            <th data-align="center" data-field="name">试题类型</th>
				        </tr>
			        </thead>
					
					<tbody>
					
					
					</tbody>
				</table>
			</div>
			<div class="tbright">
				<h4 style="text-align: center;">试题列表</h4>
				<div class="anniu" class="toolbar2">
					<button class="rightAdd btn">增加</button>
					<button class="rightChange btn">修改</button>
					<button class="rightDelete btn">删除</button>
					<button class="rightAll btn">所有试题</button>
				</div>
				<table id="tbr">
					 <thead>
				        <tr>
				        	<th data-field="checkbox" data-checkbox="true"></th>
				            <th data-align="center" data-field="id">编号</th>
				            <th data-align="center" data-field="fenlei">试题分类</th>
				            <th data-align="center" data-field="type">试题类型</th>
				            <th data-align="center" data-field="title">试题标题</th>
				            <th data-align="center" data-field="content">试题内容</th>
				        </tr>
			        </thead>
			        	<tbody>
					
					
					</tbody>
				</table>
			</div>
		</div>
		<!--左侧添加弹出框-->
		<div class="model lad">
		    <div class="box">
		        <h4>添加信息</h4>
		        <input type="text" placeholder="请输入试题类型"/>
		        <button class="btn baocun addCun">保存</button>
		
		    </div>
		</div>
		<!--左侧修改弹出框-->
		<div class="model lchan">
			 <div class="box changeBox">
		        <h4>修改信息</h4>
        <input type="text" id="leftOld"/>
		        <input type="text" id="leftNew" placeholder="请输入修改信息"/>
		        <button class="btn baocun changeCun">修改</button>
		    </div>
		</div>
		<!--右侧添加弹出框-->
		<div class="model rad">
		    <div class="rightBox">
			    <div class="btop clearfix">
			    <p class="rbtl">&lfloor;&nbsp;&nbsp;<span class="tps" style="color: red;"></span>&nbsp;&nbsp;&rceil;添加信息</p>
			    <p class="rbtr" title="关闭">X</p>	
			    </div>
			    <div class="zjcon" style="height: 400px;overflow-y: auto;margin-top: 5px;">
			 
			    <div class="rightBox-con">
			 	    <div class="xuanze clearfix">
			 	    	<p class="fenlei">试题分类：
			 	    		<select name="" id="flsel">
			 	    			<option value="0">回访调查</option>
			 	    			<option value="1">满意度调查</option>
			 	    			<option value="2">产品调查</option>
			 	    			<option value="3">套餐升级</option>
			 	    		</select>
			 	    	</p>
			 	    	<p class="leixing">
			 	    		试题类型：
			 	    	<select name="" id="lxsel">
			 	    			<option value="0">问答题</option>
			 	    			<option value="1">单选题</option>
			 	    			<option value="3">多选题</option>
			 	    		</select>
			 	    	
			 	    	</p>
			 	    </div>
			 	    <div class="stbt">
			 	    	试题标题：
			 	    	<textarea name="" rows="5"></textarea>
			 	    </div>
			    </div>
			    <!--//增加弹出框里的表格-->
				    <div class="stxx">
				    	<p style="background: #1ab394;color: #fff;text-align: center;padding: 5px;">试题选项</p>
				    	<div class="clearfix" style="padding: 0 15px;margin-bottom: 10px;">
				    		<p style="float: left; margin: 0;">选项：
				 	    		<select name="" id="flsel">
				 	    			<option value="0">1、2、3....</option>
				 	    			<option value="1">A、B、C....</option>
				 	    		</select></p>
				 	    		<button class="btn" style="float: right;background: #1ab394;color: #fff;">增加</button>
				    	</div>
				    	<div style="padding: 0 15px;">
					    	<table id="rzTable">
					    		 <thead>
						        <tr>
						        	<!--<th data-field="checkbox" data-checkbox="true"></th>-->
						            <th data-align="center" data-field="id">序号</th>
						            <th data-align="center" data-field="choose">选项</th>
						            <th data-align="center" data-field="sort">排序</th>
						            <th data-align="center"  data-formatter="ope"  data-events="operateEvents">操作</th>
						        </tr>
					        </thead>
					        	<tbody>

							
							</tbody>
					    		
					    		
					    	</table>
				    	</div>
				    </div>
				    <p style="text-align: center; margin-top: 15px;"><button class="btn baocun addCun">保存</button></p>
		        </div>
		    </div>
		</div>
		
	</body>
	<script src="./js/jquery.min.js"></script>
	<script src="./js/bootstrap.min.js"></script>
	<script src="./js/bootstrap-table.js"></script>
	<script src="./js/bootstrap-table-zh-CN.js"></script>
	<script src="./css/laydate/laydate.js"></script>
	<script src="./css/layer/layer.js"></script>
	<script src="./js/shiTiManger.js"></script>
</html>