后台 pk榜修改

application/index/view/pkList/pkListCon.html

 {layout name="global/frame_tpl" /}
-<input type="hidden" class="page-load" id="realtimePerformance" />
+<input type="hidden" class="page-load" id="pkList" />
 <style>
 	.pk-container-detail{
 		background-color: #fff;
-		margin-left: 10px;
+		margin-left: 8px;
 		width: 80%;
-		height: 770px;
+		height: 820px;
 		border-radius:3px ;
 		box-sizing: border-box;
-		padding: 10px;
+		padding: 8px;
+		position: relative;
 	}
+	.results-pk{
+		display: inline-block;
+	    height: 32px;
+	    padding: 6px 12px;
+	    font-size: 14px;
+	    line-height: 32px;
+	    color: #555;
+	    background-color: #fff;
+	    background-image: none;
+	    border: 1px solid #ccc;
+	    border-radius: 3px;
+	    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+	    transition: border-color ease-in-out .15s, 
+	}
+	.margain-right-10{
+		margin-right: 10px;
+	}
+	.pk-yeji-bang{
+		font-size: 18px;
+		color: #1C1C1C;
+		font-weight: 600;
+	}
+	.pk-yeji-time{
+		font-size: 14px ;
+		color: #999999;
+	}
+	.img-gold{
+		position: absolute;
+		top: 0;
+		right: 6px;
+	}
+	.pk-container-detail-team{
+		margin-top: 10px;
+	}
+	.pk-container-detail-team .team-span{
+		width: 70px;
+		height: 30px;
+		font-size: 11px;
+		color: #FF9318;
+		line-height: 30px;
+		background-color: rgba(255, 147, 24,.1);
+		display: inline-block;
+		margin-right: 15px;
+		text-align: center;
+		cursor: pointer;
+	}
+	.pk-container-detail-team .team-span-active{
+		width: 70px;
+		height: 30px;
+		font-size: 11px;
+		line-height: 30px;
+		display: inline-block;
+		margin-right: 15px;
+		text-align: center;
+		color: #FFF;
+		background-color: #FF9318;
+		cursor: pointer;
+		
+	}
+	.pk-container-detail-team .export-pk{
+		width: 80px;
+		height: 30px;
+		font-size: 11px;
+		line-height: 30px;
+		display: inline-block;
+		text-align: center;
+		margin-left: 60px;
+		background-color: #4F66C3;
+		color: #fff;
+	}
+	.pk-container-detail-a{
+		margin: 10px 0;
+	}
+	.pk-container-detail-a .a-span{
+		width: 30px;
+		height: 30px;
+		font-size: 11px;
+		color: #FF9318;
+		line-height: 30px;
+		background-color: rgba(255, 147, 24,.1);
+		display: inline-block;
+		margin-right: 15px;
+		text-align: center;
+		cursor: pointer;
+	}
+	.pk-container-detail-a .a-span-active{
+		width: 30px;
+		height: 30px;
+		font-size: 11px;
+		color: #fff;
+		line-height: 30px;
+		background-color: rgba(255, 147, 24);
+		display: inline-block;
+		margin-right: 15px;
+		text-align: center;
+		cursor: pointer;
+	}
+	#pk_list tr:nth-child(even) {
+        background: #FFF;
+    }
+    #pk_list tr:nth-child(odd) {
+        background: #F8F8F8;
+    }
+    #pk_list td,#pk_list th{
+    	padding: 3px;
+    }
+	
 </style>
 <div id="page-content-wrapper">
 	<div class="container pk-container">
 		<div class="pk-container-detail">
-			9999
+			<div class="pk-container-detail-header">
+				<span class="margain-right-10 pk-yeji-bang">业绩PK榜</span>
+				<span class="margain-right-10 pk-yeji-time">(2018.11.01-2018.11.16)</span>
+				<select class="results-pk" id="realtime_city_choose">
+					<option value="">城市筛选</option>
+					<option value="10001">上海市</option>
+					<option value="10002">杭州市</option>
+				</select>
+				<img src="/resource/image/gold@1x.png" class="img-gold"/>
+			</div>
+			<div class="pk-container-detail-con">
+				<div class="pk-container-detail-team">
+					<span class="team-span team-span-pk">团队PK榜</span>
+					<span class="team-span-active team-span-pk">店长PK榜</span>
+					<span class="team-span team-span-pk">经理PK榜</span>
+					<span class="team-span team-span-pk">主任PK榜</span>
+					<span class="team-span team-span-pk">顾问PK榜</span>
+					<span class="team-span team-span-pk">新人PK榜</span>
+					<span class="export-pk">导出报表</span>
+				</div>
+				<div class="pk-container-detail-a">
+					<span class="a-span">A</span>
+					<span class="a-span">B</span>
+					<span class="a-span-active">C</span>
+					<span class="a-span">D</span>
+					<span class="a-span">E</span>
+					<span class="a-span">F</span>
+					<span class="a-span">G</span>
+					<span class="a-span">H</span>
+					<span class="a-span">I</span>
+					<span class="a-span">J</span>
+				</div>
+				<div class="pk_list_content">
+					<table id="pk_list" class="table">
+
+					</table>
+				</div>
+			</div>
 		</div>
 	</div>
 </div>

public/resource/js/pkList.js

+define(['doT', 'text!temp/pk_list_template_tpl.html.html', 'css!style/home.css', 'ckfinder', 'ckfinderStart', 'pagination', 'bootstrapJs'], function(doT, template) {
+	pkList = {
+		pageNo: 1,
+		/*第几页*/
+		pageSize: 25,
+		/*每页显示多少条*/
+		mainTabIndex: 0,
+		mainTabIndexTwo: 0,
+		init: function() {
+			//初始化dot
+			$(document.body).append(template);
+			pkList.getList(0);
+			pkList.event();
+		},
+		event: function() {
+			var _doc = $(document);
+				//主页面 团队 店长 
+			_doc.on('click', '.team-span-pk', function(e){
+				e.preventDefault();
+				e.stopPropagation();
+				var _this = $(this);
+				_this.removeClass('team-span').addClass('team-span-active').siblings().removeClass('team-span-active').addClass('team-span');
+				pkList.mainTabIndex = _this.index();
+				console.log(pkList.mainTabIndex)
+			});
+			_doc.on('click', '.pk-container-detail-a>span', function(e){
+				e.preventDefault();
+				e.stopPropagation();
+				var _this = $(this);
+				_this.removeClass('a-span').addClass('a-span-active').siblings().removeClass('a-span-active').addClass('a-span');
+				pkList.mainTabIndexTwo = _this.index();
+				console.log(pkList.mainTabIndexTwo)
+			});
+			$("#export").click(function() { //导出列表
+						pkList.exportList();
+			});
+		},
+ //		导出列表
+		exportList: function(pageNo) {
+		console.log(2);
+		follow.pageNo = pageNo;
+		var params = {};
+		var excel_two = 1;
+		var user_name = $.trim($('#customer_name').val());
+		var start_time = $('#start_date').val();
+		var end_time = $('#end_date').val();
+		var internal_title = $('#shop_name').val();
+		var user_phone = $('#customer_phone').val();
+		var id = $('#shop_num').val() * 1;
+		var store_name = $('#store_name').val();
+		var report_phone = $('#applicant_phone').val();
+		var report_name = $('#applicant_name').val();
+		window.open('/index/getCollection?'+
+				'excel='+ excel_two +'&user_name=' + user_name + '&start_time=' + start_time + '&end_time=' + end_time + '&internal_title=' + internal_title + '&user_phone=' + user_phone + '&id=' + id+ '&store_name=' + store_name+ '&report_phone=' + report_phone+ '&report_name=' + report_name);
+			},
+						
+		getList: function(pageNo) {
+            var params    = {};
+            params.pageNo =pkList.pageNo;
+            params.pageSize =pkList.pageSize;
+			$.ajax({
+			    type: 'GET',
+			    url: '/index/evaluationList',//拜访列表
+			    data: params,
+			    timeout: 30000,
+			    dataType: 'json',
+			    beforeSend: function() {},
+			    success: function(data) {
+			        if(typeof data === 'object') {
+			            if (data.code == 200) {
+							var doTtmpl = doT.template(document.getElementById('pk_list_tpl').innerHTML);
+							$("#pk_list").html(doTtmpl(data.data.list));
+							add_page(data.data.total,pageNo,pkList.pageSize,pkList.getList);
+			            }else {
+			                alert(data['msg']);
+			            };
+			        }else{
+			            alert('数据错误');
+			        };
+			    },
+			    error: function() {
+			        alert('error');
+			    },
+			    complete: function(xhr, textStatus){
+			        if(textStatus === 'timeout'){
+			            alert('请求超时');
+			        };
+			    }
+			});
+		}
+	};
+	return pkList;
+});
\ No newline at end of file

public/resource/template/pk_list_template_tpl.html.html

+<script id="pk_list_tpl" type="text/template">
+    [% if(it) { %]
+    <tr>
+		<th class="text-center">排名</th>
+		<th class="text-center">所属门店</th>
+		<th class="text-center">经纪人</th>
+		<th class="text-center">业绩（元）</th>
+	</tr>
+    [% for(var item in it){ %]
+    <tr class="text-center">
+        <td>[%= it[item]["name"] %]</td>
+        <td>[%= it[item]["evaluate_content"] %]</td>
+        <td>[%= it[item]["phone"] %]</td>
+        <td>[%= it[item]["create_time"] %]</td>
+    </tr>
+    [% } %]
+    [% }else{ %]
+    <tr>
+        <td colspan="8" style="text-align:center;"> 暂无数据</td>
+    </tr>
+    [% } %]
+</script>