Commit 4dbaef36 authored by xishifeng's avatar xishifeng

成交详情优化1

parent 70cb347f
...@@ -13,125 +13,187 @@ ...@@ -13,125 +13,187 @@
<body class="body-pc" style="display: none;"> <body class="body-pc" style="display: none;">
<div id="app"> <div id="app">
<nav class="oh"> <nav class="oh">
<a href="javascript:;" class="btn-pc">成交信息</a> <a href="javascript:;" class="btn-pc" @click="tabMain(0)" :class="{'btn-default-pc':mainInit == 0}">成交信息</a>
<a href="javascript:;" class="btn-pc">分佣提成</a> <a href="javascript:;" class="btn-pc" @click="tabMain(1)" :class="{'btn-default-pc':mainInit == 1}">分佣提成</a>
<a href="javascript:;" class="btn-pc">开票税费</a> <a href="javascript:;" class="btn-pc" @click="tabMain(2)" :class="{'btn-default-pc':mainInit == 2}">开票税费</a>
</nav> </nav>
<main> <main>
<section> <section v-show="mainInit == 0">
<div class="list-area1 oh"> <div class="sec1-area1 oh">
<ul> <ul>
<li> <li>
<div>商铺类型:</div> <div>商铺类型:</div>
<div>商场</div> <div>{{detailData.shop_type=='1'?'街铺':'商场'}}</div>
</li> </li>
<li> <li>
<div>商铺地址:</div> <div>商铺地址:</div>
<div>商场nnn</div> <div>{{detailData.internal_address}}</div>
</li> </li>
<li> <li>
<div>业态:</div> <div>业态:</div>
<div>商场nnn</div> <div>{{detailData.industry_type}}</div>
</li> </li>
<li> <li>
<div>客户姓名:</div> <div>客户姓名:</div>
<div>商场nnn</div> <div>{{detailData.user_name}}</div>
</li> </li>
<li> <li>
<div>成交类型:</div> <div>成交类型:</div>
<div>商场nnn</div> <div>{{dealDoneType(detailData.trade_type)}}</div>
</li> </li>
<li> <li>
<div>应收总佣金:</div> <div>应收总佣金:</div>
<div>商场nnn</div> <div>{{detailData.commission}}元</div>
</li> </li>
</ul> </ul>
<ul> <ul>
<li> <li>
<div>是否开业:</div> <div>是否开业:</div>
<div>商场</div> <div>{{detailData.is_open=='1'?'是':'否'}}</div>
</li> </li>
<li> <li>
<div>商铺号:</div> <div>商铺号:</div>
<div>商场</div> <div>{{detailData.house_number}}</div>
</li> </li>
<li> <li>
<div>预计收款时间:</div> <div>预计收款时间:</div>
<div>商场</div> <div>{{detailData.estimated_receipt_date}}</div>
</li> </li>
<li> <li>
<div>客户电话:</div> <div>客户电话:</div>
<div>商场</div> <div>{{hidePhone(detailData.user_phone)}}</div>
</li> </li>
<li> <li>
<div>成交日期:</div> <div>成交日期:</div>
<div>商场</div> <div>{{detailData.create_time}}</div>
</li> </li>
<li> <li>
<div>成交价:</div> <div>成交价:</div>
<div>商场</div> <div>{{detailData.price}}元</div>
</li> </li>
</ul> </ul>
</div> </div>
<div class="list-area2"> <div class="sec1-area2">
<p>分佣提成</p> <ul>
<ul></ul> <li class="flex" v-for="(item, index) in detailData.practical_fee" :key="index" :data-id="item.fee_id">
<div><span>实收佣金:</span>{{item.money}}元</div>
<div><span>收佣日期:</span>{{item.income_time}}</div>
</li>
</ul>
</div>
<div class="sec1-area3">
<ul>
<li>备注:{{detailData.content}}</li>
</ul>
</div> </div>
</section> </section>
<section></section> <section v-show="mainInit == 1">
<section></section> <table class="fenyong-ticheng-main-table">
</main> <thead>
<tr>
<th>分佣ID</th>
<th>分佣方</th>
<th>业务员</th>
<th>所属门店</th>
<th>分佣比例</th>
<th>应分佣金(元)</th>
<th>预分佣金(元)</th>
<th>手续费(元)</th>
<th>慈善基金(元)</th>
<th>现金奖(元)</th>
<th>实收佣金(元)</th>
<th>收佣日期</th>
<th>确认时间</th>
</tr>
</thead>
<tbody v-if="Array.isArray(fenyongData) && fenyongData.length>0">
<tr v-for="(item, index) in fenyongData" :key="index" :data-id="item.id">
<td>{{item.id}}</td>
<td>{{item.role_name}}</td>
<td>{{item.agent}}</td>
<td>{{item.district_store}}</td>
<td class="detail-modal-maid-span-scale">{{item.scale}}%</td>
<td class="detail-modal-maid-td-should-commission">{{item.scale_fee}}</td>
<td colspan="7" class="fenyong-ticheng-mix-td" v-if="item.partial_commission&&item.partial_commission.length&&item.partial_commission.length>0">
<div data-id="354" v-for="(item2, index2) in item.partial_commission">
<span>{{item2.real_fee}}</span>
<span>{{item2.service_charge}}</span>
<span>{{item2.charity_fund}}</span>
<span>{{item2.cash}}</span>
<span>{{item2.practical_fee}}</span>
<span v-if="!item2.income_time||(item2.income_time.length&&item.income_time.length<1)"></span>
<span v-else>{{item2.income_time.income_time}}</span>
<span>{{item2.confirm_date.split(' ')[0]}}</span>
</div>
</td>
<td colspan="7" class="fenyong-ticheng-mix-td" v-else>
<div>
<span class="detail-modal-maid-span-real-fee"></span>
<span class="detail-modal-maid-span-service-charge">0</span>
<span class="detail-modal-maid-span-charity-fund">0</span>
<span class="detail-modal-maid-span-cash">0</span>
<span class="detail-modal-maid-span-practical-fee"></span>
<span></span>
<span></span>
</div>
</td>
</tr>
</tbody>
<tbody v-else>
<tr>
<td colspan="13">暂无数据</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>合计</td>
<td></td>
<td></td>
<td></td>
<td id="maid_count_total_rate"></td>
<td id="maid_count_total_yingfen"></td>
<td id="maid_count_total_yufen"></td>
<td id="maid_count_total_shouxu"></td>
<td id="maid_count_total_cishan"></td>
<td id="maid_count_total_xianjin"></td>
<td id="maid_count_total_shishou"></td>
<td></td>
<td></td>
</tr>
</tfoot>
</table>
</section>
<section v-show="mainInit == 2">
<div v-if="Array.isArray(shuifeiData) && shuifeiData.length>0">
<table v-for="(item, index) in shuifeiData" class="shuifei-list-table">
<tbody>
<tr>
<td>开票金额</td>
<td>{{item.total_fee}}</td>
<td>开票日期</td>
<td>{{item.operation_date}}</td>
</tr>
<tr>
<td>分佣方</td>
<td>业务员</td>
<td>分佣比例</td>
<td>税费</td>
</tr>
<tr v-for="(item2, index2) in item.fee_list" :data-feeid="item2.fee_id">
<td>{{getInfoType(item2.role)}}</td>
<td>{{item2.name+'-'+item2.phone}}</td>
<td>{{item2.scale}}</td>
<td>{{item2.fee}}</td>
</tr>
</tbody>
</table>
</div>
<div v-else>暂无数据</div>
</section>
</main>
</div> </div>
<script id="fenyong_li_tpl" type="text/template">
<li class="fenyong-li por">
<ul class="flex">
<li class="fenyong-sub-li flex">
<div>分佣方:</div>
<div class="arrow-select-pc flex-center">
<select class="fenyong-fang">
<option value="">请选择</option>
<option value="1">盘方</option>
<option value="2">客方</option>
<option value="3">反签</option>
<option value="4">独家</option>
<option value="5">合作方</option>
<option value="6">APP盘下载方</option>
<option value="7">APP客下载方</option>
</select>
</div>
<div></div>
</li>
<li class="fenyong-sub-li flex">
<div>业务员:</div>
<div class="flex-center por">
<input type="text" class="add_input_ywy" placeholder="请输入姓名或手机号" />
<ul></ul>
</div>
<div></div>
</li>
</ul>
<ul class="flex">
<li class="fenyong-sub-li flex">
<div>分佣比例:</div>
<div class="flex-center">
<input type="number" class="fenyong-rate" placeholder="请填写" />
</div>
<div>%</div>
</li>
<li class="fenyong-sub-li flex">
<div>应分佣金:</div>
<div class="flex-center">
<input type="number" class="yingfen-yongjin" placeholder="请填写" />
</div>
<div></div>
</li>
</ul>
<mark class="poa"><img src="/app/images/search_gb.png"></mark>
</li>
</script>
<script src="/app/js/libs/require.min.js" data-js="/app/js/bargaininfo_detail_static_pc.js" data-main="/app/js/main" data-norem="yes" defer async="true"></script> <script src="/app/js/libs/require.min.js" data-js="/app/js/bargaininfo_detail_static_pc.js" data-main="/app/js/main" data-norem="yes" defer async="true"></script>
</body> </body>
</html> </html>
\ No newline at end of file
@charset "utf-8"; @charset "utf-8";
body{ body{
max-width: 1454px; /*max-width: 1454px;*/
max-width: 1240px;
} }
.list-area1{}
.list-area1>ul{ /****成交信息相关样式*****/
.sec1-area1{}
.sec1-area1>ul{
width: 50%; width: 50%;
float: left; float: left;
} }
.list-area1>ul>li{ .sec1-area1>ul>li{
overflow: hidden; overflow: hidden;
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
} }
.list-area1>ul>li>div{ .sec1-area1>ul>li>div{
float: left; float: left;
height: 100%; height: 100%;
} }
.list-area1>ul>li>div:nth-of-type(1){ .sec1-area1>ul>li>div:nth-of-type(1){
width: 100px; width: 100px;
} }
.list-area1>ul>li>div:nth-of-type(2){ .sec1-area1>ul>li>div:nth-of-type(2){
width: 140px; width: 140px;
} }
.list-area1>ul>li>div:nth-of-type(2)>input, .sec1-area1>ul>li>div:nth-of-type(3){
.list-area1>ul>li>div:nth-of-type(2)>select{
display: block;
width: 100%;
height: 28px;
border: 1px solid #e0e0e0;
}
.list-area1>ul>li>div:nth-of-type(3){
padding-left: 10px; padding-left: 10px;
} }
.sec1-area2{
.list-area2{
padding-top: 20px; padding-top: 20px;
} }
.list-area2>p{
font-weight: bold;
}
.fenyong-li{ .sec1-area2>ul>li{
padding-bottom: 7px; height: 40px;
} line-height: 40px;
.fenyong-li>mark{
right: 30px;
top: 25px;
background-color: transparent;
cursor: pointer;
} }
.sec1-area2>ul>li>div{
.fenyong-li:nth-of-type(1)>mark{ flex: 50% 0 0;
display: none;
} }
.sec1-area2>ul>li>div>span:nth-of-type(1){
.fenyong-li>mark>img{ font-weight: bolder;
width: 20px;
} }
.fenyong-sub-li{ .sec1-area3>ul>li{
flex: 50% 0 0;
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
} }
.fenyong-sub-li>div:nth-of-type(1){
flex: 100px 0 0;
}
.fenyong-sub-li>div:nth-of-type(2){
flex: 140px 0 0;
}
.fenyong-sub-li>div:nth-of-type(2)>input,
.fenyong-sub-li>div:nth-of-type(2)>select{
display: block;
width: 100%;
height: 28px;
border: 1px solid #e0e0e0;
}
.fenyong-sub-li>div:nth-of-type(2)>ul{
position: absolute;
top: 34px;
left: 0;
width: 140%;
background: white;
border: 1px solid #ccc;
display: none;
/*border-top: none;*/
}
.fenyong-sub-li>div:nth-of-type(2)>ul>li{
height: 30px;
line-height: 30px;
font-size: 12px;
text-align: left;
}
.fenyong-sub-li>div:nth-of-type(3){
padding-left: 10px;
flex: 40px 0 0;
}
.fenyong-add-area>img{
width: 24px;
cursor: pointer;
}
/****头部tab切换区域样式****/
/********/
nav{ nav{
padding: 15px; padding: 15px;
} }
...@@ -123,3 +67,83 @@ main>section:nth-of-type(1){ ...@@ -123,3 +67,83 @@ main>section:nth-of-type(1){
width: 800px; width: 800px;
margin: 0 auto; margin: 0 auto;
} }
/***分佣提成部分相关样式****/
.fenyong-ticheng-main-table{
border-collapse: collapse;
border-spacing: 0;
border-color: grey;
}
.fenyong-ticheng-main-table th,
.fenyong-ticheng-main-table td{
border: 1px solid #ddd;
padding: 5px 0;
text-align: center;
}
.fenyong-ticheng-main-table th{
font-weight: bolder;
}
.fenyong-ticheng-main-table>thead th:nth-last-of-type(-n+7){
width: 76px;
}
.fenyong-ticheng-main-table>thead th:nth-of-type(1){
width: 50px;
}
.fenyong-ticheng-main-table>thead th:nth-of-type(2){
width: 60px;
}
.fenyong-ticheng-main-table>thead th:nth-of-type(3){
width: 80px;
}
.fenyong-ticheng-main-table>thead th:nth-of-type(4){
width: 120px;
}
.fenyong-ticheng-main-table>thead th:nth-of-type(5){
width: 60px;
}
.fenyong-ticheng-main-table>thead th:nth-of-type(12){
width: 104px;
}
.fenyong-ticheng-main-table>thead th:nth-of-type(13){
width: 104px;
}
.fenyong-ticheng-mix-td{
padding: 0!important;
}
.fenyong-ticheng-mix-td>div>span{
float: left;
width: 76px;
height: 30px;
line-height: 30px;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.fenyong-ticheng-mix-td>div:nth-last-of-type(1)>span{
border-bottom: none;
}
.fenyong-ticheng-mix-td>div>span:nth-last-of-type(2){
width: 104px;
}
.fenyong-ticheng-mix-td>div>span:nth-last-of-type(1){
width: 100px;
border-right: none;
}
/*开票税费相关样式*/
.shuifei-list-table{
border-collapse: collapse;
border-spacing: 0;
border-color: grey;
width: 680px;
margin: 0 auto;
}
.shuifei-list-table td{
border: 1px solid #ddd;
padding: 5px 0;
text-align: center;
}
.shuifei-list-table+.shuifei-list-table{
margin-top: 40px;
}
'use strict'; 'use strict';
require(['vue', 'css!style/bargaininfo_detail_static_pc.css', 'jquery0325', 'common'], function(Vue, VConsole) { require(['vue', 'css!style/bargaininfo_detail_static_pc.css', 'jquery0325', 'common'], function(Vue, VConsole) {
var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存 var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存
var order_info_obj = JSON.parse(decodeURIComponent(getUrlParam('packdata')));//获取订单相关信息 var order_id = JSON.parse(decodeURIComponent(getUrlParam('orderid'))); //获取订单id
var _doc = $(document); var _doc = $(document);
console.log(user_info_obj); console.log(user_info_obj);
console.log(order_info_obj); console.log(order_id);
var vm = new Vue({ var vm = new Vue({
el: '#app', el: '#app',
data: { data: {
user_info_obj, user_info_obj,
order_info_obj, mainInit: 0,
house_number: '',//商铺编号 detailData: {},
is_open: '',//是否开业 fenyongData: [],
industry_type: '',//业态 shuifeiData: []
trade_type: '',//成交类型
price: '',//成交价格
commission: '',//佣金
estimated_receipt_date: ''//预计收款时间
}, },
created: function() { created: function() {
var _this = this; var _thisV = this;
document.body.style.display = 'block'; document.body.style.display = 'block';
$('.list-area2>ul').append($('#fenyong_li_tpl').html()); _thisV.getDeatil();
}, },
mounted: function() { mounted: function() {
var _thisV = this; var _thisV = this;
_thisV.$nextTick(function(){ _thisV.$nextTick(function() {
var _commissionObj = $('#commission_input'); });
var _ajaxObjTel = null; },
_doc.on('input', '.add_input_ywy', function() { methods: {
var _$this = $(this); tabMain(n) {
let _thisV = this;
//当分佣方的值为5,合作方的时候,才能查询 _thisV.mainInit = n;
var _thisVal = $.trim(_$this.val()); if(n == 0) {
_$this.removeAttr('data-id'); //移除之前携带的信息 //获取成交信息
if(_thisVal != '') { _thisV.getDeatil();
_ajaxObjTel && _ajaxObjTel.abort(); } else if(n == 1) {
_ajaxObjTel = $.ajax({ //获取分佣提成
type: 'GET', _thisV.getFenyong();
url: '/index/getBroker_new', } else if(n == 2) {
data: { //获取开票税费
'phone': $.trim(_$this.val()) _thisV.getShuifei();
}, } else {
timeout: 30000,
dataType: 'json', };
beforeSend: function() {}, },
success: function(data) { getFenyong() {
if(typeof data === 'object') { //获取分佣提成
if(data.code == 200) { let _thisV = this;
if(data['data'].length > 0) { $.ajax({
var _htmlTemp = ''; 'type': 'GET',
$.each(data['data'], function(i, item) { 'url': '/index/commissionList',
_htmlTemp += '<li data-id="{3}">{0}-{1}</li>'.stringFormatObj({ data: {
'0': item['name'], 'id': order_id
'1': item['phone'], },
'3': item['id'] dataType: "json",
}); success: function(data) {
}); if(data.code == 200) {
_$this.next().show().html(_htmlTemp); if(data.data) {
} else { _thisV.fenyongData = data.data;
_$this.next().html(''); _thisV.maidCount();
}; };
} else { } else {
alert(data['msg']); alert('获取失败!');
}; }
} else {
alert('数据错误');
};
},
error: function() {},
complete: function(xhr, textStatus) {
if(textStatus === 'timeout') {
alert('请求超时');
};
}
});
}else{
_$this.next().hide();
} }
}); });
},
//业务员选择输入框,输入后的下拉列表项点击 maidCount: function() {
_doc.on('click', '.add_input_ywy+ul>li', function() { let _thisV = this;
var _$this = $(this); var _rateTotal = 0; //分佣比例
var _id = _$this.attr('data-id'); var _yingfenTotal = 0; //应分佣金
_$this.parent().prev().val(_$this.html()).attr('data-id', _id); var _yufenTotal = 0; //预分佣金
_$this.parent().html('').hide(); var _shouxuTotal = 0; //手续费
var _cishanTotal = 0; //慈善基金
var _xianjinTotal = 0; //现金奖
var _shishouTotal = 0; //实收佣金
$.each(_thisV.fenyongData, function(i, v) {
_rateTotal += Number(v.scale); //分佣比例
_yingfenTotal += Number(v.scale_fee); //应分佣金
if(Array.isArray(v.partial_commission)) {
$.each(v.partial_commission, function(ii, vv) {
_yufenTotal += Number(vv.real_fee); //预分佣金
_shouxuTotal += Number(vv.service_charge); //手续费
_cishanTotal += Number(vv.charity_fund); //慈善基金
_xianjinTotal += Number(vv.cash); //现金奖
_shishouTotal += Number(vv.practical_fee); //实收佣金
});
};
}); });
//选择盘方后自动选择 $('#maid_count_total_rate').html(dealJineNum(_rateTotal) + '%'); //分佣比例
_doc.on('input', '.fenyong-fang', function(e){ $('#maid_count_total_yingfen').html(dealJineNum(_yingfenTotal)); //应分佣金
var _this = $(this); $('#maid_count_total_yufen').html(dealJineNum(_yufenTotal)); //预分佣金
var _parObj = _this.closest('.fenyong-li'); $('#maid_count_total_shouxu').html(dealJineNum(_shouxuTotal)); //手续费
_parObj.find('.fenyong-rate').val('');//先置空 $('#maid_count_total_cishan').html(dealJineNum(_cishanTotal)); //慈善基金
_parObj.find('.yingfen-yongjin').val('');//先置空 $('#maid_count_total_xianjin').html(dealJineNum(_xianjinTotal)); //现金奖
if(_this.val() === ''){ $('#maid_count_total_shishou').html(dealJineNum(_shishouTotal)); //实收佣金
},
}else{ getShuifei() {
var _rateTemp = _thisV.getDefaultRadio(_this.val()); //获取开票税费
_parObj.find('.fenyong-rate').val(_rateTemp); let _thisV = this;
var _tempValCommission = _commissionObj.val(); $.ajax({
if(_tempValCommission == ''){ 'type': 'GET',
'url': '/index/getTallAge',
}else{ data: {
_parObj.find('.yingfen-yongjin').val(dealJineNum(_tempValCommission*_rateTemp/100)); 'bargain_id': order_id
},
dataType: "json",
success: function(data) {
if(data.code == 200) {
if(data.data) {
_thisV.shuifeiData = data.data;
};
} else {
alert('获取失败!');
} }
} }
}); });
},
//填写分佣比例后自动填写 getDeatil() {
_doc.on('input', '.fenyong-rate', function(e){ //获取成交信息
e.preventDefault(); let _thisV = this;
e.stopPropagation(); $.ajax({
var _this = $(this); 'type': 'GET',
var _parObj = _this.closest('.fenyong-li'); 'url': '/index/bargainInfo',
if(_this.val() === ''){ data: {
_parObj.find('.yingfen-yongjin').val('');//先置空 'id': order_id
}else{ },
var _tempValCommission = _commissionObj.val(); dataType: "json",
if(_tempValCommission == ''){ success: function(data) {
_parObj.find('.yingfen-yongjin').val('');//先置空 if(data.code == 200) {
}else{ if(data.data) {
_parObj.find('.yingfen-yongjin').val(dealJineNum(_tempValCommission*(_this.val())/100)); _thisV.detailData = data.data;
};
} else {
alert('获取失败!');
} }
} }
}); });
},
//应收佣金的输入监听事件 dealDoneType(n) {
_commissionObj.on('input',function(e){ switch(String(n)) {
e.preventDefault(); case '10':
e.stopPropagation(); return '出租';
var _this = $(this); break;
$.each($('.fenyong-li'), function(i, v){ case '20':
var _$v = $(v); return '增佣';
var _tempRate = _$v.find('.fenyong-rate').val(); break;
if(_tempRate == ''){ case '30':
_$v.find('.yingfen-yongjin').val(''); return '代理';
}else{ break;
_$v.find('.yingfen-yongjin').val(dealJineNum(_this.val()*_tempRate/100)); case '40':
} return '好处费';
}); break;
}); default:
return '';
break;
//增加符号点击事件 }
_doc.on('click', '.fenyong-add-area>img', function(e){ },
e.preventDefault(); getInfoType(r) {
e.stopPropagation(); switch(Number(r)) {
if($('.fenyong-li').length>=5){
alert('最多添加5条');
return false;
}else{
$('.list-area2>ul').append($('#fenyong_li_tpl').html());
};
});
//删除符号点击事件
_doc.on('click', '.fenyong-li>mark', function(e){
e.preventDefault();
e.stopPropagation();
if(confirm('确认删除吗?')){
$(this).parent().remove();
};
});
});
},
methods: {
getDefaultRadio(v) {
//1,盘方
//2,客方
//3,反签
//4,独家
//5,合作方
//6,APP盘下载方
//7,APP客下载方
switch (Number(v)){
case 1: case 1:
return 25; return "盘方";
case 2: case 2:
return 30; return "客方";
case 3: case 3:
return 35; return "反签";
case 4: case 4:
return 100; return "独家";
case 6: case 5:
return 5; return "合作方";
case 7:
return 5;
default: default:
return 25; return "未定义"
} }
}, },
save() {//是否对客户公开 保存后 刷新商铺详情页面 hidePhone(t) {
var _this = this; return hideTel(t);
if(_this.house_number == ''){ },
alert('请填写商铺号');
return false;
};
if(_this.is_open == ''){
alert('请填写是否开业');
return false;
};
if(_this.industry_type == ''){
alert('请填写业态');
return false;
};
if(_this.trade_type == ''){
alert('请填写成交类型');
return false;
};
if(_this.commission == ''){
alert('请填写佣金');
return false;
};
if(_this.estimated_receipt_date == ''){
alert('请填写预计收款时间');
return false;
};
var _data = {
'AuthToken': _this.user_info_obj.AuthToken,//当前账号id
'submit_agent_id': _this.user_info_obj.id,//当前账号id
'submit_agent_name': _this.user_info_obj.name,//当前账号昵称
'report_id': _this.order_info_obj.id,//成交报告id
'order_id': _this.order_info_obj.order_id,//订单id
'order_no': _this.order_info_obj.order_no,//订单编号
'house_number': _this.house_number,//商铺编号
'is_open': _this.is_open,//是否开业
'industry_type': _this.industry_type,//业态
'trade_type': _this.trade_type,//成交类型
'price': _this.price,//成交价格
'commission': _this.commission,//佣金
'estimated_receipt_date': _this.estimated_receipt_date//预计收款时间
};
var _subLiObj = $('.fenyong-li');
var _isBreak = false;
var _dataArr = [];
$.each(_subLiObj, function(i, v) {
var _$v = $(v);
var _role = _$v.find('.fenyong-fang').val();
var _agent_id = _$v.find('.add_input_ywy').attr('data-id');
var _scale = _$v.find('.fenyong-rate').val();
var _scale_fee = _$v.find('.yingfen-yongjin').val();
if(_role == ''){
alert('请填写分佣方');
_isBreak = true;
return false;
};
if(!_agent_id){
alert('请填写业务员');
_isBreak = true;
return false;
};
if(_scale == ''){
alert('请填写分佣比例');
_isBreak = true;
return false;
};
if(_scale_fee == ''){
alert('请填写应分佣金');
_isBreak = true;
return false;
};
_dataArr.push({
'role': _role,
'agent_id': _agent_id,
'scale': _scale,
'scale_fee': _scale_fee,
});
});
if(_isBreak){
//未验证通过,跳出函数
return false;
};
_data['commission_arr'] = JSON.stringify(_dataArr);
$.ajax({
type: 'POST',
url: '/broker/bargain', //约带看记录 对接接口
data: _data,
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(data) {
if(typeof data === 'object') {
if(data.code == 200) {
alert('提交成功');
$('#modal-report', parent.document).find('.close').click();
} else {
alert(data['msg']);
};
} else {
alert('数据错误');
};
},
error: function() {
alert('error');
},
complete: function(xhr, textStatus) {
if(textStatus === 'timeout') {
alert('请求超时');
};
}
});
}
} }
}); });
}); });
\ No newline at end of file
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
</template> </template>
<script> <script>
let _token = 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJkYXRhIjp7ImlkIjo1NzQwLCJuYW1lIjoiXHU1ZTk3XHU2ZDRiXHU4YmQ1MiIsInBob25lIjoiMTU2MDE2NTIzNTIiLCJsZXZlbCI6MjB9LCJ0aW1lU3RhbXBfIjoxNTQwMjY1ODYxfQ.kEW46TMxEdBrWJ82CO6sxAxkeZOIZlWJZzHU378IXD4'; let _token = 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJkYXRhIjp7ImlkIjo1NzM5LCJuYW1lIjoiXHU2MDNiXHU2ZDRiXHU4YmQ1MSIsInBob25lIjoiMTU2MDE2NTIzNTMiLCJsZXZlbCI6MzB9LCJ0aW1lU3RhbXBfIjoxNTQwOTcxNTExfQ.5zIOqWWpwGfenHdRRcwyVJ39XgZozx8xmlbWHvri5sw';
let _token2 = 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJkYXRhIjp7ImlkIjo1NzM5LCJuYW1lIjoiXHU2MDNiXHU2ZDRiXHU4YmQ1MSIsInBob25lIjoiMTU2MDE2NTIzNTMiLCJsZXZlbCI6MzB9LCJ0aW1lU3RhbXBfIjoxNTMwNjA2ODU4fQ.8jL49CjtBMV6BqmaKdJfd4pkGBazrAgQQrutb53Z3mY'; let _token2 = 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJkYXRhIjp7ImlkIjo1NzM5LCJuYW1lIjoiXHU2MDNiXHU2ZDRiXHU4YmQ1MSIsInBob25lIjoiMTU2MDE2NTIzNTMiLCJsZXZlbCI6MzB9LCJ0aW1lU3RhbXBfIjoxNTMwNjA2ODU4fQ.8jL49CjtBMV6BqmaKdJfd4pkGBazrAgQQrutb53Z3mY';
export default { export default {
name: '', name: '',
......
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