经纪人详情暂存

application/app/view/index/agent_detail.html

@@ -18,11 +18,57 @@
 		<div class="header_seat"></div>
 		
 		<div class="user-info-area oh">
-			<div class="fl oh">
-				<div class="portrait-area oh"></div>
-				<div class="info-p-area"></div>
+			<div class="user-info-area-left fl oh">
+				<figure class="portrait-area oh fl"><img src="/app/images/temp/photo.png" class="fl" /></figure>
+				<figcaption class="info-p-area fl">
+					<p id="name_jingjiren"></p>
+					<p>入职同联：<span id="time_ruzhi"></span></p>
+					<p>所属门店：<span id="name_store"></span></p>
+				</figcaption>
 			</div>
-			<div class="fr"></div>
+			<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">
+						<div class="pingfen-xing-large"><small></small><small></small><small></small><small></small><small></small></div>
+					</div>
+					<p class="pingjia-shu-p tc">(共<span id="pingjia_shu">99+</span>人评价)</p>
+				</div>
+			</div>
+		</div>
+		
+		<div class="user-num-area oh">
+			<div class="fl">
+				<p>88</p>
+				<p>历史成交（套）</p>
+			</div>
+			<div class="fr">
+				<p>88</p>
+				<p>近30天带看（次）</p>
+			</div>
+		</div>
+		
+		<div class="pingjia-list-area">
+			<section>用户评价</section>
+			<ul>
+				<li>
+					<div class="li-top-area oh">
+						<figure class="li-top-area-left fl">
+							<div><img src="/app/images/temp/photo.png" /></div>
+							<figcaption class="oh">
+								<div class="fl">
+									<p>王女士</p>
+									<p class="pingfen-xing"><small></small><small></small><small></small><small></small><small></small></p>
+								</div>
+								<div class="fr">
+									<p>非常推荐</p>
+								</div>
+							</figcaption>
+						</figure>
+						<div class="li-top-area-right fr"></div>
+					</div>
+				</li>
+			</ul>
 		</div>
 		
 		

public/app/css/agent_detail.css

@@ -4,3 +4,93 @@
 	background-size: 7.5rem 2.3rem;
 	height: 2.3rem;
 }
+.portrait-area{
+	padding: .45rem .2rem 0 .3rem;
+}
+.portrait-area>img{
+	width: 1.4rem;
+	height: 1.4rem;
+	box-sizing: border-box;
+	border: .05rem solid white;
+	border-radius: 50%;
+}
+.info-p-area{
+	width: 3rem;
+	padding-top: .5rem;
+}
+.info-p-area>p{
+	color: white;
+	font-size: .24rem;
+}
+.info-p-area>p:nth-of-type(1){
+	font-size: .4rem;
+	padding-bottom: .08rem;
+}
+.info-p-area>p:nth-of-type(2){
+	padding-bottom: .04rem;
+}
+
+.user-info-area-right{
+	padding: .35rem .3rem 0 0;
+}
+.white-space{
+	background-color: white;
+	width: 2.1rem;
+	height: 1.6rem;
+	border-radius: .06rem;
+}
+.pingfen-xing-large {
+    position: relative;
+    width: 1.7rem;
+    height: 0.24rem;
+    margin: 0 auto .05rem;
+}
+.span-star, .span-star-used {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+}
+
+.span-star{
+	background: url('/app/images/pic_bigstar_black.png') repeat-x 0 0/.34rem .24rem;
+}
+.span-star-used{
+	background: url('/app/images/pic_bigstar_yellow.png') repeat-x 0 0/.34rem .24rem;
+}
+.pingjia-fen-p{
+	color: #FF9419;
+	font-size: .2rem;
+	padding-top: .1rem;
+}
+#pingjia_fen{
+	font-size: .44rem;
+	font-weight: bold;
+	padding-right: .1rem;
+}
+.pingjia-shu-p{
+	color: #999;
+	font-size: .22rem;
+}
+.user-num-area{
+	background-color: white;
+	margin-bottom: .2rem;
+}
+.user-num-area>div{
+	width: 50%;
+	height: 1.5rem;
+}
+.user-num-area>div>p:nth-of-type(1){
+	color: #333;
+	text-align: center;
+	font-size: .4rem;
+	font-weight: bold;
+	padding-top: .36rem;
+}
+.user-num-area>div>p:nth-of-type(2){
+	color: #999;
+	text-align: center;
+	font-size: .26rem;
+}

public/app/css/common.css

@@ -25,6 +25,10 @@ input {
 	appearance: none;
 }
 
+body{
+	background-color: #f5f5f5;
+}
+
 header {
 	box-sizing: border-box;
     position: fixed;

public/app/js/agent_detail.js

@@ -8,7 +8,12 @@ $(function(){
         success: function(data) {
             if(typeof data === 'object') {
                 if (data['code'] == 200) {
-                    
+                    $('#name_jingjiren').html(data['data']['realname']);
+                    $('#time_ruzhi').html(data['data']['created']);
+                    $('#name_store').html(data['data']['sub_shopname']);
+                    $('.portrait-area>img').attr('src',data['data']['head_portrait']);
+                    $('#pingjia_fen').html(parseInt(data['data']['evaluate_grade']));
+                    $('.span-star-used').css('width',parseInt(data['data']['evaluate_grade'])*10+'%');
                 }else {
                     layerTipsX(data['msg']);
                 };