Skip to content

T
tl_estate
Commit 2dbb843b authored by xishifeng's avatar xishifeng
Browse files
Options

经纪人详情主页

parent 935a04e2
Show whitespace changes
Inline Side-by-side
Showing with 242 additions and 25 deletions
.project
View file @ 2dbb843b
......@@ -24,5 +24,14 @@
<arguments>1.0-name-matches-false-false-node_modules</arguments>
</matcher>
</filter>
<filter>
<id>1513561781989</id>
<name></name>
<type>26</type>
<matcher>
<id>org.eclipse.ui.ide.multiFilter</id>
<arguments>1.0-name-matches-false-false-node_modules</arguments>
</matcher>
</filter>
</filteredResources>
</projectDescription>
application/app/view/index/agent_detail.html
View file @ 2dbb843b
......@@ -29,7 +29,8 @@
<div class="user-info-area-right fr">
<div class="white-space">
<p class="pingjia-fen-p tc"><span id="pingjia_fen"></span>分</p>
<div class="pingfen-area-large"><small></small><small></small><small></small><small></small><small></small></div>
<!--<div class="pingfen-area-large"><small></small><small></small><small></small><small></small><small></small></div>-->
<div class="pingfen-area-large"></div>
<p class="pingjia-shu-p tc">(共<span id="pingjia_shu"></span>人评价)</p>
</div>
</div>
......@@ -37,11 +38,11 @@
<div class="user-num-area oh">
<div class="fl">
<p>88</p>
<p id="chengjiao_lishi"></p>
<p>历史成交（套）</p>
</div>
<div class="fr">
<p>88</p>
<p id="daikan_30"></p>
<p>近30天带看（次）</p>
</div>
</div>
......@@ -49,7 +50,7 @@
<div class="pingjia-list-area">
<section>用户评价</section>
<ul>
<li>
<!--<li>
<div class="li-top-area oh">
<figure class="li-top-area-left fl">
<div class="oh fl"><img src="/app/images/temp/photo.png" class="fl" /></div>
......@@ -67,30 +68,62 @@
<h3>2017-03在长宁路看房</h3>
<p>好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。</p>
</div>
</li>
<li>
</li>-->
<!--<li>
<div class="li-top-area oh">
<figure class="li-top-area-left fl">
<div class="oh fl"><img src="/app/images/temp/photo.png" class="fl" /></div>
<div class="oh fl"><img src="{7}" class="fl" /></div>
<figcaption class="oh fl">
<p>王女士</p>
<p>{0}</p>
<div class="oh">
<div class="pingfen-area fl"><small></small><small></small><small></small><small></small><small></small></div>
<p class="fl">非常推荐</p>
<div class="pingfen-area fl">{1}</div>
<p class="fl">{2}</p>
</div>
</figcaption>
</figure>
<div class="li-top-area-right fr">2017-12-17</div>
<div class="li-top-area-right fr">{3}</div>
</div>
<div class="li-bottom-area">
<h3>2017-03在长宁路看房</h3>
<p>好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。</p>
<h3>{4}在{5}看房</h3>
<p>{6}</p>
</div>
</li>
</li>-->
</ul>
<div class="see-all-area">
<a href="javascript:;">查看全部评价</a>
</div>
<div class="zanwu_data">暂无数据...</div>
</div>
<div class="chengjiao-list-area">
<section>成交过的商铺</section>
<ul>
<!--<li class="oh">
<div class="fl oh"><img src="/app/images/temp/photo.png" /></div>
<div class="fl">
<h3 class="shangpu-name ellipsis">浦东新区恒大国际商场浦东新区恒大国际商场浦东新区恒大国际商场浦东新区恒大国际商场</h3>
<p class="qianyue-time">签约时间：2017-12-12</p>
<p class="mianji-scale">60-100m²</p>
<p class="zuji-price">租金均价：<span>20000</span>元/月</p>
<p class="sp-text oh"><span>小面积</span><span>随时看铺</span><span>沿街旺铺</span></p>
</div>
</li>-->
<!--<li class="oh">
<div class="fl oh"><img src="{5}" /></div>
<div class="fl">
<h3 class="shangpu-name ellipsis">{0}</h3>
<p class="qianyue-time">签约时间：{1}</p>
<p class="mianji-scale">{2}m²</p>
<p class="zuji-price">租金均价：<span>{3}</span>元/月</p>
<p class="sp-text oh">{4}</p>
</div>
</li>-->
</ul>
<div class="see-all-area">
<a href="javascript:;">查看全部成交</a>
</div>
<div class="zanwu_data">暂无数据...</div>
</div>
......
public/app/css/agent_detail.css
View file @ 2dbb843b
......@@ -136,10 +136,11 @@
height: .38rem;
background-color: #e6e6e6;
}
/*评论列表区域*/
.pingjia-list-area{
margin-top: .2rem;
padding: 0 .3rem;
padding: 0 .3rem .5rem;
background-color: white;
}
.pingjia-list-area>section{
......@@ -194,7 +195,8 @@
}
.see-all-area{
padding: .3rem 0 0.5rem;
padding: .3rem 0 0;
display: none;
}
.see-all-area>a{
display: block;
......@@ -208,3 +210,72 @@
border-radius: .4rem;
}
/*成交列表区域*/
.chengjiao-list-area{
margin-top: .2rem;
padding: 0 .3rem .5rem;
background-color: white;
font-size: .3rem;
}
.chengjiao-list-area>section{
border-bottom: 1px solid #e6e6e6;
font-size: .34rem;
font-weight: bold;
line-height: .9rem;
height: .9rem;
}
.chengjiao-list-area>ul>li{
padding: .3rem 0;
}
.chengjiao-list-area>ul>li+li{
border-top: 1px solid #e6e6e6;
}
.chengjiao-list-area>ul>li>div:nth-of-type(1){
width: 2.5rem;
height: 2rem;
}
.chengjiao-list-area>ul>li>div:nth-of-type(1)>img{
width: 100%;
height: 100%;
float: left;
}
.chengjiao-list-area>ul>li>div:nth-of-type(2){
width: 4.4rem;
height: 2rem;
box-sizing: border-box;
padding-left: .2rem;
}
.chengjiao-list-area h3.shangpu-name{
color: #333;
font-size: .3rem;
font-weight: bold;
padding-bottom: .06rem;
}
.chengjiao-list-area p.qianyue-time,
.chengjiao-list-area p.mianji-scale{
color: #999;
font-size: .24rem;
padding-bottom: .04rem;
}
.chengjiao-list-area p.zuji-price{
color: #FF9419;
font-size: .24rem;
}
.chengjiao-list-area p.zuji-price>span{
font-size: .34rem;
}
.chengjiao-list-area p.sp-text>span{
float: left;
height: .32rem;
line-height: .32rem;
padding: 0 .1rem;
font-size: .2rem;
background-color: #d9d9d9;
color: white;
text-align: center;
border-radius: .04rem;
}
.chengjiao-list-area p.sp-text>span+span{
margin-left: .1rem;
}
public/app/css/common.css
View file @ 2dbb843b
......@@ -137,7 +137,7 @@ header .share-tips>span{
color: #999999;
}
.zanwu_data{
background: white url('../images/zanwu_shuju.png') no-repeat center 0.3rem/2.31rem 1.75rem;
background: white url('/app/images/zanwu_shuju.png') no-repeat center 0.3rem/2.31rem 1.75rem;
padding-top: 2.35rem;
font-size: .28rem;
line-height: .5rem;
......
public/app/js/agent_detail.js
View file @ 2dbb843b
$(function(){
$.ajax({
type: 'get',
url: ServerHost + '/api/brokerDetail/731',
url: ServerHost + '/api/brokerDetail/799',
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
......@@ -13,8 +13,10 @@ $(function(){
$('#name_store').html(data['data']['sub_shopname']);
$('.portrait-area>img').attr('src',data['data']['head_portrait']);
$('#pingjia_fen').html(parseInt(data['data']['evaluate_grade']));
dealStar($('.pingfen-area-large'), parseInt(data['data']['evaluate_grade']));
$('.pingfen-area-large').html(dealStar(parseInt(data['data']['evaluate_grade'])));
$('#pingjia_shu').html(Number(data['data']['evaluate_num'])>99?'99+':Number(data['data']['evaluate_num']));
$('#chengjiao_lishi').html(data['data']['JournalAccounts']);
$('#daikan_30').html(data['data']['watch_shop']);
}else {
layerTipsX(data['msg']);
};
......@@ -32,13 +34,114 @@ $(function(){
}
});
function dealStar(_parObj, _fen){
_parObj.find('small').each(function(i, v){
if(_fen/2-(i+1) > -0.5) {
$(this).removeClass('small-active small-active-guodu').addClass('small-active');
}else if(_fen/2-(i+1) == -0.5){
$(this).removeClass('small-active small-active-guodu').addClass('small-active-guodu');
function dealStar(_fen){
var _htmlTemp = '';
for(var i = 1;i<6;i++){
if(i < _fen/2+0.5){
_htmlTemp += '<small class="small-active"></small>';
}else if(i == _fen/2+0.5){
_htmlTemp += '<small class="small-active-guodu"></small>';
}else{
_htmlTemp += '<small></small>';
}
};
return _htmlTemp;
};
function dealStarText(_fen){
if(_fen>=8){
return '非常推荐';
}else if(_fen>=6){
return '很好';
}else if(_fen>=4){
return '一般';
}else if(_fen>=4){
return '很差';
}else{
return '非常差';
};
};
function dealScale(obj){
if(obj['shangpu_type'] == '0'){
return Number(obj['room_area'])+'-'+Number(obj['room_area2'])+'m²';
}else{
return Number(obj['room_area'])+'m²';
}
};
$.ajax({
type: 'get',
url: ServerHost + '/api/commentAndDeal',
timeout: 30000,
dataType: 'json',
data: {
'agent_id': 9,
'type': 0,
'pageNo': 1,
'pageSize': 3
},
beforeSend: function() {},
success: function(data) {
if(typeof data === 'object') {
if (data['code'] == 200) {
//评价列表
if(data['data']['evaluate'] && data['data']['evaluate'].length > 0){
var _html = "";
$.each(data['data']['evaluate'], function(i, item) {
if(i<2){
_html += '<li><div class="li-top-area oh"><figure class="li-top-area-left fl"><div class="oh fl"><img src="{7}" class="fl"></div><figcaption class="oh fl"><p>{0}</p><div class="oh"><div class="pingfen-area fl">{1}</div><p class="fl">{2}</p></div></figcaption></figure><div class="li-top-area-right fr">{3}</div></div><div class="li-bottom-area"><h3>{4}在{5}看房</h3><p>{6}</p></div></li>'.stringFormatObj({
'0': item['user_nick'],
'1': dealStar(item['evaluate_grade']),
'2': dealStarText(item['evaluate_grade']),
'3': '2017-12-17',
'4': '2017-03',
'5': '长宁路',
'6': item['evaluate_content'],
'7': item['user_pic']
});
};
});
$('.pingjia-list-area>ul').html(_html);
data['data']['evaluate'].length > 2 && $('.pingjia-list-area .see-all-area').show().find('a').attr('href','more_pingjia?id='+9);
}else{
$('.pingjia-list-area .zanwu_data').show();
};
//成交列表
if(data['data']['journalAccounts'] && data['data']['journalAccounts'].length > 0){
var _html2 = "";
$.each(data['data']['journalAccounts'], function(i, item) {
if(i<2){
_html2 += '<li class="oh"><div class="fl oh"><img src="{5}"></div><div class="fl"><h3 class="shangpu-name ellipsis">{0}</h3><p class="qianyue-time">签约时间：{1}</p><p class="mianji-scale">{2}</p><p class="zuji-price">租金均价：<span>{3}</span>元/月</p><p class="sp-text oh">{4}</p></div></li>'.stringFormatObj({
'0': item['title'],
'1': '2017-12-12',
'2': dealScale(item),
'3': item['price'],
'4': '<span>小面积</span><span>随时看铺</span><span>沿街旺铺</span>',
'5': item['img']
});
};
});
$('.chengjiao-list-area>ul').html(_html2);
data['data']['evaluate'].length > 2 && $('.chengjiao-list-area .see-all-area').show().find('a').attr('href','more_chengjiao?id='+9);
}else{
$('.chengjiao-list-area .zanwu_data').show();
};
}else {
layerTipsX(data['msg']);
};
}else{
layerTipsX('数据错误');
};
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
layerTipsX('error');
},
complete: function(xhr, textStatus){
if(textStatus === 'timeout'){
layerTipsX('请求超时');
};
}
});
});
\ No newline at end of file
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