zhengbingbing
/
Autobio_UI


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>任务结果查询</title>
		<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/initialize.css" rel="stylesheet" />
		<link href="./css/Table/table1.css" rel="stylesheet" />
		<link href="./css/layer/need/layer.css" />
		<style>
			.size-12 {
				font-size: 12px;
			}
			
			.size-14 {
				font-size: 14px;
			}
			
			.fl {
				float: left;
			}
			
			.clearfix:after {
				content: "";
				display: block;
				clear: both;
			}
			
			.wrapper {
				position: relative;
			}
			
			.whjh {
				position: absolute;
				top: 43px;
				z-index: 600;
			}
			
			#table1 {
				background: #F9F9F9;
			}
			
			.fixed-table-pagination {
				background: #F9F9F9;
			}
			
			#table1 thead {
				background: #f9f9f9;
			}
			
			.hidens {
				display: none;
			}
			
			.outline {
				border: 1px solid #21b9bb !important;
			}
			
			.imgs {
				color: rgb(0, 128, 0);
				cursor: pointer;
			}
			/*.imgs img {
				vertical-align: baseline;
			}*/
			
			.key {
				width: 80px;
			}
			
			.xg:hover {
				color: #E43926;
			}
			
			.t-shade {
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: rgba(0, 0, 0, 0.48);
				z-index: 10004;
				display: none;
			}
			
			.shade_k {
				z-index: 10005;
				width: 55%;
				margin: 5% auto;
				background-color: #fff;
				box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
				border: 1px solid #23c6c8;
			}
			
			.look_table {
				display: none;
			}
			
			.wh_table {
				display: none;
			}
			.thjv_table{
				display: none;
			}
			.shade_title {
				padding: 0 80px 0 20px;
				height: 42px;
				line-height: 42px;
				border-bottom: 1px solid #eee;
				font-size: 16px;
				color: #FFFFFF;
				overflow: hidden;
				background-color: #23c6c8;
				border-radius: 2px 2px 0 0;
				position: relative;
			}
			
			.setwin {
				position: absolute;
				right: 15px;
				top: 5px;
				font-size: 0;
				line-height: initial;
			}
			
			.setwin a {
				position: relative;
				width: 16px;
				height: 16px;
				font-size: 20px;
			}
			
			.shade_content {
				height: 500px;
				overflow-y: auto;
				position: relative;
				padding-bottom: 50px;
			}
			
			.sa_title {
				padding-left: 20px;
				height: 35px;
				line-height: 35px;
				border-bottom: 1px solid #D7D7D7;
			}
			
			._table1 th {
				height: 30px;
				text-align: right;
				padding: 0px;
				padding-right: 5px;
				width: 100px;
				border-right: 1px dotted #CCCCCC;
			}
			
			._table1>th>td {
				padding: 6px 0 5px 10px;
				text-align: left;
				color: #717171;
			}
			
			._table1 input {
				padding: 3px;
				outline: none;
				border-color: #ccc;
			}
			
			.chose_box {
				padding: 10px;
				border-bottom: 1px solid #CCCCCC;
			}
			
			.chose_box div {
				width: 25%;
				margin-bottom: 10px;
			}
			
			.chose_box input {
				margin-right: 3px;
			}
			
			.yc {
				display: none;
			}
			
			.cx {
				display: block;
			}
			
			.dgxx_num {
				background: #dddddd;
				color: #000;
			}
			
			.wjse_title {
				border: 1px solid #CCCCCC;
				border-top: none;
			}
			
			#title_table th {
				width: 85px;
				padding: 5px 8px 5px 0;
				color: #333;
				font-weight: 700;
				text-align: right;
				background: #f9f9f9;
				border-right: 1px dotted #cccccc;
				/* border-bottom: 1px dotted #cccccc;*/
			}
			
			#title_table tr {
				border-bottom: 1px dotted #cccccc;
			}
			
			#title_table td {
				padding-left: 10px;
			}
			/*表格2*/
			
			#bs_table td {
				padding: 10px;
			}
			
			.bom_bor {
				padding: 10px;
				height: 30px;
				padding-left: 8px;
				border-bottom: #A0A2AF 1px dotted;
				background-color: #E0ECFF;
			}
			
			.wjse_content {
				border: 1px solid #CCCCCC;
				border-top: none;
			}
			
			.wh_btn {
				text-align: center;
				padding-top: 20px;
			}
			
			.wh_btn input {
				padding: 7px;
				color: #FFF;
				border-radius: 5px;
			}
			/*第二个阴影*/
			
			.yx {
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: rgba(0, 0, 0, 0.48);
				z-index: 10003;
			}
		</style>
	</head>
	<script src="./js/jquery.min.js?v=2.1.4"></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="My97DatePicker/WdatePicker.js"></script>
	<script src="./css/layer/layer.js"></script>
	</head>

	<body>
		<div class="wrapper wrapper-content animated fadeInRight">
			<div class="th-box">
				<div class="th-bar">
					<div class="seach-box fl">
						<ul>
							<li>外呼计划：<input class="photo x-color" type="text" id="Call" /></li>
							<li>关键字：<input class="photo x-color key" type="text" id="KeyWords" /></li>
							<li>开始回放时间：<input class="photo x-color" type="text" id="St" onfocus="WdatePicker({lang:'zh-cn',dateFmt:'HH-mm-ss'})" /></li>
							<li>结束时间：<input class="photo x-color" type="text" id="Et" onfocus="WdatePicker({lang:'zh-cn',dateFmt:'HH-mm-ss'})" /></li>
						</ul>
					</div>
				</div>
			</div>
			<div style="width: 30%;padding: 10px;" class="whjh hidens">

				<table id="table1" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
					<thead>
						<tr>
							<th data-sortable="true" data-field="Plan" data-align="center">计划名称</th>
							<th data-sortable="true" data-field="Number" data-align="center">号码数量</th>
						</tr>
					</thead>
					<tbody id="tbody">
					</tbody>
				</table>
			</div>
			<div style="width: 100%;padding: 10px;">
				<div class="fl" style="padding: 10px;">
					坐席：
					<select name="" id="Select" class="x-color select">
						<option value="">全部</option>
						<option value="">系统管理</option>
						<option value="">8001</option>
						<option value="">8002</option>
						<option value="">zhang</option>
					</select>
					分配状态：
					<select name="" id="Select" class="x-color select">
						<option value="">全部</option>
						<option value="">未分配</option>
						<option value="">已分配</option>
					</select>
					呼叫状态：
					<select name="" id="Select" class="x-color select">
						<option value="">全部</option>
						<option value="">未呼叫</option>
						<option value="">已呼叫</option>
					</select>
					接通状态：
					<select name="" id="Select" class="x-color select">
						<option value="">全部</option>
						<option value="">未接通</option>
						<option value="">已接通</option>
					</select>
					呼叫结果：
					<select name="" id="Select" class="x-color ">
						<option value="">全部</option>
						<option value="">正常接通</option>
						<option value="">拒访</option>
						<option value="">不是本人</option>
						<option value="">关机</option>
						<option value="">停机</option>
						<option value="">无人接听</option>
						<option value="">空号</option>
					</select>
					<div class="fr" style="margin-left: 15px;">
						<a class="sc_btn btn-info" id="Fp">取消分配</a>
					</div>
					<div class="fr" style="margin-left: 15px;">
						<a class="sc_btn btn-info" id="Remove">删除</a>
					</div>
					<div class="fr" style="margin-left: 15px;">
						<a class="sc_btn btn-info" id="sc_btn">搜索</a>
					</div>

				</div>
				<table id="goods" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true" class="size-12">
					<thead>
						<tr>
							<th data-field="state" data-checkbox="true"></th>
							<th data-field="whjh" data-align="center">外呼计划</th>
							<th data-field="Result" data-align="center" data-formatter="Results">结果</th>
							<th data-field="Num" data-align="center" data-formatter="setCode">号码</th>
							<th data-field="Name" data-align="center">名称</th>
							<th data-field="Dtime" data-align="center">导入时间</th>
							<th data-field="Zx" data-align="center">坐席分配</th>
							<th data-field="Dstates" data-align="center">呼叫状态</th>
							<th data-field="Hr" data-align="center">呼叫结果</th>
							<th data-field="Zhs" data-align="center">最后接通状态</th>
							<th data-field="Zht" data-align="center">最后呼叫时间</th>
							<th data-field="Ch" data-align="center">呼叫次数</th>
							<th data-field="Jtc" data-align="center">接通次数</th>
							<th data-field="Thj" data-align="center" data-formatter="Thj">通话记录</th>
						</tr>
					</thead>
					<tbody id="tbody">
					</tbody>
				</table>
			</div>

		</div>
		<div class="t-shade">
			<!--查看-->
			<div class="shade_k  look_table ">
				<div class="shade_title">
					<span>查看任务信息<srong class="cknum"></srong></span>
					<span class="setwin"><a>x</a></span>
				</div>
				<div class="shade_content">

					<div class="dhxx sa_title">
						<span class="size-14">电话信息</span>
					</div>
					<div class="dgxx_table">
						<table class="_table1 table table-bordered  table-hover " border="0" cellspacing="0" cellpadding="0" style="width: 100%;">
							<tr>
								<th>电话：
									<td>
										<input type="text" id="dgxx_num" class="dgxx_num" readonly="readonly" />
									</td>
								</th>
								<th>姓名：
									<td>
										<input type="text" />
									</td>
								</th>
							</tr>
							<tr>
								<th>备用电话：
									<td>
										<input type="text" />
									</td>
								</th>
								<th>性别：
									<td>
										<input type="text" />
									</td>
								</th>
							</tr>
							<tr>
								<th>职业：
									<td>
										<input type="text" />
									</td>
								</th>
								<th>家庭电话：
									<td>
										<input type="text" />
									</td>
								</th>
							</tr>
							<tr>
								<th>配偶职业：
									<td>
										<input type="text" />
									</td>
								</th>
								<th>配偶电话：
									<td>
										<input type="text" />
									</td>
								</th>
							</tr>
						</table>
					</div>
					<div class="dhxx sa_title">
						<span class="size-14">呼叫结果</span>
					</div>
					<div class="chose_box clearfix">
						<div class="fl">
							<input type="radio" name="a" id="" value="" /><label for=""> 正常接通</label>
						</div>
						<div class="fl">
							<input type="radio" name="a" id="" value="" /><label for=""> 拒访</label>
						</div>
						<div class="fl">
							<input type="radio" name="a" id="" value="" /><label for="">不是本人</label>
						</div>
						<div class="fl">
							<input type="radio" name="a" id="" value="" /><label for="">关机</label>
						</div>
						<div class="fl">
							<input type="radio" name="a" id="" value="" /><label for="">停机</label>
						</div>
						<div class="fl">
							<input type="radio" name="a" id="" value="" /><label for="">无人接听</label>
						</div>
						<div class="fl">
							<input type="radio" name="a" id="" value="" /><label for="">空号</label>
						</div>
					</div>
					<div class="dhxx sa_title">
						<span class="size-14">问卷调查</span>
					</div>
					<div class="wjse_content">
						<div class="wjse_title">
							<table id="title_table" border="0" cellspacing="0" cellpadding="0" width="100%">
								<tr>
									<th>问卷名称：</th>
									<td> 质检问卷</td>
								</tr>
								<tr>
									<th>问卷说明：</th>
									<td></td>
								</tr>
							</table>
						</div>
						<div class="b_table">
							<table id="bs_table" border="0" cellspacing="0" cellpadding="0" width="100%">
								<tr class="bom_bor">
									<td>
										1.您对来次服务满意吗？
									</td>
								</tr>
								<tr>
									<td>
										<div class="fl pl">
											<input type="radio" name="name_1" id="" value="1" />
											<label for="">1.非常满意</label>
										</div>
										<div class="fl pl">
											<input type="radio" name="name_1" id="" value="2" />
											<label for="">2.满意</label>
										</div>
										<div class="fl pl">
											<input type="radio" name="name_1" id="" value="3" />
											<label for="">3.不满意</label>
										</div>
										<div class="fl pl">
											<input type="radio" name="name_1" id="" value="4" />
											<label for="">4.非常不满意</label>
										</div>

									</td>
								</tr>
								<tr class="bom_bor">
									<td>
										2丶你喜欢什么运动
									</td>
								</tr>
								<tr>
									<td>
										<div class="fl pl">
											<input type="radio" name="name_1" id="" value="1" />
											<label for="">1.登山</label>
										</div>
										<div class="fl pl">
											<input type="radio" name="name_1" id="" value="2" />
											<label for="">2.游泳</label>
										</div>
									</td>
								</tr>
								<tr class="bom_bor">
									<td>
										3丶请对我们的服务评分
									</td>
								</tr>
								<tr>
									<td>
										<div class="fl pl">
											<input type="radio" name="name_1" id="" value="1" />
											<label for="">1.10分</label>
										</div>
										<div class="fl pl">
											<input type="radio" name="name_1" id="" value="2" />
											<label for="">2.9分</label>
										</div>
										<div class="fl pl">
											<input type="radio" name="name_1" id="" value="3" />
											<label for="">2.8分</label>
										</div>
										<div class="fl pl">
											<input type="radio" name="name_1" id="" value="4" />
											<label for="">2.5分</label>
										</div>
									</td>
								</tr>
								<tr class="bom_bor">
									<td>
										4丶你喜欢我们的哪些产品？
									</td>
								</tr>
								<tr>
									<td>
										<div class="fl pl">
											<input type="radio" name="name_1" id="" value="1" />
											<label for="">1.标准版呼叫中心1</label>
										</div>
										<div class="fl pl">
											<input type="radio" name="name_1" id="" value="2" />
											<label for="">2.营销型呼叫中心</label>
										</div>
										<div class="fl pl">
											<input type="radio" name="name_1" id="" value="3" />
											<label for="">3.乐呼智能呼叫中心</label>
										</div>
										<div class="fl pl">
											<input type="radio" name="name_1" id="" value="4" />
											<label for="">4.车贷业务系统</label>
										</div>
									</td>
								</tr>
								<tr>
									<td style="height: 50px;"></td>
								</tr>
							</table>
						</div>
					</div>
				</div>
			</div>
			<!--外呼表格-->
			<div class="shade_k  wh_table " >
				<div class="shade_title">
					<span>查看任务信息<srong class="cknum"></srong></span>
					<span class="setwin"><a>x</a></span>
				</div>
				<div class="shade_content">
					<div class="dhxx sa_title">
						<span class="size-14">电话信息</span>
					</div>
					<div class="dgxx_table">
						<table class="_table1 table table-bordered  table-hover " border="0" cellspacing="0" cellpadding="0" style="width: 100%;">
							<tr>
								<th>电话：
									<td>
										<input type="text" id="dgxx_num" class="dgxx_num" readonly="readonly" />
									</td>
								</th>
								<th>姓名：
									<td>
										<input type="text" />
									</td>
								</th>
							</tr>
							<tr>
								<th>备用电话：
									<td>
										<input type="text" />
									</td>
								</th>
								<th>性别：
									<td>
										<input type="text" />
									</td>
								</th>
							</tr>
							<tr>
								<th>职业：
									<td>
										<input type="text" />
									</td>
								</th>
								<th>家庭电话：
									<td>
										<input type="text" />
									</td>
								</th>
							</tr>
							<tr>
								<th>配偶职业：
									<td>
										<input type="text" />
									</td>
								</th>
								<th>配偶电话：
									<td>
										<input type="text" />
									</td>
								</th>
							</tr>
						</table>
					</div>
					<div class="dhxx sa_title">
						<span class="size-14">呼叫结果</span>
					</div>
					<div class="chose_box clearfix">
						<div class="fl">
							<input type="radio" name="a" id="" value="" /><label for=""> 正常接通</label>
						</div>
						<div class="fl">
							<input type="radio" name="a" id="" value="" /><label for=""> 拒访</label>
						</div>
						<div class="fl">
							<input type="radio" name="a" id="" value="" /><label for="">不是本人</label>
						</div>
						<div class="fl">
							<input type="radio" name="a" id="" value="" /><label for="">关机</label>
						</div>
						<div class="fl">
							<input type="radio" name="a" id="" value="" /><label for="">停机</label>
						</div>
						<div class="fl">
							<input type="radio" name="a" id="" value="" /><label for="">无人接听</label>
						</div>
						<div class="fl">
							<input type="radio" name="a" id="" value="" /><label for="">空号</label>
						</div>
					</div>
					<div class="dhxx sa_title">
						<span class="size-14">问卷调查</span>
					</div>
					<div class="wjse_content">
						<div class="wjse_title">
							<table id="title_table" border="0" cellspacing="0" cellpadding="0" width="100%">
								<tr>
									<th>问卷名称：</th>
									<td> 质检问卷</td>
								</tr>
								<tr>
									<th>问卷说明：</th>
									<td></td>
								</tr>
							</table>
						</div>
						<div class="b_table">
							<table id="bs_table" border="0" cellspacing="0" cellpadding="0" width="100%">
								<tr class="bom_bor">
									<td>
										1.您对来次服务满意吗？
									</td>
								</tr>
								<tr>
									<td>
										<div class="fl pl">
											<input type="radio" name="name_1" id="" value="1" />
											<label for="">1.非常满意</label>
										</div>
										<div class="fl pl">
											<input type="radio" name="name_1" id="" value="2" />
											<label for="">2.满意</label>
										</div>
										<div class="fl pl">
											<input type="radio" name="name_1" id="" value="3" />
											<label for="">3.不满意</label>
										</div>
										<div class="fl pl">
											<input type="radio" name="name_1" id="" value="4" />
											<label for="">4.非常不满意</label>
										</div>

									</td>
								</tr>
								<tr class="bom_bor">
									<td>
										2丶你喜欢什么运动
									</td>
								</tr>
								<tr>
									<td>
										<div class="fl pl">
											<input type="radio" name="name_1" id="" value="1" />
											<label for="">1.登山</label>
										</div>
										<div class="fl pl">
											<input type="radio" name="name_1" id="" value="2" />
											<label for="">2.游泳</label>
										</div>
									</td>
								</tr>
								<tr class="bom_bor">
									<td>
										3丶请对我们的服务评分
									</td>
								</tr>
								<tr>
									<td>
										<div class="fl pl">
											<input type="radio" name="name_1" id="" value="1" />
											<label for="">1.10分</label>
										</div>
										<div class="fl pl">
											<input type="radio" name="name_1" id="" value="2" />
											<label for="">2.9分</label>
										</div>
										<div class="fl pl">
											<input type="radio" name="name_1" id="" value="3" />
											<label for="">2.8分</label>
										</div>
										<div class="fl pl">
											<input type="radio" name="name_1" id="" value="4" />
											<label for="">2.5分</label>
										</div>
									</td>
								</tr>
								<tr class="bom_bor">
									<td>
										4丶你喜欢我们的哪些产品？
									</td>
								</tr>
								<tr>
									<td>
										<div class="fl pl">
											<input type="radio" name="name_1" id="" value="1" />
											<label for="">1.标准版呼叫中心1</label>
										</div>
										<div class="fl pl">
											<input type="radio" name="name_1" id="" value="2" />
											<label for="">2.营销型呼叫中心</label>
										</div>
										<div class="fl pl">
											<input type="radio" name="name_1" id="" value="3" />
											<label for="">3.乐呼智能呼叫中心</label>
										</div>
										<div class="fl pl">
											<input type="radio" name="name_1" id="" value="4" />
											<label for="">4.车贷业务系统</label>
										</div>
									</td>
								</tr>
								<tr>
									<td style="height: 50px;"></td>
								</tr>
							</table>
						</div>
					</div>
					<div class="clearfix wh_btn">
						<input type="button" value="提交保存" class=" btn-info" />
					</div>
				</div>
			</div>
			<!--表格三-->
			<div class=" shade_k thjv_table">
				<div class="shade_title">
					<span>查看任务信息<srong class="cknum"></srong></span>
					<span class="setwin"><a>x</a></span>
				</div>
				<div class="shade_content">
					<div class="dhxx sa_title">
						<span class="size-14">电话信息</span>
					</div>
					<div class="dgxx_table">
						<table class="_table1 table table-bordered  table-hover " border="0" cellspacing="0" cellpadding="0" style="width: 100%;">
							<tr>
								<th>电话：
									<td>
										<input type="text" id="dgxx_num" class="dgxx_num" readonly="readonly" />
									</td>
								</th>
								<th>姓名：
									<td>
										<input type="text" />
									</td>
								</th>
							</tr>
							<tr>
								<th>备用电话：
									<td>
										<input type="text" />
									</td>
								</th>
								<th>性别：
									<td>
										<input type="text" />
									</td>
								</th>
							</tr>
							<tr>
								<th>职业：
									<td>
										<input type="text" />
									</td>
								</th>
								<th>家庭电话：
									<td>
										<input type="text" />
									</td>
								</th>
							</tr>
							<tr>
								<th>配偶职业：
									<td>
										<input type="text" />
									</td>
								</th>
								<th>配偶电话：
									<td>
										<input type="text" />
									</td>
								</th>
							</tr>
						</table>
					</div>
					<div class="dhxx sa_title">
						<span class="size-14">呼叫结果</span>
					</div>
					<div class="chose_box clearfix">
						<div class="fl">
							<input type="radio" name="a" id="" value="" /><label for=""> 正常接通</label>
						</div>
						<div class="fl">
							<input type="radio" name="a" id="" value="" /><label for=""> 拒访</label>
						</div>
						<div class="fl">
							<input type="radio" name="a" id="" value="" /><label for="">不是本人</label>
						</div>
						<div class="fl">
							<input type="radio" name="a" id="" value="" /><label for="">关机</label>
						</div>
						<div class="fl">
							<input type="radio" name="a" id="" value="" /><label for="">停机</label>
						</div>
						<div class="fl">
							<input type="radio" name="a" id="" value="" /><label for="">无人接听</label>
						</div>
						<div class="fl">
							<input type="radio" name="a" id="" value="" /><label for="">空号</label>
						</div>
					</div>
					<div class="dhxx sa_title">
						<span class="size-14">问卷调查</span>
					</div>
					<div class="wjse_content">
						<div class="wjse_title">
							<table id="title_table" border="0" cellspacing="0" cellpadding="0" width="100%">
								<tr>
									<th>问卷名称：</th>
									<td> 质检问卷</td>
								</tr>
								<tr>
									<th>问卷说明：</th>
									<td></td>
								</tr>
							</table>
						</div>
						<div class="b_table">
							<table id="bs_table" border="0" cellspacing="0" cellpadding="0" width="100%">
								<tr class="bom_bor">
									<td>
										1.您对来次服务满意吗？
									</td>
								</tr>
								<tr>
									<td>
										<div class="fl pl">
											<input type="radio" name="name_1" id="" value="1" />
											<label for="">1.非常满意</label>
										</div>
										<div class="fl pl">
											<input type="radio" name="name_1" id="" value="2" />
											<label for="">2.满意</label>
										</div>
										<div class="fl pl">
											<input type="radio" name="name_1" id="" value="3" />
											<label for="">3.不满意</label>
										</div>
										<div class="fl pl">
											<input type="radio" name="name_1" id="" value="4" />
											<label for="">4.非常不满意</label>
										</div>

									</td>
								</tr>
								<tr class="bom_bor">
									<td>
										2丶你喜欢什么运动
									</td>
								</tr>
								<tr>
									<td>
										<div class="fl pl">
											<input type="radio" name="name_1" id="" value="1" />
											<label for="">1.登山</label>
										</div>
										<div class="fl pl">
											<input type="radio" name="name_1" id="" value="2" />
											<label for="">2.游泳</label>
										</div>
									</td>
								</tr>
								<tr class="bom_bor">
									<td>
										3丶请对我们的服务评分
									</td>
								</tr>
								<tr>
									<td>
										<div class="fl pl">
											<input type="radio" name="name_1" id="" value="1" />
											<label for="">1.10分</label>
										</div>
										<div class="fl pl">
											<input type="radio" name="name_1" id="" value="2" />
											<label for="">2.9分</label>
										</div>
										<div class="fl pl">
											<input type="radio" name="name_1" id="" value="3" />
											<label for="">2.8分</label>
										</div>
										<div class="fl pl">
											<input type="radio" name="name_1" id="" value="4" />
											<label for="">2.5分</label>
										</div>
									</td>
								</tr>
								<tr class="bom_bor">
									<td>
										4丶你喜欢我们的哪些产品？
									</td>
								</tr>
								<tr>
									<td>
										<div class="fl pl">
											<input type="radio" name="name_1" id="" value="1" />
											<label for="">1.标准版呼叫中心1</label>
										</div>
										<div class="fl pl">
											<input type="radio" name="name_1" id="" value="2" />
											<label for="">2.营销型呼叫中心</label>
										</div>
										<div class="fl pl">
											<input type="radio" name="name_1" id="" value="3" />
											<label for="">3.乐呼智能呼叫中心</label>
										</div>
										<div class="fl pl">
											<input type="radio" name="name_1" id="" value="4" />
											<label for="">4.车贷业务系统</label>
										</div>
									</td>
								</tr>
								<tr>
									<td style="height: 50px;"></td>
								</tr>
							</table>
						</div>
					</div>
					<div class="clearfix wh_btn">
						<input type="button" value="提交保存" class=" btn-info" />
					</div>
				</div>
			</div>
		</div>
		<script>
			var Phone;
			var a;
			var c;
			var $tableLeft = $('#table1');
			var $tableLeft1 = $('#goods');
			var arr = [{
					"Plan": "张三外呼",
					"Number": "0",
				},
				{
					"Plan": "满意度调差",
					"Number": "51561",
				},
				{
					"Plan": "张三外呼",
					"Number": "0",
				}
			];
			var arr1 = [{
					'whjh': '201603月产品调查',
					'Num': ' 13800000882',
					'Name': '信息1',
					'Dtime': '2016-06-16 08:53:04',
					'Zx': '系统管理',
					'Dstates': '已呼叫',
					'Hr': '正常接通',
					'Zhs': '未接通',
					'Zht': '2017-06-03 17:39:49',
					'Ch': '3',
					'Jtc': '0',
				},
				{
					'whjh': '201603月产品调查',
					'Num': ' 13800000882',
					'Name': '信息1',
					'Dtime': '2016-06-16 08:53:04',
					'Zx': '系统管理',
					'Dstates': '已呼叫',
					'Hr': '正常接通',
					'Zhs': '未接通',
					'Zht': '2017-06-03 17:39:49',
					'Ch': '3',
					'Jtc': '0',
				},
				{
					'whjh': '201603月产品调查',
					'Num': ' 13800000882',
					'Name': '信息1',
					'Dtime': '2016-06-16 08:53:04',
					'Zx': '系统管理',
					'Dstates': '已呼叫',
					'Hr': '正常接通',
					'Zhs': '未接通',
					'Zht': '2017-06-03 17:39:49',
					'Ch': '3',
					'Jtc': '0',
				},
				{
					'whjh': '201603月产品调查',
					'Num': ' 13800000882',
					'Name': '信息1',
					'Dtime': '2016-06-16 08:53:04',
					'Zx': '系统管理',
					'Dstates': '已呼叫',
					'Hr': '正常接通',
					'Zhs': '未接通',
					'Zht': '2017-06-03 17:39:49',
					'Ch': '3',
					'Jtc': '0',
				},
				{
					'whjh': '201603月产品调查',
					'Num': ' 13800000882',
					'Name': '信息1',
					'Dtime': '2016-06-16 08:53:04',
					'Zx': '系统管理',
					'Dstates': '已呼叫',
					'Hr': '正常接通',
					'Zhs': '未接通',
					'Zht': '2017-06-03 17:39:49',
					'Ch': '3',
					'Jtc': '0',
				},
				{
					'whjh': '201603月产品调查',
					'Num': ' 13800000882',
					'Name': '信息1',
					'Dtime': '2016-06-16 08:53:04',
					'Zx': '系统管理',
					'Dstates': '已呼叫',
					'Hr': '正常接通',
					'Zhs': '未接通',
					'Zht': '2017-06-03 17:39:49',
					'Ch': '3',
					'Jtc': '0',
				}

			]

			$tableLeft.bootstrapTable({
				data: arr, //请求后台的URL（*）
				method: 'get',
				toolbar: '#toolbar',
				pagination: true,
				pageNumber: 1, //初始化加载第一页，默认第一页
				pageSize: 5, //每页的记录行数（*）
				pageList: [5, 25, 50, 100], //可供选择的每页的行数（*）
				clickToSelect: true,
				striped: true
			});
			$tableLeft1.bootstrapTable({
				data: arr1, //请求后台的URL（*）
				method: 'get',
				toolbar: '#toolbar',
				pagination: true,
				pageNumber: 1, //初始化加载第一页，默认第一页
				pageSize: 5, //每页的记录行数（*）
				pageList: [5, 25, 50, 100], //可供选择的每页的行数（*）
				clickToSelect: true,
				striped: true
			});

			function setCode(val) {
				return '<div class="imgs setCode">' +
					'<img src="./img/wphone.png" alt="" />' + val + '' +
					'</div>';
			}

			function Results(val) {
				return '<div class="imgs Result">' +
					'<a class="xg">查看' +
					'</a>' +
					'</div>';
			}

			function Thj(val) {
				return '<div class="imgs looks">' +
					'<a class="xg">查看' +
					'</a>' +
					'</div>';
			}
			/*点解获取号码*/
			$tableLeft1.on("click-row.bs.table", function(e, row, ele) {
				console.log(row.Num);
				a = row.Num;
				$(".cknum").html(a);
				$("#dgxx_num").val(a);
				return a;
			});
			$(".Result").click(function() {
				$(".t-shade").addClass("cx");
				$(".look_table").addClass("cx");
			});
			$(".setCode").click(function() {
				$(".t-shade").addClass("cx");
				$(".wh_table").addClass("cx");
			});
			$(".looks").click(function(){
				$(".t-shade").addClass("cx");
				$(".thjv_table").addClass("cx");
			});
			$(".setwin").click(function() {
				$(".t-shade").removeClass("cx");
				$(".look_table").removeClass("cx");
				$(".wh_table").removeClass("cx");
			});
			/*获取焦点*/
			$("#Call").focus(function() {
				$(this).addClass("outline");
				$(".whjh").removeClass("hidens");

			})
			$("#Call").blur(function() {
				$(this).removeClass("outline");
				$(".whjh").addClass("hidens");

			})
			$("input").focus(function() {
				$(this).addClass("outline");
			});
			$("input").blur(function() {
				$(this).removeClass("outline");
			})
			/*删除*/
			$("#Remove").click(function() {
				var ids = $.map($tableLeft1.bootstrapTable('getSelections'),
					function(row) {
						return row.Name;
					});
				/*判断长度*/
				if(ids.length <= 0) {
					Wremove();
					return;
				}
				remove();
			});
			/*分配*/
			$("#Fp").click(function() {
				var ids = $.map($tableLeft1.bootstrapTable('getSelections'),
					function(row) {
						return row.Name;
					});
				/*判断长度*/
				if(ids.length <= 0) {
					Fp();
					return;
				}
				Fps();
			});
			/*删除没有成功提示*/
			function Wremove() {
				layer.confirm('没有可删除的选项？', {
					btn: ['确定'] //按钮
				});
			}
			/*删除提示*/
			function remove() {
				layer.confirm('确定删除当前记录？', {
					btn: ['是', '否'] //按钮
				}, function() {
					layer.msg('删除成功', {
						icon: 1
					});
					/*执行删除*/
					var ids = $.map($tableLeft1.bootstrapTable('getSelections'),
						function(row) {
							return row.Name;
						});
					$tableLeft1.bootstrapTable('remove', {
						field: 'Name',
						values: ids
					});
				});

			}

			function Fp() {
				layer.confirm('没有可分配的选项？', {
					btn: ['确定'] //按钮
				});
			}
			/*分配提示*/
			function Fps() {
				layer.confirm('确定要取消分配选择的任务吗?？', {
					btn: ['是', '否'] //按钮
				}, function() {
					layer.msg('取消分配成功', {
						icon: 1
					});
					/*执行删除*/
					var ids = $.map($tableLeft1.bootstrapTable('getSelections'),
						function(row) {
							return row.Name;
						});

				});

			}
		</script>
	</body>

</html>