Commit 5bf76ab0 authored by agping's avatar agping

优化

parent 6c3e2975
......@@ -58,7 +58,7 @@ body{
}
.pingfen-area-large>small{
float: left;
margin: 0 .0rem;
margin: 0 .05rem;
width: .24rem;
height: .24rem;
background: url('/app/images/pic_bigstar_black.png') no-repeat 0 0/.24rem .24rem;
......@@ -79,7 +79,7 @@ body{
}
.pingfen-area>small{
float: left;
margin: 0 .02rem;
margin: 0 .05rem;
width: .16rem;
height: .16rem;
background: url('/app/images/pic_smallstar_black.png') no-repeat 0 0/.16rem .16rem;
......@@ -339,10 +339,3 @@ body{
font-size: .22rem;
color: #999;
}
.star_darl{
border:none ;
border-radius:.15rem;
background-color:rgba(248,249,251,.3);
margin-right:.26rem;
margin-top:.2rem;
}
......@@ -23,4 +23,4 @@
if(!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);</script><link href=./static/css/app.39f795a97b9d3a3d245aa92a524e3957.css rel=stylesheet></head><body><div id=app></div><script src=https://api.tonglianjituan.com/app/js/libs/vue.min.js></script><script src=https://api.tonglianjituan.com/app/js/libs/vue-router.min.js></script><script type=text/javascript src=./static/js/manifest.81c51a469263ff883011.js></script><script type=text/javascript src=./static/js/vendor.a90690afca25c64bc56d.js></script><script type=text/javascript src=./static/js/app.7bc0af41d8a88b04af79.js></script></body></html>
\ No newline at end of file
})(document, window);</script><link href=./static/css/app.39f795a97b9d3a3d245aa92a524e3957.css rel=stylesheet></head><body><div id=app></div><script src=https://api.tonglianjituan.com/app/js/libs/vue.min.js></script><script src=https://api.tonglianjituan.com/app/js/libs/vue-router.min.js></script><script type=text/javascript src=./static/js/manifest.bd657ee791e557c0ae5e.js></script><script type=text/javascript src=./static/js/vendor.a90690afca25c64bc56d.js></script><script type=text/javascript src=./static/js/app.d591d9dd83cfcfb952f5.js></script></body></html>
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
webpackJsonp([36],{"37wV":function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n="eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJkYXRhIjp7ImlkIjo1NzM5LCJuYW1lIjoiXHU2MDNiXHU2ZDRiXHU4YmQ1MSIsInBob25lIjoiMTU2MDE2NTIzNTMiLCJsZXZlbCI6MzB9LCJ0aW1lU3RhbXBfIjoxNTQxNTc2MzQ3fQ.csvXQnqzLdZ-dW3pVGosyPqbCPWPXyECncwD4dD6M6I",i="eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJkYXRhIjp7ImlkIjo1Nzc1LCJuYW1lIjoiXHU2ZDRiXHU4YmQ1MiIsInBob25lIjoiMTU2MDE2NTIzNTIiLCJsZXZlbCI6MjB9LCJ0aW1lU3RhbXBfIjoxNTU1NDY3MDI0fQ.knCdHuqEZV2zKBmi8ESp0b1NX_245fEQPx7tS4QJ4oA",o={name:"",data:function(){return{navs:[{path:"/achieveFork",nameCustom:"业绩总入口",query:{token:n,siteId:"10002"}},{path:"/businessCollege",nameCustom:"商学院",query:{token:i}},{path:"/feeds",nameCustom:"feed流",query:{id:1}},{path:"/reportDetails",nameCustom:"成交报告",query:{token:n,bargain_id:"169"}},{path:"/officeReportDetails",nameCustom:"成交报告-办公楼",query:{token:n,bargain_id:"169"}},{path:"/announcementDetails",nameCustom:"公告详情",query:{id:"160"}},{path:"/inviteRegister",nameCustom:"邀请注册",query:{device_id:"0",wx_union_id:"0",referrer_id:"160",referrer_source:"10"}},{path:"/agreement",nameCustom:"邀请注册协议",query:{}},{path:"/shopList",nameCustom:"商铺列表",query:{}},{path:"/shopSearchList",nameCustom:"商铺搜索列表",query:{}},{path:"/advertisingPage",nameCustom:"H5广告推广页",query:{}},{path:"/download",nameCustom:"同联下载页",query:{}},{path:"/priceReport",nameCustom:"财务日报提交/查看",query:{}},{path:"/match",nameCustom:"业绩排行",query:{}},{path:"/phoneDetail",nameCustom:"通话记录",query:{}},{path:"/inviteRules",nameCustom:"邀请规则",query:{}},{path:"/search",nameCustom:"商学院搜索列表",query:{token:i}},{path:"/openSquareDetails",nameCustom:"开盘广场详情",query:{token:i,id:23}},{path:"/shareRedEnvelope",nameCustom:"分享500元红包",query:{}},{path:"/shareVideoDetails",nameCustom:"分享商铺视频详情",query:{}},{path:"/agent_scall",nameCustom:"经纪人评价",query:{}}]}},methods:{}},s={render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("ul",e._l(e.navs,function(t,n){return a("li",{staticClass:"tc"},[a("router-link",{attrs:{to:t}},[e._v(e._s(t.nameCustom))])],1)}))])},staticRenderFns:[]};var r=a("VU/8")(o,s,!1,function(e){a("zWz6")},"data-v-554cbc5e",null);t.default=r.exports},up3i:function(e,t,a){(e.exports=a("FZ+f")(!1)).push([e.i,"\nli[data-v-554cbc5e]{\n\tline-height: .5rem;\n}\n",""])},zWz6:function(e,t,a){var n=a("up3i");"string"==typeof n&&(n=[[e.i,n,""]]),n.locals&&(e.exports=n.locals);a("rjj0")("1d28f4d6",n,!0,{})}});
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
!function(e){var c=window.webpackJsonp;window.webpackJsonp=function(a,d,f){for(var t,b,o,i=0,u=[];i<a.length;i++)b=a[i],n[b]&&u.push(n[b][0]),n[b]=0;for(t in d)Object.prototype.hasOwnProperty.call(d,t)&&(e[t]=d[t]);for(c&&c(a,d,f);u.length;)u.shift()();if(f)for(i=0;i<f.length;i++)o=r(r.s=f[i]);return o};var a={},n={42:0};function r(c){if(a[c])return a[c].exports;var n=a[c]={i:c,l:!1,exports:{}};return e[c].call(n.exports,n,n.exports,r),n.l=!0,n.exports}r.e=function(e){var c=n[e];if(0===c)return new Promise(function(e){e()});if(c)return c[2];var a=new Promise(function(a,r){c=n[e]=[a,r]});c[2]=a;var d=document.getElementsByTagName("head")[0],f=document.createElement("script");f.type="text/javascript",f.charset="utf-8",f.async=!0,f.timeout=12e4,r.nc&&f.setAttribute("nonce",r.nc),f.src=r.p+"static/js/"+e+"."+{0:"88265fbc226f85167f79",1:"74df5841e715513f7290",2:"4e126e81b8deee693b57",3:"78112db49f5365a73b94",4:"e2c242abd354ddca6c72",5:"4b7f2ab58185b97d9980",6:"e759a6e39ebb0359e009",7:"8a283da1061934552f1a",8:"129ae98069a9feeca09b",9:"92134a715365f7113c05",10:"4c5a6c5bd8bf3dc8ed32",11:"7296466480090f75c53b",12:"fe8ba82b11d0e2a1b872",13:"3cf013f8db24e70618ed",14:"e517a8dcfdeb0e730af1",15:"979a8f483dc229a184e2",16:"1b0c6d05e533eb633f7c",17:"299bcf486c618d83dd2b",18:"7a655bbabd3c1d241fc8",19:"15cf4f73a1379040a7c5",20:"58a332b8c5a29a0c1277",21:"d4f2c66d49559a9b14d3",22:"8bf8e49194d592d45db0",23:"257c027b40e03b70dfbd",24:"1284a8d575545453ecb7",25:"ddcccc15f6736571cc04",26:"bfc07cd5e69da543a0df",27:"30557527634b5b63d66f",28:"45c04659966a431bb353",29:"481dbb495b397ebe6dce",30:"2117a0e7ce9ddd3c8eb5",31:"17061fef3968a8867b8b",32:"cec4afe564f83aeae937",33:"d35e11dad3c7c4244cb8",34:"087fa36985c4eb0ff0a6",35:"0faaa070c495d427249b",36:"1dcd46670b3085d8468d",37:"695f4fd3b010f8148878",38:"50148fe16666bc745e56",39:"12247ca993de8a7c2c45"}[e]+".js";var t=setTimeout(b,12e4);function b(){f.onerror=f.onload=null,clearTimeout(t);var c=n[e];0!==c&&(c&&c[1](new Error("Loading chunk "+e+" failed.")),n[e]=void 0)}return f.onerror=f.onload=b,d.appendChild(f),a},r.m=e,r.c=a,r.d=function(e,c,a){r.o(e,c)||Object.defineProperty(e,c,{configurable:!1,enumerable:!0,get:a})},r.n=function(e){var c=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(c,"a",c),c},r.o=function(e,c){return Object.prototype.hasOwnProperty.call(e,c)},r.p="./",r.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file
!function(e){var c=window.webpackJsonp;window.webpackJsonp=function(a,r,t){for(var d,b,o,i=0,u=[];i<a.length;i++)b=a[i],f[b]&&u.push(f[b][0]),f[b]=0;for(d in r)Object.prototype.hasOwnProperty.call(r,d)&&(e[d]=r[d]);for(c&&c(a,r,t);u.length;)u.shift()();if(t)for(i=0;i<t.length;i++)o=n(n.s=t[i]);return o};var a={},f={42:0};function n(c){if(a[c])return a[c].exports;var f=a[c]={i:c,l:!1,exports:{}};return e[c].call(f.exports,f,f.exports,n),f.l=!0,f.exports}n.e=function(e){var c=f[e];if(0===c)return new Promise(function(e){e()});if(c)return c[2];var a=new Promise(function(a,n){c=f[e]=[a,n]});c[2]=a;var r=document.getElementsByTagName("head")[0],t=document.createElement("script");t.type="text/javascript",t.charset="utf-8",t.async=!0,t.timeout=12e4,n.nc&&t.setAttribute("nonce",n.nc),t.src=n.p+"static/js/"+e+"."+{0:"88265fbc226f85167f79",1:"74df5841e715513f7290",2:"4e126e81b8deee693b57",3:"78112db49f5365a73b94",4:"e2c242abd354ddca6c72",5:"4b7f2ab58185b97d9980",6:"e759a6e39ebb0359e009",7:"8a283da1061934552f1a",8:"129ae98069a9feeca09b",9:"92134a715365f7113c05",10:"4c5a6c5bd8bf3dc8ed32",11:"7296466480090f75c53b",12:"fe8ba82b11d0e2a1b872",13:"5679d1ff591a10ecfbda",14:"bd364becd0b82ff1bd05",15:"979a8f483dc229a184e2",16:"1b0c6d05e533eb633f7c",17:"299bcf486c618d83dd2b",18:"7a655bbabd3c1d241fc8",19:"15cf4f73a1379040a7c5",20:"58a332b8c5a29a0c1277",21:"d4f2c66d49559a9b14d3",22:"8bf8e49194d592d45db0",23:"257c027b40e03b70dfbd",24:"1284a8d575545453ecb7",25:"ddcccc15f6736571cc04",26:"bfc07cd5e69da543a0df",27:"30557527634b5b63d66f",28:"45c04659966a431bb353",29:"481dbb495b397ebe6dce",30:"2117a0e7ce9ddd3c8eb5",31:"17061fef3968a8867b8b",32:"cec4afe564f83aeae937",33:"d35e11dad3c7c4244cb8",34:"4448bfa1bbd8177853cd",35:"3e83afe8c02031bfe790",36:"eb4ee5c1521f1ec6f1ec",37:"695f4fd3b010f8148878",38:"50148fe16666bc745e56",39:"12247ca993de8a7c2c45"}[e]+".js";var d=setTimeout(b,12e4);function b(){t.onerror=t.onload=null,clearTimeout(d);var c=f[e];0!==c&&(c&&c[1](new Error("Loading chunk "+e+" failed.")),f[e]=void 0)}return t.onerror=t.onload=b,r.appendChild(t),a},n.m=e,n.c=a,n.d=function(e,c,a){n.o(e,c)||Object.defineProperty(e,c,{configurable:!1,enumerable:!0,get:a})},n.n=function(e){var c=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(c,"a",c),c},n.o=function(e,c){return Object.prototype.hasOwnProperty.call(e,c)},n.p="./",n.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file
......@@ -48,7 +48,10 @@ $(function() {
$('#time_ruzhi').html(data['data']['created']);
$('#name_store').html(data['data']['sub_shopname']);
$('.portrait-area>div>img').attr('src', data['data']['head_portrait']);
var _fenNum = parseInt(Number(data['data']['average_evaluate']));
// var _fenNum = parseInt(Number(data['data']['average_evaluate']));//取整的平均分
var _fenNum = Number(data['data']['average_evaluate']);//未取整的平均分
// var _fenNum = Number(4);//未取整的平均分
var _pingNum = Number(data['data']['evaluate_num']) > 99 ? '99+' : Number(data['data']['evaluate_num']);
$('#pingjia_fen').html(_fenNum);
$('.pingfen-area-large').html(dealStar(_fenNum));
......@@ -73,12 +76,21 @@ $(function() {
}
});
function dealStar(_fen) {
function dealStar(_fen) {//没有半颗星
var _htmlTemp = '';
//转化 分值
// console.log(_fen.toFixed(1));
// console.log(_fen.toFixed(1).toString().replace(/\d+\.(\d*)/,'$1'));
if(_fen.toFixed(1).toString().replace(/\d+\.(\d*)/,'$1') >= 5){//个位数字大于5
var _fenA = parseInt(_fen) + '.5'
}else{
var _fenA = parseInt(_fen);//个位数字小于5
}
for(var i = 1; i < 6; i++) {
if(i < _fen + 0.5) {
if(i < _fenA*1 + 0.5) {
_htmlTemp += '<small class="small-active"></small>';
} else if(i == _fen + 0.5) {
} else if(i == _fenA*1 + 0.5) {
_htmlTemp += '<small class="small-active-guodu"></small>';
} else {
_htmlTemp += '<small></small>';
......@@ -179,8 +191,9 @@ $(function() {
'5': item['evaluate_content'],
'6': item['user_pic'],
'7': ServerHost+'/app/images/ic_default_headpic.png',
'8': dealStar(item['evaluate_grade_attitude']),
'9': dealStar(item['evaluate_grade_clothing'])
'8': dealStar(item['evaluate_grade_attitude']/2),
'9': dealStar(item['evaluate_grade_clothing']/2)
});
};
});
......
......@@ -14,26 +14,35 @@ $(function() {
var _loadOverFlag = false; //一个搜索(包含分页)是否结束
var _pingNum = Number(getUrlParam('pingNum'));
var _fenNum = parseInt(getUrlParam('fenNum'));
var _fenNum = Number(getUrlParam('fenNum'));
$('#pingjia_fen').html(_fenNum);
$('.pingfen-area-large').html(dealStar(_fenNum));
$('#pingjia_shu').html(_pingNum > 99 ? '99+' : _pingNum).attr('data-num',_pingNum);
ajaxUl(scroll);
function dealStar(_fen) {
var _htmlTemp = '';
for(var i = 1; i < 6; i++) {
if(i < _fen + 0.5) {
_htmlTemp += '<small class="small-active"></small>';
} else if(i == _fen + 0.5) {
_htmlTemp += '<small class="small-active-guodu"></small>';
} else {
_htmlTemp += '<small></small>';
function dealStar(_fen) {//没有半颗星
var _htmlTemp = '';
//转化 分值
// console.log(_fen.toFixed(1));
// console.log(_fen.toFixed(1).toString().replace(/\d+\.(\d*)/,'$1'));
if(_fen.toFixed(1).toString().replace(/\d+\.(\d*)/,'$1') >= 5){//个位数字大于5
var _fenA = parseInt(_fen) + '.5'
}else{
var _fenA = parseInt(_fen);//个位数字小于5
}
for(var i = 1; i < 6; i++) {
if(i < _fenA*1 + 0.5) {
_htmlTemp += '<small class="small-active"></small>';
} else if(i == _fenA*1 + 0.5) {
_htmlTemp += '<small class="small-active-guodu"></small>';
} else {
_htmlTemp += '<small></small>';
}
};
return _htmlTemp;
};
return _htmlTemp;
};
function dealStarText(_fen) {
if(_fen >= 4) {
......@@ -84,18 +93,36 @@ $(function() {
stopstatus = true;
pageInit++; //页数+1
var _html = "";
$.each(data['data']['evaluate'], function(i, item) {
_html += '<li><div class="li-top-area oh"><figure class="li-top-area-left fl"><div class="oh fl"><img src="{6}" onerror="javascript:this.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}</h3><p>{5}</p></div></li>'.stringFormatObj({
'0': $.trim(item['user_nick']) == ''?'昵称暂无':item['user_nick'],
'1': dealStar(item['evaluate_grade']),
'2': dealStarText(item['evaluate_grade']),
'3': item['created'],
'4': (item['receptiontime'] != ''||item['houserAddress'] != '')?(dealTimeKf(item['receptiontime'])+'在'+item['houserAddress']+'看房'):'暂无看房数据',
'5': item['evaluate_content'],
'6': item['user_pic'],
'7': ServerHost+'/app/images/ic_default_headpic.png'
// $.each(data['data']['evaluate'], function(i, item) {
// _html += '<li><div class="li-top-area oh"><figure class="li-top-area-left fl"><div class="oh fl"><img src="{6}" onerror="javascript:this.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}</h3><p>{5}</p></div></li>'.stringFormatObj({
// '0': $.trim(item['user_nick']) == ''?'昵称暂无':item['user_nick'],
// '1': dealStar(item['evaluate_grade']),
// '2': dealStarText(item['evaluate_grade']),
// '3': item['created'],
// '4': (item['receptiontime'] != ''||item['houserAddress'] != '')?(dealTimeKf(item['receptiontime'])+'在'+item['houserAddress']+'看房'):'暂无看房数据',
// '5': item['evaluate_content'],
// '6': item['user_pic'],
// '7': ServerHost+'/app/images/ic_default_headpic.png'
// });
// });
// 追加评价
$.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="{6}" onerror="javascript:this.src=\'{7}\'" class="fl"></div><figcaption class="oh fl"><p>{0}</p><div class="oh"><p class="fl">{4}</p></div></figcaption></figure><div class="li-top-area-right fr">{3}</div></div><div class="li-bottom-area"><div class="star_row" style="overflow:hidden;width:100%;"><div class="star_darl" style="float:left;" ><span style="float:left;">专业:</span><div class="pingfen-area fl">{1}</div></div><div class="star_darl" style="float:left;" ><span style="float:left;">态度:</span><div class="pingfen-area fl">{8}</div></div><div class="star_darl" style="float:left;" ><span style="float:left;">着装:</span><div class="pingfen-area fl">{9}</div></div></div><div style="width:100%;margin-top:.3rem;"><p>{5}</p></div></div></li>'.stringFormatObj({
'0': $.trim(item['user_nick']) == ''?'昵称暂无':item['user_nick'],
'1': dealStar(item['evaluate_grade']),
'2': dealStarText(item['evaluate_grade']),
'3': item['created'],
'4': (item['receptiontime'] != ''||item['houserAddress'] != '')?'在'+item['houserAddress']/*(dealTimeKf(item['receptiontime'])+'在'+item['houserAddress']+'看房')*/:'暂无看房数据',
'5': item['evaluate_content'],
'6': item['user_pic'],
'7': ServerHost+'/app/images/ic_default_headpic.png',
'8': dealStar(item['evaluate_grade_attitude']/2),
'9': dealStar(item['evaluate_grade_clothing']/2)
});
// };
});
});
$('.pingjia-list-area>ul').append(_html);
if(data['data']['evaluate'].length < 10) {
stopstatus = false;
......
......@@ -8,9 +8,13 @@
</div>
<div style="margin-left:.3rem;float:left;width:5rem;">
<div style="width:100%;">{{pobj.realname}}</div>
<div v-for="item1,index1 in stars">
<img :src="index1*2 < person_sacall/0.5-0.5 ? sl : al" class="personScall-l" >
<img :src="index1*2+1 < person_sacall/0.5-0.5 ? sr : ar" class="personScall-r" >
<div v-for="(item1,index1) in stars">
<!--小数点位置的数值 > 5-->
<img :src="index1 <= parseInt(person_sacall) ? sl : al" class="personScall-l" v-if="person_sacall.toFixed(1).toString().replace(/\d+\.(\d*)/,'$1') >= 5">
<!--小数点位置的数值 < 5-->
<img :src="index1 < parseInt(person_sacall) ? sl : al" class="personScall-l" v-else>
<img :src="index1 < parseInt(person_sacall) ? sr : ar" class="personScall-r" >
</div>
<span style="margin-left:.52rem;font-size:.36rem;line-height:.6rem;color:rgba(255,128,24,1);font-weight:600;">{{person_sacall}}</span>
<div style="width:100%;font-size:.24rem;color:rgba(51,51,51,1);">当前{{pobj.evaluate_num}}次评价</div>
......@@ -24,8 +28,8 @@
<span style="line-height:.7rem;font-size:.28rem;font-family:PingFangSC-Regular;font-weight:500;color:rgba(39,39,39,1);">{{item.name}}</span>
</div>
<div v-for="item1,index1 in stars">
<img :src="index1*2 < item.scall/0.5-0.5 ? sl : al" class="personScall-l" @click="changeStarL(stars,index1,index)">
<img :src="index1*2+1 < item.scall/0.5-0.5 ? sr : ar" class="personScall-r" @click="changeStarR(stars,index1,index)">
<img :src="index1 < item.scall ? sl : al" class="personScall-l" @click="changeStarL(stars,index1,index)">
<img :src="index1 < item.scall ? sr : ar" class="personScall-r" @click="changeStarR(stars,index1,index)">
</div>
<!--<img :src="index1 < item.scall ? starOn : starOff" class="starclass" v-for="item1,index1 in stars" @click="changeStar(stars,index1,index)">-->
<div style="float:left;height:.7rem;margin-right:.3rem;margin-left:.5rem;">
......@@ -96,6 +100,8 @@
if ( res.data.code == 200 ){
that.pobj = res.data.data;
that.person_sacall = res.data.data.average_evaluate
// that.person_sacall =3.6;
// console.log(that.person_sacall.toString().replace(/\d+\.(\d*)/,"$1"))
//跳转界面
} else {
layer.tipsX(res.data.msg);
......@@ -104,8 +110,8 @@
},
changeStarL ( obj , index ,i) {
let that = this ;
that.objs[i].scall = index+0.5 ;
that.objs[i].pj = that.changeStr(index+0.5) ;
that.objs[i].scall = index+1 ;
that.objs[i].pj = that.changeStr(index+1) ;
},
changeStarR ( obj , index ,i) {
let that = this ;
......@@ -119,13 +125,13 @@
}
},
changeStr (_fen){
if(_fen >= 4) {
if(_fen >= 5) {
return '非常推荐';
} else if(_fen >= 3) {
} else if(_fen >= 4) {
return '很好';
} else if(_fen >= 2) {
} else if(_fen >= 3) {
return '一般';
} else if(_fen >= 1) {
} else if(_fen >= 2) {
return '很差';
} else {
return '非常差';
......@@ -144,7 +150,7 @@
evaluate_content : that.desc,
AuthToken : that.$route.query.token,
house_id : that.$route.query.house_id,
source : that.$route.query.source ,
source : that.$route.query.type*1 == 1 ? 20 : 10,
record_id : that.$route.query.record_id ,
agents_id : that.$route.query.agent_id,
type :that.$route.query.type,
......
<template>
<div>
<header-pulic :data="headerData"></header-pulic>
<div>
<div style="margin-top:.9rem;" class="star_ten">
<div style="float:left;" class="header_img">
<img :src="pobj.head_portrait" style="width:100%;height:100%;">
</div>
<div style="margin-left:.3rem;float:left;width:5rem;">
<div style="width:100%;">{{pobj.realname}}</div>
<div v-for="item1,index1 in stars">
<img :src="index1*2 < person_sacall/0.5-0.5 ? sl : al" class="personScall-l" >
<img :src="index1*2+1 < person_sacall/0.5-0.5 ? sr : ar" class="personScall-r" >
</div>
<span style="margin-left:.52rem;font-size:.36rem;line-height:.6rem;color:rgba(255,128,24,1);font-weight:600;">{{person_sacall}}</span>
<div style="width:100%;font-size:.24rem;color:rgba(51,51,51,1);">当前{{pobj.evaluate_num}}次评价</div>
</div>
</div>
<div style="width:7.56rem;height:.2rem;background-color:rgba(248,249,251,1);overflow:hidden;"></div>
<div style="margin-top:.4rem;margin-bottom:.4rem;">
<div class="star_ten" style="font-weight:600;line-height:.44rem;font-size:.32rem;">您的评价对我们很重要:</div>
<div class="star_ten" style="margin-top:.3rem;" v-for="item,index in objs ">
<div style="float:left;height:.7rem;margin-right:.2rem">
<span style="line-height:.7rem;font-size:.28rem;font-family:PingFangSC-Regular;font-weight:500;color:rgba(39,39,39,1);">{{item.name}}</span>
</div>
<div v-for="item1,index1 in stars">
<img :src="index1*2 < item.scall/0.5-0.5 ? sl : al" class="personScall-l" @click="changeStarL(stars,index1,index)">
<img :src="index1*2+1 < item.scall/0.5-0.5 ? sr : ar" class="personScall-r" @click="changeStarR(stars,index1,index)">
</div>
<!--<img :src="index1 < item.scall ? starOn : starOff" class="starclass" v-for="item1,index1 in stars" @click="changeStar(stars,index1,index)">-->
<div style="float:left;height:.7rem;margin-right:.3rem;margin-left:.5rem;">
<span style="line-height:.7rem;font-size:.28rem;font-family:PingFangSC-Regular;font-weight:4500;color:rgba(39,39,39,1);">{{item.pj}}</span>
</div>
</div>
</div>
<div class="star_ten">
<textarea class="detail" style="height:150px;" placeholder="请输入您对该经纪人服务的评价(至少5个字)" @input="autoTextarea($event,150)" v-model="desc"></textarea>
</div>
</div>
<div class="star_ten footer_btn" @click="commit">提交
</div>
</div>
</template>
<script>
import ar from '@/components/agentScall/images/ar.png';
import al from '@/components/agentScall/images/al.png';
import sr from '@/components/agentScall/images/sr.png';
import sl from '@/components/agentScall/images/sl.png';
export default {
data :()=>({
ar,al,sr,sl,
headerData : {
'title': '评价经纪人',
'noborder': true,
'isBack': false
},
person_sacall : 2.6,
pj_times : '298',
desc : '' ,
stars : [true,false,false,false,false] ,
objs : [
{
name : '专业' ,
scall : 5 ,
pj :'非常推荐'
},
{
name : '态度' ,
scall : 5 ,
pj :'非常推荐'
},
{
name : '着装' ,
scall : 5 ,
pj :'非常推荐'
}
],
pobj : {}
}),
mounted (){
this.getinfo();
},
methods : {
getinfo (){
let that = this ;
that.axios({
method: 'get',
url : '/api/brokerDetail',
data:{
AuthToken : that.$route.query.token,
agent_id : that.$route.query.agent_id
},
responseType: 'json',
}).then(function(res){
if ( res.data.code == 200 ){
that.pobj = res.data.data;
that.person_sacall = res.data.data.average_evaluate
//跳转界面
} else {
layer.tipsX(res.data.msg);
}
})
},
changeStarL ( obj , index ,i) {
let that = this ;
that.objs[i].scall = index+0.5 ;
that.objs[i].pj = that.changeStr(index+0.5) ;
},
changeStarR ( obj , index ,i) {
let that = this ;
that.objs[i].scall = index+1 ;
that.objs[i].pj = that.changeStr(index+1) ;
},
autoTextarea(e,height) {
if ( e.target.scrollHeight >height ){
console.log(e.target.scrollHeight,height);
e.target.style.height = e.target.scrollHeight +'px';
}
},
changeStr (_fen){
if(_fen >= 4) {
return '非常推荐';
} else if(_fen >= 3) {
return '很好';
} else if(_fen >= 2) {
return '一般';
} else if(_fen >= 1) {
return '很差';
} else {
return '非常差';
};
},
commit (){
let that = this ;
if(that.desc.length<5){
layer.tipsX("经纪人评价需要大于5个字");
return false ;
}
let data = {
evaluate_grade : that.objs[0].scall*2,
evaluate_grade_attitude : that.objs[1].scall*2,
evaluate_grade_clothing : that.objs[2].scall*2,
evaluate_content : that.desc,
AuthToken : that.$route.query.token,
house_id : that.$route.query.house_id,
source : that.$route.query.type*1 == 1 ? 20 : 10,
record_id : that.$route.query.record_id ,
agents_id : that.$route.query.agent_id,
type :that.$route.query.type,
}
console.log(data);
that.axios({
method: 'post',
url : '/api/appraiserV2',
data:data,
responseType: 'json',
}).then(function(res){
if ( res.data.code == 200 ){
//跳转界面
that.common.Compatible({
paraIos: {
'route': 'aabb',
'url': 'back'
},
fnAndroid: function() {
window.android.onBackPressed();
},
fn: function() {
console.warn('error');
}
});
} else {
layer.tipsX(res.data.msg);
}
})
}
},
}
</script>
<style scoped>
.star_ten{
width:6.78rem;
overflow:hidden;
margin-left:.36rem;
}
.starclass{
width:.56rem;
height:.56rem;
margin-top:.1rem;
margin-left:.1rem;
float:left;
}
.detail{
font-size:.28rem;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(39,39,39,1);
line-height:.4rem;
width:6.38rem;
height:1rem;
border:1px solid #eeeeee;
padding:.1rem .2rem;
background-color:rgba(248,249,251,1);
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
font-size:.28rem;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(153,153,153,1);
line-height:.4rem;
}
textarea{
outline: none;
overflow: hidden;
resize: none; //调整属性指定一个元素是否是由用户调整大小的 both/horizontal 宽度/vertical 高度
word-break: break-all;
box-sizing: border-box;
}
.header_img{
height:1.36rem;
width:1.36rem;
border-radius: 50%;
overflow: hidden;
}
.personScall-l{
overflow: hidden;
width:.2rem;
height:.4rem;
margin-top:.1rem;
margin-left:.05rem;
float:left;
}
.personScall-r{
overflow: hidden;
width:.2rem;
height:.4rem;
margin-top:.1rem;
/*margin-left:.05rem;*/
float:left;
}
.footer_btn{
width:6.78rem;
height:.92rem;
background: #1a1a1a;
border-radius: .1rem;
line-height:.92rem;
text-align:center;
font-family:PingFangSC;
font-weight:500;
color:rgba(255,255,255,1);
/*position:fixed;
bottom:.5rem;*/
margin-top:.6rem;
background:linear-gradient(90deg,rgba(255,160,40,1) 0%,rgba(255,128,24,1) 100%);
}
</style>
......@@ -154,6 +154,13 @@
'nameCustom': '分享商铺视频详情',
'query': {
}
},
{
'path': '/agent_scall',
'nameCustom': '经纪人评价',
'query': {
}
}
......
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