duhongyu
/
ShuangHui_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<link href="./css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
		<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/bootstrap-treeview.css" rel="stylesheet">
		<link rel="stylesheet" href="./css/layer/skin/default/layer.css" />
		<title>录音播放下载及质检</title>
		<style>
			.contentTable {
				padding: 10px;
			}
			
			.form_table {
				width: 100%;
				border: 1px solid #EDECFF;
			}
			
			.form_table td {
				padding: 6px 0 5px 10px;
				text-align: left;
				color: #717171;
				line-height: 200%;
				border-top: 1px dotted #cccccc;
			}
			
			.form_table th {
				padding: 5px 8px 5px 0;
				color: #333;
				font-weight: 700;
				text-align: right;
				background: #f9f9f9;
				border-right: 1px dotted #cccccc;
				border-top: 1px dotted #cccccc;
			}
			
			.play {
				height: 50px;
				width: 100%;
			}
			
			#downlond {
				padding: 0 8px;
				height: 24px;
				line-height: 24px;
				color: #707070;
				border: 1px solid #D7D7D7;
				cursor: pointer;
				vertical-align: middle;
			}
			
			.txtInput {
				margin-right: 5px;
				padding: 0 3px 0 3px;
				height: 22px;
				line-height: 22px;
				background: #FAFAFA;
				border: 1px solid #D7D7D7;
				vertical-align: middle;
				font-size: 12px;
				width: 50px;
				color: blue;
			}
			
			.btnSubmit {
				padding: 0 10px;
				height: 28px;
				line-height: 28px;
				color: #3D80B3;
				font-weight: bold;
				border: 1px solid #AED0EA;
				cursor: pointer;
				vertical-align: middle;
				overflow: hidden;
			}
			
			.foot_btn_box {
				padding: 15px 20px;
				text-align: center;
			}
		</style>
	</head>

	<body>
		<div class="contentTable">
			<div class="table_con">
				<table cellspacing="" cellpadding="" class="form_table">
					<tbody>
						<tr>
							<th><span>电话号码：</span></th>
							<td><span>6+541+</span></td>
							<th><span>通话时间：</span></th>
							<td><span>2017/5/3 16:50:05</span></td>
						</tr>
						<tr>
							<th><span>呼叫方向：</span></th>
							<td><span>呼出</span></td>
							<th><span>通话时长：</span></th>
							<td><span> 278秒</span></td>
						</tr>
						<tr>
							<th><span>坐席工号：</span></th>
							<td><span>902</span></td>
							<th><span>坐席姓名：</span></th>
							<td><span>6+541+</span></td>
						</tr>
						<tr>
							<th><span>听取录音：</span></th>
							<td colspan="3">
								<div class="play">

								</div>
							</td>

						</tr>
						<tr>
							<th><span>下载录音：</span></th>
							<td colspan="3">
								<input type="button" value="下载" id="downlond" />
							</td>
						</tr>
					</tbody>
				</table>
			</div>
			<div class="divDataItems">
				<table class="table table-bordered text-center table-hover" style="width: 100%;">
					<thead>
						<tr class="thead_title">
							<td colspan="2" style="background-color: #D5EDFE;">分类</td>
							<td style="background-color: #D5EDFE;">指标</td>
							<td style="background-color: #D5EDFE;">分值</td>
							<td style="background-color: #D5EDFE;">评分</td>
						</tr>
					</thead>
					<tbody id="tbody">

					</tbody>
					<tfoot id="tfoot">
						<tr>
							<td colspan="3" style="background-color: #D5EDFE;">总分</td>
							<td style="background-color: #D5EDFE;">200</td>
							<td style="background-color: #D5EDFE;">
								<span style="color: red;" id="Z_Num">200</span>
							</td>
						</tr>
					</tfoot>
				</table>
			</div>
			<!--<div class="foot_btn_box">
				<input type="button"  value="保存评分" class="btnSubmit"/>
			</div>-->

			<script src="./js/jquery.min.js"></script>
			<script type="text/javascript">
			
				$.ajax({
					type: "get",
					//							url: huayi.config.callcenter_url + "/Mobiledata/EditMobiledata",
					url: "zjxq.json",
					dataType: 'json',
					async: true,
//					data:{
//						id:zjID///通话ID
//					},
					success: function(data) {
						var content = data.data;
						console.log(content);
						//									for(var i=0;i<content.length;i++){
						console.log(content.Rowspan);
						$('<tr>' +
							'<td colspan="'+content.Colspan+'">' + content.Qcname + '</td>' +
							'<td >' + content.Qcscore + '</td>' +
							'<td >' + content.Qcpf + '</td>' +
							'</tr>').appendTo("#tfoot");
						var twoCon = content.Qclist;						
						if(twoCon !== null) {
							for(var j = 0; j < twoCon.length; j++) {
								var t=parseInt(twoCon[j].Rowspan);		
								var o=1;
								var l=parseInt(twoCon.length);
								var c=t+o+l;																
								$('<tr>' +
									'<td rowspan="'+ t +'" >' + twoCon[j].Qcname + '</td>' +
									'</tr>').appendTo("#tbody");								
								var stree = twoCon[j].Qclist;
								console.log(stree);
								if(stree !== null) {
									for(var k = 0; k < stree.length; k++) {
										var row2=parseInt(stree[k].Rowspan);
										var o=1;
										var c=t+o;
										$('<tr>' +
											'<td rowspan="' + row2 + '">' + stree[k].Qcname + '</td>' +
											'</tr>').appendTo("#tbody");
										var foure = stree[k].Qclist;
										
										if(foure !== null) {
												
											for(var i = 0; i < foure.length; i++) {
												var row3=parseInt(foure[i].Rowspan);
											var o=1;
											var c=t+o;
												$('<tr>' +
													'<td rowspan="' + row3 + '">' + foure[i].Qcname + '</td>' +
													'<td rowspan="' + row3 + '">' + foure[i].Qcscore + '</td>' +
													'<td rowspan="' + row3 + '"><input type="text"  class="txtInput"/></td>' +
													'</tr>').appendTo("#tbody");
											}
										}
									}
								}
							}

						}
					}
				});
					
			</script>
	</body>

</html>