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