Skip to content

T
tl_estate
Commit 51ebedcb authored by agping's avatar agping
Browse files
Options

成交报告-办公楼

parent 4f615d85
Hide whitespace changes
Inline Side-by-side
Showing with 714 additions and 0 deletions
public/appnew/src/components/publicEg/entrance.vue
View file @ 51ebedcb
......@@ -45,6 +45,15 @@
'bargain_id':'169',
}
},
{
'path': '/officeReportDetails',
'nameCustom': '成交报告-办公楼',
'query': {
'token': _token,
'bargain_id':'169',
}
},
{
'path': '/announcementDetails',
'nameCustom': '公告详情',
......
public/appnew/src/components/reportDetails/officeReportDetails.vue 0 → 100644
View file @ 51ebedcb
<template>
<div>
<nav>
<div class="nav-main">
<div v-for="(item, index) in mainData" :key="item.title" :class="{active:index === initTabNumMain}" @click="tabMain(index)">{{item.title}}</div>
</div>
<div class="nav-seat"></div>
</nav>
<main class="main-content">
<section v-show="0 === initTabNumMain">
<ul>
<li class="main-sec-li">
<div class="bottom-border">成交报告ID<span class="left">{{bargainInfo_id}}</span></div>
</li>
<li class="deal-shop" @click="shopReturn">
<div class="bottom-border">
<div class="deal-shop-top right">成交商铺</div>
<div class="deal-shop-top left left-01-rem">
<img-error :datasrc="urlImg('inat.png')" width="50%"></img-error>
</div>
<div class="left deal-shop-adress">
<div class="left">商铺编号 ： {{house_id}}</div>
<div class="left clear font-20">{{internal_address}}</div>
</div>
</div>
</li>
<li class="deal-shop" @click="customReturn">
<div class="bottom-border">
<div class="deal-shop-top right">成交客源</div>
<div class="deal-shop-top left left-01-rem">
<img-error :datasrc="urlImg('inat.png')" width="50%"></img-error>
</div>
<div class="left deal-shop-adress">
<div class="left">{{user_name}} <span class="clear font-20">{{user_phone}}</span></div>
<div class="left clear font-20">客户编号 ： {{user_id}}</div>
</div>
</div>
</li>
<li class="main-sec-li">
<div class="bottom-border">商铺号<span class="left">{{house_number}}</span></div>
</li>
<li class="main-sec-li">
<div class="bottom-border">业态<span class="left">{{industry_type}}</span></div>
<!--新增业态-->
</li>
<!--<li class="main-sec-li">
<div class="bottom-border">是否开业<span class="left">{{is_open=='1'?'是':'否'}}</span></div>
</li>-->
<li class="main-sec-li">
<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>
</li>
<li class="main-sec-li">
<div class="bottom-border">应收佣金<span class="left">{{commission}}元</span></div>
</li>
<li class="main-sec-li" v-if="!(estimated_receipt_date==''||estimated_receipt_date==null)">
<div>预计收款时间<span class="left">{{estimated_receipt_date}}</span></div>
</li>
</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>
</li>
<li class="color main-sec-li">
<div>收佣日期{{index+1}}<span class="left">{{item.income_time}}</span></div>
</li>
</ul>
<ul>
<li class="paid-in main-sec-li" v-show="account_statement==1">
<div>结单日期：<span class="left">{{account_time}}</span></div>
</li>
</ul>
</section>
<section v-show="1 === initTabNumMain">
<ul v-for="(item, index) in Datas">
<li class="main-sec-li">
<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">{{item.name}}{{item.phone}}</span></div>
</li>
<li class="main-sec-li">
<div class="bottom-border">分佣比例<span class="left">{{(item.scale*1).toFixed(2)}}%</span></div>
</li>
<li class="main-sec-li li-border-bottom" >
<div>应分佣金<span class="left">{{(item.scale_fee==''||item.scale_fee==null)?0:item.scale_fee}}元</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 ">手续费(元)</div>
<div class="right width-170 ">慈善基金(元)</div>
<div class="right width-170 ">现金奖(元)</div>
<div class="right width-170-border">实收佣金(元)</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.confirm_date}}</div>
</div>
</li>
</ul>
</ul>
</section>
<section v-show="2 === initTabNumMain">
<ul v-for="(item, index) in taxDatas">
<li class="main-sec-li">
<div class="bottom-border">开票金额<span class="left">{{item.total_fee}}元</span></div>
</li>
<li class="main-sec-li">
<div>开票日期<span class="left">{{item.operation_date}}</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>
<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>
<section v-show="3 === initTabNumMain">
<ul class="li-box" v-for="(item,index) in getItem">
<li class="main-sec-li no-background-color">
<div class="special-style">提交时间:<span class="margin-left">{{ item.create_time}}</span></div>
</li>
<li class="main-sec-li no-background-color">
<div class="special-style">入账日期:<span class="margin-left">{{ item.income_time}}</span></div>
</li>
<li class="main-sec-li half no-background-color">
<div class="special-style">提交人:<span class="margin-left">{{ item.name}}</span></div>
</li>
<li class="main-sec-li half no-background-color">
<div class="special-style">收款ID:<span class="margin-left">{{ item.id}}</span></div>
</li>
<li class="main-sec-li half no-background-color">
<div class="special-style">成交报告ID:<span class="margin-left">{{ item.bargain_id}}</span></div>
</li>
<li class="main-sec-li half no-background-color">
<div class="special-style">入账金额:<span class="margin-left">{{ item.money}}</span></div>
</li>
<li class="main-sec-li half no-background-color">
<div class="special-style">入账类型:<span class="margin-left">{{ getIntoType(item.type)}}</span></div>
</li>
<li class="main-sec-li half no-background-color">
<div class="special-style">来源:<span class="margin-left">{{ getComeFrom(item.source)}}</span></div>
</li>
<li class="main-sec-li half no-background-color">
<div class="special-style">对应业务员:<span class="margin-left">{{ item.salesman}}</span></div>
</li>
<li class="main-sec-li half no-background-color">
<div class="special-style">状态:<span class="margin-left">{{ getStatus(item.source,item.is_refund)}}</span></div>
</li>
<li class="main-sec-li no-background-color">
<div class="special-style">所属门店:<span class="margin-left">{{ item.store_name}}</span></div>
</li>
</ul>
</section>
</main>
<footer class="sales-commission" @click="commissionReturn">
收佣金
</footer>
</div>
</template>
<script>
import '@/assets/js/layer041002.js';
export default {
data: () => ({
list: [],
initTabNumMain: 0,
mainData: [{
'title': '成交报告',
}, {
'title': '分佣提成',
}, {
'title': '开票税费',
}, {
'title': '收款信息',
}],
internal_title: '',
internal_address: '',
user_name: '',
user_phone: '',
house_number: '',
price: '',
commission: '',
estimated_receipt_date:'',
is_open: '',
trade_type: '',
token: '',
bargain_id: '',
Datas: [],
taxDatas: [],
account_statement: '',
account_time: '',
industry_type:'',
bargainInfo_id : '',
house_id : '',
user_id : '',
getItem : "" ,
report_id:''
}),
created() {
let _this = this;
_this.token = _this.$route.query.token;
_this.bargain_id = _this.$route.query.bargain_id*1;
if(!_this.token) {
layer.tipsX('token获取出错');
return false;
};
_this.loadMain();
},
methods: {
getIntoType : function(no){
var str = ""
switch ( no ) {
case 10 :
str = "意向金" ;
break ;
case 20 :
str = "定金" ;
break ;
case 30 :
str = "保管金" ;
break ;
case 40 :
str = "押金" ;
break ;
case 50 :
str = "租金" ;
break ;
case 60 :
str = "进场费" ;
break ;
case 70 :
str = "转让费" ;
break ;
case 80 :
str = "其他" ;
break ;
case 90 :
str = "佣金" ;
break ;
case 91 :
str = "中介费" ;
break ;
case 92 :
str = "案场费" ;
break ;
}
return str ;
},
getComeFrom : function (no){
var str = ""
switch ( no ) {
case 0:
str = "app" ;
break ;
case 1 :
str = "智能pos机" ;
break ;
case 2 :
str = "调整" ;
break ;
}
return str ;
},
getStatus : function(source,is_refund){
var that = this ;
var str = ""
if ( source==2 && is_refund == 1 ) {
str ="被调整+被退款";
} else if (source==2){
str ="被调整";
} else if (is_refund == 1){
str ="被退款";
} else {
str ="正常";
}
return str ;
},
urlImg(u) {
let _this = this;
console.log(_this.common.ServerHost + '/app/images/' +u);
return _this.common.ServerHost + '/app/images/' +u;
},
loadMain() {
let _this = this;
_this.collectionBargain();
_this.ajaxUl();
},
tabMain(index) {
//tab切换
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 '合作方'
}if(e =='6') {
return 'APP盘下载方'
}
if(e =='7') {
return 'APP客下载方'
}
else{
layer.tipsX('分佣方类型判断错误');
}
},
collectionBargain : function() {
let that = this;
that.axios({
method: 'get',
url: 'broker/collectionListByBargainId',
responseType: 'json',
data: {
bargain_id: that.bargain_id,
// agent_id : 5775,
AuthToken: that.token,
}
})
.then(function(response) {
if(response.data.code == 200&&response.data.data.length!=0) {
var data = response.data.data ;
that.getItem = data ;
// that.report_id=data.
}
});
},
ajaxUl() {
let _this = this;
_this.axios({
method: 'get',
url: 'broker/bargainDetail',
responseType: 'json',
data: {
bargain_id: _this.bargain_id,
AuthToken: _this.token,
}
})
.then(function(response) {
if(response.data.code == 200&&response.data.data.length!=0) {
_this.internal_title = response.data.data.bargainInfo.internal_title;
_this.account_statement = response.data.data.bargainInfo.account_statement;
_this.industry_type = response.data.data.bargainInfo.industry_type;
_this.account_time = response.data.data.bargainInfo.account_time;
_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.estimated_receipt_date=response.data.data.bargainInfo.estimated_receipt_date;
_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.bargainInfo_id = response.data.data.bargainInfo.id;
_this.house_id = response.data.data.bargainInfo.house_id;
_this.user_id = response.data.data.bargainInfo.user_id;
//判断开业类型
_this.trade_type = response.data.data.bargainInfo.trade_type;
if(_this.trade_type == '10') {
_this.trade_type = '出租';
return;
};
if(_this.trade_type =='20') {
_this.trade_type = '增佣';
return;
};
if(_this.trade_type =='30') {
_this.trade_type = '代理';
return;
};
if(_this.trade_type =='40') {
_this.trade_type = '好处费'
return;
}else{
layer.tipsX('交易类型判断错误');
};
} else {
layer.tipsX(response.data.msg);
}
})
.catch(function(error) {
layer.tipsX(error);
});
},
customReturn : function() {
this.common.Compatible({
paraIos: {
'route': "onClientClick"
},
fnAndroid: function() {
window.android.onClientClick();
},
fn: function() {
console.warn('error');
}
});
},
shopReturn : function() {
this.common.Compatible({
paraIos: {
'route': "onShopClick",
},
fnAndroid: function() {
window.android.onShopClick();
},
fn: function() {
console.warn('error');
}
});
},
commissionReturn : function() {//收佣金跳转到app页面
let _this = this;
this.common.Compatible({
paraIos: {
'route': "onCollectionClick",
'bargain_id': _this.bargain_id
},
fnAndroid: function() {
window.android.onCollectionClick(_this.bargain_id);
},
fn: function() {
console.warn('error');
}
});
},
}
}
</script>
<style scoped>
nav>.nav-main {
display: flex;
box-sizing: border-box;
background-color: white;
width: 100%;
height: .9rem;
line-height: .9rem;
padding: 0 .3rem;
border-bottom: 1px solid #eee;
position: fixed;
left: 0;
font-size: .28rem;
top: 0;
}
nav>.nav-seat {
height: .9rem;
}
nav>.nav-main>div {
flex: 1;
text-align: center;
}
nav>.nav-main>div.active {
color: rgb(255, 148, 25);
position: relative;
}
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);
}
.main-content {
margin-bottom: 2rem;
}
.main-sec-li {
background: #fff;
line-height: .9rem;
font-size: .3rem;
}
.li-box {
/*padding :.1rem;*/
border : 1px solid #D2D2D2 ;
overflow : hidden ;
width :7.1rem;
margin : .2rem;
/*background-color : #D2D2D2;*/
}
.half {
width : 2.75rem;
float : left ;
}
.no-background-color {
background-color:initial;
}
.special-style{
font-size:.28rem;
color : #999999;
line-height : 2;
}
.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;
}
li.paid-in {
margin-top: .2rem;
}
.left {
float: right;
}
.margin-left {
margin-left : .1rem ;
color : #1A1A1A;
line-height : 1;
}
.color {
color: #FA903F;
}
.deal-shop-top {
margin-top: .46rem;
}
.deal-shop-adress {
padding-top: .28rem;
height: 1.3rem;
box-sizing: border-box;
}
.right {
float: left;
}
.clear {
clear: both;
overflow: hidden;
}
.font-24 {
color: #999;
font-size: .28rem;
}
.font-20 {
color: #999;
font-size: .23rem;
}
.width-170 {
width: 25%;
height: .9rem;
border-right: 1px solid #F0F0F0;
text-align: center;
box-sizing: border-box;
}
.width-170-border {
width: 25%;
text-align: center;
height: .9rem;
}
/*footer {
position: fixed;
left: 0;
bottom: 0;
height: .92rem;
line-height: .92rem;
background: #FA903F;
color: #fff;
width: 100%;
font-size: .3rem;
}
*/
.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;*/
}
.left-01-rem {
margin-left : 0.1rem;
}
.sales-commission{
position: fixed;
bottom: .36rem;
left: 50%;
margin-left:-2.7rem;
width: 5.4rem;
height: .96rem;
background: #FFBA12;
line-height: .96rem;
text-align: center;
font-size: .32rem;
color: #fff;
border-radius: .46rem;
}
</style>
public/appnew/src/router/index.js
View file @ 51ebedcb
......@@ -9,6 +9,7 @@ import achieveLookatResource from '@/components/achieveMain/lookatResource'
import achieveSuperviseResource from '@/components/achieveMain/superviseResource'
import feeds from '@/components/feed/feeds'
import reportDetails from '@/components/reportDetails/reportDetails'
import officeReportDetails from '@/components/reportDetails/officeReportDetails'
import announcementDetails from '@/components/announcementDetails/announcementDetails'
import inviteRegister from '@/components/inviteRegister/inviteRegister'
import agreement from '@/components/inviteRegister/agreement'
......@@ -92,6 +93,11 @@ export default new VueRouter({
name: 'v-report-details',
component: reportDetails
},
{
path: '/officeReportDetails',
name: 'v-officeReport-Details',
component: officeReportDetails
},
{
path: '/announcementDetails',
name: 'v-announcement-details',
......
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