Commit 9ec14b28 authored by xinyuandu's avatar xinyuandu

效绩排行界面和路由

parent 13713562
<?php
namespace app\index\controller;
/**
* Created by PhpStorm.
* User: liu yin ping
* Date: 2018/3/13
* Time: 15:48
*/
use app\index\extend\Basic;
class PerformanceRanking extends Basic
{
public function performanceRanking()
{
if (!$this->request->isAjax()) {
return view('performance_ranking/performance_ranking');
}
}
}
{layout name="global/frame_tpl" /}
<input type="hidden" class="page-load" id="performance_ranking" />
<style>
html{
font-size:640%;
}
.panel {
margin-bottom:0rem;
overflow:hidden;
}
.a {
background-color:yellow;
}
.p-a-0{
padding:0rem;
}
.p-a-15{
padding:0.15rem;
}
.p-a-10{
padding:.1rem;
}
.p-t-0 {
padding-top:0rem ;
padding-right : 0rem;
}
.p-b-10 {
padding-bottom:.10rem;
}
.area-title{
font-family: PingFangSC-Medium;
font-size: 0.18rem;
color: #1C1C1C;
text-align: left;
margin-top:0.03rem;
}
.harf-in-five {
text-align:center ;
width : 20%;
float:left;
padding-bottom:0.30rem;
/*border : 1px solid red;*/
}
.header-area{
text-align:center ;
width:0.58rem;
height:0.58rem;
border-radius: 50%;
/*overflow: hidden;*/
background-color:#999999;
position:relative;
left : 50% ;
transform: translateX(-50%);
}
.name-area {
font-family: PingFangSC-Regular;
font-size: 12px;
color: #333333;
text-align: center;
padding-top:0.15rem;
}
.name-area span {
}
.more{
font-family: PingFangSC-Medium;
font-size: 0.14rem;
color: #FF9318;
float:right;
margin-top:0.02rem;
}
.content {
padding : 0.15rem;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #666666;
overflow:hidden;
}
.content-text{
font-family: PingFangSC-Regular;
font-size: .14rem;
color: #666666;
line-height:0.2rem;
display:block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.content-time {
font-family: PingFangSC-Regular;
font-size: .11rem;
color: #999999;
letter-spacing: 0;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.more-news{
width : 0.6rem !important;
height : .3rem;
background-color: #F4F5FB;
font-family: PingFangSC-Medium;
font-size: 11px;
color: #4F66C3;
border-radius: .05rem;
/*margin-top:0.05rem;*/
float:right;
}
.more-news-long {
width : 0.8rem !important;
height : .3rem;
background-color: #FF9318;
font-family: PingFangSC-Medium;
font-size: 11px;
color: #ffffff;
border-radius: .05rem;
/*margin-top:0.05rem;*/
float:right;
}
.title-time{
font-family: PingFangSC-Medium;
font-size: 14px;
color: #999999;
float:right;
margin-top:0.05rem;
}
/*.table {
text-align:center !important ;
border : none !important;
}*/
.table tr th,.table tr td{
text-align:center !important ;
border : none !important;
padding:0.07rem !important;
}
.table {
margin-bottom : 0rem !important;
}
</style>
<div id="page-content-wrapper">
<div class="container">
<div class="row">
<div class="col-xs-12 p-a-0">
<div class="col-xs-8 p-a-0">
<div class="col-xs-12 p-a-0">
<div class="col-xs-8 p-a-10 p-t-0">
<div class="panel panel-default">
<div class="area-title p-a-15 p-tb-10">
<span><strong>团队荣誉榜</strong></span>
</div>
<div class="col-xs-12" style="margin-top:0.07rem;" id="teamList">
<div class="harf-in-five">
<div class="header-area">
<image src="/resource/image/first.png"></image>
</div>
<div class="name-area">
<image src="/resource/image/first.png" style="width:0.24rem;height:0.171rem"></image>
<span>南京东路店</span>
</div>
</div>
<div class="harf-in-five">
<div class="header-area">
<image src="/resource/image/first.png"></image>
</div>
<div class="name-area">
<image src="/resource/image/first.png" style="width:0.24rem;height:0.171rem"></image>
<span>南京东路店</span>
</div>
</div>
<div class="harf-in-five">
<div class="header-area">
<image src="/resource/image/first.png"></image>
</div>
<div class="name-area">
<image src="/resource/image/first.png" style="width:0.24rem;height:0.171rem"></image>
<span>南京东路店</span>
</div>
</div>
<div class="harf-in-five">
<div class="header-area">
<image src="/resource/image/first.png"></image>
</div>
<div class="name-area">
<image src="/resource/image/first.png" style="width:0.24rem;height:0.171rem"></image>
<span>南京东路店</span>
</div>
</div>
<div class="harf-in-five">
<div class="header-area">
<image src="/resource/image/first.png"></image>
</div>
<div class="name-area">
<image src="/resource/image/first.png" style="width:0.24rem;height:0.171rem"></image>
<span>南京东路店</span>
</div>
</div>
</div>
<div class="col-xs-12 p-a-0">
<div class="area-title p-a-15">
<span><strong>个人荣誉榜</strong></span>
</div>
</div>
<div class="col-xs-12" style="margin-top:0.07rem;" id="personList">
<div class="harf-in-five">
<div class="header-area">
<image src="/resource/image/first.png"></image>
</div>
<div class="name-area">
<image src="/resource/image/first.png" style="width:0.24rem;height:0.171rem"></image>
<span>南京东路店</span>
</div>
</div>
<div class="harf-in-five">
<div class="header-area">
<image src="/resource/image/first.png"></image>
</div>
<div class="name-area">
<image src="/resource/image/first.png" style="width:0.24rem;height:0.171rem"></image>
<span>南京东路店</span>
</div>
</div>
<div class="harf-in-five">
<div class="header-area">
<image src="/resource/image/first.png"></image>
</div>
<div class="name-area">
<image src="/resource/image/first.png" style="width:0.24rem;height:0.171rem"></image>
<span>南京东路店</span>
</div>
</div>
<div class="harf-in-five">
<div class="header-area">
<image src="/resource/image/first.png"></image>
</div>
<div class="name-area">
<image src="/resource/image/first.png" style="width:0.24rem;height:0.171rem"></image>
<span>南京东路店</span>
</div>
</div>
<div class="harf-in-five">
<div class="header-area">
<image src="/resource/image/first.png"></image>
</div>
<div class="name-area">
<image src="/resource/image/first.png" style="width:0.24rem;height:0.171rem"></image>
<span>南京东路店</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-4 p-a-10 p-t-0">
<div class="panel panel-default">
<div class="area-title p-a-15" style="padding-bottom:0rem;">
<span>公告</span>
<span class="more"><a href="/index/noticeIndex">更多>></a></span>
<div style="width:100%;height:1px;background-color:#cccccc;margin-top:0.15rem;opacity: 0.3;"></div>
</div>
<div style="padding:.19rem 0rem ;" id="noticeList">
</div>
</div>
</div>
</div>
<div class="col-xs-12 p-a-0 ">
<div class="col-xs-4 p-a-10 p-t-0">
<div class="panel panel-default">
<div class="area-title p-a-15" style="padding-bottom:0rem;">
<span>商学院</span>
<span class="more"><a href="/index/business_school">更多>></a></span>
<div style="width:100%;height:1px;background-color:#cccccc;margin-top:0.15rem;opacity: 0.3;"></div>
</div>
<div style="padding:.15rem 0rem ;" id="business_school"></div>
</div>
</div>
<div class="col-xs-8 p-a-10 p-t-0">
<div class="panel panel-default">
<div class="area-title p-a-15" style="padding-bottom:0rem;">
<span>业务消息通知</span>
<span class="more"><a>更多>></a></span>
<div style="width:100%;height:1px;background-color:#cccccc;margin-top:0.15rem;opacity: 0.3;"></div>
</div>
<div style="overflow:hidden ;padding:0.16rem 0rem 0.16rem;">
<div class="content">
<div class="col-xs-12">
<div class="col-xs-12 p-a-0">
<span class="content-text">【南京东路店周小雨】提交【南京东路2569990号】成交报告(1254)</span>
</div>
<div class="col-xs-12 p-a-0" style="overflow:hidden ; margin-top:0.1rem;">
<div class="content-time col-xs-6 p-a-0" style="margin-top:0.15rem;">2018/07/08&nbsp;&nbsp;&nbsp;&nbsp;02:59</div>
<div class="col-xs-6 p-a-0">
<div style="float:right">
<button class="btn more-news-long" style="float:left;">已读关闭</button>
<button class="btn more-news business_more" style="float:left;margin-left:0.1rem;">详情</button>
</div>
</div>
</div>
</div>
</div>
<div class="content">
<div class="col-xs-12">
<div class="col-xs-12 p-a-0">
<span class="content-text">【南京东路店周小雨】提交【南京东路2569990号】成交报告(1254)</span>
</div>
<div class="col-xs-12 p-a-0" style="overflow:hidden ; margin-top:0.1rem;">
<div class="content-time col-xs-6 p-a-0" style="margin-top:0.15rem;">2018/07/08&nbsp;&nbsp;&nbsp;&nbsp;02:59</div>
<div class="col-xs-6 p-a-0">
<div style="float:right">
<button class="btn more-news-long" style="float:left;">已读关闭</button>
<button class="btn more-news" style="float:left;margin-left:0.1rem;">详情</button>
</div>
</div>
</div>
</div>
</div>
<div class="content">
<div class="col-xs-12">
<div class="col-xs-12 p-a-0">
<span class="content-text">【南京东路店周小雨】提交【南京东路2569990号】成交报告(1254)</span>
</div>
<div class="col-xs-12 p-a-0" style="overflow:hidden ; margin-top:0.1rem;">
<div class="content-time col-xs-6 p-a-0" style="margin-top:0.15rem;">2018/07/08&nbsp;&nbsp;&nbsp;&nbsp;02:59</div>
<div class="col-xs-6 p-a-0">
<div style="float:right">
<button class="btn more-news-long" style="float:left;">已读关闭</button>
<button class="btn more-news" style="float:left;margin-left:0.1rem;">详情</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-4 p-a-10 p-t-0">
<div class="panel panel-default">
<div class="area-title p-a-15 p-b-10">
<span>经理职称C档</span>
<span class="title-time">(2018.11.1-11.6)</a></span>
</div>
<div>
<table class="table table-striped" data-toggle="table" data-height="770">
<thead>
<tr>
<th>排名</th>
<th>所属门店</th>
<th>经纪人</th>
<th>排业绩(元)</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<tr>
<td>2</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>3</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>4</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>6</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>7</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>8</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>9</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>10</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>11</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>12</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>13</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>14</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>15</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>16</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>17</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>18</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>19</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>20</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--加载图标-->
<!--<div id="main_loading_pic">
<img src="/resource/image/jz2.gif">
</div>-->
<!-- 商学院详情 -->
<div class="modal fade" id="business_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" >
<div class="modal-dialog button-center-bargain" style="width:50%!important">
<div class="modal-content" >
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title"> 商学院详情</h4>
</div>
<div class="modal-body" style="overflow:hidden">
<div class="col-xs-12">
<div class="col-xs-1"></div>
<div class="col-xs-10" >
<div class="form-group" style="overflow:hidden">
<label for="inputEmail3" class="col-sm-2 control-label">标题:</label>
<div class="col-sm-9">
<span lass="form-control btn6" name="user_name" id="announcement_title" >
<!--<span class="use-span text-danger"><!--(20字以内,显示在首页列表)--></span>-->
</div>
</div>
<div class="form-group" style="overflow:hidden">
<label class="col-sm-2 control-label">内容:</label>
<div class="col-sm-9">
<div class="" style="width: 100%;">
<div style="width : 100%" id="modal_detail_value" ></div>
</div>
</div>
</div>
</div>
</div>
<!--<div class="form-group">
<label class="col-sm-2 control-label">标签:</label>
<div class="col-sm-9">
<select class="form-control btn5 input" name="" id="district_id2" title=" ">
<option value="">请选择标签</option>s
</select>
</div>
</div>-->
</div>
<div class="modal-footer text-center">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<!-- 商学院详情 -->
<div class="modal fade" id="notice_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" >
<div class="modal-dialog button-center-bargain" style="width:50%!important">
<div class="modal-content" >
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title"> 公告详情</h4>
</div>
<div class="modal-body" style="overflow:hidden">
<!--<div class="col-xs-12">
<div class="col-xs-1"></div>
<div class="col-xs-10" >
<div class="form-group" style="overflow:hidden">
<label for="inputEmail3" class="col-sm-2 control-label">标题:</label>
<div class="col-sm-9">
<span lass="form-control btn6" name="user_name" id="announcement_title" ><span>
</div>
</div>
<div class="form-group" style="overflow:hidden">
<label class="col-sm-2 control-label">内容:</label>
<div class="col-sm-9">
<div class="" style="width: 100%;">
<div style="width : 100%" id="modal_detail_value" ></div>
</div>
</div>
</div>
</div>
</div>-->
<div class="modal-body modal-body1">
<div class="notice-title text-center">清明节放假通知</div>
<div class="notice-time text-right">2018-12-12 12:00:00</div>
<div class="clear"></div>
<div class="notice-text"></div>
<div class="notice-fujian-area">
<span>附件(点击可下载):</span>
<ul id="fujian_ul">
</ul>
</div>
</div>
</div>
<div class="modal-footer text-center">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
\ No newline at end of file
define (['doT', 'ckfinder','ckfinderStart', 'css!style/home.css',"datetimepicker",'pagination','bootstrapJs'], function (doT) {
var performanceRanking = {
pageNo: 1, /*第几页*/
pageSize: 15, /*每页显示多少条*/
user_id : 0,
urls: '',
agent_id_two:'',
agent_id2 : 0,
modal_btn_id : '' ,
init: function () {
//初始化dot
performanceRanking.event ();
performanceRanking.loadBusinessSchool ();
performanceRanking.loadNotice();
// performanceRanking.loadTeam();
// performanceRanking.loadPerson();
//时间控件初始化
},
event: function () {
var that = this ;
$(document).on('click','.business_more', function(e){
var id = $(this).attr("id");
console.log(id);
that.loadBusinessById(id);
});
$(document).on('click','.noticeMore', function(e){
var id = $(this).attr("id");
var content = $(this).parent().parent().find(".dataDetail").html();
var title = $(this).parent().parent().find(".title").text();
var time = $(this).parent().parent().find(".time").text();
var fujian = $(this).parent().parent().find(".dataFujian").html();
console.log(fujian)
var fujianArray = fujian.split(',')
$('.notice-title').html(title);
$('.notice-time').html(time);
$('.notice-text').html(content);
if(fujianArray){
for ( var i = 0 ; i < fujianArray.length ; i++ ){
var _tempArr = fujianArray[i].split('/');
fujianArray[i] && $('#fujian_ul').append('<li><a href="{0}" title="点击可下载">{1}</a></li>'.stringFormatObj({
'0': fujianArray[i],
'1': that.dealFileName(decodeURI(_tempArr[_tempArr.length-1]))
}));
};
}
});
},
dealFileName : function(str) {
//如果文件超过30的长度,则用*代替
if(str.length > 26) {
return str.slice(0, 23) + '***' + str.slice(-4);
} else {
return str;
};
},
loadBusinessSchool : function(){
var that = $.performanceRanking;
var params = {
'pageNo' : 1,
'pageSize' : 4
}
$.get('/index/business_school' , params , function(data){
console.log(data.data.list);
var tag = '' ;
for ( var i = 0 ; i < data.data.list.length ; i++ ){
tag += '<div class="content" style="overflow:hidden;">';
tag += ' <div class="col-xs-9 p-a-0">';
tag += ' <div class="col-xs-12 p-a-0 ">';
tag += ' <span class="content-text">'+ data.data.list[i].title+'</span>';
tag += ' </div>';
tag += ' <div class="col-xs-12 p-a-0 ">';
tag += ' <span class="content-time">'+data.data.list[i].create_time+'</span>';
tag += ' </div>';
tag += ' </div>';
tag += ' <div class="col-xs-3 p-a-0" style="height:100%;">';
tag += ' <button id="'+data.data.list[i].id+'" href="#business_modal" data-toggle="modal" class="btn more-news business_more">详情</button>';
tag += ' </div>';
tag += '</div>';
}
$('#business_school').append(tag);
})
},
loadBusinessById : function(id) {
$.get('/index/getNewsInfo' , {'id' : id},function(data){
if(data.code == 200) {
$('#modal_detail_value').html(data.data.content);
$("#announcement_title").text(data.data.title);
} else {}
},'json');
},
loadNotice : function(){
var params = {
'pageNo' : 1,
'pageSize' : 4
}
$.get('/index/noticeIndex',params, function(data){
console.log(data.data.list);
var tag = '' ;
for ( var i = 0 ; i < data.data.list.length ; i++ ){
tag += '<div class="content" style="overflow:hidden;">';
tag += ' <div class="col-xs-9 p-a-0">';
tag += ' <div class="col-xs-12 p-a-0 ">';
tag += ' <span class="content-text title ">'+data.data.list[i].title+'</span>';
tag += ' </div>';
tag += ' <div class="col-xs-12 p-a-0 ">';
tag += ' <span class="content-time time ">'+data.data.list[i].create_time+'</span>';
tag += ' </div>';
tag += ' </div>';
tag += ' <div class="col-xs-3 p-a-0" style="height:100%;">';
tag += ' <button id="'+ data.data.list[i].id +'" href="#notice_modal" data-toggle="modal" class="btn more-news noticeMore">详情</button>';
tag += ' </div>';
var fujian = "" ;
for ( var j = 0 ; j < data.data.list[i].annex_file_path.length ; j++ ){
fujian += data.data.list[i].annex_file_path[j] + ","
}
fujian = fujian.substr(0,fujian.length-1)
tag += ' <div class="dataDetail" style="display:none">'+data.data.list[i].content+'</div>'
tag += ' <div class="dataFujian" style="display:none">'+fujian+'</div>'
tag += '</div>';
}
$('#noticeList').append(tag);
},'json')
},
// loadTeam : function(){
// var params = {
// 'pageNo' : 1,
// 'pageSize' : 5
// }
// $.get('/index/',params, function(data){
// console.log(data.data.list);
// var tag = '' ;
// for ( var i = 0 ; i < data.data.list.length ; i++ ){
// tag += '<div class="harf-in-five">';
// tag += ' <div class="header-area">';
// tag += ' <image src="/resource/image/first.png"></image>';
// tag += ' </div>';
// tag += ' <div class="name-area">';
// tag += ' <image src="/resource/image/first.png" style="width:0.24rem;height:0.171rem"></image>';
// tag += ' <span>南京东路店</span>;
// tag += ' </div>';
// tag += '</div>';
// }
// $('#teamList').append(tag);
// },'json')
// },
//
// loadPerson : function(){
// var params = {
// 'pageNo' : 1,
// 'pageSize' : 5
// }
// $.get('/index/',params, function(data){
// console.log(data.data.list);
// var tag = '' ;
// for ( var i = 0 ; i < data.data.list.length ; i++ ){
// tag += '<div class="harf-in-five">';
// tag += ' <div class="header-area">';
// tag += ' <image src="/resource/image/first.png"></image>';
// tag += ' </div>';
// tag += ' <div class="name-area">';
// tag += ' <image src="/resource/image/first.png" style="width:0.24rem;height:0.171rem"></image>';
// tag += ' <span>南京东路店</span>;
// tag += ' </div>';
// tag += '</div>';
// }
// $('#personList').append(tag);
// },'json')
// },
};
return performanceRanking;
});
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment