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 @@
'path': '/reportDetails',
'nameCustom': '成交报告',
'query': {
'token': _token
'token': _token,
'bargain_id':169,
}
}
]
......
public/appnew/src/components/reportDetails/reportDetails.vue
View file @ 0d3f4aaa
......@@ -6,7 +6,7 @@
</div>
<div class="nav-seat"></div>
</nav>
<main>
<main class="main-content">
<section v-show="0 === initTabNumMain">
<ul>
<li class="deal-shop">
......@@ -57,73 +57,51 @@
</section>
<section v-show="1 === initTabNumMain">
<ul>
<ul v-for="(item, index) in Datas">
<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 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 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 class="main-sec-li">
<div>应分佣金<span class="left">666元</span></div>
<li class="main-sec-li li-border-bottom">
<div>应分佣金<span class="left">{{item.should_commission}}</span></div>
</li>
<ul v-for="(items, index) in item.info">
<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 class="main-sec-li color">
<li class="main-sec-li-26 color">
<div class="bottom-border">
<div class="right width-170 ">手续费1</div>
<div class="right width-170 ">慈善基金1</div>
<div class="right width-170 ">现金奖1</div>
<div class="right width-170-border">实收佣金1</div>
<div class="right width-170 ">手续费{{index+1}}</div>
<div class="right width-170 ">慈善基金{{index+1}}</div>
<div class="right width-170 ">现金奖{{index+1}}</div>
<div class="right width-170-border">实收佣金{{index+1}}</div>
</div>
</li>
<li class="main-sec-li color">
<li class="main-sec-li-26 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 class="right width-170 ">{{items.service_charge}}元</div>
<div class="right width-170 ">{{items.charity_fund}}元</div>
<div class="right width-170 ">{{items.cash}}元</div>
<div class="right width-170-border">{{items.practical_fee}}元</div>
</div>
</li>
<li class="main-sec-li color">
<div>
<div class="left">确认时间1：2017-08-02</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>
<li class="main-sec-li-26 color li-border-bottom">
<div class='clear'>
<div class="left">确认时间{{index+1}}：{{items.create_time}}</div>
</div>
</li>
</ul>
</ul>
</section>
......@@ -209,20 +187,22 @@
commission:'',
is_open:'',
trade_type:'',
token:'',
bargain_id:'',
Datas:[],
}),
created() {
let _this = this;
let _token = _this.$route.query.token;
if(!_token) {
_this.token = _this.$route.query.token;
_this.bargain_id = _this.$route.query.bargain_id;
if(!_this.token) {
layer.tipsX('token获取出错');
return false;
};
_this.common.h5PageC(_token, () => {
_this.loadMain();
});
},
methods: {
loadMain() {
......@@ -233,21 +213,41 @@
let _this = this;
_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() {
let _this = this;
_this.axios({
method: 'get',
url: 'broker/bargainDetail',
responseType: 'json',
data: {
bargain_id:169,
bargain_id:_this.bargain_id,
AuthToken:_this.token,
}
})
.then(function(response) {
if(response.data.code == 200) {
console.log(55);
_this.internal_title=response.data.data.bargainInfo.internal_title;
_this.internal_address=response.data.data.bargainInfo.internal_address;
_this.user_name=response.data.data.bargainInfo.user_name;
......@@ -256,6 +256,10 @@
_this.commission=response.data.data.bargainInfo.commission;
_this.price=response.data.data.bargainInfo.price;
_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.trade_type=response.data.data.bargainInfo.trade_type;
......@@ -328,13 +332,20 @@
border-radius: .03rem;
background-color: rgb(255, 161, 50);
}
.main-content{
margin-bottom: 2rem;
}
.main-sec-li {
background: #fff;
height: .9rem;
line-height: .9rem;
font-size: .3rem;
}
.main-sec-li-26 {
background: #fff;
line-height: .9rem;
font-size: .26rem;
}
li {
background: #fff;
......@@ -342,8 +353,9 @@
}
li .bottom-border {
border-bottom: 1px solid #F0F0F0;
height: 98%;
border-bottom: 1px solid #F0F0F0;
overflow: hidden;
box-sizing: border-box;
}
li.paid-in {
......@@ -357,17 +369,14 @@
.color {
color: #FA903F;
}
.deal-shop {
height: 1.3rem;
}
.deal-shop-top {
margin-top: .46rem;
}
.deal-shop-adress {
margin-top: .28rem;
padding-top: .28rem;
height: 1.3rem;
box-sizing: border-box;
}
.right {
......@@ -376,21 +385,25 @@
.clear {
clear: both;
overflow: hidden;
}
.font-24 {
color: #999;
font-size: .28rem;
}
.width-170 {
width: 1.6rem;
width: 25%;
border-right: 1px solid #F0F0F0;
text-align: center;
box-sizing: border-box;
}
.width-170-border {
width: 1.6rem;
width: 25%;
/*width: 1.6rem;*/
text-align: center;
}
footer{
......@@ -403,8 +416,8 @@
color: #fff;
width: 100%;
font-size: .3rem;
}
.li-border-bottom{
margin-bottom: .2rem;
}
</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