Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
T
tl_estate
Project
Project
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
hujun
tl_estate
Commits
4dbaef36
Commit
4dbaef36
authored
Oct 31, 2018
by
xishifeng
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
成交详情优化1
parent
70cb347f
Hide whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
385 additions
and
428 deletions
+385
-428
bargaininfo_detail_static_pc.html
...n/app_broker/view/index/bargaininfo_detail_static_pc.html
+135
-72
bargaininfo_detail_static_pc.css
public/app/css/bargaininfo_detail_static_pc.css
+101
-77
bargaininfo_detail_static_pc.js
public/app/js/bargaininfo_detail_static_pc.js
+148
-278
entrance.vue
public/appnew/src/components/publicEg/entrance.vue
+1
-1
No files found.
application/app_broker/view/index/bargaininfo_detail_static_pc.html
View file @
4dbaef36
...
@@ -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
public/app/css/bargaininfo_detail_static_pc.css
View file @
4dbaef36
@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
;
}
public/app/js/bargaininfo_detail_static_pc.js
View file @
4dbaef36
'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_i
nfo_obj
=
JSON
.
parse
(
decodeURIComponent
(
getUrlParam
(
'packdata'
)));
//获取订单相关信息
var
order_i
d
=
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_i
nfo_obj
);
console
.
log
(
order_i
d
);
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
_this
V
=
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
public/appnew/src/components/publicEg/entrance.vue
View file @
4dbaef36
...
@@ -9,7 +9,7 @@
...
@@ -9,7 +9,7 @@
</
template
>
</
template
>
<
script
>
<
script
>
let
_token
=
'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJkYXRhIjp7ImlkIjo1Nz
QwLCJuYW1lIjoiXHU1ZTk3XHU2ZDRiXHU4YmQ1MiIsInBob25lIjoiMTU2MDE2NTIzNTIiLCJsZXZlbCI6MjB9LCJ0aW1lU3RhbXBfIjoxNTQwMjY1ODYxfQ.kEW46TMxEdBrWJ82CO6sxAxkeZOIZlWJZzHU378IXD4
'
;
let
_token
=
'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJkYXRhIjp7ImlkIjo1Nz
M5LCJuYW1lIjoiXHU2MDNiXHU2ZDRiXHU4YmQ1MSIsInBob25lIjoiMTU2MDE2NTIzNTMiLCJsZXZlbCI6MzB9LCJ0aW1lU3RhbXBfIjoxNTQwOTcxNTExfQ.5zIOqWWpwGfenHdRRcwyVJ39XgZozx8xmlbWHvri5sw
'
;
let
_token2
=
'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJkYXRhIjp7ImlkIjo1NzM5LCJuYW1lIjoiXHU2MDNiXHU2ZDRiXHU4YmQ1MSIsInBob25lIjoiMTU2MDE2NTIzNTMiLCJsZXZlbCI6MzB9LCJ0aW1lU3RhbXBfIjoxNTMwNjA2ODU4fQ.8jL49CjtBMV6BqmaKdJfd4pkGBazrAgQQrutb53Z3mY'
;
let
_token2
=
'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJkYXRhIjp7ImlkIjo1NzM5LCJuYW1lIjoiXHU2MDNiXHU2ZDRiXHU4YmQ1MSIsInBob25lIjoiMTU2MDE2NTIzNTMiLCJsZXZlbCI6MzB9LCJ0aW1lU3RhbXBfIjoxNTMwNjA2ODU4fQ.8jL49CjtBMV6BqmaKdJfd4pkGBazrAgQQrutb53Z3mY'
;
export
default
{
export
default
{
name
:
''
,
name
:
''
,
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment