Skip to content

T
tl_estate
Commit 99df1817 authored by agping's avatar agping
Browse files
Options

成交报告详情修改

parent 78f04ddc
Hide whitespace changes
Inline Side-by-side
Showing with 147 additions and 150 deletions
public/appnew/src/components/reportDetails/reportDetails.vue
View file @ 99df1817
...@@ -37,16 +37,16 @@ ...@@ -37,16 +37,16 @@
<div class="bottom-border">成交类型<span class="left">{{trade_type}}</span></div> <div class="bottom-border">成交类型<span class="left">{{trade_type}}</span></div>
</li> </li>
<li class="main-sec-li"> <li class="main-sec-li">
<div class="bottom-border">成交价<span class="left">{{price}}</span></div> <div class="bottom-border">成交价<span class="left">{{price}}元</span></div>
</li> </li>
<li class="main-sec-li"> <li class="main-sec-li">
<div>应收佣金<span class="left">{{commission}}</span></div> <div>应收佣金<span class="left">{{commission}}元</span></div>
</li> </li>
</ul> </ul>
<ul v-for="(item, index) in list"> <ul v-for="(item, index) in list">
<li class="paid-in color main-sec-li"> <li class="paid-in color main-sec-li">
<div class="bottom-border">实收佣金{{index+1}}<span class="left">{{item.money}}</span></div> <div class="bottom-border">实收佣金{{index+1}}<span class="left">{{item.money}}元</span></div>
</li> </li>
<li class="color main-sec-li"> <li class="color main-sec-li">
<div>收佣日期{{index+1}}<span class="left">{{item.income_time}}</span></div> <div>收佣日期{{index+1}}<span class="left">{{item.income_time}}</span></div>
...@@ -68,99 +68,83 @@ ...@@ -68,99 +68,83 @@
<div class="bottom-border">分佣比例<span class="left">{{item.scale}}</span></div> <div class="bottom-border">分佣比例<span class="left">{{item.scale}}</span></div>
</li> </li>
<li class="main-sec-li li-border-bottom"> <li class="main-sec-li li-border-bottom">
<div>应分佣金<span class="left">{{item.should_commission}}</span></div> <div>应分佣金<span class="left">{{item.should_commission}}元</span></div>
</li> </li>
<ul v-for="(items, index) in item.info"> <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">实分佣金{{index+1}}<span class="left">{{items.real_fee}}</span></div> <div class="bottom-border">实分佣金{{index+1}}<span class="left">{{items.real_fee}}元</span></div>
</li> </li>
<li class="main-sec-li-26 color"> <li class="main-sec-li-26 color">
<div class="bottom-border"> <div class="bottom-border">
<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 ">慈善基金{{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 class="right width-170-border">实收佣金{{index+1}}</div>
</div> </div>
</li> </li>
<li class="main-sec-li-26 color"> <li class="main-sec-li-26 color">
<div class="bottom-border"> <div class="bottom-border">
<div class="right width-170 ">{{items.service_charge}}元</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.charity_fund}}元</div>
<div class="right width-170 ">{{items.cash}}元</div> <div class="right width-170 ">{{items.cash}}元</div>
<div class="right width-170-border">{{items.practical_fee}}元</div> <div class="right width-170-border">{{items.practical_fee}}元</div>
</div> </div>
</li> </li>
<li class="main-sec-li-26 color li-border-bottom"> <li class="main-sec-li-26 color li-border-bottom">
<div class='clear'> <div class='clear'>
<div class="left">确认时间{{index+1}}：{{items.create_time}}</div> <div class="left">确认时间{{index+1}}：{{items.create_time}}</div>
</div> </div>
</li> </li>
</ul>
</ul> </ul>
</ul>
</section> </section>
<section v-show="2 === initTabNumMain"> <section v-show="2 === initTabNumMain">
<ul> <ul v-for="(item, index) in taxDatas">
<li class="main-sec-li">
<div class="bottom-border">开票金额<span class="left">6000元</span></div>
</li>
<li class="main-sec-li">
<div>开票日期<span class="left">2018-08-02</span></div>
</li>
<li class="main-sec-li paid-in">
<div class="bottom-border">
<div class="right width-170-border">分佣方</div>
<div class="right width-170-border">业务员</div>
<div class="right width-170-border">分佣比例</div>
<div class="right width-170-border">税费</div>
</div>
</li>
<li class="main-sec-li">
<div class="bottom-border">
<div class="right width-170">盘方</div>
<div class="right width-170">周小雨</div>
<div class="right width-170">30%</div>
<div class="right width-170-border color">6000元</div>
</div>
</li>
<li class="main-sec-li"> <li class="main-sec-li">
<div class="bottom-border"> <div class="bottom-border">开票金额<span class="left">{{item.total_fee}}元</span></div>
<div class="right width-170">盘方</div>
<div class="right width-170">周小雨</div>
<div class="right width-170">30%</div>
<div class="right width-170-border color">6000元</div>
</div>
</li> </li>
<li class="main-sec-li"> <li class="main-sec-li">
<div class="bottom-border"> <div>开票日期<span class="left">{{item.operation_date}}</span></div>
<div class="right width-170">盘方</div>
<div class="right width-170">周小雨</div>
<div class="right width-170">30%</div>
<div class="right width-170-border color">6000元</div>
</div>
</li> </li>
<li class="main-sec-li">
<div class="bottom-border"> <li class=" main-sec-li paid-in ">
<div class="right width-170">盘方</div> <div class="bottom-border ">
<div class="right width-170">周小雨</div> <div class="right width-170-border ">分佣方</div>
<div class="right width-170">30%</div> <div class="right width-170-border ">业务员</div>
<div class="right width-170-border color">6000元</div> <div class="right width-170-border ">分佣比例</div>
<div class="right width-170-border ">税费</div>
</div> </div>
</li> </li>
<ul class="taxes-list">
<ul v-for="(items, index) in item.info" class="bottom-nth">
<li class="main-sec-li-26">
<div class="bottom-border">
<div class="right width-170">{{centCommission(items.role)}}</div>
<div class="right width-170">{{items.agent_name}}</div>
<div class="right width-170">{{items.scale}}</div>
<div class="right width-170-border color">{{items.fee}}元</div>
</div>
</li>
</ul>
</ul>
</ul> </ul>
</section> </section>
</main> </main>
<footer class="tc">
撤销成交报告 <footer class="tc ">
</footer> 撤销成交报告
</footer>
</div> </div>
</template> </template>
...@@ -169,7 +153,7 @@ ...@@ -169,7 +153,7 @@
export default { export default {
data: () => ({ data: () => ({
list:[], list: [],
initTabNumMain: 0, initTabNumMain: 0,
mainData: [{ mainData: [{
'title': '成交报告', 'title': '成交报告',
...@@ -178,60 +162,59 @@ ...@@ -178,60 +162,59 @@
}, { }, {
'title': '开票税费', 'title': '开票税费',
}], }],
internal_title:'', internal_title: '',
internal_address:'', internal_address: '',
user_name:'', user_name: '',
user_phone:'', user_phone: '',
house_number:'', house_number: '',
price:'', price: '',
commission:'', commission: '',
is_open:'', is_open: '',
trade_type:'', trade_type: '',
token:'', token: '',
bargain_id:'', bargain_id: '',
Datas:[], Datas: [],
taxDatas: [],
}), }),
created() { created() {
let _this = this; let _this = this;
_this.token = _this.$route.query.token; _this.token = _this.$route.query.token;
_this.bargain_id = _this.$route.query.bargain_id; _this.bargain_id = _this.$route.query.bargain_id;
if(!_this.token) { if(!_this.token) {
layer.tipsX('token获取出错'); layer.tipsX('token获取出错');
return false; return false;
}; };
_this.loadMain(); _this.loadMain();
}, },
methods: { methods: {
loadMain() { loadMain() {
let _this = this; let _this = this;
_this.ajaxUl(); _this.ajaxUl();
}, },
tabMain(index) { //tab切换 tabMain(index) {
//tab切换
let _this = this; let _this = this;
_this.initTabNumMain = index; _this.initTabNumMain = index;
}, },
//判断分佣方类型 //判断分佣方类型
centCommission(e){ centCommission(e) {
if(e===1){ if(e === 1) {
return '盘方' return '盘方'
} }
if(e===2){ if(e === 2) {
return '客方' return '客方'
} }
if(e===3){ if(e === 3) {
return '反签' return '反签'
} }
if(e===4){ if(e === 4) {
return '独家' return '独家'
} }
if(e===5){ if(e === 5) {
return '合作方' return '合作方'
} }
}, },
ajaxUl() { ajaxUl() {
let _this = this; let _this = this;
...@@ -241,43 +224,40 @@ ...@@ -241,43 +224,40 @@
url: 'broker/bargainDetail', url: 'broker/bargainDetail',
responseType: 'json', responseType: 'json',
data: { data: {
bargain_id:_this.bargain_id, bargain_id: _this.bargain_id,
AuthToken:_this.token, AuthToken: _this.token,
} }
}) })
.then(function(response) { .then(function(response) {
if(response.data.code == 200) { if(response.data.code == 200) {
_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;
_this.user_phone=response.data.data.bargainInfo.user_phone; _this.user_phone = response.data.data.bargainInfo.user_phone;
_this.house_number=response.data.data.bargainInfo.house_number; _this.house_number = response.data.data.bargainInfo.house_number;
_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; _this.Datas = response.data.data.cent_commission;
console.log(_this.Datas); _this.taxDatas = response.data.data.taxes;
_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;
if(_this.trade_type===10){ if(_this.trade_type === 10) {
_this.trade_type='出租' _this.trade_type = '出租'
}; };
if(_this.trade_type===20){ if(_this.trade_type === 20) {
_this.trade_type='增佣' _this.trade_type = '增佣'
}; };
if(_this.trade_type===30){ if(_this.trade_type === 30) {
_this.trade_type='代理' _this.trade_type = '代理'
}; };
if(_this.trade_type===40){ if(_this.trade_type === 40) {
_this.trade_type='好处费' _this.trade_type = '好处费'
}; };
} else { } else {
...@@ -323,39 +303,41 @@ ...@@ -323,39 +303,41 @@
nav>.nav-main>div.active::after { nav>.nav-main>div.active::after {
content: ''; content: '';
position: absolute; position: absolute;
left: 50%; left: 50%;
bottom: 0px; bottom: 0px;
width: 1.1rem; width: 1.1rem;
margin-left: -.57rem; margin-left: -.57rem;
height: .06rem; height: .06rem;
border-radius: .03rem; border-radius: .03rem;
background-color: rgb(255, 161, 50); background-color: rgb(255, 161, 50);
} }
.main-content{
.main-content {
margin-bottom: 2rem; margin-bottom: 2rem;
} }
.main-sec-li { .main-sec-li {
background: #fff; background: #fff;
line-height: .9rem; line-height: .9rem;
font-size: .3rem; font-size: .3rem;
} }
.main-sec-li-26 { .main-sec-li-26 {
background: #fff; background: #fff;
line-height: .9rem; line-height: .9rem;
font-size: .26rem; font-size: .26rem;
} }
li { li {
background: #fff; background: #fff;
padding: 0 .4rem; padding: 0 .4rem;
} }
li .bottom-border { li .bottom-border {
border-bottom: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0;
overflow: hidden; overflow: hidden;
box-sizing: border-box; box-sizing: border-box;
} }
li.paid-in { li.paid-in {
...@@ -369,6 +351,7 @@ ...@@ -369,6 +351,7 @@
.color { .color {
color: #FA903F; color: #FA903F;
} }
.deal-shop-top { .deal-shop-top {
margin-top: .46rem; margin-top: .46rem;
} }
...@@ -388,7 +371,6 @@ ...@@ -388,7 +371,6 @@
overflow: hidden; overflow: hidden;
} }
.font-24 { .font-24 {
color: #999; color: #999;
font-size: .28rem; font-size: .28rem;
...@@ -396,6 +378,7 @@ ...@@ -396,6 +378,7 @@
.width-170 { .width-170 {
width: 25%; width: 25%;
height: .9rem;
border-right: 1px solid #F0F0F0; border-right: 1px solid #F0F0F0;
text-align: center; text-align: center;
box-sizing: border-box; box-sizing: border-box;
...@@ -403,10 +386,11 @@ ...@@ -403,10 +386,11 @@
.width-170-border { .width-170-border {
width: 25%; width: 25%;
/*width: 1.6rem;*/
text-align: center; text-align: center;
height: .9rem;
} }
footer{
footer {
position: fixed; position: fixed;
left: 0; left: 0;
bottom: 0; bottom: 0;
...@@ -417,7 +401,19 @@ ...@@ -417,7 +401,19 @@
width: 100%; width: 100%;
font-size: .3rem; font-size: .3rem;
} }
.li-border-bottom{
.li-border-bottom {
margin-bottom: .2rem;
}
.taxes-list {
margin-bottom: .2rem; margin-bottom: .2rem;
} }
.bottom-nth:nth-last-of-type(1) .bottom-border{
border-bottom: 1px solid #fff;
/*box-sizing: border-box;*/
}
</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