Commit 51031779 authored by 黄奎's avatar 黄奎

页面优化

parent def99056
<style> <style>
.baseSet_Title { .baseSet_Title {
width: 120px !important; width: 120px !important;
padding: 18px 0 0 16px; padding: 18px 0 0 16px;
text-align: right; text-align: right;
} }
.cycleOrderList .border-bottom {
.cycleOrderList .border-bottom {
/* border-bottom: 1px dashed #EEE; */ /* border-bottom: 1px dashed #EEE; */
padding-bottom: 5px; padding-bottom: 5px;
margin-bottom: 5px; margin-bottom: 5px;
} }
.cycleOrderList .text-bottom {
.cycleOrderList .text-bottom {
height: 32px; height: 32px;
line-height: 32px; line-height: 32px;
margin-bottom: 10px; margin-bottom: 10px;
} }
.cycleOrderList ._icon_btn i.icon-sousuo {
.cycleOrderList ._icon_btn i.icon-sousuo {
background-color: #47bf8c; background-color: #47bf8c;
} }
.cycleOrderList ._icon_btn i {
.cycleOrderList ._icon_btn i {
width: 30px; width: 30px;
height: 30px; height: 30px;
display: inline-block; display: inline-block;
...@@ -28,701 +32,520 @@ ...@@ -28,701 +32,520 @@
margin-right: 10px; margin-right: 10px;
cursor: pointer; cursor: pointer;
outline: none; outline: none;
} }
.cycleOrderList .el-table td,
.el-table th { .cycleOrderList .el-table td,
.el-table th {
padding: 5px 0; padding: 5px 0;
} }
</style> </style>
<template> <template>
<div class="page-body cycleOrderList"> <div class="page-body cycleOrderList">
<div class="page-search row items-center"> <div class="page-search row items-center">
<div class="col row wrap q-mr-lg q-col-gutter-md"> <div class="col row wrap q-mr-lg q-col-gutter-md">
<!-- <div class="col-3"> <q-select v-if="!isNormal" @input="resetSearch" filled stack-label option-value="Id" option-label="Name"
<q-select use-input v-model="msg.Status" :options="StatusList" label="状态" dense class="col-3" emit-value map-options>
filled </q-select>
stack-label <div class="col-3" v-if="!isNormal">
@input="resetSearch()" <q-select filled stack-label @input="resetSearch()" option-value="Id" option-label="BatchName"
option-value="SId" v-model="msg.BatchId" :options="PeriodsList" label="周期" dense emit-value map-options />
option-label="SName"
v-model="msg.SchoolId"
ref="SchoolId"
:options="schoolList"
label="校区"
dense
emit-value
map-options
/>
</div> -->
<q-select
v-if="!isNormal"
@input="resetSearch"
filled
stack-label
option-value="Id"
option-label="Name"
use-input
v-model="msg.Status"
:options="StatusList"
label="状态"
dense
class="col-3"
emit-value
map-options
></q-select>
<div class="col-3" v-if="!isNormal">
<q-select
filled
stack-label
@input="resetSearch()"
option-value="Id"
option-label="BatchName"
v-model="msg.BatchId"
:options="PeriodsList"
label="周期"
dense
emit-value
map-options
/>
</div>
<div class="col-3">
<q-select
filled
stack-label
use-input
input-debounce="0"
option-value="ClassId"
@input="getList"
option-label="ClassName"
v-model="msg.ClassId"
:options="ClassList"
label="班级"
dense
emit-value
map-options
@filter="filterFnbanji"
>
<template v-slot:no-option>
<q-item>
<q-item-section class="text-grey">未找到相关数据</q-item-section>
</q-item>
</template>
</q-select>
</div>
<q-select
v-if="!isNormal"
@input="resetSearch"
filled
stack-label
option-value="Id"
option-label="Name"
use-input
v-model="msg.CommissionType"
:options="CommissionList"
label="类型"
dense
class="col-3"
emit-value
map-options
></q-select>
<q-select
v-if="!isNormal"
@input="resetSearch"
filled
stack-label
option-value="Id"
option-label="Name"
use-input
v-model="msg.Q_SelectNormal"
:options="SelectNormal"
label="返佣情况"
dense
class="col-3"
emit-value
map-options
></q-select>
<q-select
class="col-3"
filled
stack-label
input-debounce="0"
v-if="!isEdit"
option-value="Id"
@input="getlaiyuan"
option-label="Name"
v-model="msg.OrderSourceType"
:options="customFromList"
label="来源"
dense
emit-value
map-options
></q-select>
<div class="col-3" v-if="msg.OrderSourceType == 1 || msg.OrderSourceType == 3">
<q-select
filled
clearable
stack-label
v-model="msg.OrderSourceId"
dense
:options="myEmployeeList"
use-input
@input="getList"
label="人员"
@filter="filterEmployee"
option-label="EmployeeName"
option-value="Id"
emit-value
map-options
>
<template v-slot:no-option>
<q-item>
<q-item-section class="text-grey">未找到相关数据</q-item-section>
</q-item>
</template>
</q-select>
</div>
<div class="col-3" v-if="msg.OrderSourceType == 2">
<q-select
filled
clearable
stack-label
v-model="msg.OrderSourceId"
dense
:options="customList"
use-input
@input="getList"
label="关联同行"
@filter="filterFn"
option-label="CustomerName"
option-value="CustomerId"
emit-value
map-options
>
<template v-slot:no-option>
<q-item>
<q-item-section class="text-grey">未找到相关数据</q-item-section>
</q-item>
</template>
</q-select>
</div>
<div class="col-3" v-if="msg.OrderSourceType == 4">
<q-select
filled
clearable
stack-label
v-model="msg.OrderSourceId"
dense
:options="InvitationList"
use-input
@input="getList"
label="转介人"
@filter="filterFnStudent"
option-label="StuName"
option-value="StuId"
emit-value
map-options
>
<template v-slot:no-option>
<q-item>
<q-item-section class="text-grey">未找到相关数据</q-item-section>
</q-item>
</template>
</q-select>
</div>
<div class="col-3">
<q-input
filled
dense
v-model="msg.OrderId"
@keyup.enter.native="resetSearch()"
label="订单号"
/>
</div>
</div>
</div> </div>
<div class="page-search row items-center" style="justify-content: space-between;"> <div class="col-3">
<span style="font-size: 20px;font-weight: 400;"> <q-select filled stack-label use-input input-debounce="0" option-value="ClassId" @input="getList"
提成统计 option-label="ClassName" v-model="msg.ClassId" :options="ClassList" label="班级" dense emit-value map-options
<span style="font-size: 16px;">(提成总计:{{ TotalCommission }})</span> @filter="filterFnbanji">
</span> <template v-slot:no-option>
<q-btn <q-item>
v-if="!isNormal" <q-item-section class="text-grey">未找到相关数据</q-item-section>
color="primary" </q-item>
size="11px" </template>
label="导出" </q-select>
@click="tcexport"
style="margin-left:10px"
/>
</div> </div>
<template> <q-select v-if="!isNormal" @input="resetSearch" filled stack-label option-value="Id" option-label="Name"
<el-table use-input v-model="msg.CommissionType" :options="CommissionList" label="类型" dense class="col-3" emit-value
ref="filterTable" map-options></q-select>
:data="tableData" <q-select v-if="!isNormal" @input="resetSearch" filled stack-label option-value="Id" option-label="Name"
v-loading="loading" use-input v-model="msg.Q_SelectNormal" :options="SelectNormal" label="返佣情况" dense class="col-3" emit-value
:header-cell-style="{ backgroundColor: '#f5f6f7', color: '#a8a8b3' }" map-options></q-select>
border <q-select class="col-3" filled stack-label input-debounce="0" v-if="!isEdit" option-value="Id"
style="width: 100%" @input="getlaiyuan" option-label="Name" v-model="msg.OrderSourceType" :options="customFromList" label="来源"
> dense emit-value map-options></q-select>
<el-table-column prop="SchoolName" label="校区" width="150"></el-table-column> <div class="col-3" v-if="msg.OrderSourceType == 1 || msg.OrderSourceType == 3">
<el-table-column prop="OrderSourceTypeName" label="来源"></el-table-column> <q-select filled clearable stack-label v-model="msg.OrderSourceId" dense :options="myEmployeeList" use-input
@input="getList" label="人员" @filter="filterEmployee" option-label="EmployeeName" option-value="Id"
<el-table-column prop="UserName" label="人员"></el-table-column> emit-value map-options>
<template v-slot:no-option>
<!-- <el-table-column prop="ClassNo" label="班号"></el-table-column> --> <q-item>
<el-table-column width="170" prop="ClassName" label="班级信息"> <q-item-section class="text-grey">未找到相关数据</q-item-section>
<template slot-scope="scope"> </q-item>
<div> </template>
<span </q-select>
style="cursor: pointer;text-decoration: underline;" </div>
@click="goUrlclass('/course/classManage', scope.row.ClassName)" <div class="col-3" v-if="msg.OrderSourceType == 2">
>{{ scope.row.ClassName }}</span> <q-select filled clearable stack-label v-model="msg.OrderSourceId" dense :options="customList" use-input
</div> @input="getList" label="关联同行" @filter="filterFn" option-label="CustomerName" option-value="CustomerId"
<div>班号:{{ scope.row.ClassNo }}</div> emit-value map-options>
</template> <template v-slot:no-option>
</el-table-column> <q-item>
<el-table-column prop="OrderId" label="订单号"> <q-item-section class="text-grey">未找到相关数据</q-item-section>
<template slot-scope="scope"> </q-item>
</template>
<div v-if="scope.row.OrderType == 1" </q-select>
style="cursor: pointer;text-decoration: underline;" </div>
@click="goUrlorderList('/sale/orderStatistics', scope.row)" <div class="col-3" v-if="msg.OrderSourceType == 4">
>{{ scope.row.OrderId }}</div> <q-select filled clearable stack-label v-model="msg.OrderSourceId" dense :options="InvitationList" use-input
<div v-else-if="scope.row.OrderType == 2" @input="getList" label="转介人" @filter="filterFnStudent" option-label="StuName" option-value="StuId"
style="cursor: pointer;text-decoration: underline;" emit-value map-options>
@click="goUrlorderList('/sale/studyOrderStatistics', scope.row)" <template v-slot:no-option>
>{{ scope.row.OrderId }}</div> <q-item>
</template> <q-item-section class="text-grey">未找到相关数据</q-item-section>
</el-table-column> </q-item>
</template>
</q-select>
<el-table-column prop="StuName" label="学生"></el-table-column> </div>
<el-table-column prop="CommissionType" label="类型"> <div class="col-3">
<template slot-scope="scope"> <q-input filled dense v-model="msg.OrderId" @keyup.enter.native="resetSearch()" label="订单号" />
<span v-if="scope.row.CommissionType == 1">返佣</span> </div>
<span v-if="scope.row.CommissionType == 2">幸福存折</span> </div>
</template> </div>
</el-table-column> <div class="page-search row items-center" style="justify-content: space-between;">
<span style="font-size: 20px;font-weight: 400;">
<el-table-column width="130" prop="CommissionMoeny" label="返佣/存折金额"> 提成统计
<template slot-scope="scope"> <span style="font-size: 16px;">(提成总计:{{ TotalCommission }})</span>
<div>{{ scope.row.CommissionMoeny ? scope.row.CommissionMoeny : '-' }}</div> </span>
</template> <q-btn v-if="!isNormal" color="primary" size="11px" label="导出" @click="tcexport" style="margin-left:10px" />
</el-table-column>
<el-table-column prop="Status" label="状态">
<template slot-scope="scope">
<span v-if="scope.row.Status == -1">不返佣</span>
<span v-if="scope.row.Status == 0">待返佣</span>
<span v-if="scope.row.Status == 1">已返佣到账户</span>
<span v-if="scope.row.Status == 2">佣金已提现</span>
</template>
</el-table-column>
<el-table-column prop="BatchName" label="期数"></el-table-column>
<el-table-column prop="Remark" width="200" label="备注"></el-table-column>
</el-table>
<div style="margin-top: 10px;text-align: center;">
<el-pagination
background
@current-change="handleCurrentChanges"
layout="total,prev, pager, next, jumper"
:current-page.sync="msg.PageIndex"
:page-size="msg.PageSize"
:total="total"
></el-pagination>
</div>
</template>
</div> </div>
<template>
<el-table ref="filterTable" :data="tableData" v-loading="loading"
:header-cell-style="{ backgroundColor: '#f5f6f7', color: '#a8a8b3' }" border style="width: 100%">
<el-table-column prop="SchoolName" label="校区" width="150"></el-table-column>
<el-table-column prop="OrderSourceTypeName" label="来源"></el-table-column>
<el-table-column prop="UserName" label="人员"></el-table-column>
<el-table-column width="170" prop="ClassName" label="班级信息">
<template slot-scope="scope">
<div>
<span style="cursor: pointer;text-decoration: underline;"
@click="goUrlclass('/course/classManage', scope.row.ClassName)">{{ scope.row.ClassName }}</span>
</div>
<div>班号:{{ scope.row.ClassNo }}</div>
</template>
</el-table-column>
<el-table-column prop="OrderId" label="订单号">
<template slot-scope="scope">
<div v-if="scope.row.OrderType == 1" style="cursor: pointer;text-decoration: underline;"
@click="goUrlorderList('/sale/orderStatistics', scope.row)">{{ scope.row.OrderId }}</div>
<div v-else-if="scope.row.OrderType == 2" style="cursor: pointer;text-decoration: underline;"
@click="goUrlorderList('/sale/studyOrderStatistics', scope.row)">{{ scope.row.OrderId }}</div>
</template>
</el-table-column>
<el-table-column prop="StuName" label="学生"></el-table-column>
<el-table-column prop="CommissionType" label="类型">
<template slot-scope="scope">
<span v-if="scope.row.CommissionType == 1">返佣</span>
<span v-if="scope.row.CommissionType == 2">幸福存折</span>
</template>
</el-table-column>
<el-table-column width="130" prop="CommissionMoeny" label="返佣/存折金额">
<template slot-scope="scope">
<div>{{ scope.row.CommissionMoeny ? scope.row.CommissionMoeny : '-' }}</div>
</template>
</el-table-column>
<el-table-column prop="Status" label="状态">
<template slot-scope="scope">
<span v-if="scope.row.Status == -1">不返佣</span>
<span v-if="scope.row.Status == 0">待返佣</span>
<span v-if="scope.row.Status == 1">已返佣到账户</span>
<span v-if="scope.row.Status == 2">佣金已提现</span>
</template>
</el-table-column>
<el-table-column prop="BatchName" label="期数"></el-table-column>
<el-table-column prop="Remark" width="200" label="备注"></el-table-column>
</el-table>
<div style="margin-top: 10px;text-align: center;">
<el-pagination background @current-change="handleCurrentChanges" layout="total,prev, pager, next, jumper"
:current-page.sync="msg.PageIndex" :page-size="msg.PageSize" :total="total"></el-pagination>
</div>
</template>
</div>
</template> </template>
<script> <script>
import { import {
getSchoolDropdown, getSchoolDropdown,
getClassDropDownList, getClassDropDownList,
getStudentDorpDownList getStudentDorpDownList
} from '../../../api/school/index' } from '../../../api/school/index'
import { import {
queryEmployee queryEmployee
} from '../../../api/users/user' } from '../../../api/users/user'
import { import {
GetStudentList, GetStudentList,
} from '../../../api/course/class'; } from '../../../api/course/class';
import { import {
CreateTypeList, CreateTypeList,
GetCustomerList GetCustomerList
} from '../../../api/sale/sale' } from '../../../api/sale/sale'
import { import {
getCommissionStatistics, getCommissionStatistics,
getCommissionPeriodsList, getCommissionPeriodsList,
} from '../../../api/finance/index'
import {
} from '../../../api/finance/index'
import {
EduDownLoad, EduDownLoad,
} from '../../../api/common/common'; } from '../../../api/common/common';
export default { export default {
meta: { meta: {
title: "业绩提成统计" title: "业绩提成统计"
}, },
props: {}, props: {},
components: { components: {},
},
data() { data() {
return { return {
loading: false, loading: false,
//列表数据参数 //列表数据参数
msg: { msg: {
PageIndex: 1, PageIndex: 1,
PageSize: 10, PageSize: 10,
SchoolId: '-1', SchoolId: '-1',
BatchId: '0', BatchId: '0',
Status: '-2', Status: '-2',
OrderSourceType: '-1', OrderSourceType: '-1',
OrderSourceId: 0, OrderSourceId: 0,
Q_SelectNormal: '-1', Q_SelectNormal: '-1',
CommissionType: '-1', CommissionType: '-1',
ClassId: 0,
ClassId: 0, OrderId: '',
OrderId: '', UnionCashOutId: 0,
UnionCashOutId:0, },
StatusList: [{
}, Id: '-2',
StatusList: [ Name: '不限'
{ Id: '-2', Name: '不限' }, { Id: '-1', Name: '不返佣' }, { Id: '0', Name: '待返佣' }, { Id: '1', Name: '已返佣到账户' }, { Id: '2', Name: '佣金已提现' }, }, {
], Id: '-1',
SelectNormal: [ Name: '不返佣'
{ Id: '-1', Name: '不限' }, { Id: '1', Name: '非不返佣的' }, { Id: '2', Name: '已返佣' }, }, {
], Id: '0',
CommissionList: [ Name: '待返佣'
{ Id: '-1', Name: '不限' }, { Id: '1', Name: '返佣' }, { Id: '2', Name: '幸福存折' }, }, {
], Id: '1',
pageCount: 0, Name: '已返佣到账户'
listData: {}, }, {
tableData: [], Id: '2',
total: 0, Name: '佣金已提现'
company: [], }, ],
department: [], SelectNormal: [{
ClassList: [], Id: '-1',
allClassList: [], Name: '不限'
returnString: [], //默认岗位 }, {
see_tcdetailed: false, Id: '1',
schoolList: [], Name: '非不返佣的'
DeptList: [], // 部门下拉 }, {
PeriodsList: [],//周期列表 Id: '2',
TotalCommission: 0, Name: '已返佣'
ChangeLog: '', }, ],
customFromList: [], CommissionList: [{
Id: '-1',
TransListData: [], //转介人数据 Name: '不限'
MyTransListData: [], }, {
customList: [], //同行列表 Id: '1',
allCustomList: [], //所有同行列表 Name: '返佣'
InvitationList: [], //学员下拉数据 }, {
AllInvitationList: [], Id: '2',
Name: '幸福存折'
isNormal: false, }, ],
employeeList:[], pageCount: 0,
myEmployeeList:[], listData: {},
isEdit:false tableData: [],
total: 0,
} company: [],
department: [],
ClassList: [],
allClassList: [],
returnString: [], //默认岗位
see_tcdetailed: false,
schoolList: [],
DeptList: [], // 部门下拉
PeriodsList: [], //周期列表
TotalCommission: 0,
ChangeLog: '',
customFromList: [],
TransListData: [], //转介人数据
MyTransListData: [],
customList: [], //同行列表
allCustomList: [], //所有同行列表
InvitationList: [], //学员下拉数据
AllInvitationList: [],
isNormal: false,
employeeList: [],
myEmployeeList: [],
isEdit: false
}
}, },
created() { created() {
let userinfo = this.getLocalStorage(); let userinfo = this.getLocalStorage();
userinfo.ActionMenuList.map(x => {//判断权限 userinfo.ActionMenuList.map(x => { //判断权限
if (x.FunctionCode == "see_tcdetailed") {//判断是否可以查看其他明细 if (x.FunctionCode == "see_tcdetailed") { //判断是否可以查看其他明细
this.see_tcdetailed = true; this.see_tcdetailed = true;
}
})
if (this.see_tcdetailed == false) {
this.msg.UserId = userinfo.Id
} }
})
if (this.see_tcdetailed == false) {
this.msg.UserId = userinfo.Id
}
}, },
mounted() { mounted() {
if (this.$route.query && this.$route.query.OrderId) { if (this.$route.query && this.$route.query.OrderId) {
this.msg.OrderId = this.$route.query.OrderId this.msg.OrderId = this.$route.query.OrderId
} }
if (this.$route.query && this.$route.query.preriodId) { if (this.$route.query && this.$route.query.preriodId) {
this.msg.BatchId = (this.$route.query.preriodId).toString() this.msg.BatchId = (this.$route.query.preriodId).toString()
} }
if (this.$route.query && this.$route.query.UnionCashOutId) {//提现ID if (this.$route.query && this.$route.query.UnionCashOutId) { //提现ID
this.msg.UnionCashOutId = this.$route.query.UnionCashOutId this.msg.UnionCashOutId = this.$route.query.UnionCashOutId
} }
if (this.$route.query && this.$route.query.OrderSourceType) {//来源 if (this.$route.query && this.$route.query.OrderSourceType) { //来源
this.msg.OrderSourceType = this.$route.query.OrderSourceType this.msg.OrderSourceType = parseInt(this.$route.query.OrderSourceType)
} }
if (this.$route.query && this.$route.query.OrderSourceId) {//人员ID if (this.$route.query && this.$route.query.OrderSourceId) { //人员ID
this.msg.OrderSourceId = parseInt(this.$route.query.OrderSourceId) this.msg.OrderSourceId = parseInt(this.$route.query.OrderSourceId)
} }
if (this.$route.query && this.$route.query.CommissionType) { if (this.$route.query && this.$route.query.CommissionType) {
this.msg.CommissionType = this.$route.query.CommissionType; this.msg.CommissionType = parseInt(this.$route.query.CommissionType);
this.msg.Q_SelectNormal = 2 this.msg.Q_SelectNormal = 2
this.isNormal = true this.isNormal = true
} }
if (this.$route.query && this.$route.query.iSFromDash==1){ if (this.$route.query && this.$route.query.iSFromDash == 1) {
this.isEdit=true; this.isEdit = true;
}
if (this.$route.query && this.$route.query.Status) {
this.msg.Status = this.$route.query.Status;
this.isNormal = false;
this.msg.Q_SelectNormal = '-1'
}
this.getList()
this.setClass()
this.getBranchList()
this.getPeriodList()
this.getCustomFrom() //来源
this.getEmployeeList()
this.getStudentDorpDown()
this.GetCustomerList()
this.getStudentList(); //学员下拉
},
methods: {
resetSearch() {
this.msg.PageIndex = 1;
this.getList()
},
getList() {
this.loading = true;
let msg = JSON.parse(JSON.stringify(this.msg))
if (msg.OrderSourceId == '' || msg.OrderSourceId == null) {
msg.OrderSourceId = 0
} }
if (this.$route.query && this.$route.query.Status) { getCommissionStatistics(this.msg).then(res => {
this.msg.Status = this.$route.query.Status; if (res.Code == 1) {
this.isNormal = false; this.loading = false;
this.msg.Q_SelectNormal = '-1' this.tableData = res.Data.PageData.List
this.TotalCommission = res.Data.PageData.TotalCommission
this.total = res.Data.Count
}
})
},
unique(arr, Name) { //数组去重
const res = new Map();
return arr.filter(
(list) => !res.has(list.text) && res.set(list.text, 1)
);
},
getlaiyuan() {
if (this.msg.OrderSourceType == -1) {
this.msg.OrderSourceId = 0
} else {
this.msg.OrderSourceId = ''
} }
this.getList() this.getList()
this.setClass() },
this.getBranchList() //获取客户来源
this.getPeriodList() getCustomFrom() {
this.getCustomFrom()//来源 CreateTypeList({}).then(res => {
this.getEmployeeList() if (res.Code == 1) {
this.getStudentDorpDown() let obj = {
this.GetCustomerList() Name: '不限',
this.getStudentList();//学员下拉 Id: '-1'
},
methods: {
resetSearch() {
this.msg.PageIndex = 1;
this.getList()
},
getList() {
this.loading = true;
let msg = JSON.parse(JSON.stringify(this.msg))
if (msg.OrderSourceId == '' || msg.OrderSourceId == null) {
msg.OrderSourceId = 0
} }
getCommissionStatistics(this.msg).then(res => { this.customFromList = res.Data;
if (res.Code == 1) { this.customFromList.unshift(obj);
this.loading = false; }
})
this.tableData = res.Data.PageData.List },
this.TotalCommission = res.Data.PageData.TotalCommission //筛选转介人
this.total = res.Data.Count filterStudent(val, update, abort) {
update(() => {
} this.MyTransListData = this.TransListData.filter(
}) v => v.StuName.indexOf(val) > -1
}, );
unique(arr, Name) {//数组去重 });
const res = new Map(); },
return arr.filter( //筛选员工
(list) => !res.has(list.text) && res.set(list.text, 1) filterEmployee(val, update, abort) {
update(() => {
if (val === '') {
this.myEmployeeList = this.employeeList
} else {
const needle = val.toLowerCase();
this.myEmployeeList = this.employeeList.filter(v => v.EmployeeName.toLowerCase().indexOf(needle) > -1);
}
})
},
//获取员工列表
getEmployeeList() {
queryEmployee({
IsLeave: 1
}).then(res => {
this.employeeList = res.Data;
this.myEmployeeList = res.Data;
})
},
//获取转介人下拉
getStudentDorpDown() {
getStudentDorpDownList().then(res => {
if (res.Code == 1) {
this.TransListData = res.Data;
this.MyTransListData = 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
); );
}, }
getlaiyuan() { });
if (this.msg.OrderSourceType == -1) { },
this.msg.OrderSourceId = 0 handleCurrentChanges(val) {
this.msg.PageIndex = val;
} else { this.getList()
this.msg.OrderSourceId = '' },
//选择班级
setClass(item) {
this.isShowClass = true;
getClassDropDownList({
CourseId: 0,
IsAddDefault: 1, //添加默认选项
}).then(res => {
if (res.Code == 1) {
var jsonData = res.Data;
let obj = {
ClassId: 0,
ClassName: '不限'
} }
this.getList() jsonData.unshift(obj)
}, if (jsonData && jsonData.length > 0) {
//获取客户来源 this.ClassList = JSON.parse(JSON.stringify(jsonData));
getCustomFrom() { this.allClassList = JSON.parse(JSON.stringify(jsonData));;
CreateTypeList({}).then(res => {
if (res.Code == 1) {
let obj = {
Name: '不限',
Id: '-1'
}
this.customFromList = res.Data;
this.customFromList.unshift(obj);
}
})
},
//筛选转介人
filterStudent(val, update, abort) {
update(() => {
this.MyTransListData = this.TransListData.filter(
v => v.StuName.indexOf(val) > -1
);
});
},
//筛选员工
filterEmployee(val, update, abort) {
update(() => {
if (val === '') {
this.myEmployeeList = this.employeeList
}
else {
const needle = val.toLowerCase();
this.myEmployeeList = this.employeeList.filter(v => v.EmployeeName.toLowerCase().indexOf(needle) > -1);
}
})
},
//获取员工列表
getEmployeeList() {
queryEmployee({
IsLeave: 1
}).then(res => {
this.employeeList = res.Data;
this.myEmployeeList = res.Data;
})
},
//获取转介人下拉
getStudentDorpDown() {
getStudentDorpDownList().then(res => {
if (res.Code == 1) {
this.TransListData = res.Data;
this.MyTransListData = res.Data;
}
})
},
//获取客户下拉数据
GetCustomerList() {
let msg = {
QCreateBy: 0
} }
GetCustomerList(msg).then(res => { }
if (res.Code == 1) { });
this.customList = res.Data; },
this.allCustomList = res.Data; //筛选班级
} filterFnbanji(val, update) {
}) update(() => {
}, if (val === '') {
//筛选客户 this.ClassList = JSON.parse(JSON.stringify(this.allClassList))
filterFn(val, update) { } else {
update(() => { const needle = val.toLowerCase()
if (val === "") { this.ClassList = this.allClassList.filter(v => v.ClassName.toLowerCase().indexOf(needle) > -1)
this.customList = JSON.parse(JSON.stringify(this.allCustomList)); }
} else { })
const needle = val.toLowerCase(); },
this.customList = this.allCustomList.filter( getBranchList() { //获取校区
(v) => v.CustomerName.toLowerCase().indexOf(needle) > -1 getSchoolDropdown({}).then(res => {
); this.schoolList = res.Data;
} var obj = {
}); SName: '全部',
}, SId: '-1'
handleCurrentChanges(val) { }
this.msg.PageIndex = val; this.schoolList.unshift(obj);
this.getList() }).catch(() => {})
}, },
//选择班级 //获取学员下拉信息
setClass(item) { getStudentList() {
this.isShowClass = true; var qMsg = {
getClassDropDownList({ SchoolId: this.msg.SchoolId
CourseId: 0, };
IsAddDefault: 1, //添加默认选项 GetStudentList(qMsg).then(res => {
}).then(res => { if (res.Code == 1) {
if (res.Code == 1) { var jsonData = res.Data;
var jsonData = res.Data; if (jsonData && jsonData.length > 0) {
let obj = { this.AllInvitationList = JSON.parse(JSON.stringify(jsonData));
ClassId: 0, this.InvitationList = JSON.parse(JSON.stringify(jsonData));
ClassName: '不限'
}
jsonData.unshift(obj)
if (jsonData && jsonData.length > 0) {
this.ClassList = JSON.parse(JSON.stringify(jsonData));
this.allClassList = JSON.parse(JSON.stringify(jsonData));;
}
}
});
},
//筛选班级
filterFnbanji(val, update) {
update(() => {
if (val === '') {
this.ClassList = JSON.parse(JSON.stringify(this.allClassList))
} else {
const needle = val.toLowerCase()
this.ClassList = this.allClassList.filter(v => v.ClassName.toLowerCase().indexOf(needle) > -1)
}
})
},
getBranchList() {//获取校区
getSchoolDropdown({}).then(res => {
this.schoolList = res.Data;
var obj = {
SName: '全部',
SId: '-1'
}
this.schoolList.unshift(obj);
}).catch(() => {
})
},
//获取学员下拉信息
getStudentList() {
var qMsg = {
SchoolId: this.msg.SchoolId
};
GetStudentList(qMsg).then(res => {
if (res.Code == 1) {
var jsonData = res.Data;
if (jsonData && jsonData.length > 0) {
this.AllInvitationList = JSON.parse(JSON.stringify(jsonData));
this.InvitationList = JSON.parse(JSON.stringify(jsonData));
}
}
})
},
filterFnStudent(val, update) {
update(() => {
if (val === '') {
this.InvitationList = JSON.parse(JSON.stringify(this.AllInvitationList))
} else {
const needle = val.toLowerCase()
this.InvitationList = this.AllInvitationList.filter(v => v.StuName.toLowerCase().indexOf(needle) > -1)
}
})
},
getPeriodList() {//获取周期下拉列表
getCommissionPeriodsList({}).then(res => {
if (res.Code == 1) {
this.PeriodsList = res.Data
let obj = {
BatchName: '不限',
Id: '0'
}
this.PeriodsList.unshift(obj)
}
})
},
tcexport() {//导出
var msg = JSON.parse(JSON.stringify(this.msg));
let text = '用户返佣/存折明细.xls'
if(msg.CommissionType==1){
text = '用户返佣.xls'
} }
if(msg.CommissionType==2){ }
text = '幸福存折明细.xls' })
},
filterFnStudent(val, update) {
update(() => {
if (val === '') {
this.InvitationList = JSON.parse(JSON.stringify(this.AllInvitationList))
} else {
const needle = val.toLowerCase()
this.InvitationList = this.AllInvitationList.filter(v => v.StuName.toLowerCase().indexOf(needle) > -1)
}
})
},
getPeriodList() { //获取周期下拉列表
getCommissionPeriodsList({}).then(res => {
if (res.Code == 1) {
this.PeriodsList = res.Data
let obj = {
BatchName: '不限',
Id: '0'
} }
EduDownLoad("/CustomerCommission/GetCommissionStatisticsToExcel", msg, text) this.PeriodsList.unshift(obj)
}, }
goUrlclass(path, Names) {//班级 })
let Name = encodeURI(Names) },
this.OpenNewUrl(path, { tcexport() { //导出
ClassName: Name, var msg = JSON.parse(JSON.stringify(this.msg));
}); let text = '用户返佣/存折明细.xls'
}, if (msg.CommissionType == 1) {
goUrlorderList(path, row) {//订单跳转 text = '用户返佣.xls'
this.OpenNewUrl(path, { }
OrderId: row.OrderId, if (msg.CommissionType == 2) {
// EnterID:row.UserId text = '幸福存折明细.xls'
}); }
}, EduDownLoad("/CustomerCommission/GetCommissionStatisticsToExcel", msg, text)
},
goUrlclass(path, Names) { //班级
let Name = encodeURI(Names)
this.OpenNewUrl(path, {
ClassName: Name,
});
},
goUrlorderList(path, row) { //订单跳转
this.OpenNewUrl(path, {
OrderId: row.OrderId,
});
},
}, },
} }
</script> </script>
<style lang="sass"> <style lang="sass">
@import url('~assets/css/table.sass')
@import url('~assets/ </style>
\ No newline at end of file
@import url('~assets/css/table.sass')
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