Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
C
confucius
Project
Project
Details
Activity
Releases
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
罗超
confucius
Commits
90812a85
Commit
90812a85
authored
Apr 21, 2022
by
罗超
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
no message
parent
1e4b91d5
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
655 additions
and
589 deletions
+655
-589
performanceCommission.vue
src/pages/financial/reportform/performanceCommission.vue
+655
-589
No files found.
src/pages/financial/reportform/performanceCommission.vue
View file @
90812a85
<
style
scoped
>
@import
"../css/cssReset.css"
;
.singeRowTable
tr
:nth-child
(
2n
+
1
)
{
background
:
none
;
}
.dd
{
background-color
:
#E6E6E
6
;
}
.baseSet_Title
{
width
:
120px
!important
;
padding
:
18px
0
0
16px
;
text-align
:
right
;
}
@import
"../css/cssReset.css"
;
.singeRowTable
tr
:nth-child
(
2n
+
1
)
{
background
:
none
;
}
.dd
{
background-color
:
#e6e6e
6
;
}
.baseSet_Title
{
width
:
120px
!important
;
padding
:
18px
0
0
16px
;
text-align
:
right
;
}
.singeRowTable
tr
th
{
border
:
1px
solid
#d2d2d2
;
}
.singeRowTable
tr
th
{
border
:
1px
solid
#d2d2d2
;
}
.studentTracking
td
:first-child
{
background-color
:
#E6E6E6
;
position
:
sticky
;
left
:
0px
;
}
.studentTracking
td
:nth-child
(
2
)
{
background-color
:
#E6E6E6
;
position
:
sticky
;
left
:
109px
;
border
:
1px
solid
#d2d2d2
;
}
.studentTracking
td
:nth-child
(
3
)
{
background-color
:
#E6E6E6
;
position
:
sticky
;
left
:
218px
;
border
:
1px
solid
#d2d2d2
;
}
.studentTracking
td
:first-child
{
background-color
:
#e6e6e6
;
position
:
sticky
;
left
:
0px
;
}
.studentTracking
td
:nth-child
(
2
)
{
background-color
:
#e6e6e6
;
position
:
sticky
;
left
:
109px
;
border
:
1px
solid
#d2d2d2
;
}
.studentTracking
td
:nth-child
(
3
)
{
background-color
:
#e6e6e6
;
position
:
sticky
;
left
:
218px
;
border
:
1px
solid
#d2d2d2
;
}
.studentTracking
th
:first-child
{
position
:
sticky
;
left
:
0px
;
}
.studentTracking
th
:nth-child
(
2
)
{
position
:
sticky
;
left
:
109px
;
border
:
1px
solid
#d2d2d2
;
}
.studentTracking
th
:nth-child
(
3
)
{
position
:
sticky
;
left
:
218px
;
border
:
1px
solid
#d2d2d2
;
}
.studentTracking
th
:first-child
{
position
:
sticky
;
left
:
0px
;
}
.studentTracking
th
:nth-child
(
2
)
{
position
:
sticky
;
left
:
109px
;
border
:
1px
solid
#d2d2d2
;
}
.studentTracking
th
:nth-child
(
3
)
{
position
:
sticky
;
left
:
218px
;
border
:
1px
solid
#d2d2d2
;
}
.bj
{
background-color
:
#e6e6e6
;
}
.stulistNumber
{
display
:
inline-block
;
width
:
25px
;
height
:
25px
;
text-align
:
center
;
line-height
:
22px
;
border
:
1px
solid
#2961FE
;
border-radius
:
50%
;
cursor
:
pointer
;
color
:
#2961FE
;
}
.stulistNumber
{
display
:
inline-block
;
width
:
25px
;
height
:
25px
;
text-align
:
center
;
line-height
:
22px
;
border
:
1px
solid
#2961fe
;
border-radius
:
50%
;
cursor
:
pointer
;
color
:
#2961fe
;
}
.OCourseTable
{
width
:
400px
;
text-align
:
center
;
}
.OCourseTable
{
width
:
400px
;
text-align
:
center
;
}
.OCourseTable
tr
td
{
height
:
40px
;
}
.OCourseTable
tr
td
{
height
:
40px
;
}
.OCourseTable
tr
th
{
height
:
40px
;
background-color
:
rgb
(
238
,
238
,
239
);
}
.OCourseTable
tr
th
{
height
:
40px
;
background-color
:
rgb
(
238
,
238
,
239
);
}
</
style
>
<
template
>
<div
class=
"page-body studentTracking"
>
...
...
@@ -83,29 +85,56 @@
<div
class=
"col-3"
>
<q-field
filled
dense
>
<template
v-slot:control
>
<el-date-picker
v-model=
"dateArray"
size=
"mini"
@
change=
"resetSearch"
value-format=
"yyyy-MM"
type=
"daterange"
style=
"border:none;"
range-separator=
"至"
start-placeholder=
"跟进开始时间"
end-placeholder=
"跟进结束时间"
/>
<el-date-picker
v-model=
"dateArray"
size=
"mini"
@
change=
"resetSearch"
value-format=
"yyyy-MM"
type=
"daterange"
style=
"border:none;"
range-separator=
"至"
start-placeholder=
"跟进开始时间"
end-placeholder=
"跟进结束时间"
/>
</
template
>
</q-field>
</div>
</div>
</div>
<div
style=
"width: 100%;margin-top: 20px"
>
<div
style=
"width: 100%;overflow-x: auto;"
>
<table
class=
"po_content singeRowTable"
ref=
"table"
style=
"border:1px solid #E6E6E6;"
cellspacing=
"0"
cellpadding=
"0"
v-loading=
"loading"
>
<table
class=
"po_content singeRowTable"
ref=
"table"
style=
"border:1px solid #E6E6E6;"
cellspacing=
"0"
cellpadding=
"0"
v-loading=
"loading"
>
<tr>
<th
width=
"120"
rowspan=
"2"
style=
"min-width: 110px;z-index: 999;"
>
部门
</th>
<th
width=
"120"
rowspan=
"2"
style=
"min-width: 110px;z-index: 999;"
>
角色
</th>
<th
width=
"120"
rowspan=
"2"
style=
"min-width: 110px;z-index: 999;"
>
人员
</th>
<th
width=
"120"
rowspan=
"2"
style=
"min-width: 110px;z-index: 999;"
>
部门
</th>
<th
width=
"120"
rowspan=
"2"
style=
"min-width: 110px;z-index: 999;"
>
角色
</th>
<th
width=
"120"
rowspan=
"2"
style=
"min-width: 110px;z-index: 999;"
>
人员
</th>
<th
width=
"500"
colspan=
"7"
style=
"min-width: 500px;"
v-for=
" ( item , index ) in RListlength"
:key=
'index'
>
<span
v-if=
"item.Month.slice(5)<10"
>
{{item.Month.slice(6)}}
</span>
<span
v-else
>
{{item.Month.slice(6)}}
</span>
月
<th
width=
"500"
colspan=
"7"
style=
"min-width: 500px;"
v-for=
"(item, index) in RListlength"
:key=
"index"
>
<span
v-if=
"item.Month.slice(5) < 10"
>
{{
item.Month.slice(6)
}}
</span>
<span
v-else
>
{{ item.Month.slice(6) }}
</span
>
月
</th>
<th
width=
"120"
rowspan=
"2"
style=
"min-width: 110px;"
>
提成合计
</th>
<th
width=
"120"
rowspan=
"2"
style=
"min-width: 110px;"
>
返佣合计
</th>
...
...
@@ -113,42 +142,51 @@
<th
width=
"120"
rowspan=
"2"
style=
"min-width: 110px;"
>
合计
</th>
</tr>
<tr>
<th
v-for=
" ( item , index ) in titlelist "
:key=
'index'
:width=
"item.Id==1?120:200"
>
{{item.Name}}
</th>
<th
v-for=
"(item, index) in titlelist"
:key=
"index"
:width=
"item.Id == 1 ? 120 : 200"
>
{{ item.Name }}
</th>
</tr>
<tr
v-for=
" ( item , index ) in dataList "
:key=
"index"
v-if=
'dataList && dataList.length>0'
>
<tr
v-for=
"(item, index) in dataList"
:key=
"index"
v-if=
"dataList && dataList.length > 0"
:class=
"item.DeptName ? '' : 'bj'"
>
<td
style=
" border: 1px solid #d2d2d2;"
>
{{ item.DeptName }}
{{ item.DeptName }}
</td>
<td>
<span>
{{ item.RoleName }}
</span>
</td>
<td>
{{
item.EmpName
}}
{{
item.EmpName
}}
</td>
<td
v-for=
"
( x , y ) in titlelist
"
:key=
"y"
>
<td
v-for=
"
(x, y) in titlelist
"
:key=
"y"
>
<div
v-if=
"item.MonthList[x.index]"
>
<div
v-if=
"x.Id==1"
>
<span>
{{item.MonthList[x.index].Achievement}}
</span>
<div
v-if=
"x.Id == 1"
>
<span>
{{ item.MonthList[x.index].Achievement }}
</span>
</div>
<div
v-if=
"x.Id
==
2"
style=
"padding: 7px;"
>
<span>
{{
item.MonthList[x.index].Rate
}}
</span>
<div
v-if=
"x.Id
==
2"
style=
"padding: 7px;"
>
<span>
{{
item.MonthList[x.index].Rate
}}
</span>
</div>
<div
v-if=
"x.Id
==
3"
style=
"padding: 3px;"
>
<span>
{{
item.MonthList[x.index].Rebate
}}
</span>
<div
v-if=
"x.Id
==
3"
style=
"padding: 3px;"
>
<span>
{{
item.MonthList[x.index].Rebate
}}
</span>
</div>
<div
v-if=
"x.Id
==
4"
style=
"padding: 3px;"
>
<span>
{{
item.MonthList[x.index].Commission
}}
</span>
<div
v-if=
"x.Id
==
4"
style=
"padding: 3px;"
>
<span>
{{
item.MonthList[x.index].Commission
}}
</span>
</div>
<div
v-if=
"x.Id
==
5"
style=
"padding: 3px;"
>
<span>
{{
item.MonthList[x.index].Brokerage
}}
</span>
<div
v-if=
"x.Id
==
5"
style=
"padding: 3px;"
>
<span>
{{
item.MonthList[x.index].Brokerage
}}
</span>
</div>
<div
v-if=
"x.Id
==
6"
style=
"padding: 3px;"
>
<span>
{{
item.MonthList[x.index].Bonus
}}
</span>
<div
v-if=
"x.Id
==
6"
style=
"padding: 3px;"
>
<span>
{{
item.MonthList[x.index].Bonus
}}
</span>
</div>
<div
v-if=
"x.Id
==
7"
style=
"padding: 3px;"
>
<span>
{{
item.MonthList[x.index].Total
}}
</span>
<div
v-if=
"x.Id
==
7"
style=
"padding: 3px;"
>
<span>
{{
item.MonthList[x.index].Total
}}
</span>
</div>
</div>
</td>
...
...
@@ -164,550 +202,578 @@
<td>
<span>
{{ item.TotalAll }}
</span>
</td>
</tr>
</table>
</div>
<div
v-if=
'!dataList||(dataList && dataList.length==0)'
style=
"width: 100%;border:1px solid #E6E6E6;display: flex;align-items: center;justify-content: center;height: 60px;"
>
<div
v-if=
"!dataList || (dataList && dataList.length == 0)"
style=
"width: 100%;border:1px solid #E6E6E6;display: flex;align-items: center;justify-content: center;height: 60px;"
>
暂无数据
</div>
</div>
<studentRight-form
v-if=
"isShowStuRight"
:isJudgeTrans=
"isJudgeTrans"
:BelongType=
"BelongType"
:save-obj=
"stuOption"
@
close=
"closeStuForm"
@
success=
"getList"
@
reload=
"getList"
>
<studentRight-form
v-if=
"isShowStuRight"
:isJudgeTrans=
"isJudgeTrans"
:BelongType=
"BelongType"
:save-obj=
"stuOption"
@
close=
"closeStuForm"
@
success=
"getList"
@
reload=
"getList"
>
</studentRight-form>
<studentFUForm
v-if=
"isShowStuFU"
:save-obj=
"stuOption"
@
close=
"closeStuForm"
>
<studentFUForm
v-if=
"isShowStuFU"
:save-obj=
"stuOption"
@
close=
"closeStuForm"
>
</studentFUForm>
</div>
</template>
<
script
>
import
{
GetSellAchievementsRankStat_V2
,
}
from
'../../../api/finance/index'
import
{
queryCourseDropdownList
,
}
from
'../../../api/course/index'
import
{
queryEmployee
}
from
"../../../api/users/user"
;
import
{
queryGuestStateList
,
CreateTypeList
,
GetStuChannelList
,
GetCustomerList
,
getGuestLearningGoalsEnumList
}
from
"../../../api/sale/sale.js"
;
import
{
queryStuStageList
,
GetStudentTypeList
,
GetPersonalDimension
,
getSchoolDropdown
,
getStudentDorpDownList
}
from
"../../../api/school/index"
;
import
{
EduDownLoad
}
from
"../../../api/common/common"
;
import
studentRightForm
from
"../../../components/school/student/studentRight-form"
;
import
studentFUForm
from
"../../../components/school/student/studentFu-form"
;
import
{
mapState
}
from
"vuex"
;
import
{
GetSellAchievementsRankStat_V2
}
from
"../../../api/finance/index"
;
import
{
queryCourseDropdownList
}
from
"../../../api/course/index"
;
import
{
queryEmployee
}
from
"../../../api/users/user"
;
import
{
queryGuestStateList
,
CreateTypeList
,
GetStuChannelList
,
GetCustomerList
,
getGuestLearningGoalsEnumList
}
from
"../../../api/sale/sale.js"
;
import
{
queryStuStageList
,
GetStudentTypeList
,
GetPersonalDimension
,
getSchoolDropdown
,
getStudentDorpDownList
}
from
"../../../api/school/index"
;
import
{
EduDownLoad
}
from
"../../../api/common/common"
;
import
studentRightForm
from
"../../../components/school/student/studentRight-form"
;
import
studentFUForm
from
"../../../components/school/student/studentFu-form"
;
import
{
mapState
}
from
"vuex"
;
export
default
{
meta
:
{
title
:
"教师学员跟踪"
},
props
:
{},
components
:
{
studentRightForm
,
studentFUForm
},
data
()
{
return
{
msg
:
{
StartMonth
:
''
,
EndMonth
:
''
,
export
default
{
meta
:
{
title
:
"教师学员跟踪"
},
props
:
{},
components
:
{
studentRightForm
,
studentFUForm
},
data
()
{
return
{
msg
:
{
StartMonth
:
""
,
EndMonth
:
""
},
//归属类型列表
BelongTypeList
:
[
{
Id
:
1
,
Name
:
"全部"
},
//归属类型列表
BelongTypeList
:
[{
Id
:
1
,
Name
:
"全部"
},
{
Id
:
2
,
Name
:
"我负责的"
},
{
Id
:
3
,
Name
:
"我协同的"
},
{
Id
:
4
,
Name
:
"我下属的"
}
],
{
Id
:
2
,
Name
:
"我负责的"
},
{
Id
:
3
,
Name
:
"我协同的"
},
{
Id
:
4
,
Name
:
"我下属的"
}
],
loading
:
false
,
dataList
:
[],
//列表数据
PageCount
:
0
,
customTypeList
:
[],
//客户类型
customState
:
[],
isMyStuList
:
[{
Id
:
'-1'
,
Name
:
'不限'
},
{
Id
:
'1'
,
Name
:
'是'
},
{
Id
:
'0'
,
Name
:
'否'
},
],
hetongList
:
[{
Id
:
'1'
,
Name
:
'正常'
},
{
Id
:
'2'
,
Name
:
'退学'
},
{
Id
:
'5'
,
Name
:
'停课'
},
{
Id
:
'7'
,
Name
:
'毕业'
},
],
dateArray
:
[],
//日期数组
RListlength
:
0
,
titlelist
:
[],
stuOption
:
null
,
BelongType
:
1
,
isShowStuRight
:
false
,
isJudgeTrans
:
1
,
SubordList
:
[],
//我的下属数据
AllSubordList
:
[],
stuOption
:
null
,
isShowStuFU
:
false
,
morequery
:
true
,
CompanyList
:
[],
allCourseList
:
[],
//课程
myCourseList
:
[],
RoleListData
:
[],
//课程顾问下拉数据
customFromList
:
[],
//客户来源
StuChannelList
:
[],
//收客渠道
allStuChannelList
:
[],
//所有收客渠道
customList
:
[],
//同行列表
allCustomList
:
[],
//所有同行列表
//员工列表
employeeList
:
[],
myEmployeeList
:
[],
TransListData
:
[],
//转介人数据
MyTransListData
:
[],
goalsList
:
[],
//学习目的列表
}
loading
:
false
,
dataList
:
[],
//列表数据
PageCount
:
0
,
customTypeList
:
[],
//客户类型
customState
:
[],
isMyStuList
:
[
{
Id
:
"-1"
,
Name
:
"不限"
},
{
Id
:
"1"
,
Name
:
"是"
},
{
Id
:
"0"
,
Name
:
"否"
}
],
hetongList
:
[
{
Id
:
"1"
,
Name
:
"正常"
},
{
Id
:
"2"
,
Name
:
"退学"
},
{
Id
:
"5"
,
Name
:
"停课"
},
{
Id
:
"7"
,
Name
:
"毕业"
}
],
dateArray
:
[],
//日期数组
RListlength
:
0
,
titlelist
:
[],
stuOption
:
null
,
BelongType
:
1
,
isShowStuRight
:
false
,
isJudgeTrans
:
1
,
SubordList
:
[],
//我的下属数据
AllSubordList
:
[],
stuOption
:
null
,
isShowStuFU
:
false
,
morequery
:
true
,
CompanyList
:
[],
allCourseList
:
[],
//课程
myCourseList
:
[],
RoleListData
:
[],
//课程顾问下拉数据
customFromList
:
[],
//客户来源
StuChannelList
:
[],
//收客渠道
allStuChannelList
:
[],
//所有收客渠道
customList
:
[],
//同行列表
allCustomList
:
[],
//所有同行列表
//员工列表
employeeList
:
[],
myEmployeeList
:
[],
TransListData
:
[],
//转介人数据
MyTransListData
:
[],
goalsList
:
[]
//学习目的列表
};
},
created
()
{},
mounted
()
{
var
d
=
new
Date
();
var
currentY
=
d
.
getFullYear
();
var
currentM
=
d
.
getMonth
();
var
month
=
d
.
getMonth
()
+
1
;
this
.
msg
.
StartMonth
=
currentY
+
"-"
+
currentM
;
this
.
msg
.
EndMonth
=
currentY
+
"-"
+
month
;
this
.
getList
();
//获取规则
// this.getStuStageList();
// this.getCustomTypeList();
// this.GetSubordList();
// this.getBranchList();
// this.getCourseList(); //获取课程下拉
// this.getRole();
// this.getCustomFrom();
// this.GetStuChannelList();
// this.GetCustomerList();
// this.getEmployeeList();
// this.getStudentDorpDown();
// this.queryGoalsList();
// this.downloadStudentFollow();
},
methods
:
{
downloadStudentFollow
()
{
var
msg
=
JSON
.
parse
(
JSON
.
stringify
(
this
.
msg
));
this
.
loading
=
true
;
EduDownLoad
(
"/StudentStat/DownLoadStudentFollowUp"
,
msg
,
"学员跟踪.xls"
,
res
=>
{
this
.
loading
=
false
;
}
);
},
created
()
{
//获取学习目的列表
queryGoalsList
()
{
getGuestLearningGoalsEnumList
({}).
then
(
res
=>
{
this
.
goalsList
=
res
.
Data
;
});
},
mounted
()
{
var
d
=
new
Date
()
var
currentY
=
d
.
getFullYear
();
var
currentM
=
d
.
getMonth
();
var
month
=
d
.
getMonth
()
+
1
;
this
.
msg
.
StartMonth
=
currentY
+
'-'
+
currentM
this
.
msg
.
EndMonth
=
currentY
+
'-'
+
month
this
.
getList
();
//获取规则
// this.getStuStageList();
// this.getCustomTypeList();
// this.GetSubordList();
// this.getBranchList();
// this.getCourseList(); //获取课程下拉
// this.getRole();
// this.getCustomFrom();
// this.GetStuChannelList();
// this.GetCustomerList();
// this.getEmployeeList();
// this.getStudentDorpDown();
// this.queryGoalsList();
// this.downloadStudentFollow();
//获取收客渠道
GetStuChannelList
()
{
GetStuChannelList
({}).
then
(
res
=>
{
if
(
res
.
Code
==
1
)
{
this
.
StuChannelList
=
res
.
Data
;
this
.
allStuChannelList
=
res
.
Data
;
}
});
},
methods
:
{
downloadStudentFollow
()
{
var
msg
=
JSON
.
parse
(
JSON
.
stringify
(
this
.
msg
));
this
.
loading
=
true
;
EduDownLoad
(
"/StudentStat/DownLoadStudentFollowUp"
,
msg
,
"学员跟踪.xls"
,
res
=>
{
this
.
loading
=
false
;
}
);
},
//获取学习目的列表
queryGoalsList
()
{
getGuestLearningGoalsEnumList
({}).
then
(
res
=>
{
this
.
goalsList
=
res
.
Data
;
});
},
//获取收客渠道
GetStuChannelList
()
{
GetStuChannelList
({}).
then
(
res
=>
{
if
(
res
.
Code
==
1
)
{
this
.
StuChannelList
=
res
.
Data
;
this
.
allStuChannelList
=
res
.
Data
;
}
});
},
//筛选渠道
filterStuChannel
(
val
,
update
)
{
update
(()
=>
{
if
(
val
===
""
)
{
this
.
StuChannelList
=
JSON
.
parse
(
JSON
.
stringify
(
this
.
allStuChannelList
)
);
}
else
{
const
needle
=
val
.
toLowerCase
();
this
.
StuChannelList
=
this
.
allStuChannelList
.
filter
(
v
=>
v
.
Name
.
toLowerCase
().
indexOf
(
needle
)
>
-
1
);
}
});
},
//获取客户来源
getCustomFrom
()
{
CreateTypeList
({}).
then
(
res
=>
{
if
(
res
.
Code
==
1
)
{
this
.
customFromList
=
res
.
Data
;
}
});
},
//获取客户下拉数据
GetCustomerList
()
{
let
msg
=
{
QCreateBy
:
0
};
GetCustomerList
(
msg
).
then
(
res
=>
{
if
(
res
.
Code
==
1
)
{
this
.
customList
=
res
.
Data
;
this
.
allCustomList
=
res
.
Data
;
}
});
},
//筛选客户
filterFn
(
val
,
update
)
{
update
(()
=>
{
if
(
val
===
""
)
{
this
.
customList
=
JSON
.
parse
(
JSON
.
stringify
(
this
.
allCustomList
));
}
else
{
const
needle
=
val
.
toLowerCase
();
this
.
customList
=
this
.
allCustomList
.
filter
(
v
=>
v
.
CustomerName
.
toLowerCase
().
indexOf
(
needle
)
>
-
1
);
}
});
},
//获取员工列表
getEmployeeList
()
{
queryEmployee
({
IsLeave
:
1
}).
then
(
res
=>
{
this
.
employeeList
=
res
.
Data
;
this
.
myEmployeeList
=
res
.
Data
;
});
},
//筛选员工
filterEmployee
(
val
,
update
,
abort
)
{
update
(()
=>
{
this
.
myEmployeeList
=
this
.
employeeList
.
filter
(
v
=>
v
.
EmployeeName
.
indexOf
(
val
)
>
-
1
//筛选渠道
filterStuChannel
(
val
,
update
)
{
update
(()
=>
{
if
(
val
===
""
)
{
this
.
StuChannelList
=
JSON
.
parse
(
JSON
.
stringify
(
this
.
allStuChannelList
)
);
});
},
//获取转介人下拉
getStudentDorpDown
()
{
getStudentDorpDownList
().
then
(
res
=>
{
if
(
res
.
Code
==
1
)
{
this
.
TransListData
=
res
.
Data
;
this
.
MyTransListData
=
res
.
Data
;
}
});
},
//筛选转介人
filterStudent
(
val
,
update
,
abort
)
{
update
(()
=>
{
this
.
MyTransListData
=
this
.
TransListData
.
filter
(
v
=>
v
.
StuName
.
indexOf
(
val
)
>
-
1
}
else
{
const
needle
=
val
.
toLowerCase
();
this
.
StuChannelList
=
this
.
allStuChannelList
.
filter
(
v
=>
v
.
Name
.
toLowerCase
().
indexOf
(
needle
)
>
-
1
);
});
},
getRole
()
{
queryEmployee
({
IsLeave
:
1
,
UserRole
:
2
}).
then
(
res
=>
{
this
.
RoleListData
=
res
.
Data
;
});
},
getBranchList
()
{
//获取校区
getSchoolDropdown
({}).
then
(
res
=>
{
}
});
},
//获取客户来源
getCustomFrom
()
{
CreateTypeList
({}).
then
(
res
=>
{
if
(
res
.
Code
==
1
)
{
this
.
customFromList
=
res
.
Data
;
}
});
},
//获取客户下拉数据
GetCustomerList
()
{
let
msg
=
{
QCreateBy
:
0
};
GetCustomerList
(
msg
).
then
(
res
=>
{
if
(
res
.
Code
==
1
)
{
this
.
customList
=
res
.
Data
;
this
.
allCustomList
=
res
.
Data
;
}
});
},
//筛选客户
filterFn
(
val
,
update
)
{
update
(()
=>
{
if
(
val
===
""
)
{
this
.
customList
=
JSON
.
parse
(
JSON
.
stringify
(
this
.
allCustomList
));
}
else
{
const
needle
=
val
.
toLowerCase
();
this
.
customList
=
this
.
allCustomList
.
filter
(
v
=>
v
.
CustomerName
.
toLowerCase
().
indexOf
(
needle
)
>
-
1
);
}
});
},
//获取员工列表
getEmployeeList
()
{
queryEmployee
({
IsLeave
:
1
}).
then
(
res
=>
{
this
.
employeeList
=
res
.
Data
;
this
.
myEmployeeList
=
res
.
Data
;
});
},
//筛选员工
filterEmployee
(
val
,
update
,
abort
)
{
update
(()
=>
{
this
.
myEmployeeList
=
this
.
employeeList
.
filter
(
v
=>
v
.
EmployeeName
.
indexOf
(
val
)
>
-
1
);
});
},
//获取转介人下拉
getStudentDorpDown
()
{
getStudentDorpDownList
().
then
(
res
=>
{
if
(
res
.
Code
==
1
)
{
this
.
TransListData
=
res
.
Data
;
this
.
MyTransListData
=
res
.
Data
;
}
});
},
//筛选转介人
filterStudent
(
val
,
update
,
abort
)
{
update
(()
=>
{
this
.
MyTransListData
=
this
.
TransListData
.
filter
(
v
=>
v
.
StuName
.
indexOf
(
val
)
>
-
1
);
});
},
getRole
()
{
queryEmployee
({
IsLeave
:
1
,
UserRole
:
2
}).
then
(
res
=>
{
this
.
RoleListData
=
res
.
Data
;
});
},
getBranchList
()
{
//获取校区
getSchoolDropdown
({})
.
then
(
res
=>
{
var
tempArray
=
res
.
Data
;
if
(
!
tempArray
)
{
tempArray
=
[];
}
tempArray
.
unshift
({
SId
:
'-1'
,
SId
:
"-1"
,
SName
:
"不限"
})
})
;
this
.
CompanyList
=
tempArray
;
}).
catch
(()
=>
{
})
},
//获取课程
getCourseList
()
{
queryCourseDropdownList
({
IsQPrice
:
1
}).
then
(
res
=>
{
if
(
res
.
Code
==
1
)
{
let
data
=
res
.
Data
this
.
allCourseList
=
JSON
.
parse
(
JSON
.
stringify
(
data
));
this
.
myCourseList
=
JSON
.
parse
(
JSON
.
stringify
(
data
));
}
})
},
//获取我下属的下拉数据
GetSubordList
()
{
GetPersonalDimension
().
then
(
res
=>
{
if
(
res
.
Code
==
1
)
{
this
.
SubordList
=
res
.
Data
;
this
.
AllSubordList
=
res
.
Data
;
}
});
},
//筛选转介人
filterSubord
(
val
,
update
,
abort
)
{
update
(()
=>
{
this
.
SubordList
=
this
.
AllSubordList
.
filter
(
v
=>
v
.
EmployeeName
.
indexOf
(
val
)
>
-
1
);
});
},
resetSearch
()
{
this
.
msg
.
pageIndex
=
1
;
this
.
getList
();
},
//翻页
changePage
(
val
)
{
this
.
msg
.
pageIndex
=
val
;
this
.
getList
()
},
getList
(
type
)
{
this
.
loading
=
true
;
let
msg
=
JSON
.
parse
(
JSON
.
stringify
(
this
.
msg
))
if
(
this
.
dateArray
&&
this
.
dateArray
.
length
>
0
)
{
msg
.
StartMonth
=
this
.
dateArray
[
0
];
msg
.
EndMonth
=
this
.
dateArray
[
1
];
.
catch
(()
=>
{});
},
//获取课程
getCourseList
()
{
queryCourseDropdownList
({
IsQPrice
:
1
}).
then
(
res
=>
{
if
(
res
.
Code
==
1
)
{
let
data
=
res
.
Data
;
this
.
allCourseList
=
JSON
.
parse
(
JSON
.
stringify
(
data
));
this
.
myCourseList
=
JSON
.
parse
(
JSON
.
stringify
(
data
));
}
});
},
//获取我下属的下拉数据
GetSubordList
()
{
GetPersonalDimension
().
then
(
res
=>
{
if
(
res
.
Code
==
1
)
{
this
.
SubordList
=
res
.
Data
;
this
.
AllSubordList
=
res
.
Data
;
}
});
},
//筛选转介人
filterSubord
(
val
,
update
,
abort
)
{
update
(()
=>
{
this
.
SubordList
=
this
.
AllSubordList
.
filter
(
v
=>
v
.
EmployeeName
.
indexOf
(
val
)
>
-
1
);
});
},
resetSearch
()
{
this
.
msg
.
pageIndex
=
1
;
this
.
getList
();
},
//翻页
changePage
(
val
)
{
this
.
msg
.
pageIndex
=
val
;
this
.
getList
();
},
getList
(
type
)
{
this
.
loading
=
true
;
let
msg
=
JSON
.
parse
(
JSON
.
stringify
(
this
.
msg
));
if
(
this
.
dateArray
&&
this
.
dateArray
.
length
>
0
)
{
msg
.
StartMonth
=
this
.
dateArray
[
0
];
msg
.
EndMonth
=
this
.
dateArray
[
1
];
}
GetSellAchievementsRankStat_V2
(
msg
).
then
(
res
=>
{
this
.
loading
=
false
;
this
.
RListlength
=
res
.
Data
&&
res
.
Data
[
0
].
MonthList
this
.
titlelist
=
[{
Name
:
'业绩'
,
GetSellAchievementsRankStat_V2
(
msg
)
.
then
(
res
=>
{
this
.
loading
=
false
;
this
.
RListlength
=
res
.
Data
&&
res
.
Data
[
0
].
MonthList
;
this
.
titlelist
=
[
{
Name
:
"业绩"
,
Id
:
1
,
index
:
0
},
{
Name
:
'业绩比例'
,
},
{
Name
:
"业绩比例"
,
Id
:
2
,
index
:
0
},
{
Name
:
'订单返佣'
,
},
{
Name
:
"订单返佣"
,
Id
:
3
,
index
:
0
},{
Name
:
'提成'
,
},
{
Name
:
"提成"
,
Id
:
4
,
index
:
0
},
{
Name
:
'返佣金额'
,
},
{
Name
:
"返佣金额"
,
Id
:
5
,
index
:
0
},
{
Name
:
'人头奖励'
,
},
{
Name
:
"人头奖励"
,
Id
:
6
,
index
:
0
},
{
Name
:
'合计'
,
},
{
Name
:
"合计"
,
Id
:
7
,
index
:
0
},];
this
.
dataList
=
res
.
Data
;
this
.
titlelist
=
[];
for
(
let
i
=
0
;
i
<
this
.
RListlength
.
length
;
i
++
)
{
let
obj
=
[{
Name
:
'业绩'
,
Id
:
1
,
index
:
i
},
{
Name
:
'业绩比例'
,
Id
:
2
,
index
:
i
},
{
Name
:
'订单返佣'
,
Id
:
3
,
index
:
i
},{
Name
:
'提成'
,
Id
:
4
,
index
:
i
},
{
Name
:
'返佣金额'
,
Id
:
5
,
index
:
i
},
{
Name
:
'人头奖励'
,
Id
:
6
,
index
:
i
},
{
Name
:
'合计'
,
Id
:
7
,
index
:
i
},]
this
.
titlelist
=
[...
this
.
titlelist
,
...
obj
]
}
})
.
catch
(()
=>
{
this
.
loading
=
false
;
});
},
//获取客户类型
getCustomTypeList
()
{
GetStudentTypeList
().
then
(
res
=>
{
if
(
res
.
Code
==
1
)
{
this
.
customTypeList
=
res
.
Data
;
];
this
.
dataList
=
res
.
Data
;
this
.
titlelist
=
[];
for
(
let
i
=
0
;
i
<
this
.
RListlength
.
length
;
i
++
)
{
let
obj
=
[
{
Name
:
"业绩"
,
Id
:
1
,
index
:
i
},
{
Name
:
"业绩比例"
,
Id
:
2
,
index
:
i
},
{
Name
:
"订单返佣"
,
Id
:
3
,
index
:
i
},
{
Name
:
"提成"
,
Id
:
4
,
index
:
i
},
{
Name
:
"返佣金额"
,
Id
:
5
,
index
:
i
},
{
Name
:
"人头奖励"
,
Id
:
6
,
index
:
i
},
{
Name
:
"合计"
,
Id
:
7
,
index
:
i
}
];
this
.
titlelist
=
[...
this
.
titlelist
,
...
obj
];
}
})
},
//获取客户阶段列表
getStuStageList
()
{
queryStuStageList
().
then
(
res
=>
{
this
.
customState
=
res
.
Data
;
.
catch
(()
=>
{
this
.
loading
=
false
;
});
},
getxuyue
(
index
)
{
let
obj
=
{
IntroductionNum
:
0
,
RenewNum
:
0
};
this
.
dataList
.
MonthList
.
forEach
(
x
=>
{
if
(
x
.
MonthNum
==
index
+
1
)
{
obj
=
x
}
})
return
obj
},
//点击学生姓名弹出
getStuRight
(
obj
)
{
if
(
obj
)
{
this
.
stuOption
=
obj
;
this
.
BelongType
=
3
;
},
//获取客户类型
getCustomTypeList
()
{
GetStudentTypeList
().
then
(
res
=>
{
if
(
res
.
Code
==
1
)
{
this
.
customTypeList
=
res
.
Data
;
}
this
.
isShowStuRight
=
true
;
},
closeStuForm
()
{
this
.
isShowStuRight
=
false
;
this
.
isShowStuFU
=
false
},
resetBelong
()
{
if
(
this
.
msg
.
BelongType
!=
4
)
{
this
.
msg
.
pageIndex
=
1
;
this
.
getList
();
});
},
//获取客户阶段列表
getStuStageList
()
{
queryStuStageList
().
then
(
res
=>
{
this
.
customState
=
res
.
Data
;
});
},
getxuyue
(
index
)
{
let
obj
=
{
IntroductionNum
:
0
,
RenewNum
:
0
};
this
.
dataList
.
MonthList
.
forEach
(
x
=>
{
if
(
x
.
MonthNum
==
index
+
1
)
{
obj
=
x
;
}
},
lookgengduo
(
obj
,
time
)
{
//跟进备注
});
return
obj
;
},
//点击学生姓名弹出
getStuRight
(
obj
)
{
if
(
obj
)
{
this
.
stuOption
=
obj
;
this
.
BelongType
=
3
;
}
this
.
isShowStuRight
=
true
;
},
closeStuForm
()
{
this
.
isShowStuRight
=
false
;
this
.
isShowStuFU
=
false
;
},
resetBelong
()
{
if
(
this
.
msg
.
BelongType
!=
4
)
{
this
.
msg
.
pageIndex
=
1
;
this
.
getList
();
}
},
lookgengduo
(
obj
,
time
)
{
//跟进备注
//计算时间 月底日期
let
Month
=
time
.
split
(
'-'
)[
0
]
+
'-'
+
time
.
split
(
'-'
)[
1
]
+
'-01'
let
date
=
new
Date
(
Month
);
let
currentMonth
=
date
.
getMonth
();
let
nextMonth
=
++
currentMonth
;
let
nextMonthFirstDay
=
new
Date
(
date
.
getFullYear
(),
nextMonth
,
1
);
let
oneDay
=
1000
*
60
*
60
*
24
;
let
endDate
=
new
Date
(
nextMonthFirstDay
-
oneDay
)
let
endMonth
=
time
.
split
(
'-'
)[
0
]
+
'-'
+
time
.
split
(
'-'
)[
1
]
+
'-'
+
endDate
.
getDate
()
if
(
obj
)
{
this
.
stuOption
=
obj
;
this
.
stuOption
.
STime
=
Month
;
this
.
stuOption
.
ETime
=
endMonth
;
this
.
BelongType
=
obj
.
BelongType
;
//计算时间 月底日期
let
Month
=
time
.
split
(
"-"
)[
0
]
+
"-"
+
time
.
split
(
"-"
)[
1
]
+
"-01"
;
let
date
=
new
Date
(
Month
);
let
currentMonth
=
date
.
getMonth
();
let
nextMonth
=
++
currentMonth
;
let
nextMonthFirstDay
=
new
Date
(
date
.
getFullYear
(),
nextMonth
,
1
);
let
oneDay
=
1000
*
60
*
60
*
24
;
let
endDate
=
new
Date
(
nextMonthFirstDay
-
oneDay
);
let
endMonth
=
time
.
split
(
"-"
)[
0
]
+
"-"
+
time
.
split
(
"-"
)[
1
]
+
"-"
+
endDate
.
getDate
();
if
(
obj
)
{
this
.
stuOption
=
obj
;
this
.
stuOption
.
STime
=
Month
;
this
.
stuOption
.
ETime
=
endMonth
;
this
.
BelongType
=
obj
.
BelongType
;
}
this
.
isShowStuFU
=
true
;
},
filterFnkec
(
val
,
update
)
{
//课程的栓选
update
(()
=>
{
if
(
val
===
""
)
{
this
.
myCourseList
=
this
.
allCourseList
;
}
else
{
const
needle
=
val
.
toLowerCase
();
this
.
myCourseList
=
this
.
allCourseList
.
filter
(
v
=>
v
.
CourseName
.
toLowerCase
().
indexOf
(
needle
)
>
-
1
);
}
this
.
isShowStuFU
=
true
;
},
filterFnkec
(
val
,
update
)
{
//课程的栓选
update
(()
=>
{
if
(
val
===
''
)
{
this
.
myCourseList
=
this
.
allCourseList
}
else
{
const
needle
=
val
.
toLowerCase
();
this
.
myCourseList
=
this
.
allCourseList
.
filter
(
v
=>
v
.
CourseName
.
toLowerCase
().
indexOf
(
needle
)
>
-
1
);
});
},
getCurseManager
(
row
)
{
let
managerName
=
"<span class='text-grey-4'>暂未推送</span>"
;
if
(
row
.
AssistList
&&
row
.
AssistList
.
length
>
0
)
{
row
.
AssistList
.
forEach
(
y
=>
{
if
(
y
.
AssistType
==
2
)
{
managerName
=
`<span class='text-dark'>
${
y
.
AssistName
}
</span>`
;
}
})
},
getCurseManager
(
row
)
{
let
managerName
=
"<span class='text-grey-4'>暂未推送</span>"
;
if
(
row
.
AssistList
&&
row
.
AssistList
.
length
>
0
)
{
row
.
AssistList
.
forEach
(
y
=>
{
if
(
y
.
AssistType
==
2
)
{
managerName
=
`<span class='text-dark'>
${
y
.
AssistName
}
</span>`
;
}
});
}
return
managerName
;
},
getTeacherManager
(
row
)
{
let
managerName
=
"<span class='text-grey-4'>暂无</span>"
;
if
(
row
.
AssistList
&&
row
.
AssistList
.
length
>
0
)
{
row
.
AssistList
.
forEach
(
y
=>
{
if
(
y
.
AssistType
==
4
)
{
managerName
=
`<span class='text-dark'>
${
y
.
AssistName
}
</span>`
;
}
});
}
return
managerName
;
},
});
}
return
managerName
;
},
getTeacherManager
(
row
)
{
let
managerName
=
"<span class='text-grey-4'>暂无</span>"
;
if
(
row
.
AssistList
&&
row
.
AssistList
.
length
>
0
)
{
row
.
AssistList
.
forEach
(
y
=>
{
if
(
y
.
AssistType
==
4
)
{
managerName
=
`<span class='text-dark'>
${
y
.
AssistName
}
</span>`
;
}
});
}
return
managerName
;
}
}
};
</
script
>
<
style
lang=
"sass"
>
@import
url('~assets/css/table.sass')
@import
url('~assets/css/table.sass')
</
style
>
<
style
scoped
>
/
deep
/
.el-input__inner
,
/
deep
/
.el-range-input
{
background-color
:
transparent
;
border
:
none
;
}
/
deep
/
.el-input__inner
,
/
deep
/
.el-range-input
{
background-color
:
transparent
;
border
:
none
;
}
.stics
{
padding
:
10px
20px
;
background
:
#DDDEE
0
;
border-radius
:
4px
;
font-size
:
13px
;
color
:
#000000
;
font-weight
:
bold
}
.stics
{
padding
:
10px
20px
;
background
:
#dddee
0
;
border-radius
:
4px
;
font-size
:
13px
;
color
:
#000000
;
font-weight
:
bold
;
}
.stics
.stics-name
{
color
:
#2D2D2D
;
font-weight
:
600
;
margin-right
:
10px
}
.stics
.stics-name
{
color
:
#2d2d2d
;
font-weight
:
600
;
margin-right
:
10px
;
}
.roatImg
{
transform
:
rotate
(
180deg
);
}
</
style
>
\ No newline at end of file
.roatImg
{
transform
:
rotate
(
180deg
);
}
</
style
>
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