Skip to content

T
tl_estate
Commit 0d3f4aaa authored by agping's avatar agping
Browse files
Options

报告详情修改

parent 770cebc5
Hide whitespace changes
Inline Side-by-side
Showing with 85 additions and 70 deletions
public/appnew/src/components/publicEg/entrance.vue
View file @ 0d3f4aaa
...@@ -32,7 +32,8 @@ ...@@ -32,7 +32,8 @@
'path': '/reportDetails', 'path': '/reportDetails',
'nameCustom': '成交报告', 'nameCustom': '成交报告',
'query': { 'query': {
'token': _token 'token': _token,
'bargain_id':169,
} }
} }
] ]
......
public/appnew/src/components/reportDetails/reportDetails.vue
View file @ 0d3f4aaa
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
</div> </div>
<div class="nav-seat"></div> <div class="nav-seat"></div>
</nav> </nav>
<main> <main class="main-content">
<section v-show="0 === initTabNumMain"> <section v-show="0 === initTabNumMain">
<ul> <ul>
<li class="deal-shop"> <li class="deal-shop">
...@@ -57,73 +57,51 @@ ...@@ -57,73 +57,51 @@
</section> </section>
<section v-show="1 === initTabNumMain"> <section v-show="1 === initTabNumMain">
<ul> <ul v-for="(item, index) in Datas">
<li class="main-sec-li"> <li class="main-sec-li">
<div class="bottom-border">分佣方<span class="left">盘方</span></div> <div class="bottom-border">分佣方<span class="left">{{centCommission(item.role)}}</span></div>
</li> </li>
<li class="main-sec-li"> <li class="main-sec-li">
<div class="bottom-border">业务员<span class="left">周小雨15517301736</span></div> <div class="bottom-border">业务员<span class="left">{{item.name}}{{item.phone}}</span></div>
</li> </li>
<li class="main-sec-li"> <li class="main-sec-li">
<div class="bottom-border">分佣比例<span class="left">12%</span></div> <div class="bottom-border">分佣比例<span class="left">{{item.scale}}</span></div>
</li> </li>
<li class="main-sec-li"> <li class="main-sec-li li-border-bottom">
<div>应分佣金<span class="left">666元</span></div> <div>应分佣金<span class="left">{{item.should_commission}}</span></div>
</li> </li>
<ul v-for="(items, index) in item.info">
<li class="main-sec-li color paid-in"> <li class="main-sec-li color paid-in">
<div class="bottom-border">实收佣金1<span class="left">888元</span></div> <div class="bottom-border">实分佣金{{index+1}}<span class="left">{{items.real_fee}}</span></div>
</li> </li>
<li class="main-sec-li color"> <li class="main-sec-li-26 color">
<div class="bottom-border"> <div class="bottom-border">
<div class="right width-170 ">手续费1</div> <div class="right width-170 ">手续费{{index+1}}</div>
<div class="right width-170 ">慈善基金1</div> <div class="right width-170 ">慈善基金{{index+1}}</div>
<div class="right width-170 ">现金奖1</div> <div class="right width-170 ">现金奖{{index+1}}</div>
<div class="right width-170-border">实收佣金1</div> <div class="right width-170-border">实收佣金{{index+1}}</div>
</div> </div>
</li> </li>
<li class="main-sec-li color"> <li class="main-sec-li-26 color">
<div class="bottom-border"> <div class="bottom-border">
<div class="right width-170 ">600元</div> <div class="right width-170 ">{{items.service_charge}}元</div>
<div class="right width-170 ">600元</div> <div class="right width-170 ">{{items.charity_fund}}元</div>
<div class="right width-170 ">600元</div> <div class="right width-170 ">{{items.cash}}元</div>
<div class="right width-170-border">600元</div> <div class="right width-170-border">{{items.practical_fee}}元</div>
</div> </div>
</li> </li>
<li class="main-sec-li color"> <li class="main-sec-li-26 color li-border-bottom">
<div> <div class='clear'>
<div class="left">确认时间1：2017-08-02</div> <div class="left">确认时间{{index+1}}：{{items.create_time}}</div>
</div>
</li>
<li class="main-sec-li color paid-in">
<div class="bottom-border">实收佣金2<span class="left">888元</span></div>
</li>
<li class="main-sec-li color">
<div class="bottom-border">
<div class="right width-170 ">手续费2</div>
<div class="right width-170 ">慈善基金2</div>
<div class="right width-170 ">现金奖2</div>
<div class="right width-170-border">实收佣金2</div>
</div>
</li>
<li class="main-sec-li color">
<div class="bottom-border">
<div class="right width-170 ">600元</div>
<div class="right width-170 ">600元</div>
<div class="right width-170 ">600元</div>
<div class="right width-170-border">600元</div>
</div>
</li>
<li class="main-sec-li color">
<div>
<div class="left">确认时间2：2017-08-02</div>
</div> </div>
</li> </li>
</ul> </ul>
</ul>
</section> </section>
...@@ -209,20 +187,22 @@ ...@@ -209,20 +187,22 @@
commission:'', commission:'',
is_open:'', is_open:'',
trade_type:'', trade_type:'',
token:'',
bargain_id:'',
Datas:[],
}), }),
created() { created() {
let _this = this; let _this = this;
let _token = _this.$route.query.token; _this.token = _this.$route.query.token;
if(!_token) { _this.bargain_id = _this.$route.query.bargain_id;
if(!_this.token) {
layer.tipsX('token获取出错'); layer.tipsX('token获取出错');
return false; return false;
}; };
_this.common.h5PageC(_token, () => {
_this.loadMain(); _this.loadMain();
});
}, },
methods: { methods: {
loadMain() { loadMain() {
...@@ -233,21 +213,41 @@ ...@@ -233,21 +213,41 @@
let _this = this; let _this = this;
_this.initTabNumMain = index; _this.initTabNumMain = index;
},
//判断分佣方类型
centCommission(e){
if(e===1){
return '盘方'
}
if(e===2){
return '客方'
}
if(e===3){
return '反签'
}
if(e===4){
return '独家'
}
if(e===5){
return '合作方'
}
}, },
ajaxUl() { ajaxUl() {
let _this = this; let _this = this;
_this.axios({ _this.axios({
method: 'get', method: 'get',
url: 'broker/bargainDetail', url: 'broker/bargainDetail',
responseType: 'json', responseType: 'json',
data: { data: {
bargain_id:169, bargain_id:_this.bargain_id,
AuthToken:_this.token,
} }
}) })
.then(function(response) { .then(function(response) {
if(response.data.code == 200) { if(response.data.code == 200) {
console.log(55);
_this.internal_title=response.data.data.bargainInfo.internal_title; _this.internal_title=response.data.data.bargainInfo.internal_title;
_this.internal_address=response.data.data.bargainInfo.internal_address; _this.internal_address=response.data.data.bargainInfo.internal_address;
_this.user_name=response.data.data.bargainInfo.user_name; _this.user_name=response.data.data.bargainInfo.user_name;
...@@ -256,6 +256,10 @@ ...@@ -256,6 +256,10 @@
_this.commission=response.data.data.bargainInfo.commission; _this.commission=response.data.data.bargainInfo.commission;
_this.price=response.data.data.bargainInfo.price; _this.price=response.data.data.bargainInfo.price;
_this.list=response.data.data.bargainInfo.realIncome; _this.list=response.data.data.bargainInfo.realIncome;
_this.Datas=response.data.data.cent_commission;
console.log(_this.Datas);
//
_this.is_open=response.data.data.bargainInfo.is_open; _this.is_open=response.data.data.bargainInfo.is_open;
//判断开业类型 //判断开业类型
_this.trade_type=response.data.data.bargainInfo.trade_type; _this.trade_type=response.data.data.bargainInfo.trade_type;
...@@ -328,13 +332,20 @@ ...@@ -328,13 +332,20 @@
border-radius: .03rem; border-radius: .03rem;
background-color: rgb(255, 161, 50); background-color: rgb(255, 161, 50);
} }
.main-content{
margin-bottom: 2rem;
}
.main-sec-li { .main-sec-li {
background: #fff; background: #fff;
height: .9rem;
line-height: .9rem; line-height: .9rem;
font-size: .3rem; font-size: .3rem;
} }
.main-sec-li-26 {
background: #fff;
line-height: .9rem;
font-size: .26rem;
}
li { li {
background: #fff; background: #fff;
...@@ -342,8 +353,9 @@ ...@@ -342,8 +353,9 @@
} }
li .bottom-border { li .bottom-border {
border-bottom: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0;
height: 98%; overflow: hidden;
box-sizing: border-box;
} }
li.paid-in { li.paid-in {
...@@ -357,17 +369,14 @@ ...@@ -357,17 +369,14 @@
.color { .color {
color: #FA903F; color: #FA903F;
} }
.deal-shop {
height: 1.3rem;
}
.deal-shop-top { .deal-shop-top {
margin-top: .46rem; margin-top: .46rem;
} }
.deal-shop-adress { .deal-shop-adress {
margin-top: .28rem; padding-top: .28rem;
height: 1.3rem;
box-sizing: border-box;
} }
.right { .right {
...@@ -376,21 +385,25 @@ ...@@ -376,21 +385,25 @@
.clear { .clear {
clear: both; clear: both;
overflow: hidden;
} }
.font-24 { .font-24 {
color: #999; color: #999;
font-size: .28rem; font-size: .28rem;
} }
.width-170 { .width-170 {
width: 1.6rem; width: 25%;
border-right: 1px solid #F0F0F0; border-right: 1px solid #F0F0F0;
text-align: center; text-align: center;
box-sizing: border-box;
} }
.width-170-border { .width-170-border {
width: 1.6rem; width: 25%;
/*width: 1.6rem;*/
text-align: center; text-align: center;
} }
footer{ footer{
...@@ -403,8 +416,8 @@ ...@@ -403,8 +416,8 @@
color: #fff; color: #fff;
width: 100%; width: 100%;
font-size: .3rem; font-size: .3rem;
}
.li-border-bottom{
margin-bottom: .2rem;
} }
</style> </style>
\ 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