Skip to content

C
confucius
Commit 90812a85 authored by 罗超's avatar 罗超
Browse files
Options

no message

parent 1e4b91d5
Show whitespace changes
Inline Side-by-side
Showing with 655 additions and 589 deletions
src/pages/financial/reportform/performanceCommission.vue
View file @ 90812a85
<style scoped>
@import "../css/cssReset.css";
.singeRowTable tr:nth-child(2n+1) {
@import "../css/cssReset.css";
.singeRowTable tr:nth-child(2n + 1) {
background: none;
}
.dd{
background-color: #E6E6E6;
}
.baseSet_Title {
}
.dd {
background-color: #e6e6e6;
}
.baseSet_Title {
width: 120px !important;
padding: 18px 0 0 16px;
text-align: right;
}
}
.singeRowTable tr th {
.singeRowTable tr th {
border: 1px solid #d2d2d2;
}
}
.studentTracking td:first-child {
background-color: #E6E6E6;
.studentTracking td:first-child {
background-color: #e6e6e6;
position: sticky;
left: 0px;
}
.studentTracking td:nth-child(2) {
background-color: #E6E6E6;
}
.studentTracking td:nth-child(2) {
background-color: #e6e6e6;
position: sticky;
left: 109px;
border: 1px solid #d2d2d2;
}
.studentTracking td:nth-child(3) {
background-color: #E6E6E6;
}
.studentTracking td:nth-child(3) {
background-color: #e6e6e6;
position: sticky;
left: 218px;
border: 1px solid #d2d2d2;
}
}
.studentTracking th:first-child {
.studentTracking th:first-child {
position: sticky;
left: 0px;
}
.studentTracking th:nth-child(2) {
}
.studentTracking th:nth-child(2) {
position: sticky;
left: 109px;
border: 1px solid #d2d2d2;
}
.studentTracking th:nth-child(3) {
}
.studentTracking th:nth-child(3) {
position: sticky;
left: 218px;
border: 1px solid #d2d2d2;
}
}
.bj {
background-color: #e6e6e6;
}
.stulistNumber {
.stulistNumber {
display: inline-block;
width: 25px;
height: 25px;
text-align: center;
line-height: 22px;
border: 1px solid #2961FE;
border: 1px solid #2961fe;
border-radius: 50%;
cursor: pointer;
color: #2961FE;
}
color: #2961fe;
}
.OCourseTable {
.OCourseTable {
width: 400px;
text-align: center;
}
}
.OCourseTable tr td {
.OCourseTable tr td {
height: 40px;
}
}
.OCourseTable tr th {
.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,10 +142,20 @@
<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 }}
</td>
......@@ -124,31 +163,30 @@
<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,57 +202,58 @@
<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 {
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 {
} 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";
} 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 {
export default {
meta: {
title: "教师学员跟踪"
},
......@@ -226,11 +265,12 @@
data() {
return {
msg: {
StartMonth: '',
EndMonth: '',
StartMonth: "",
EndMonth: ""
},
//归属类型列表
BelongTypeList: [{
BelongTypeList: [
{
Id: 1,
Name: "全部"
},
......@@ -253,29 +293,38 @@
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: '毕业'
}, ],
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: [],
......@@ -302,19 +351,17 @@
myEmployeeList: [],
TransListData: [], //转介人数据
MyTransListData: [],
goalsList: [], //学习目的列表
}
},
created() {
goalsList: [] //学习目的列表
};
},
created() {},
mounted() {
var d = new Date()
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
var month = d.getMonth() + 1;
this.msg.StartMonth = currentY + "-" + currentM;
this.msg.EndMonth = currentY + "-" + month;
this.getList(); //获取规则
// this.getStuStageList();
// this.getCustomTypeList();
......@@ -337,7 +384,8 @@
EduDownLoad(
"/StudentStat/DownLoadStudentFollowUp",
msg,
"学员跟踪.xls", res => {
"学员跟踪.xls",
res => {
this.loading = false;
}
);
......@@ -447,20 +495,21 @@
this.RoleListData = res.Data;
});
},
getBranchList() { //获取校区
getSchoolDropdown({}).then(res => {
getBranchList() {
//获取校区
getSchoolDropdown({})
.then(res => {
var tempArray = res.Data;
if (!tempArray) {
tempArray = [];
}
tempArray.unshift({
SId: '-1',
SId: "-1",
SName: "不限"
})
});
this.CompanyList = tempArray;
}).catch(() => {
})
.catch(() => {});
},
//获取课程
getCourseList() {
......@@ -468,11 +517,11 @@
IsQPrice: 1
}).then(res => {
if (res.Code == 1) {
let data = res.Data
let data = res.Data;
this.allCourseList = JSON.parse(JSON.stringify(data));
this.myCourseList = JSON.parse(JSON.stringify(data));
}
})
});
},
//获取我下属的下拉数据
GetSubordList() {
......@@ -498,89 +547,103 @@
//翻页
changePage(val) {
this.msg.pageIndex = val;
this.getList()
this.getList();
},
getList(type) {
this.loading = true;
let msg = JSON.parse(JSON.stringify(this.msg))
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 => {
GetSellAchievementsRankStat_V2(msg)
.then(res => {
this.loading = false;
this.RListlength = res.Data && res.Data[0].MonthList
this.titlelist = [{
Name: '业绩',
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: '业绩',
let obj = [
{
Name: "业绩",
Id: 1,
index: i
}, {
Name: '业绩比例',
},
{
Name: "业绩比例",
Id: 2,
index: i
}, {
Name: '订单返佣',
},
{
Name: "订单返佣",
Id: 3,
index: i
},{
Name: '提成',
},
{
Name: "提成",
Id: 4,
index: i
}, {
Name: '返佣金额',
},
{
Name: "返佣金额",
Id: 5,
index: i
}, {
Name: '人头奖励',
},
{
Name: "人头奖励",
Id: 6,
index: i
}, {
Name: '合计',
},
{
Name: "合计",
Id: 7,
index: i
},]
this.titlelist = [...this.titlelist, ...obj]
}
];
this.titlelist = [...this.titlelist, ...obj];
}
})
.catch(() => {
this.loading = false;
});
},
//获取客户类型
getCustomTypeList() {
......@@ -588,7 +651,7 @@
if (res.Code == 1) {
this.customTypeList = res.Data;
}
})
});
},
//获取客户阶段列表
getStuStageList() {
......@@ -603,10 +666,10 @@
};
this.dataList.MonthList.forEach(x => {
if (x.MonthNum == index + 1) {
obj = x
obj = x;
}
})
return obj
});
return obj;
},
//点击学生姓名弹出
getStuRight(obj) {
......@@ -618,7 +681,7 @@
},
closeStuForm() {
this.isShowStuRight = false;
this.isShowStuFU = false
this.isShowStuFU = false;
},
resetBelong() {
if (this.msg.BelongType != 4) {
......@@ -626,17 +689,19 @@
this.getList();
}
},
lookgengduo(obj, time) { //跟进备注
lookgengduo(obj, time) {
//跟进备注
//计算时间 月底日期
let Month = time.split('-')[0] + '-' + time.split('-')[1] + '-01'
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()
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;
......@@ -644,17 +709,19 @@
this.BelongType = obj.BelongType;
}
this.isShowStuFU = true;
},
filterFnkec(val, update) { //课程的栓选
filterFnkec(val, update) {
//课程的栓选
update(() => {
if (val === '') {
this.myCourseList = this.allCourseList
if (val === "") {
this.myCourseList = this.allCourseList;
} else {
const needle = val.toLowerCase();
this.myCourseList = this.allCourseList.filter(v => v.CourseName.toLowerCase().indexOf(needle) > -1);
this.myCourseList = this.allCourseList.filter(
v => v.CourseName.toLowerCase().indexOf(needle) > -1
);
}
})
});
},
getCurseManager(row) {
let managerName = "<span class='text-grey-4'>暂未推送</span>";
......@@ -677,37 +744,36 @@
});
}
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 {
/deep/.el-input__inner,
/deep/.el-range-input {
background-color: transparent;
border: none;
}
}
.stics {
.stics {
padding: 10px 20px;
background: #DDDEE0;
background: #dddee0;
border-radius: 4px;
font-size: 13px;
color: #000000;
font-weight: bold
}
font-weight: bold;
}
.stics .stics-name {
color: #2D2D2D;
.stics .stics-name {
color: #2d2d2d;
font-weight: 600;
margin-right: 10px
}
margin-right: 10px;
}
.roatImg {
.roatImg {
transform: rotate(180deg);
}
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment