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
Show 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
>
<
style
lang=
"less"
scoped
>
@import "../../assets/css/main.less";
@import "../../assets/css/main.less";
/* @import "../../assets/css/cssReset.css"; */
/* @import "../../assets/css/cssReset.css"; */
@import "../../assets/css/home/Saleshomepage_1920.css";
@import "../../assets/css/home/Saleshomepage_1920.css";
.saleChartCont {
.saleChartCont {
width: 100%;
width: 100%;
height: 95%;
height: 95%;
...
@@ -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,19 +236,23 @@
...
@@ -200,19 +236,23 @@
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
>
...
@@ -234,15 +274,18 @@
...
@@ -234,15 +274,18 @@
<span>
{{
userInfo
.
PostName
}}
</span>
<span>
{{
userInfo
.
PostName
}}
</span>
</div>
</div>
<div
style=
"display: flex;justify-content: space-between;"
>
<div
style=
"display: flex;justify-content: space-between;"
>
<div
style=
"cursor: pointer;cursor: pointer;position: relative;"
class=
"royalty"
@
click=
"goAnticipate(1)"
>
<div
style=
"cursor: pointer;cursor: pointer;position: relative;"
class=
"royalty"
@
click=
"goAnticipate(1)"
>
<div
class=
"tc"
>
<div
class=
"tc"
>
<p>
<p>
<span>
¥
</span>
<span>
¥
</span>
<span>
{{
data
.
OPCommission
}}
</span>
<span>
{{
data
.
OPCommission
}}
</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
.
PeriodsName
}}
期
<el-tag
v-if=
"data.PeopelBonus"
size=
"mini"
type=
"danger"
v-if=
"data.PeopelBonus"
size=
"mini"
type=
"danger"
effect=
"dark"
effect=
"dark"
style=
"color: #ffff;position: absolute;left: 70px;bottom: 23px;font-size: 11px;"
>
奖+
{{
data
.
PeopelBonus
}}
</el-tag></p>
style=
"color: #ffff;position: absolute;left: 70px;bottom: 23px;font-size: 11px;"
>
奖+
{{
data
.
PeopelBonus
}}
</el-tag>
</p>
</div>
</div>
<div
stye=
"font-size: 16px;color: #666666;display: block;display: inline-block;"
>
<div
stye=
"font-size: 16px;color: #666666;display: block;display: inline-block;"
>
<span>
出境提成
</span>
<span>
出境提成
</span>
...
@@ -284,8 +327,7 @@
...
@@ -284,8 +327,7 @@
<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>
...
@@ -322,10 +364,14 @@
...
@@ -322,10 +364,14 @@
<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>
...
@@ -355,8 +401,8 @@
...
@@ -355,8 +401,8 @@
预期提成:
<span>
{{
s
.
Commission
}}
</span>
预期提成:
<span>
{{
s
.
Commission
}}
</span>
</span>
</span>
</div>
</div>
<progressComm
:type=
"2"
:CommissionRateList=
"s.GradeRuleList"
<progressComm
:type=
"2"
:CommissionRateList=
"s.GradeRuleList"
:Profit=
"s.Profit"
>
:Profit=
"s.Profit"
>
</progressComm>
</progressComm>
</div>
</div>
</
template
>
</
template
>
<div
class=
"ladder-list"
>
<div
class=
"ladder-list"
>
...
@@ -441,7 +487,8 @@
...
@@ -441,7 +487,8 @@
</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"
style=
"width: 100%;margin: 0 0 0 0;padding: 16px 20px 0 20px;flex-shrink: 0;"
>
<div
style=
"display: flex;justify-content: space-between;"
>
<div
style=
"display: flex;justify-content: space-between;"
>
<span
style=
"font-weight: bold;font-size: 16px;"
>
国内提成
<span
style=
"font-weight: bold;font-size: 16px;"
>
国内提成
<span
style=
"font-size: 13px;color: red;margin-left: 20px;"
>
<span
style=
"font-size: 13px;color: red;margin-left: 20px;"
>
...
@@ -454,32 +501,27 @@
...
@@ -454,32 +501,27 @@
<p
style=
"padding: 0 0 10px 0;text-align: left;"
></p>
<p
style=
"padding: 0 0 10px 0;text-align: left;"
></p>
<div
class=
"ExpectedCommission-table"
>
<div
class=
"ExpectedCommission-table"
>
<el-table
border
ref=
"multipleTable"
:data=
"isExpansion?newRlistAll:newRlist"
>
<el-table
border
ref=
"multipleTable"
:data=
"isExpansion?newRlistAll:newRlist"
>
<el-table-column
width=
"80"
prop=
"RuleName"
<el-table-column
width=
"80"
prop=
"RuleName"
label=
"团队类型"
show-overflow-tooltip
>
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"
<el-table-column
prop=
"ProfitRate"
label=
"提成"
width=
"60"
>
label=
"提成"
width=
"60"
>
<
template
slot-scope=
"scope"
>
<
template
slot-scope=
"scope"
>
<template
v-if=
"scope.row.Way==1"
>
<template
v-if=
"scope.row.Way==1"
>
{{
scope
.
row
.
Money
+
'/人'
}}
{{
scope
.
row
.
Money
+
'/人'
}}
...
@@ -489,21 +531,20 @@
...
@@ -489,21 +531,20 @@
</
template
>
</
template
>
</template>
</template>
</el-table-column>
</el-table-column>
<el-table-column
prop=
"Profit"
<el-table-column
prop=
"Profit"
label=
"预期利润"
show-overflow-tooltip
>
label=
"预期利润"
show-overflow-tooltip
>
<
template
slot-scope=
"scope"
>
<
template
slot-scope=
"scope"
>
{{
scope
.
row
.
Way
==
2
&&
scope
.
row
.
Profit
?
scope
.
row
.
Profit
:
'-'
}}
{{
scope
.
row
.
Way
==
2
&&
scope
.
row
.
Profit
?
scope
.
row
.
Profit
:
'-'
}}
</
template
>
</
template
>
</el-table-column>
</el-table-column>
<el-table-column
prop=
"Commission"
<el-table-column
prop=
"Commission"
label=
"预期提成"
show-overflow-tooltip
>
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;"
@
click=
"isExpansion=!isExpansion"
>
{{isExpansion?'收起':'展开'}}
{{isExpansion?'收起':'展开'}}
<i
:class=
"[isExpansion?'el-icon-arrow-up':'el-icon-arrow-down']"
></i>
<i
:class=
"[isExpansion?'el-icon-arrow-up':'el-icon-arrow-down']"
></i>
</span>
</span>
...
@@ -529,7 +570,8 @@
...
@@ -529,7 +570,8 @@
3.如果小包团、落地散团出现利润亏损,需其他团分摊亏损的利润
</br>
3.如果小包团、落地散团出现利润亏损,需其他团分摊亏损的利润
</br>
4.签证订单 需OP点完结后方可参与提成。
</br>
4.签证订单 需OP点完结后方可参与提成。
</br>
</div>
</div>
<div
style=
"display: none; padding: 10px 0 0 0;color: #E95252;line-height: 30px;width: 50%;white-space: wrap;"
>
<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
style=
"font-weight: bold;"
>
关于提成发放流程的补充通知:
</p>
<p>
提成按时发放是公司所有人的期盼,同时也是公司重视的一部份,202
<p>
提成按时发放是公司所有人的期盼,同时也是公司重视的一部份,202
3年04月27日发布文件编号:2023-A-19“关于提成发放流程的通知”文件,在实际
3年04月27日发布文件编号:2023-A-19“关于提成发放流程的通知”文件,在实际
...
@@ -559,47 +601,52 @@
...
@@ -559,47 +601,52 @@
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,41 +654,41 @@
...
@@ -607,41 +654,41 @@
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
({
...
@@ -654,7 +701,7 @@
...
@@ -654,7 +701,7 @@
});
});
},
},
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,44 +729,49 @@
...
@@ -682,44 +729,49 @@
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
)
})
})
if
(
item
.
PeopleAward
&&
item
.
PeopleAward
.
PeopelNum
)
{
this
.
EopleNum
+=
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
=>
{
...
@@ -728,10 +780,10 @@
...
@@ -728,10 +780,10 @@
// 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
;
...
@@ -800,7 +855,7 @@
...
@@ -800,7 +855,7 @@
});
});
},
},
},
},
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,30 +871,31 @@
...
@@ -816,30 +871,31 @@
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
()
...
@@ -847,7 +903,4 @@
...
@@ -847,7 +903,4 @@
}
}
</
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