Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
S
SuperMan
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
1
Issues
1
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
罗超
SuperMan
Commits
84cadde8
Commit
84cadde8
authored
Jul 26, 2023
by
黄奎
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
页面修改
parent
4dd9fc6f
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
435 additions
and
382 deletions
+435
-382
operation.vue
src/components/temp/operation.vue
+435
-382
No files found.
src/components/temp/operation.vue
View file @
84cadde8
<
style
lang=
"less"
scoped
>
@import "../../assets/css/main.less";
/* @import "../../assets/css/cssReset.css"; */
@import "../../assets/css/home/Saleshomepage_1920.css";
<
style
lang=
"less"
scoped
>
.saleChartCont {
@import "../../assets/css/main.less";
/* @import "../../assets/css/cssReset.css"; */
@import "../../assets/css/home/Saleshomepage_1920.css";
.saleChartCont {
width: 100%;
width: 100%;
height: 95%;
height: 95%;
box-sizing: border-box;
box-sizing: border-box;
...
@@ -35,15 +35,18 @@
...
@@ -35,15 +35,18 @@
margin: 25px 0 0 80px;
margin: 25px 0 0 80px;
color: #E95252;
color: #E95252;
}
}
.title-Month{
.title-Month {
text-align: right;
text-align: right;
}
}
.groupTourOrder{
.groupTourOrder {
display: flex;
display: flex;
flex-wrap: wrap;
flex-wrap: wrap;
flex-grow: 1;
flex-grow: 1;
}
}
.groupTourOrder span{
.groupTourOrder span {
/* width: 50%; */
/* width: 50%; */
white-space: nowrap;
white-space: nowrap;
font-size: 14px;
font-size: 14px;
...
@@ -54,32 +57,39 @@
...
@@ -54,32 +57,39 @@
margin-left: 20px;
margin-left: 20px;
/* #333333 */
/* #333333 */
}
}
.groupTourOrder span:first-child{
.groupTourOrder span:first-child {
margin-left: 0;
margin-left: 0;
}
}
.groupTourOrder span span{
.groupTourOrder span span {
color: red;
color: red;
}
}
.CommissionLadder-form{
.CommissionLadder-form {
display: flex;
display: flex;
flex-wrap: wrap;
flex-wrap: wrap;
margin: 10px 0;
margin: 10px 0;
overflow: hidden;
overflow: hidden;
}
}
.CommissionLadder{
.CommissionLadder {
flex: 1;
flex: 1;
padding: 16px 20px 20px 20px;
padding: 16px 20px 20px 20px;
background: #ffffff;
background: #ffffff;
}
}
.CommissionLadder.Line{
.CommissionLadder.Line {
margin: 0 0 10px 0;
margin: 0 0 10px 0;
}
}
.CommissionLadder .title{
.CommissionLadder .title {
font-size: 19px;
font-size: 19px;
font-weight: bold;
font-weight: bold;
display: flex;
display: flex;
justify-content: space-between;
justify-content: space-between;
}
}
.CommissionLadder p {
.CommissionLadder p {
padding: 5px 0 5px 0;
padding: 5px 0 5px 0;
font-size: 15px;
font-size: 15px;
...
@@ -87,68 +97,87 @@
...
@@ -87,68 +97,87 @@
justify-content: space-between;
justify-content: space-between;
color: #333333;
color: #333333;
}
}
.CommissionLadder p span:last-child{
.CommissionLadder p span:last-child {
color: red;
color: red;
}
}
.CommissionInfor{
.CommissionInfor {
white-space: nowrap;
white-space: nowrap;
display: flex;
display: flex;
flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 0 10px 0;
padding: 0 0 10px 0;
}
}
.CommissionInfor span{
.CommissionInfor span {
margin-left: 5px;
margin-left: 5px;
font-size: 13px;
font-size: 13px;
}
}
.CommissionInfor span:first-child{
.CommissionInfor span:first-child {
margin-left: 0;
margin-left: 0;
}
}
.CommissionInfor span span{
.CommissionInfor span span {
color: red;
color: red;
}
}
.CommissionLadder:last-child{
.CommissionLadder:last-child {
margin-right: 0;
margin-right: 0;
}
}
.commissionProject{
.commissionProject {
padding: 0 0 10px 0;
padding: 0 0 10px 0;
border-bottom: 1px dashed #BDBDBD;
border-bottom: 1px dashed #BDBDBD;
}
}
.border-bottom{
.border-bottom {
border-bottom: 1px dashed #BDBDBD;
border-bottom: 1px dashed #BDBDBD;
}
}
.commissionProject>div{
.commissionProject>div {
margin-right: 40px;
margin-right: 40px;
margin-top: 10px;
margin-top: 10px;
}
}
.commissionProject>div:last-child{
.commissionProject>div:last-child {
margin-right: 0;
margin-right: 0;
}
}
.commissionProject>div>div:first-child{
.commissionProject>div>div:first-child {
display: flex;
display: flex;
align-items: center;
align-items: center;
justify-content: space-between;
justify-content: space-between;
padding: 0 0 5px 0;
padding: 0 0 5px 0;
}
}
.commissionProjectZL{
display: flex;align-items: center;justify-content: space-between;
.commissionProjectZL {
display: flex;
align-items: center;
justify-content: space-between;
/* padding: 0 0 5px 0; */
/* padding: 0 0 5px 0; */
}
}
.commissionProject>div>div{
}
.commissionProject>div>div {}
.ProjectTitle{
.ProjectTitle {
color: black;
color: black;
font-size: 16px;
font-size: 16px;
font-weight: bold;
font-weight: bold;
}
}
.ProjectTitle>span{
margin-left: 5px; font-size: 15px;font-weight: 100;
.ProjectTitle>span {
margin-left: 5px;
font-size: 15px;
font-weight: 100;
}
}
.OpenOrder{
.OpenOrder {
background: #ffffff;
background: #ffffff;
padding: 10px 20px 20px 20px;
padding: 10px 20px 20px 20px;
}
}
.OpenOrderMore{
.OpenOrderMore {
display: flex;
display: flex;
justify-content: space-between;
justify-content: space-between;
align-items: center;
align-items: center;
...
@@ -158,39 +187,46 @@
...
@@ -158,39 +187,46 @@
font-weight: 400;
font-weight: 400;
color: #333333;
color: #333333;
}
}
.OpenOrderMore span{
.OpenOrderMore span {
color: #999999;
color: #999999;
font-size: 14px;
font-size: 14px;
}
}
.headerTitle{
.headerTitle {
margin-bottom: 10px;
margin-bottom: 10px;
display: flex;
display: flex;
flex-wrap: wrap;
flex-wrap: wrap;
align-items: center;
align-items: center;
}
}
.headerTitle p{
.headerTitle p {
font-weight: bold;
font-weight: bold;
flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.headerTitle span:last-child{
.headerTitle span:last-child {
font-weight: 100;
font-weight: 100;
color: red;
color: red;
margin-right: 20px;
margin-right: 20px;
}
}
.ladder-form{
.ladder-form {
width: 100%;
width: 100%;
display: flex;
display: flex;
flex-wrap: wrap;
flex-wrap: wrap;
overflow: hidden;
overflow: hidden;
}
}
.ladder-form-box{
.ladder-form-box {
/* height: 72px; */
/* height: 72px; */
padding: 0 0 10px 0;
padding: 0 0 10px 0;
flex: 1;
flex: 1;
display: flex;
display: flex;
flex-wrap: wrap;
flex-wrap: wrap;
}
}
.ladder-list{
.ladder-list {
flex: 1;
flex: 1;
min-width: 460px;
min-width: 460px;
max-width: 460px;
max-width: 460px;
...
@@ -200,111 +236,117 @@
...
@@ -200,111 +236,117 @@
margin-right: 40px;
margin-right: 40px;
margin-bottom: 10px;
margin-bottom: 10px;
}
}
.ladder-list:nth-child(3n){
.ladder-list:nth-child(3n) {
margin-right: 0;
margin-right: 0;
}
}
.ladder-list:last-child{
.ladder-list:last-child {
margin-right: 0;
margin-right: 0;
}
}
.ladder-title{
.ladder-title {
width: 100%;
width: 100%;
font-size: 15px;
font-size: 15px;
padding: 5px 0 0 0;
padding: 5px 0 0 0;
color: black;
color: black;
font-weight: bold;
font-weight: bold;
}
}
</
style
>
</
style
>
<
template
>
<
template
>
<div>
<div>
<leftNav></leftNav>
<leftNav></leftNav>
<div
class=
"sale_cont"
v-if=
"CurrentUserInfo.RB_Group_id==2 || EditBtn"
>
<div
class=
"sale_cont"
v-if=
"CurrentUserInfo.RB_Group_id==2 || EditBtn"
>
<div
class=
"saleChartCont"
:style=
"
{zoom:zoom}" style="overflow-y: scroll;" v-loading="loading">
<div
class=
"saleChartCont"
:style=
"
{zoom:zoom}" style="overflow-y: scroll;" v-loading="loading">
<div
class=
"personal"
>
<div
class=
"personal"
>
<div
class=
"PersonalData"
style=
"height: auto;margin-top: 0;background: none;"
>
<div
class=
"PersonalData"
style=
"height: auto;margin-top: 0;background: none;"
>
<el-row
:gutter=
"20"
style=
"margin-right: 0;"
>
<el-row
:gutter=
"20"
style=
"margin-right: 0;"
>
<el-col
:span=
"12"
style=
"padding-right: 0;"
>
<el-col
:span=
"12"
style=
"padding-right: 0;"
>
<div
class=
"el-col-div ownScrollbarStyle PersonalData_l"
style=
"height: auto;background: #fff;"
>
<div
class=
"el-col-div ownScrollbarStyle PersonalData_l"
style=
"height: auto;background: #fff;"
>
<div
class=
"l_top"
style=
"position: relative;"
>
<div
class=
"l_top"
style=
"position: relative;"
>
<img
v-if=
"userInfo.Icon !=null && userInfo.Icon !='' "
:src=
"userInfo.Icon"
alt=
""
class=
"tx_img"
<img
v-if=
"userInfo.Icon !=null && userInfo.Icon !='' "
:src=
"userInfo.Icon"
alt=
""
class=
"tx_img"
:onerror=
'defaultHeadImg'
>
:onerror=
'defaultHeadImg'
>
<img
v-else
src=
"../../assets/img/default_head_img.jpg"
alt=
""
alt=
""
class=
"tx_img"
>
<img
v-else
src=
"../../assets/img/default_head_img.jpg"
alt=
""
alt=
""
class=
"tx_img"
>
<div
class=
"p_name"
style=
"margin-top:20px"
>
<div
class=
"p_name"
style=
"margin-top:20px"
>
<span>
{{
userInfo
.
emName
}}
</span>
<span>
{{
userInfo
.
emName
}}
</span>
<span>
{{
userInfo
.
PostName
}}
</span>
<span>
{{
userInfo
.
PostName
}}
</span>
</div>
<div
style=
"display: flex;justify-content: space-between;"
>
<div
style=
"cursor: pointer;cursor: pointer;position: relative;"
class=
"royalty"
@
click=
"goAnticipate(1)"
>
<div
class=
"tc"
>
<p>
<span>
¥
</span>
<span>
{{
data
.
OPCommission
}}
</span>
</p>
<p
style=
"color: #BDBDBD;font-size: 13px;padding: 0 0 5px 0;"
>
{{
data
.
PeriodsName
}}
期
<el-tag
v-if=
"data.PeopelBonus"
size=
"mini"
type=
"danger"
effect=
"dark"
style=
"color: #ffff;position: absolute;left: 70px;bottom: 23px;font-size: 11px;"
>
奖+
{{
data
.
PeopelBonus
}}
</el-tag>
</p>
</div>
<div
stye=
"font-size: 16px;color: #666666;display: block;display: inline-block;"
>
<span>
出境提成
</span>
</div>
</div>
</div>
<div
style=
"display: flex;justify-content: space-between;"
>
<div
style=
"border-left: 1px solid #eeeeee;width: 1px;"
>
</div>
<div
style=
"cursor: pointer;cursor: pointer;position: relative;"
class=
"royalty"
@
click=
"goAnticipate(1)"
>
<div
style=
"cursor: pointer;margin-left: 0;"
class=
"royalty"
@
click=
"goAnticipate(2)"
>
<div
class=
"tc"
>
<div
class=
"tc"
>
<p>
<p>
<span>
¥
</span>
<span>
¥
</span>
<span>
{{
data
.
OPCommission
}}
</span>
<span>
{{
data
.
GNOPCommission
}}
</span>
</p>
</p>
<p
style=
"color: #BDBDBD;font-size: 13px;padding: 0 0 5px 0;"
>
{{
data
.
PeriodsName
}}
期
<el-tag
<p
style=
"color: #BDBDBD;font-size: 13px;padding: 0 0 5px 0;"
>
{{
data
.
GNPeriodsName
}}
期
</p>
v-if=
"data.PeopelBonus"
size=
"mini"
type=
"danger"
effect=
"dark"
style=
"color: #ffff;position: absolute;left: 70px;bottom: 23px;font-size: 11px;"
>
奖+
{{
data
.
PeopelBonus
}}
</el-tag></p>
</div>
<div
stye=
"font-size: 16px;color: #666666;display: block;display: inline-block;"
>
<span>
出境提成
</span>
</div>
</div>
</div>
<div
style=
"border-left: 1px solid #eeeeee;width: 1px;"
>
</div>
<div
stye=
"font-size: 16px;color: #666666;display: block;display: inline-block;"
>
<div
style=
"cursor: pointer;margin-left: 0;"
class=
"royalty"
@
click=
"goAnticipate(2)"
>
<span>
国内提成
</span>
<div
class=
"tc"
>
<p>
<span>
¥
</span>
<span>
{{
data
.
GNOPCommission
}}
</span>
</p>
<p
style=
"color: #BDBDBD;font-size: 13px;padding: 0 0 5px 0;"
>
{{
data
.
GNPeriodsName
}}
期
</p>
</div>
<div
stye=
"font-size: 16px;color: #666666;display: block;display: inline-block;"
>
<span>
国内提成
</span>
</div>
</div>
</div>
<div
style=
"border-left: 1px solid #eeeeee;width: 1px;"
>
</div>
</div>
<div
style=
"cursor: pointer;margin-left: 0;"
class=
"royalty"
@
click=
"goAnticipate(3)"
>
<div
style=
"border-left: 1px solid #eeeeee;width: 1px;"
>
</div>
<div
class=
"tc"
>
<div
style=
"cursor: pointer;margin-left: 0;"
class=
"royalty"
@
click=
"goAnticipate(3)"
>
<p>
<div
class=
"tc"
>
<span>
¥
</span>
<p>
<span>
{{
data
.
DXOPCommission
}}
</span>
<span>
¥
</span>
</p>
<span>
{{
data
.
DXOPCommission
}}
</span>
<p
style=
"color: #BDBDBD;font-size: 13px;padding: 0 0 5px 0;"
>
{{
data
.
DXPeriodsName
}}
期
</p>
</p>
</div>
<p
style=
"color: #BDBDBD;font-size: 13px;padding: 0 0 5px 0;"
>
{{
data
.
DXPeriodsName
}}
期
</p>
<div
stye=
"font-size: 16px;color: #666666;display: block;display: inline-block;"
>
<span>
历史单项提成
</span>
</div>
</div>
</div>
<div
stye=
"font-size: 16px;color: #666666;display: block;display: inline-block;"
>
<span>
历史单项提成
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</el-col>
</div>
<el-col
:span=
"12"
style=
"padding-right: 0;"
>
</el-col>
<div
class=
"el-col-div ownScrollbarStyle PersonalData_l"
<el-col
:span=
"12"
style=
"padding-right: 0;"
>
<div
class=
"el-col-div ownScrollbarStyle PersonalData_l"
style=
"height: 158px;background: #fff;position: relative;"
>
style=
"height: 158px;background: #fff;position: relative;"
>
<div
class=
"title-Month"
>
<div
class=
"title-Month"
>
<template
v-for=
"(item ,index) in MonthList"
>
<template
v-for=
"(item ,index) in MonthList"
>
<input
type=
"button"
:key=
"index"
<input
type=
"button"
:key=
"index"
:class=
"
{'normalBtn':Month==item.Id,'hollowFixedBtn':Month!=item.Id}"
:class=
"
{'normalBtn':Month==item.Id,'hollowFixedBtn':Month!=item.Id}" :value="item.Name"
:value="item.Name"
@click="clickActive(item)">
</input>
@click="clickActive(item)">
</input>
</
template
>
</
template
>
</div>
</div>
<div
style=
"display: flex;flex-direction: column; padding: 20px 20px 0 20px;"
>
<div
style=
"display: flex;flex-direction: column; padding: 20px 20px 0 20px;"
>
<div
class=
"headerTitle"
>
<div
class=
"headerTitle"
>
<!-- <p><span>总团队数:</span> <span>{{groupNum}}</span></p> -->
<!-- <p><span>总团队数:</span> <span>{{groupNum}}</span></p> -->
<p><span>
总订单数:
</span>
<span>
{{OrderNum}}
</span></p>
<p><span>
总订单数:
</span>
<span>
{{OrderNum}}
</span></p>
<p><span>
总人头数:
</span><span>
{{EopleNum}}
</span></p>
<p><span>
总人头数:
</span><span>
{{EopleNum}}
</span></p>
<p><span>
总预期奖金:
</span><span>
{{CommissionJJ}}
</span></p>
<p><span>
总预期奖金:
</span><span>
{{CommissionJJ}}
</span></p>
<p><span>
总预期提成:
</span><span>
{{CommissionTC}}
</span></p>
<p><span>
总预期提成:
</span><span>
{{CommissionTC}}
</span></p>
</div>
</div>
<p
style=
"color: red;font-size: 14px;text-align: right;position: absolute;bottom: 10px;
<p
style=
"color: red;font-size: 14px;text-align: right;position: absolute;bottom: 10px;
right: 20px;"
>
注:操作提成需已结团后方可发放提成,以下预期提成均为已结团统计
</p>
right: 20px;"
>
注:操作提成需已结团后方可发放提成,以下预期提成均为已结团统计
</p>
</div>
</div>
</div>
</div>
</el-col>
</el-col>
</el-row>
</el-row>
</div>
</div>
<
template
v-for=
"(item,index) in dataRlueList"
>
<
template
v-for=
"(item,index) in dataRlueList"
>
<div
class=
"CommissionLadder-form"
style=
"flex-direction: column;"
>
<div
class=
"CommissionLadder-form"
style=
"flex-direction: column;"
>
<div
class=
"CommissionLadder Line"
:style=
"
{'margin': index>0?'10px 0 0 0':'0 0 0 0'}">
<div
class=
"CommissionLadder Line"
:style=
"
{'margin': index>0?'10px 0 0 0':'0 0 0 0'}">
...
@@ -318,46 +360,50 @@
...
@@ -318,46 +360,50 @@
<div
class=
"commissionProject"
style=
"display: flex;flex-wrap: wrap;padding: 0 0 15px 0;"
>
<div
class=
"commissionProject"
style=
"display: flex;flex-wrap: wrap;padding: 0 0 15px 0;"
>
<div>
<div>
<div
style=
"padding: 0 0 5px 0;"
>
<div
style=
"padding: 0 0 5px 0;"
>
<span
class=
"ProjectTitle"
>
公司所有国内出发线路(单团.散拚)
<span
class=
"ProjectTitle"
>
公司所有国内出发线路(单团.散拚)
<span></span></span>
<span></span></span>
</div>
</div>
<div
class=
"groupTourOrder"
>
<div
class=
"groupTourOrder"
>
<span>
团队数:
<span>
{{
item
.
PeopleAward
.
TravelNum
}}
</span></span>
<span>
团队数:
<span><template
v-if=
"item.PeopleAward"
>
<span>
人头数:
<span>
{{
item
.
PeopleAward
.
PeopelNum
}}
</span></span>
{{
item
.
PeopleAward
.
TravelNum
}}
</
template
></span></span>
<span>
提成方式:
<span>
{{
item
.
PeopleAward
.
Rate
}}{{
item
.
PeopleAward
.
Way
==
1
?
'元/人'
:
'%'
}}
</span></span>
<span>
人头数:
<span><
template
<span>
预期提成:
<span>
{{
item
.
PeopleAward
.
Commission
}}
</span></span>
v-if=
"item.PeopleAward"
>
{{
item
.
PeopleAward
.
PeopelNum
}}
</
template
></span></span>
<span>
提成方式:
<span><
template
v-if=
"item.PeopleAward"
>
{{
item
.
PeopleAward
.
Rate
}}{{
item
.
PeopleAward
.
Way
==
1
?
'元/人'
:
'%'
}}
</
template
></span></span>
<span>
预期提成:
<span><
template
v-if=
"item.PeopleAward"
>
{{
item
.
PeopleAward
.
Commission
}}
</
template
></span></span>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
</template>
<div
class=
"border-bottom"
v-if=
"isVisa"
>
<div
class=
"border-bottom"
v-if=
"isVisa"
>
<p
style=
"font-size: 16px;font-weight: bold;color: black;padding: 10px 0 0 0;"
<p
style=
"font-size: 16px;font-weight: bold;color: black;padding: 10px 0 0 0;"
v-if=
"item.BranchList[0].GradeRuleList.length>0"
>
小包团{{!isBranchCompany?'、落地团':''}}以及单项提成
</p>
v-if=
"item.BranchList[0].GradeRuleList.length>0"
>
小包团{{!isBranchCompany?'、落地团':''}}以及单项提成
</p>
<div
class=
"ladder-form"
style=
"margin-top: 3px;"
>
<div
class=
"ladder-form"
style=
"margin-top: 3px;"
>
<div
class=
"ladder-form-box"
>
<div
class=
"ladder-form-box"
>
<
template
v-if=
"item.BranchList[0].GradeRuleList.length>0"
>
<
template
v-if=
"item.BranchList[0].GradeRuleList.length>0"
>
<div
class=
"ladder-list"
v-for=
"(s,indexs) in item.BranchList"
>
<div
class=
"ladder-list"
v-for=
"(s,indexs) in item.BranchList"
>
<div
class=
"ladder-title"
>
{{
s
.
BranchName
}}
</div>
<div
class=
"ladder-title"
>
{{
s
.
BranchName
}}
</div>
<div
class=
"CommissionInfor"
>
<div
class=
"CommissionInfor"
>
<span>
<span>
团数:
<span>
{{
s
.
TravelNum
}}
</span>
团数:
<span>
{{
s
.
TravelNum
}}
</span>
</span>
</span>
<span>
<span>
单项单数:
<span>
{{
s
.
SingleOrderNum
}}
</span>
单项单数:
<span>
{{
s
.
SingleOrderNum
}}
</span>
</span>
</span>
<span>
<span>
预期利润:
<span>
{{
s
.
Profit
}}
</span>
预期利润:
<span>
{{
s
.
Profit
}}
</span>
</span>
</span>
<span>
<span>
预期比例:
<span>
{{
s
.
Rate
}}{{
s
.
Way
==
1
?
'元/人'
:
'%'
}}
</span>
预期比例:
<span>
{{
s
.
Rate
}}{{
s
.
Way
==
1
?
'元/人'
:
'%'
}}
</span>
</span>
</span>
<span>
<span>
预期提成:
<span>
{{
s
.
Commission
}}
</span>
预期提成:
<span>
{{
s
.
Commission
}}
</span>
</span>
</span>
</div>
<progressComm
:type=
"2"
:CommissionRateList=
"s.GradeRuleList"
:Profit=
"s.Profit"
>
</progressComm>
</div>
</div>
<progressComm
:type=
"2"
:CommissionRateList=
"s.GradeRuleList"
:Profit=
"s.Profit"
></progressComm>
</div>
</
template
>
</
template
>
<div
class=
"ladder-list"
>
<div
class=
"ladder-list"
>
<div
class=
"ladder-title"
>
额外奖励 {{isBranchCompany?'(需独立成团、不含落地团)':''}}
</div>
<div
class=
"ladder-title"
>
额外奖励 {{isBranchCompany?'(需独立成团、不含落地团)':''}}
</div>
...
@@ -370,68 +416,68 @@
...
@@ -370,68 +416,68 @@
</span>
</span>
</div>
</div>
<progressComm
:type=
"1"
:CommissionRateList=
"item.TravelAward.GradeRuleList"
<progressComm
:type=
"1"
:CommissionRateList=
"item.TravelAward.GradeRuleList"
:Profit=
"item.TravelAward.TravelNum"
></progressComm>
:Profit=
"item.TravelAward.TravelNum"
></progressComm>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class=
"commissionProject"
style=
"display: flex;flex-wrap: wrap;"
>
<div
class=
"commissionProject"
style=
"display: flex;flex-wrap: wrap;"
>
<div>
<div>
<div
style=
"display: flex;"
>
<div
style=
"display: flex;"
>
<div>
<div>
<div
class=
"commissionProjectZL"
>
<div
class=
"commissionProjectZL"
>
<span
class=
"ProjectTitle"
>
签证提成
</span>
<span
class=
"ProjectTitle"
>
签证提成
</span>
</div>
</div>
<p>
单项签证
</p>
<p>
单项签证
</p>
<div
class=
"groupTourOrder"
>
<div
class=
"groupTourOrder"
>
<span>
订单数:
<span>
{{item.SingleVisa.OrderNum}}
</span></span>
<span>
订单数:
<span>
{{item.SingleVisa.OrderNum}}
</span></span>
<span
v-if=
"item.SingleVisa.Way==1"
>
报名人数:
<span>
{{item.SingleVisa.PeopleNum}}
</span></span>
<span
v-if=
"item.SingleVisa.Way==1"
>
报名人数:
<span>
{{item.SingleVisa.PeopleNum}}
</span></span>
<span
v-if=
"item.SingleVisa.Way==2"
>
预期利润:
<span>
{{item.SingleVisa.Profit}}
</span></span>
<span
v-if=
"item.SingleVisa.Way==2"
>
预期利润:
<span>
{{item.SingleVisa.Profit}}
</span></span>
<span>
提成比例:
<span>
{{item.SingleVisa.Rate}}{{item.SingleVisa.Way==1?'元/人':'%'}}
</span></span>
<span>
提成比例:
<span>
{{item.SingleVisa.Rate}}{{item.SingleVisa.Way==1?'元/人':'%'}}
</span></span>
<span>
预期提成:
<span>
{{item.SingleVisa.Commission}}
</span></span>
<span>
预期提成:
<span>
{{item.SingleVisa.Commission}}
</span></span>
</div>
</div>
</div>
</div>
<div
style=
"margin-left: 40px;"
>
<div
style=
"margin-left: 40px;"
>
<div
class=
"commissionProjectZL"
>
<div
class=
"commissionProjectZL"
>
<span
class=
"ProjectTitle"
>
<span
class=
"ProjectTitle"
>
<span></span></span>
<span></span></span>
</div>
</div>
<p>
团队签证
</p>
<p>
团队签证
</p>
<div
class=
"groupTourOrder"
>
<div
class=
"groupTourOrder"
>
<span>
签证人数:
<span>
{{item.TravelVisa.VisaNum}}
</span></span>
<span>
签证人数:
<span>
{{item.TravelVisa.VisaNum}}
</span></span>
<span>
单价:
<span>
{{item.TravelVisa.Rate}}{{item.TravelVisa.Way==1?'元/人':'%'}}
</span></span>
<span>
单价:
<span>
{{item.TravelVisa.Rate}}{{item.TravelVisa.Way==1?'元/人':'%'}}
</span></span>
<span>
预期提成:
<span>
{{item.TravelVisa.Commission}}
</span></span>
<span>
预期提成:
<span>
{{item.TravelVisa.Commission}}
</span></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class=
"commissionProject"
style=
"display: flex;flex-wrap: wrap;border: 0;"
<div
class=
"commissionProject"
style=
"display: flex;flex-wrap: wrap;border: 0;"
v-if=
"(isVisa&&!isBranchCompany)&&!index"
>
v-if=
"(isVisa&&!isBranchCompany)&&!index"
>
<div>
<div>
<div
style=
"display: flex;"
>
<div
style=
"display: flex;"
>
<div>
<div>
<div
class=
"commissionProjectZL"
>
<div
class=
"commissionProjectZL"
>
<span
class=
"ProjectTitle"
>
助理奖励
<span
class=
"ProjectTitle"
>
助理奖励
</span>
</span>
</div>
</div>
<p>
系列团、小包团助理op人头奖励
</p>
<p>
系列团、小包团助理op人头奖励
</p>
<div
class=
"groupTourOrder"
>
<div
class=
"groupTourOrder"
>
<span>
团队人数:
<span>
{{ZLOPAward.TravelPeopleNum}}
</span></span>
<span>
团队人数:
<span>
{{ZLOPAward.TravelPeopleNum}}
</span></span>
<span>
单价:
<span>
{{ZLOPAward.TravelUnitPrice}}元/人
</span></span>
<span>
单价:
<span>
{{ZLOPAward.TravelUnitPrice}}元/人
</span></span>
<span>
预期提成:
<span>
{{ZLOPAward.TravelCommission}}
</span></span>
<span>
预期提成:
<span>
{{ZLOPAward.TravelCommission}}
</span></span>
</div>
</div>
</div>
</div>
<div
style=
"margin-left: 40px;"
>
<div
style=
"margin-left: 40px;"
>
<div
class=
"commissionProjectZL"
>
<div
class=
"commissionProjectZL"
>
<span
class=
"ProjectTitle"
>
<span
class=
"ProjectTitle"
>
<span></span></span>
<span></span></span>
</div>
</div>
<p>
落地散、单项人头奖励
</p>
<p>
落地散、单项人头奖励
</p>
<div
class=
"groupTourOrder"
>
<div
class=
"groupTourOrder"
>
<span>
订单人数:
<span>
{{ZLOPAward.SinglePeopleNum}}
</span></span>
<span>
订单人数:
<span>
{{ZLOPAward.SinglePeopleNum}}
</span></span>
<span>
单价:
<span>
{{ZLOPAward.SingleUnitPrice}}元/人
</span></span>
<span>
单价:
<span>
{{ZLOPAward.SingleUnitPrice}}元/人
</span></span>
<span>
预期提成:
<span>
{{ZLOPAward.SingleCommission}}
</span></span>
<span>
预期提成:
<span>
{{ZLOPAward.SingleCommission}}
</span></span>
</div>
</div>
</div>
</div>
</div>
</div>
...
@@ -439,167 +485,168 @@
...
@@ -439,167 +485,168 @@
</div>
</div>
</div>
</div>
</div>
</div>
</template>
</template>
<div
style=
"display: flex;margin: 10px 0 10px 0;"
v-if=
"isVisa"
>
<div
style=
"display: flex;margin: 10px 0 10px 0;"
v-if=
"isVisa"
>
<div
class=
"CommissionLadder Line"
style=
"width: 100%;margin: 0 0 0 0;padding: 16px 20px 0 20px;flex-shrink: 0;"
>
<div
class=
"CommissionLadder Line"
<div
style=
"display: flex;justify-content: space-between
;"
>
style=
"width: 100%;margin: 0 0 0 0;padding: 16px 20px 0 20px;flex-shrink: 0
;"
>
<span
style=
"font-weight: bold;font-size: 16px;"
>
国内提成
<div
style=
"display: flex;justify-content: space-between;"
>
<span
style=
"font-size: 13px;color: red;margin-left: 20px;"
>
<span
style=
"font-weight: bold;font-size: 16px;"
>
国内提成
注:国内提成需结团后方可发放提成,以实际结团为准,此处只提供参考
</span
>
<span
style=
"font-size: 13px;color: red;margin-left: 20px;"
>
</span>
注:国内提成需结团后方可发放提成,以实际结团为准,此处只提供参考
</span>
<div
>
</span
>
<!-- <detailsButtom :type="2" :obj="commissionMsg" :Month="Month"/> --
>
<div
>
<
/div
>
<
!-- <detailsButtom :type="2" :obj="commissionMsg" :Month="Month"/> --
>
</div>
</div>
<p
style=
"padding: 0 0 10px 0;text-align: left;"
></p>
</div>
<div
class=
"ExpectedCommission-table"
>
<p
style=
"padding: 0 0 10px 0;text-align: left;"
></p>
<el-table
border
ref=
"multipleTable"
:data=
"isExpansion?newRlistAll:newRlist"
>
<div
class=
"ExpectedCommission-table"
>
<el-table-column
width=
"80"
prop=
"RuleName"
<el-table
border
ref=
"multipleTable"
:data=
"isExpansion?newRlistAll:newRlist"
>
label=
"团队类型"
show-overflow-tooltip
>
<el-table-column
width=
"80"
prop=
"RuleName"
label=
"团队类型"
show-overflow-tooltip
>
<
template
slot-scope=
"scope"
>
<
template
slot-scope=
"scope"
>
{{
scope
.
row
.
RuleName
}}
{{
scope
.
row
.
RuleName
}}
</
template
>
</
template
>
</el-table-column>
</el-table-column>
<el-table-column
width=
"70"
prop=
"OrderNum"
<el-table-column
width=
"70"
prop=
"OrderNum"
label=
"订单数"
>
label=
"订单数"
>
<
template
slot-scope=
"scope"
>
<
template
slot-scope=
"scope"
>
{{
scope
.
row
.
OrderNum
?
scope
.
row
.
OrderNum
:
scope
.
row
.
OrderNum
}}
{{
scope
.
row
.
OrderNum
?
scope
.
row
.
OrderNum
:
scope
.
row
.
OrderNum
}}
</
template
>
</
template
>
</el-table-column>
</el-table-column>
<el-table-column
width=
"70"
prop=
"PeopleNum"
<el-table-column
width=
"70"
prop=
"PeopleNum"
label=
"报名数"
>
label=
"报名数"
>
<
template
slot-scope=
"scope"
>
<
template
slot-scope=
"scope"
>
{{
scope
.
row
.
PeopleNum
?
scope
.
row
.
PeopleNum
:
scope
.
row
.
PeopleNum
}}
{{
scope
.
row
.
PeopleNum
?
scope
.
row
.
PeopleNum
:
scope
.
row
.
PeopleNum
}}
</
template
>
</
template
>
</el-table-column>
</el-table-column>
<el-table-column
prop=
"Way"
<el-table-column
prop=
"Way"
label=
"提成方式"
>
label=
"提成方式"
>
<
template
slot-scope=
"scope"
>
<
template
slot-scope=
"scope"
>
{{
scope
.
row
.
Way
==
2
?
'利润提成'
:
'人头奖励'
}}
{{
scope
.
row
.
Way
==
2
?
'利润提成'
:
'人头奖励'
}}
</
template
>
</
template
>
</el-table-column>
</el-table-column>
<el-table-column
prop=
"ProfitRate"
label=
"提成"
width=
"60"
>
<el-table-column
prop=
"ProfitRate"
<
template
slot-scope=
"scope"
>
label=
"提成"
width=
"60"
>
<template
v-if=
"scope.row.Way==1"
>
<
template
slot-scope=
"scope"
>
{{
scope
.
row
.
Money
+
'/人'
}}
<template
v-if=
"scope.row.Way==1"
>
{{
scope
.
row
.
Money
+
'/人'
}}
</
template
>
<
template
v-if=
"scope.row.Way==2"
>
{{
scope
.
row
.
ProfitRate
+
'%'
}}
</
template
>
</
template
>
</
template
>
</el-table-column>
<
template
v-if=
"scope.row.Way==2"
>
<el-table-column
prop=
"Profit"
{{
scope
.
row
.
ProfitRate
+
'%'
}}
label=
"预期利润"
show-overflow-tooltip
>
<
template
slot-scope=
"scope"
>
{{
scope
.
row
.
Way
==
2
&&
scope
.
row
.
Profit
?
scope
.
row
.
Profit
:
'-'
}}
</
template
>
</
template
>
</el-table-column>
</template>
<el-table-column
prop=
"Commission"
</el-table-column>
label=
"预期提成"
show-overflow-tooltip
>
<el-table-column
prop=
"Profit"
label=
"预期利润"
show-overflow-tooltip
>
<
template
slot-scope=
"scope"
>
{{
scope
.
row
.
Way
==
2
&&
scope
.
row
.
Profit
?
scope
.
row
.
Profit
:
'-'
}}
</
template
>
</el-table-column>
<el-table-column
prop=
"Commission"
label=
"预期提成"
show-overflow-tooltip
>
<
template
slot-scope=
"scope"
>
<
template
slot-scope=
"scope"
>
{{
scope
.
row
.
Commission
}}
{{
scope
.
row
.
Commission
}}
</
template
>
</
template
>
</el-table-column>
</el-table-column>
</el-table>
</el-table>
<div
style=
"color: red;font-size: 12px;text-align: right;padding: 0;"
>
<div
style=
"color: red;font-size: 12px;text-align: right;padding: 0;"
>
<span
style=
"cursor: pointer;display: inline-block;padding: 10px 5px;"
@
click=
"isExpansion=!isExpansion"
>
<span
style=
"cursor: pointer;display: inline-block;padding: 10px 5px;"
{{isExpansion?'收起':'展开'}}
@
click=
"isExpansion=!isExpansion"
>
<i
:class=
"[isExpansion?'el-icon-arrow-up':'el-icon-arrow-down']"
></i>
{{isExpansion?'收起':'展开'}}
<
/span
>
<
i
:class=
"[isExpansion?'el-icon-arrow-up':'el-icon-arrow-down']"
></i
>
</
div
>
</
span
>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class=
"ExpectedCommission-form"
>
<div
class=
"ExpectedCommission-form"
>
<!-- 未平账单 -->
<!-- 未平账单 -->
<div
class=
"OpenOrder"
>
<div
class=
"OpenOrder"
>
<div
class=
"OpenOrderMore"
>
<div
class=
"OpenOrderMore"
>
<div>
未完结团
</div>
<div>
未完结团
</div>
<span
@
click=
"goMore"
style=
"cursor: pointer;"
>
更多
<i
class=
"el-icon-d-arrow-right"
></i>
</span>
<span
@
click=
"goMore"
style=
"cursor: pointer;"
>
更多
<i
class=
"el-icon-d-arrow-right"
></i>
</span>
</div>
<OrderList
:OrderList=
"OrderList"
></OrderList>
</div>
</div>
<div
style=
"display: flex;justify-content: space-between;"
>
<OrderList
:OrderList=
"OrderList"
></OrderList>
<div
style=
"padding: 10px 0 0 0;color: #E95252;line-height: 30px;width: 50%;white-space: wrap;"
>
</div>
<p
style=
"font-weight: bold;"
>
备注:
</p>
<div
style=
"display: flex;justify-content: space-between;"
>
1.以上制度公司会因市场变动与业务实际情况及公司规模採取适当因应或调整,敬请注意!!
</br>
<div
style=
"padding: 10px 0 0 0;color: #E95252;line-height: 30px;width: 50%;white-space: wrap;"
>
2.购物佣金不计入OP毛利奖金
</br>
<p
style=
"font-weight: bold;"
>
备注:
</p>
3.如果小包团、落地散团出现利润亏损,需其他团分摊亏损的利润
</br>
1.以上制度公司会因市场变动与业务实际情况及公司规模採取适当因应或调整,敬请注意!!
</br>
4.签证订单 需OP点完结后方可参与提成。
</br>
2.购物佣金不计入OP毛利奖金
</br>
</div>
3.如果小包团、落地散团出现利润亏损,需其他团分摊亏损的利润
</br>
<div
style=
"display: none; padding: 10px 0 0 0;color: #E95252;line-height: 30px;width: 50%;white-space: wrap;"
>
4.签证订单 需OP点完结后方可参与提成。
</br>
<p
style=
"font-weight: bold;"
>
关于提成发放流程的补充通知:
</p>
<p>
提成按时发放是公司所有人的期盼,同时也是公司重视的一部份,202
3年04月27日发布文件编号:2023-A-19“关于提成发放流程的通知”文件,在实际
操作过程中还是有部份人员不重视、无公德心,未在规定时间内及时改价或成本录入
未完成,导致5月提成未正常发放,为不影响其他销售的提成,特对提成规则做以下补充:
</p>
1.从2023年5月18日起,行政部会按提成规定对已平账订单进行制单;
</br>
2.未在规定时间内改价平账订单,违反提成规则,该订单报名当事人提成金额为0。
</br>
3.未平账订单继续追溯至下个月,直到全部帐平为止,再放发上月其他订单提成
</br>
4.未结团团期或成本遗漏补录等原因,造成团队利润变动,销售提成会在次月再次验证此团利润,多退少补;
</br>
5.提成工作环环相扣,请所有人员务必有公德心,同时遵守工作流程,尊重他人。
</br>
</div>
</div>
</div>
<div
style=
"display: none; padding: 10px 0 0 0;color: #E95252;line-height: 30px;width: 50%;white-space: wrap;"
>
<p
style=
"font-weight: bold;"
>
关于提成发放流程的补充通知:
</p>
<p>
提成按时发放是公司所有人的期盼,同时也是公司重视的一部份,202
3年04月27日发布文件编号:2023-A-19“关于提成发放流程的通知”文件,在实际
操作过程中还是有部份人员不重视、无公德心,未在规定时间内及时改价或成本录入
未完成,导致5月提成未正常发放,为不影响其他销售的提成,特对提成规则做以下补充:
</p>
1.从2023年5月18日起,行政部会按提成规定对已平账订单进行制单;
</br>
2.未在规定时间内改价平账订单,违反提成规则,该订单报名当事人提成金额为0。
</br>
3.未平账订单继续追溯至下个月,直到全部帐平为止,再放发上月其他订单提成
</br>
4.未结团团期或成本遗漏补录等原因,造成团队利润变动,销售提成会在次月再次验证此团利润,多退少补;
</br>
5.提成工作环环相扣,请所有人员务必有公德心,同时遵守工作流程,尊重他人。
</br>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
</template>
<
script
>
<
script
>
import
leftNav
from
'../public/leftNav.vue'
import
leftNav
from
'../public/leftNav.vue'
import
progressComm
from
'./components/progressComm'
import
progressComm
from
'./components/progressComm'
import
OrderList
from
'./components/OrderList'
import
OrderList
from
'./components/OrderList'
import
detailsButtom
from
'./components/details'
import
detailsButtom
from
'./components/details'
export
default
{
export
default
{
data
()
{
data
()
{
return
{
return
{
userInfo
:
{},
userInfo
:
{},
isBranchCompany
:
false
,
isBranchCompany
:
false
,
isVisa
:
false
,
isVisa
:
false
,
jianjin
:
0
,
jianjin
:
0
,
yuqiticheng
:
0
,
yuqiticheng
:
0
,
groupNum
:
0
,
groupNum
:
0
,
OrderNum
:
0
,
OrderNum
:
0
,
EopleNum
:
0
,
EopleNum
:
0
,
defaultHeadImg
:
'this.src="'
+
require
(
"../../assets/img/default_head_img.jpg"
)
+
'"'
,
defaultHeadImg
:
'this.src="'
+
require
(
"../../assets/img/default_head_img.jpg"
)
+
'"'
,
data
:{},
data
:
{},
loading
:
true
,
loading
:
true
,
ZLOPAward
:{},
ZLOPAward
:
{},
dataRlueList
:[],
dataRlueList
:
[],
EditBtn
:
false
,
EditBtn
:
false
,
CurrentUserInfo
:
{},
CurrentUserInfo
:
{},
zoom
:
1
,
zoom
:
1
,
isExpansion
:
false
,
isExpansion
:
false
,
CommissionJJ
:
0
,
CommissionJJ
:
0
,
CommissionTC
:
0
,
CommissionTC
:
0
,
GNOrderNum
:
0
,
GNOrderNum
:
0
,
GNEopleNum
:
0
,
GNEopleNum
:
0
,
GNCommission
:
0
,
GNCommission
:
0
,
newRlist
:[],
newRlist
:
[],
newRlistAll
:[],
newRlistAll
:
[],
DomesticLine
:{},
DomesticLine
:
{},
msg
:{
msg
:
{
Month
:
''
Month
:
''
},
},
Month
:
1
,
Month
:
1
,
MonthList
:[
MonthList
:
[{
{
Name
:
'上月'
,
Id
:
'0'
},
Name
:
'上月'
,
{
Name
:
'当月'
,
Id
:
'1'
},
Id
:
'0'
},
{
Name
:
'当月'
,
Id
:
'1'
},
],
],
CommissionInfor
:
{},
CommissionInfor
:
{},
OrderList
:
[],
OrderList
:
[],
YearTime
:
''
,
YearTime
:
''
,
LastMonthTime
:
''
,
LastMonthTime
:
''
,
MonthTime
:
''
,
MonthTime
:
''
,
commissionMsg
:{
commissionMsg
:
{
pageIndex
:
1
,
pageIndex
:
1
,
pageSize
:
6
,
pageSize
:
6
,
OrderId
:
""
,
//订单id
OrderId
:
""
,
//订单id
...
@@ -607,54 +654,54 @@
...
@@ -607,54 +654,54 @@
EnterId
:
0
,
//业务员id
EnterId
:
0
,
//业务员id
OrderState
:
'1'
,
//订单状态
OrderState
:
'1'
,
//订单状态
Q_IsCollect
:
"2"
,
//收款状态
Q_IsCollect
:
"2"
,
//收款状态
StartTime
:
""
,
//报名开始日期
StartTime
:
""
,
//报名开始日期
EndTime
:
""
,
//报名结束日期
EndTime
:
""
,
//报名结束日期
FinishSTime
:
""
,
//完结开始时间
FinishSTime
:
""
,
//完结开始时间
FinishETime
:
""
,
//完结结束时间
FinishETime
:
""
,
//完结结束时间
DepartSTime
:
""
,
//出发开始
DepartSTime
:
""
,
//出发开始
DepartETime
:
""
,
//出发结束
DepartETime
:
""
,
//出发结束
TCNUM
:
""
,
//团号
TCNUM
:
""
,
//团号
ProductName
:
""
,
//商品名称
ProductName
:
""
,
//商品名称
CustomerName
:
""
,
//客户名称
CustomerName
:
""
,
//客户名称
LureEmpId
:
0
,
//引流人员
LureEmpId
:
0
,
//引流人员
LineId
:
0
,
//线路
LineId
:
0
,
//线路
TravelType
:
0
,
//跟团类型 1跟团 2当地游
TravelType
:
0
,
//跟团类型 1跟团 2当地游
OrderType
:
"0"
,
//订单类型
OrderType
:
"0"
,
//订单类型
IsSelectCRM
:
0
,
//1来源crm
IsSelectCRM
:
0
,
//1来源crm
IsMyOrder
:
1
,
//1我的订单
IsMyOrder
:
1
,
//1我的订单
},
},
isAnnualBonus
:
false
,
// 年终奖权限
isAnnualBonus
:
false
,
// 年终奖权限
}
}
},
},
components
:
{
components
:
{
leftNav
,
leftNav
,
progressComm
,
progressComm
,
OrderList
,
OrderList
,
detailsButtom
detailsButtom
},
},
methods
:{
methods
:
{
// 销售预期提成
// 销售预期提成
goAnticipate
(
type
){
goAnticipate
(
type
)
{
let
userInfo
=
this
.
getLocalStorage
();
let
userInfo
=
this
.
getLocalStorage
();
let
name
let
name
if
(
type
==
1
){
//出境
if
(
type
==
1
)
{
//出境
name
=
'OPCommissionDetail'
name
=
'OPCommissionDetail'
}
else
if
(
type
==
2
){
//国内
}
else
if
(
type
==
2
)
{
//国内
name
=
'OPsalesCommissionUser'
name
=
'OPsalesCommissionUser'
}
else
if
(
type
==
3
){
//历史单项
}
else
if
(
type
==
3
)
{
//历史单项
name
=
'ServiceCommissionUser'
name
=
'ServiceCommissionUser'
}
}
this
.
$router
.
push
({
this
.
$router
.
push
({
name
:
name
,
name
:
name
,
query
:
{
query
:
{
UserId
:
Number
(
userInfo
.
EmployeeId
),
UserId
:
Number
(
userInfo
.
EmployeeId
),
Type
:
2
,
Type
:
2
,
blank
:
'y'
blank
:
'y'
}
}
});
});
},
},
goMore
(){
goMore
()
{
this
.
$router
.
push
({
this
.
$router
.
push
({
name
:
'TravelControlList'
,
name
:
'TravelControlList'
,
query
:
{
query
:
{
...
@@ -662,12 +709,12 @@
...
@@ -662,12 +709,12 @@
}
}
});
});
},
},
clickActive
(
item
){
clickActive
(
item
)
{
this
.
Month
=
item
.
Id
this
.
Month
=
item
.
Id
if
(
item
.
Id
==
1
)
{
if
(
item
.
Id
==
1
)
{
this
.
msg
.
Month
=
this
.
Year
+
'-'
+
(
this
.
MonthTime
>
10
?
this
.
MonthTime
:
'0'
+
this
.
MonthTime
)
this
.
msg
.
Month
=
this
.
Year
+
'-'
+
(
this
.
MonthTime
>
10
?
this
.
MonthTime
:
'0'
+
this
.
MonthTime
)
}
else
{
}
else
{
this
.
msg
.
Month
=
this
.
Year
+
'-'
+
(
this
.
LastMonthTime
>
10
?
this
.
LastMonthTime
:
'0'
+
this
.
LastMonthTime
)
this
.
msg
.
Month
=
this
.
Year
+
'-'
+
(
this
.
LastMonthTime
>
10
?
this
.
LastMonthTime
:
'0'
+
this
.
LastMonthTime
)
}
}
this
.
getList
()
this
.
getList
()
},
},
...
@@ -682,56 +729,61 @@
...
@@ -682,56 +729,61 @@
this
.
jianjin
=
0
this
.
jianjin
=
0
this
.
yuqiticheng
=
0
this
.
yuqiticheng
=
0
this
.
dataRlueList
=
res
.
data
.
data
.
RlueList
this
.
dataRlueList
=
res
.
data
.
data
.
RlueList
this
.
dataRlueList
.
forEach
(
item
=>
{
this
.
dataRlueList
.
forEach
(
item
=>
{
this
.
groupNum
+=
item
.
TravelAward
.
TravelNum
this
.
groupNum
+=
item
.
TravelAward
.
TravelNum
;
this
.
groupNum
+=
item
.
PeopleAward
.
TravelNum
if
(
item
.
PeopleAward
&&
item
.
PeopleAward
.
TravelNum
)
{
if
(
item
.
SingleVisa
.
Way
==
1
){
this
.
groupNum
+=
item
.
PeopleAward
.
TravelNum
;
}
if
(
item
.
SingleVisa
.
Way
==
1
)
{
this
.
EopleNum
+=
item
.
SingleVisa
.
PeopleNum
this
.
EopleNum
+=
item
.
SingleVisa
.
PeopleNum
}
}
if
(
item
.
SingleVisa
.
Way
==
1
)
{
if
(
item
.
SingleVisa
.
Way
==
1
)
{
this
.
OrderNum
+=
item
.
SingleVisa
.
OrderNum
this
.
OrderNum
+=
item
.
SingleVisa
.
OrderNum
}
}
this
.
jianjin
+=
(
item
.
TravelAward
.
AwardMoney
*
100
)
this
.
jianjin
+=
(
item
.
TravelAward
.
AwardMoney
*
100
)
this
.
yuqiticheng
+=
(
item
.
SingleVisa
.
Commission
*
100
)
this
.
yuqiticheng
+=
(
item
.
SingleVisa
.
Commission
*
100
)
this
.
yuqiticheng
+=
(
item
.
TravelVisa
.
Commission
*
100
)
this
.
yuqiticheng
+=
(
item
.
TravelVisa
.
Commission
*
100
);
this
.
yuqiticheng
+=
(
item
.
PeopleAward
.
Commission
*
100
)
if
(
item
.
PeopleAward
&&
item
.
PeopleAward
.
Commission
)
{
item
.
BranchList
.
forEach
(
s
=>
{
this
.
yuqiticheng
+=
(
item
.
PeopleAward
.
Commission
*
100
);
}
item
.
BranchList
.
forEach
(
s
=>
{
this
.
groupNum
+=
s
.
TravelNum
this
.
groupNum
+=
s
.
TravelNum
this
.
OrderNum
+=
s
.
SingleOrderNum
this
.
OrderNum
+=
s
.
SingleOrderNum
this
.
yuqiticheng
+=
(
s
.
Commission
*
100
)
this
.
yuqiticheng
+=
(
s
.
Commission
*
100
)
})
})
this
.
EopleNum
+=
item
.
PeopleAward
.
PeopelNum
if
(
item
.
PeopleAward
&&
item
.
PeopleAward
.
PeopelNum
)
{
this
.
EopleNum
+=
item
.
PeopleAward
.
PeopelNum
}
})
})
this
.
ZLOPAward
=
res
.
data
.
data
.
ZLOPAward
this
.
ZLOPAward
=
res
.
data
.
data
.
ZLOPAward
// this.OrderNum += this.ZLOPAward.SinglePeopleNum
this
.
EopleNum
+=
this
.
ZLOPAward
.
TravelPeopleNum
this
.
EopleNum
+=
this
.
ZLOPAward
.
TravelPeopleNum
this
.
EopleNum
+=
this
.
ZLOPAward
.
SinglePeopleNum
this
.
EopleNum
+=
this
.
ZLOPAward
.
SinglePeopleNum
this
.
yuqiticheng
+=
(
this
.
ZLOPAward
.
TravelCommission
*
100
)
this
.
yuqiticheng
+=
(
this
.
ZLOPAward
.
TravelCommission
*
100
)
this
.
yuqiticheng
+=
(
this
.
ZLOPAward
.
SingleCommission
*
10
)
this
.
yuqiticheng
+=
(
this
.
ZLOPAward
.
SingleCommission
*
10
)
this
.
yuqiticheng
=
this
.
yuqiticheng
/
100
this
.
yuqiticheng
=
this
.
yuqiticheng
/
100
this
.
jianjin
=
this
.
jianjin
/
100
this
.
jianjin
=
this
.
jianjin
/
100
this
.
GetGNSaleExpectCommission
()
this
.
GetGNSaleExpectCommission
()
}
else
{
}
else
{
this
.
Error
(
res
.
data
.
message
)
this
.
Error
(
res
.
data
.
message
)
}
}
})
})
},
},
GetGNSaleExpectCommission
(){
GetGNSaleExpectCommission
()
{
// 国内提成
// 国内提成
this
.
apipost
(
'opcommission_Post_GetGNOPExpectCommission'
,
this
.
msg
,
this
.
apipost
(
'opcommission_Post_GetGNOPExpectCommission'
,
this
.
msg
,
res
=>
{
res
=>
{
if
(
res
.
data
.
resultCode
==
1
)
{
if
(
res
.
data
.
resultCode
==
1
)
{
this
.
DomesticLine
=
res
.
data
.
data
this
.
DomesticLine
=
res
.
data
.
data
// this.GNOrderNum = 0
// this.GNOrderNum = 0
// this.GNEopleNum = 0
// this.GNEopleNum = 0
this
.
GNCommission
=
0
this
.
GNCommission
=
0
this
.
DomesticLine
.
Rlist
.
forEach
(
item
=>
{
this
.
DomesticLine
.
Rlist
.
forEach
(
item
=>
{
// this.GNOrderNum+=Number(item.OrderNum)
// this.GNOrderNum+=Number(item.OrderNum)
// this.GNEopleNum+=Number(item.PeopleNum)
// this.GNEopleNum+=Number(item.PeopleNum)
this
.
GNCommission
+=
Number
(
item
.
Commission
)
this
.
GNCommission
+=
Number
(
item
.
Commission
)
})
})
this
.
newRlistAll
=
[
this
.
newRlistAll
=
[
...
@@ -739,32 +791,35 @@
...
@@ -739,32 +791,35 @@
this
.
DomesticLine
.
Rlist
[
3
],
this
.
DomesticLine
.
Rlist
[
3
],
this
.
DomesticLine
.
Rlist
[
4
],
this
.
DomesticLine
.
Rlist
[
4
],
this
.
DomesticLine
.
Rlist
[
0
],
this
.
DomesticLine
.
Rlist
[
0
],
this
.
DomesticLine
.
Rlist
[
1
]]
this
.
DomesticLine
.
Rlist
[
1
]
]
this
.
newRlist
=
[
this
.
DomesticLine
.
Rlist
[
2
]]
this
.
newRlist
=
[
this
.
DomesticLine
.
Rlist
[
2
]]
let
arr1
=
[
this
.
jianjin
]
let
arr1
=
[
this
.
jianjin
]
let
arr2
=
[
this
.
GNCommission
,
this
.
yuqiticheng
]
let
arr2
=
[
this
.
GNCommission
,
this
.
yuqiticheng
]
this
.
CommissionJJ
=
this
.
CalculatePrice
(
arr1
,
0
)
this
.
CommissionJJ
=
this
.
CalculatePrice
(
arr1
,
0
)
this
.
CommissionTC
=
this
.
CalculatePrice
(
arr2
,
2
)
this
.
CommissionTC
=
this
.
CalculatePrice
(
arr2
,
2
)
this
.
loading
=
false
;
this
.
loading
=
false
;
}
else
{
}
else
{
this
.
loading
=
false
;
this
.
loading
=
false
;
}
}
},
err
=>
{
this
.
loading
=
false
}
)
},
err
=>
{
this
.
loading
=
false
})
},
},
// 未结团数据
// 未结团数据
GetOrderPageList
(){
GetOrderPageList
()
{
this
.
apipost
(
'opcommission_GetOPNotGroupOutTravelList'
,
{},
this
.
apipost
(
'opcommission_GetOPNotGroupOutTravelList'
,
{},
res
=>
{
res
=>
{
if
(
res
.
data
.
resultCode
==
1
)
{
if
(
res
.
data
.
resultCode
==
1
)
{
let
data
=
res
.
data
.
data
?
res
.
data
.
data
:
[]
let
data
=
res
.
data
.
data
?
res
.
data
.
data
:
[]
if
(
data
&&
data
.
length
>
5
)
{
if
(
data
&&
data
.
length
>
5
)
{
for
(
let
i
=
0
;
i
<
5
;
i
++
)
{
for
(
let
i
=
0
;
i
<
5
;
i
++
)
{
this
.
OrderList
.
push
(
data
[
i
])
this
.
OrderList
.
push
(
data
[
i
])
}
}
}
else
{
}
else
{
this
.
OrderList
=
data
this
.
OrderList
=
data
}
}
}
else
{
}
else
{
this
.
Error
(
res
.
data
.
message
);
this
.
Error
(
res
.
data
.
message
);
}
}
},
},
...
@@ -784,12 +839,12 @@
...
@@ -784,12 +839,12 @@
},
},
//计算总成本
//计算总成本
CalculatePrice
(
arr1
,
num
)
{
CalculatePrice
(
arr1
,
num
)
{
var
CoastPrice
=
this
.
$commonUtils
.
CaluJsonArraySum2
(
var
CoastPrice
=
this
.
$commonUtils
.
CaluJsonArraySum2
(
arr1
,
arr1
,
num
num
);
);
return
CoastPrice
>
0
?
CoastPrice
:
0
return
CoastPrice
>
0
?
CoastPrice
:
0
},
},
GetAuth
()
{
GetAuth
()
{
var
actionCode
=
this
.
$AuthCode
.
V_PersonalCenter
;
var
actionCode
=
this
.
$AuthCode
.
V_PersonalCenter
;
...
@@ -799,8 +854,8 @@
...
@@ -799,8 +854,8 @@
}
}
});
});
},
},
},
},
mounted
()
{
mounted
()
{
this
.
GetAuth
();
this
.
GetAuth
();
this
.
CurrentUserInfo
=
this
.
getLocalStorage
();
this
.
CurrentUserInfo
=
this
.
getLocalStorage
();
var
w
=
document
.
documentElement
.
clientWidth
||
document
.
body
.
clientWidth
;
var
w
=
document
.
documentElement
.
clientWidth
||
document
.
body
.
clientWidth
;
...
@@ -816,38 +871,36 @@
...
@@ -816,38 +871,36 @@
let
userInfo
=
this
.
getLocalStorage
();
let
userInfo
=
this
.
getLocalStorage
();
this
.
userInfo
=
userInfo
this
.
userInfo
=
userInfo
if
(
userInfo
.
PostName
.
indexOf
(
'签证'
)
==-
1
)
{
if
(
userInfo
.
PostName
.
indexOf
(
'签证'
)
==
-
1
)
{
this
.
isVisa
=
true
this
.
isVisa
=
true
}
}
if
(
userInfo
.
RB_Branch_id
>
0
)
{
if
(
userInfo
.
RB_Branch_id
>
0
)
{
this
.
isBranchCompany
=
true
this
.
isBranchCompany
=
true
}
}
// 年终奖权限 销售, 引流, 市场, 票务 , 票務,总经理,总经理
// 年终奖权限 销售, 引流, 市场, 票务 , 票務,总经理,总经理
if
(
userInfo
.
PostName
.
indexOf
(
'销售'
)
||
userInfo
.
PostName
.
indexOf
(
'引流'
)
||
if
(
userInfo
.
PostName
.
indexOf
(
'销售'
)
||
userInfo
.
PostName
.
indexOf
(
'引流'
)
||
userInfo
.
PostName
.
indexOf
(
'市场,'
)
||
userInfo
.
PostName
.
indexOf
(
'票务'
)
||
userInfo
.
PostName
.
indexOf
(
'市场,'
)
||
userInfo
.
PostName
.
indexOf
(
'票务'
)
||
userInfo
.
PostName
.
indexOf
(
'票務'
)
||
userInfo
.
PostName
.
indexOf
(
'总经理'
)
||
userInfo
.
PostName
.
indexOf
(
'票務'
)
||
userInfo
.
PostName
.
indexOf
(
'总经理'
)
||
userInfo
.
PostName
.
indexOf
(
'总经理'
))
{
userInfo
.
PostName
.
indexOf
(
'总经理'
))
{
this
.
isAnnualBonus
=
true
this
.
isAnnualBonus
=
true
}
}
let
nowdays
=
new
Date
()
let
nowdays
=
new
Date
()
this
.
Year
=
new
Date
().
getFullYear
()
this
.
Year
=
new
Date
().
getFullYear
()
this
.
LastMonthTime
=
new
Date
().
getMonth
()
this
.
LastMonthTime
=
new
Date
().
getMonth
()
this
.
MonthTime
=
new
Date
().
getMonth
()
+
1
this
.
MonthTime
=
new
Date
().
getMonth
()
+
1
this
.
msg
.
Month
=
this
.
Year
+
'-'
+
(
this
.
MonthTime
>
10
?
this
.
MonthTime
:
'0'
+
this
.
MonthTime
)
this
.
msg
.
Month
=
this
.
Year
+
'-'
+
(
this
.
MonthTime
>
10
?
this
.
MonthTime
:
'0'
+
this
.
MonthTime
)
this
.
MonthList
[
0
].
Name
=
this
.
MonthList
[
0
].
Name
+
'('
+
this
.
LastMonthTime
+
'月)'
this
.
MonthList
[
0
].
Name
=
this
.
MonthList
[
0
].
Name
+
'('
+
this
.
LastMonthTime
+
'月)'
this
.
MonthList
[
1
].
Name
=
this
.
MonthList
[
1
].
Name
+
'('
+
this
.
MonthTime
+
'月)'
this
.
MonthList
[
1
].
Name
=
this
.
MonthList
[
1
].
Name
+
'('
+
this
.
MonthTime
+
'月)'
this
.
commissionMsg
.
DepartSTime
=
this
.
getBeforeDate
(
93
,
this
.
getBeforeDate
(
0
,
new
Date
().
Format
(
"yyyy-MM-dd"
)))
this
.
commissionMsg
.
DepartSTime
=
this
.
getBeforeDate
(
93
,
this
.
getBeforeDate
(
0
,
new
Date
().
Format
(
"yyyy-MM-dd"
)))
var
MonthDayNum
=
new
Date
(
this
.
Year
,
this
.
MonthTime
,
0
).
getDate
();
//计算当月的天数
var
MonthDayNum
=
new
Date
(
this
.
Year
,
this
.
MonthTime
,
0
).
getDate
();
//计算当月的天数
this
.
commissionMsg
.
DepartETime
=
this
.
Year
+
'-'
+
(
this
.
MonthTime
>
10
?
this
.
MonthTime
:
'0'
+
this
.
MonthTime
)
+
'-'
+
(
MonthDayNum
>
10
?
MonthDayNum
:
'0'
+
MonthDayNum
)
//出发结束
this
.
commissionMsg
.
DepartETime
=
this
.
Year
+
'-'
+
(
this
.
MonthTime
>
10
?
this
.
MonthTime
:
'0'
+
this
.
MonthTime
)
+
'-'
+
(
MonthDayNum
>
10
?
MonthDayNum
:
'0'
+
MonthDayNum
)
//出发结束
this
.
iWorkbench
()
this
.
iWorkbench
()
this
.
GetOrderPageList
()
this
.
GetOrderPageList
()
this
.
getList
()
this
.
getList
()
},
},
}
}
</
script
>
</
script
>
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