Skip to content

C
confucius
Commit a0334d16 authored by 黄奎's avatar 黄奎
Browse files
Options

111

parent 3fb561df
Hide whitespace changes
Inline Side-by-side
Showing with 982 additions and 1242 deletions
src/pages/stuMan/stuList.vue
View file @ a0334d16
<style> <style>
li { li {
list-style-type: none; list-style-type: none;
} }
.stuList ul { .stuList ul {
padding: 0px; padding: 0px;
} }
.stuList li { .stuList li {
background: rgba(221, 222, 224, 0.2); background: rgba(221, 222, 224, 0.2);
border-radius: 4px; border-radius: 4px;
margin-top: 15px; margin-top: 15px;
} }
.stuList li .dline { .stuList li .dline {
display: table; display: table;
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
} }
.stuList li .d1, .stuList li .d1,
.stuList li .d2, .stuList li .d2,
.stuList li .d3, .stuList li .d3,
.stuList li .d4, .stuList li .d4,
.stuList li .d5 { .stuList li .d5 {
width: 18%; width: 18%;
padding: 20px 20px 10px; padding: 20px 20px 10px;
} }
.stuList li .d7 { .stuList li .d7 {
flex: 1; flex: 1;
width: 1px; width: 1px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.stuList li .d1 .di-title {
font-size: 16px;
color: #111111;
}
.stuList li .d1 .di-title { .stuList li .d1 .di-c {
font-size: 16px; font-size: 14px;
color: #111111; display: flex;
} line-height: 28px;
color: #111111;
}
.stuList li .d1 .di-c { .stuList li .d6 {
font-size: 14px; padding: 10px 20px;
display: flex; width: 100%;
line-height: 28px; height: inherit;
color: #111111; position: relative;
} border-top: 1px solid #dddee0;
}
.stuList li .d6 { .stuList li .d6 .progress {
padding: 10px 20px; width: 100%;
width: 100%; height: 5px;
height: inherit; position: absolute;
position: relative; left: 0;
border-top: 1px solid #dddee0; bottom: 0;
} }
.stuList li .d6 .progress { .stuList li .d2 div {
width: 100%; margin: 2px 0;
height: 5px; font-size: 14px;
position: absolute; color: #111111;
left: 0; }
bottom: 0;
}
.stuList li .d2 div { .stuList li .d2-n {
margin: 2px 0; font-size: 12px;
font-size: 14px; color: #999999;
color: #111111; margin-right: 20px;
} }
.stuList li .d2-n { .stuList li .d3 .d3-s {
font-size: 12px; color: var(--q-color-negative);
color: #999999; font-weight: bold;
margin-right: 20px; }
}
.stuList li .d3 .d3-s { .stuList li .d3 div {
color: var(--q-color-negative); margin: 2px 0;
font-weight: bold; font-size: 14px;
} }
.stuList li .d3 div { .stuList li .d4 div {
margin: 2px 0; font-size: 14px;
font-size: 14px; color: #111111;
} margin: 2px 0;
}
.stuList li .d4 div { .stuList li .d5 div {
font-size: 14px; font-size: 14px;
color: #111111; color: #111111;
margin: 2px 0; margin: 2px 0;
} }
.stuList li .d5 div { .stuList .myCourseNName {
font-size: 14px; width: 25px;
color: #111111; height: 25px;
margin: 2px 0; border-radius: 50%;
} color: #fff !important;
text-align: center;
line-height: 25px;
background-color: #004d40;
}
.stuList .myCourseNName { .stuList .app-image {
width: 25px; background-position: center center;
height: 25px; width: 50px;
border-radius: 50%; height: 50px;
color: #fff !important; border-radius: 0%;
text-align: center; float: left;
line-height: 25px; margin-right: 8px;
background-color: #004d40; }
}
.stuList .app-image { .Sysuser_Date .el-input {
background-position: center center; width: 100%;
width: 50px; border: none;
height: 50px; background-color: transparent;
border-radius: 0%; }
float: left;
margin-right: 8px;
}
.Sysuser_Date .el-input { .Sysuser_Date .el-input__inner {
width: 100%; width: 100%;
border: none; border: none;
background-color: transparent; background-color: transparent;
} }
.Sysuser_Date .el-input__inner { .Sysuser_Date .el-range-editor .el-range-input {
width: 100%; width: 100%;
border: none; border: none;
background-color: transparent; background-color: transparent;
} }
.Sysuser_Date .el-range-editor .el-range-input { .el-picker-panel {
width: 100%; z-index: 99999 !important;
border: none; }
background-color: transparent;
}
.el-picker-panel { .syster_qDropdown .q-btn__wrapper {
z-index: 99999 !important; padding: 0 3px;
} min-height: 0 !important;
}
.syster_qDropdown .q-btn__wrapper { .editOrderDrawerTop {
padding: 0 3px; width: 100%;
min-height: 0 !important; height: 50px;
} display: flex;
justify-content: space-between;
background-color: #f0f5fb;
padding: 5px 10px;
align-items: center;
}
.editOrderDrawerTop { .stics {
width: 100%; padding: 10px 20px;
height: 50px; background: #dddee0;
display: flex; border-radius: 4px;
justify-content: space-between; font-size: 13px;
background-color: #f0f5fb; color: #000000;
padding: 5px 10px; font-weight: bold;
align-items: center; }
}
.stics {
padding: 10px 20px;
background: #dddee0;
border-radius: 4px;
font-size: 13px;
color: #000000;
font-weight: bold;
}
.stics .stics-name { .stics .stics-name {
color: #2d2d2d; color: #2d2d2d;
font-weight: 600; font-weight: 600;
margin-right: 10px; margin-right: 10px;
} }
</style> </style>
<template> <template>
<div <div :class="[
:class="[
{ 'page-body stuList': !isComponent }, { 'page-body stuList': !isComponent },
{ 'full-height': isComponent } { 'full-height': isComponent }
]" ]">
>
<div class="row q-mb-md" v-if="source != 1 && !isComponent"> <div class="row q-mb-md" v-if="source != 1 && !isComponent">
<q-space></q-space> <q-space></q-space>
<div style="position: relative"> <div style="position: relative">
<q-btn <q-btn color="accent" label="高级查询" @click="IsShowQuery = true"></q-btn>
color="accent"
label="高级查询"
@click="IsShowQuery = true"
></q-btn>
<q-badge floating rounded color="red">{{ queryNum }}</q-badge> <q-badge floating rounded color="red">{{ queryNum }}</q-badge>
</div> </div>
</div> </div>
...@@ -194,37 +189,13 @@ li { ...@@ -194,37 +189,13 @@ li {
<div class="page-search row items-center flex" v-if="!isComponent"> <div class="page-search row items-center flex" v-if="!isComponent">
<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"> <div class="col-3">
<q-select <q-select @input="changeSchool" dense filled v-model="msg.School_Id" class="col-6" option-label="SName"
@input="changeSchool" option-value="SId" :options="SchoolList" emit-value map-options label="校区" />
dense
filled
v-model="msg.School_Id"
class="col-6"
option-label="SName"
option-value="SId"
:options="SchoolList"
emit-value
map-options
label="校区"
/>
</div> </div>
<div class="col-3" v-if="source != 1"> <div class="col-3" v-if="source != 1">
<q-select <q-select @input="changeCourse" dense filled v-model="msg.CourseId" class="col-6" option-label="CourseName"
@input="changeCourse" option-value="CourseId" use-input :options="CourseList" @filter="filterCourse" emit-value map-options
dense label="课程" clearable>
filled
v-model="msg.CourseId"
class="col-6"
option-label="CourseName"
option-value="CourseId"
use-input
:options="CourseList"
@filter="filterCourse"
emit-value
map-options
label="课程"
clearable
>
<template v-slot:no-option> <template v-slot:no-option>
<q-item> <q-item>
<q-item-section class="text-grey"> <q-item-section class="text-grey">
...@@ -235,31 +206,16 @@ li { ...@@ -235,31 +206,16 @@ li {
</q-select> </q-select>
</div> </div>
<div class="col-3"> <div class="col-3">
<q-select <q-select @input="resetSearch" dense filled v-model="msg.ClassId" class="col-6" use-input
@input="resetSearch" @filter="filterClass" option-label="ClassName" option-value="ClassId" :options="classList" emit-value
dense map-options label="班级" clearable>
filled <template v-slot:option="{
v-model="msg.ClassId"
class="col-6"
use-input
@filter="filterClass"
option-label="ClassName"
option-value="ClassId"
:options="classList"
emit-value
map-options
label="班级"
clearable
>
<template
v-slot:option="{
itemProps, itemProps,
itemEvents, itemEvents,
opt, opt,
selected, selected,
toggleOption toggleOption
}" }">
>
<q-item v-bind="itemProps" v-on="itemEvents"> <q-item v-bind="itemProps" v-on="itemEvents">
<q-item-section> <q-item-section>
<q-item-label v-html="opt.ClassName"></q-item-label> <q-item-label v-html="opt.ClassName"></q-item-label>
...@@ -279,33 +235,12 @@ li { ...@@ -279,33 +235,12 @@ li {
</q-select> </q-select>
</div> </div>
<div class="col-3"> <div class="col-3">
<q-input <q-input @keyup.enter.native="resetSearch" clearable dense filled v-model="msg.GuestName" label="学员姓名"
@keyup.enter.native="resetSearch" @clear="resetSearch" maxlength="20" />
clearable
dense
filled
v-model="msg.GuestName"
label="学员姓名"
@clear="resetSearch"
maxlength="20"
/>
</div> </div>
<div class="col-3"> <div class="col-3">
<q-select <q-select @input="resetSearch" dense filled v-model="msg.GuestState" class="col-6" option-label="Name"
@input="resetSearch" option-value="Id" use-input :options="GuestStateList" emit-value map-options label="学员状态" clearable>
dense
filled
v-model="msg.GuestState"
class="col-6"
option-label="Name"
option-value="Id"
use-input
:options="GuestStateList"
emit-value
map-options
label="学员状态"
clearable
>
<template v-slot:no-option> <template v-slot:no-option>
<q-item> <q-item>
<q-item-section class="text-grey"> <q-item-section class="text-grey">
...@@ -316,37 +251,13 @@ li { ...@@ -316,37 +251,13 @@ li {
</q-select> </q-select>
</div> </div>
<div class="col-3"> <div class="col-3">
<q-select <q-select @input="getShaixuanFrom()" dense filled clearable option-value="Id" option-label="Name"
@input="getShaixuanFrom()" v-model="msg.CreateType" :options="customFromList" emit-value map-options label="客户来源" />
dense
filled
clearable
filled
option-value="Id"
option-label="Name"
v-model="msg.CreateType"
:options="customFromList"
emit-value
map-options
label="客户来源"
/>
</div> </div>
<div class="col-3" v-if="msg.CreateType == 1"> <div class="col-3" v-if="msg.CreateType == 1">
<q-select <q-select filled v-model="msg.StuChannelId" @input="resetSearch" label="收客渠道" :dense="false"
filled :options="StuChannelList" option-label="Name" option-value="Id" emit-value map-options use-input clearable
v-model="msg.StuChannelId" @filter="filterStuChannel">
@input="resetSearch"
label="收客渠道"
:dense="false"
:options="StuChannelList"
option-label="Name"
option-value="Id"
emit-value
map-options
use-input
clearable
@filter="filterStuChannel"
>
<template v-slot:no-option> <template v-slot:no-option>
<q-item> <q-item>
<q-item-section class="text-grey"> <q-item-section class="text-grey">
...@@ -357,21 +268,9 @@ li { ...@@ -357,21 +268,9 @@ li {
</q-select> </q-select>
</div> </div>
<div class="col-3" v-if="msg.CreateType == 2"> <div class="col-3" v-if="msg.CreateType == 2">
<q-select <q-select filled v-model="msg.StuSourceId" :dense="false" :options="customList" use-input label="关联同行"
filled @filter="filterFn" option-label="CustomerName" @input="resetSearch" clearable option-value="CustomerId"
v-model="msg.StuSourceId" emit-value map-options>
:dense="false"
:options="customList"
use-input
label="关联同行"
@filter="filterFn"
option-label="CustomerName"
@input="resetSearch"
clearable
option-value="CustomerId"
emit-value
map-options
>
<template v-slot:no-option> <template v-slot:no-option>
<q-item> <q-item>
<q-item-section class="text-grey"> <q-item-section class="text-grey">
...@@ -382,38 +281,14 @@ li { ...@@ -382,38 +281,14 @@ li {
</q-select> </q-select>
</div> </div>
<div class="col-3" v-if="msg.CreateType == 3"> <div class="col-3" v-if="msg.CreateType == 3">
<q-select <q-select filled v-model="msg.StuSourceId" :dense="false" @filter="filterEmployee" label="介绍人" use-input
filled :options="myEmployeeList" option-label="EmployeeName" @input="resetSearch" clearable option-value="Id"
v-model="msg.StuSourceId" emit-value map-options />
:dense="false"
@filter="filterEmployee"
label="介绍人"
use-input
:options="myEmployeeList"
option-label="EmployeeName"
@input="resetSearch"
clearable
option-value="Id"
emit-value
map-options
/>
</div> </div>
<div class="col-3" v-if="msg.CreateType == 4"> <div class="col-3" v-if="msg.CreateType == 4">
<q-select <q-select filled v-model="msg.StuSourceId" :dense="false" use-input @filter="filterStudent" label="转介人"
filled :options="MyTransListData" option-label="StuName" @input="resetSearch" clearable option-value="StuId"
v-model="msg.StuSourceId" emit-value map-options />
:dense="false"
use-input
@filter="filterStudent"
label="转介人"
:options="MyTransListData"
option-label="StuName"
@input="resetSearch"
clearable
option-value="StuId"
emit-value
map-options
/>
</div> </div>
</div> </div>
</div> </div>
...@@ -424,62 +299,37 @@ li { ...@@ -424,62 +299,37 @@ li {
</div> </div>
<div class="col stics"> <div class="col stics">
<span class="stics-name">退课学员数量</span> <span class="stics-name">退课学员数量</span>
<span style="color: #F72E52" <span style="color: #F72E52">{{ staticObj.DropOutNum ? staticObj.DropOutNum : 0 }}人</span>
>{{ staticObj.DropOutNum ? staticObj.DropOutNum : 0 }}人</span
>
</div> </div>
<div class="col stics"> <div class="col stics">
<span class="stics-name">停课学员数量</span> <span class="stics-name">停课学员数量</span>
<span style="color:#2961FE;" <span style="color:#2961FE;">{{ staticObj.StopClassesNum ? staticObj.StopClassesNum : 0 }}人</span>
>{{ staticObj.StopClassesNum ? staticObj.StopClassesNum : 0 }}人</span
>
</div> </div>
<div class="col stics"> <div class="col stics">
<span class="stics-name">毕业学员数量</span> <span class="stics-name">毕业学员数量</span>
<span>{{ staticObj.GraduateNum ? staticObj.GraduateNum : 0 }}人</span> <span>{{ staticObj.GraduateNum ? staticObj.GraduateNum : 0 }}人</span>
</div> </div>
</div> </div>
<div <div :class="[
:class="[
{ 'page-content': !isComponent }, { 'page-content': !isComponent },
{ 'full-height': isComponent } { 'full-height': isComponent }
]" ]">
> <q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat class="sticky-tow-column-table" :class="[
<q-table
:pagination="msg"
:loading="loading"
no-data-label="暂无相关数据"
flat
class="sticky-tow-column-table"
:class="[
{ 'my-sticky-header-table full-height': isComponent }, { 'my-sticky-header-table full-height': isComponent },
{ 'sticky-right-column-table': !isComponent } { 'sticky-right-column-table': !isComponent }
]" ]" separator="none" :data="data" :columns="columns" row-key="name" :hide-bottom="isComponent">
separator="none"
:data="data"
:columns="columns"
row-key="name"
:hide-bottom="isComponent"
>
<template v-slot:top> <template v-slot:top>
<!-- <div class="col-2 q-table__title">学员名单</div> -->
</template> </template>
<template v-slot:body-cell-ContractNo="props"> <template v-slot:body-cell-ContractNo="props">
<q-td :props="props"> <q-td :props="props">
<div <div style="color: #f00; cursor: pointer" @click="seeContract(props.row)">
style="color: #f00; cursor: pointer"
@click="seeContract(props.row)"
>
{{ props.row.ContractNo }} {{ props.row.ContractNo }}
</div> </div>
</q-td> </q-td>
</template> </template>
<template v-slot:body-cell-GuestName="props"> <template v-slot:body-cell-GuestName="props">
<q-td :props="props"> <q-td :props="props">
<div <div class="text-blue cursor-pointer" @click="getStuRight(props.row)">
class="text-blue cursor-pointer"
@click="getStuRight(props.row)"
>
{{ props.value }} {{ props.value }}
</div> </div>
</q-td> </q-td>
...@@ -488,99 +338,70 @@ li { ...@@ -488,99 +338,70 @@ li {
<template v-slot:body-cell-StuSourceIdName="props"> <template v-slot:body-cell-StuSourceIdName="props">
<q-td :props="props"> <q-td :props="props">
<div> <div>
<span v-if="props.row.CreateType == 2 && props.row.EnterpriseName" <span v-if="props.row.CreateType == 2 && props.row.EnterpriseName">{{ props.row.EnterpriseName }}:</span>
>{{ props.row.EnterpriseName }}:</span
>
{{ props.row.StuSourceIdName }} {{ props.row.StuSourceIdName }}
</div> </div>
</q-td> </q-td>
</template> </template>
<template v-slot:body-cell-ClassName="props"> <template v-slot:body-cell-ClassName="props">
<q-td :props="props"> <q-td :props="props">
<div <div style="color: #f00; cursor: pointer" @click="seeClassDetail(props.row)">
style="color: #f00; cursor: pointer"
@click="seeClassDetail(props.row)"
>
{{ props.row.ClassName }} {{ props.row.ClassName }}
</div> </div>
</q-td> </q-td>
</template> </template>
<template v-slot:body-cell-OrderId="props"> <template v-slot:body-cell-OrderId="props">
<q-td :props="props"> <q-td :props="props">
<div <div style="color: #f00; cursor: pointer" @click="showOrderDetail(props.row, 1)">
style="color: #f00; cursor: pointer"
@click="showOrderDetail(props.row, 1)"
>
{{ props.row.OrderId }} {{ props.row.OrderId }}
</div> </div>
</q-td> </q-td>
</template> </template>
<template v-slot:body-cell-Income="props"> <template v-slot:body-cell-Income="props">
<q-td :props="props"> <q-td :props="props">
<div <div style="color: #f00; cursor: pointer" @click="showOrderDetail(props.row, 4)">
style="color: #f00; cursor: pointer"
@click="showOrderDetail(props.row, 4)"
>
{{ props.row.Income }} {{ props.row.Income }}
</div> </div>
</q-td> </q-td>
</template> </template>
<template v-slot:body-cell-Refund="props"> <template v-slot:body-cell-Refund="props">
<q-td :props="props"> <q-td :props="props">
<div <div style="color: #f00; cursor: pointer" @click="showOrderDetail(props.row, 4)">
style="color: #f00; cursor: pointer"
@click="showOrderDetail(props.row, 4)"
>
{{ props.row.Refund }} {{ props.row.Refund }}
</div> </div>
</q-td> </q-td>
</template> </template>
<template v-slot:body-cell-CompleteHours="props"> <template v-slot:body-cell-CompleteHours="props">
<q-td :props="props"> <q-td :props="props">
<div <div style="color: #f00; cursor: pointer" @click="seeStudentsClassUse(props.row)">
style="color: #f00; cursor: pointer"
@click="seeStudentsClassUse(props.row)"
>
{{ props.row.CompleteHours }} {{ props.row.CompleteHours }}
</div> </div>
</q-td> </q-td>
</template> </template>
<template v-slot:body-cell-MakeUpHours="props"> <template v-slot:body-cell-MakeUpHours="props">
<q-td :props="props"> <q-td :props="props">
<div <div style="color: #f00; cursor: pointer" @click="showList(props.row, 1)">
style="color: #f00; cursor: pointer"
@click="showList(props.row, 1)"
>
{{ props.row.MakeUpHours }} {{ props.row.MakeUpHours }}
</div> </div>
</q-td> </q-td>
</template> </template>
<template v-slot:body-cell-AbsenceNum="props"> <template v-slot:body-cell-AbsenceNum="props">
<q-td :props="props"> <q-td :props="props">
<div <div style="color: #f00; cursor: pointer" @click="showList(props.row, 2)">
style="color: #f00; cursor: pointer"
@click="showList(props.row, 2)"
>
{{ props.row.AbsenceNum }} {{ props.row.AbsenceNum }}
</div> </div>
</q-td> </q-td>
</template> </template>
<template v-slot:body-cell-LeaveNum="props"> <template v-slot:body-cell-LeaveNum="props">
<q-td :props="props"> <q-td :props="props">
<div <div style="color: #f00; cursor: pointer" @click="showList(props.row, 3)">
style="color: #f00; cursor: pointer"
@click="showList(props.row, 3)"
>
{{ props.row.LeaveNum }} {{ props.row.LeaveNum }}
</div> </div>
</q-td> </q-td>
</template> </template>
<template v-slot:body-cell-EventlogNum="props"> <template v-slot:body-cell-EventlogNum="props">
<q-td :props="props"> <q-td :props="props">
<div <div style="color: #f00; cursor: pointer" @click="showEventLog(props.row)">
style="color: #f00; cursor: pointer"
@click="showEventLog(props.row)"
>
{{ props.row.EventlogNum }} {{ props.row.EventlogNum }}
</div> </div>
</q-td> </q-td>
...@@ -594,38 +415,13 @@ li { ...@@ -594,38 +415,13 @@ li {
<template v-slot:body-cell-optioned="props" v-if="!isComponent"> <template v-slot:body-cell-optioned="props" v-if="!isComponent">
<q-td :props="props"> <q-td :props="props">
<div> <div>
<q-btn <q-btn flat size="xs" color="accent" style="font-weight: 400" label="停课" v-if="props.row.GuestState === 1"
flat @click="ShowStopLesson(props.row)" />
size="xs" <q-btn flat size="xs" color="accent" style="font-weight: 400" label="转班" v-if="props.row.GuestState === 1"
color="accent" @click="transferClass(props.row, 1)" />
style="font-weight: 400" <q-btn-dropdown flat size="xs" color="dark" label="更多" style="margin-left: 10px">
label="停课"
v-if="props.row.GuestState === 1"
@click="ShowStopLesson(props.row)"
/>
<q-btn
flat
size="xs"
color="accent"
style="font-weight: 400"
label="转班"
v-if="props.row.GuestState === 1"
@click="transferClass(props.row, 1)"
/>
<q-btn-dropdown
flat
size="xs"
color="dark"
label="更多"
style="margin-left: 10px"
>
<q-list> <q-list>
<q-item <q-item dense clickable v-close-popup @click="showAddEvent(props.row)">
dense
clickable
v-close-popup
@click="showAddEvent(props.row)"
>
<q-item-section> <q-item-section>
<q-item-label overline>添加事件</q-item-label> <q-item-label overline>添加事件</q-item-label>
</q-item-section> </q-item-section>
...@@ -641,894 +437,838 @@ li { ...@@ -641,894 +437,838 @@ li {
</q-td> </q-td>
</template> </template>
<template v-if="!isComponent" v-slot:bottom> <template v-if="!isComponent" v-slot:bottom>
<q-pagination <q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="pageCount"
class="full-width justify-end" :input="true" @input="changePage" />
v-model="msg.pageIndex"
color="primary"
:max="pageCount"
:input="true"
@input="changePage"
/>
</template> </template>
</q-table> </q-table>
</div> </div>
<!-- 高级查询 --> <!-- 高级查询 -->
<MoreQuery <MoreQuery v-if="IsShowQuery" :typeEnum="typeEnum" :warnEnum="warnEnum" :saveQuery="msg" @close="closeHandle"
v-if="IsShowQuery" @success="morequery">
:typeEnum="typeEnum"
:warnEnum="warnEnum"
:saveQuery="msg"
@close="closeHandle"
@success="morequery"
>
</MoreQuery> </MoreQuery>
<!-- 停课申请 --> <!-- 停课申请 -->
<StopLesson-form <StopLesson-form v-if="isShowStopLesson" :setObj="stuObj" @success="resetSearch" @close="closeHandle" />
v-if="isShowStopLesson"
:setObj="stuObj"
@success="resetSearch"
@close="closeHandle"
/>
<!-- 转班申请 --> <!-- 转班申请 -->
<transferclass-form <transferclass-form v-if="isShowTransferClass" :save-obj="orderObj" :ChangeType="ChangeType" @close="closeHandle"
v-if="isShowTransferClass" @success="resetSearch"></transferclass-form>
:save-obj="orderObj"
:ChangeType="ChangeType"
@close="closeHandle"
@success="resetSearch"
></transferclass-form>
<!-- 添加事件 --> <!-- 添加事件 -->
<AddEvent-form <AddEvent-form v-if="isShowAddEvent" :setObj="eventObj" @success="resetSearch" @close="closeHandle" />
v-if="isShowAddEvent"
:setObj="eventObj"
@success="resetSearch"
@close="closeHandle"
/>
<!-- 班级详情 --> <!-- 班级详情 -->
<classinfo-form <classinfo-form v-if="isShowClassInfo" :seting-obj="eventObj" @close="closeHandle" @success="refreshPage" />
v-if="isShowClassInfo"
:seting-obj="eventObj"
@close="closeHandle"
@success="refreshPage"
/>
<!-- 订单详情 --> <!-- 订单详情 -->
<myOrder-form <myOrder-form v-if="isShowmyorderForm" :save-obj="eventObj" @close="closeHandle"></myOrder-form>
v-if="isShowmyorderForm"
:save-obj="eventObj"
@close="closeHandle"
></myOrder-form>
<!-- 可补课课时，缺勤次数，请假次数 --> <!-- 可补课课时，缺勤次数，请假次数 -->
<list <list v-if="isShowList" :type="showType" :set-obj="eventObj" @close="closeHandle" />
v-if="isShowList"
:type="showType"
:set-obj="eventObj"
@close="closeHandle"
/>
<!-- 事件记录 --> <!-- 事件记录 -->
<eventLog <eventLog v-if="isShowEventLog" :set-obj="eventObj" @modify="modifyEvent" @close="closeHandle" />
v-if="isShowEventLog" <studentRight-form v-if="isShowStuRight" :isJudgeTrans="isJudgeTrans" :BelongType="BelongType" :save-obj="stuOption"
:set-obj="eventObj" @close="closeStuForm" @success="refreshStuList" @reload="refreshStuList">
@modify="modifyEvent"
@close="closeHandle"
/>
<studentRight-form
v-if="isShowStuRight"
:isJudgeTrans="isJudgeTrans"
:BelongType="BelongType"
:save-obj="stuOption"
@close="closeStuForm"
@success="refreshStuList"
@reload="refreshStuList"
>
</studentRight-form> </studentRight-form>
<!-- 跳课 --> <!-- 跳课 -->
<JumpCourse <JumpCourse v-model="isShowChangeCourse" :saveObj="ChangeCourseObj" @success="refreshPage"></JumpCourse>
v-model="isShowChangeCourse"
:saveObj="ChangeCourseObj"
@success="refreshPage"
></JumpCourse>
</div> </div>
</template> </template>
<script> <script>
import { import {
getSchoolDropdown, getSchoolDropdown,
getClassDropDownList, getClassDropDownList,
getStudentDorpDownList getStudentDorpDownList
} from "../../api/school/index"; } from "../../api/school/index";
import { queryCourseDropdownList } from "../../api/course/index"; import {
import { queryCourseDropdownList
getStuList, } from "../../api/course/index";
getEarlyWarningEnum, import {
getTypeEnum getStuList,
} from "../../api/stuMan/index.js"; getEarlyWarningEnum,
import { getTypeEnum
queryGuestStateList, } from "../../api/stuMan/index.js";
CreateTypeList, import {
GetStuChannelList, queryGuestStateList,
GetCustomerList CreateTypeList,
} from "../../api/sale/sale.js"; GetStuChannelList,
import MoreQuery from "../../components/stuMan/moreQuery.vue"; GetCustomerList
import StopLessonForm from "../../components/teacher/stopLessonForm"; } from "../../api/sale/sale.js";
import transferclassForm from "../../components/sale/transferclass-form"; //转班信息 import MoreQuery from "../../components/stuMan/moreQuery.vue";
import AddEventForm from "../../components/stuMan/addEvent-form.vue"; //转班信息 import StopLessonForm from "../../components/teacher/stopLessonForm";
import classinfoForm from "../../components/course/classinfo-form"; //班级详情 import transferclassForm from "../../components/sale/transferclass-form"; //转班信息
import myOrderForm from "../../components/sale/myOrder-form"; //订单详情 import AddEventForm from "../../components/stuMan/addEvent-form.vue"; //转班信息
import list from "../../components/stuMan/makeUpHours.vue"; //可补课课时，缺勤次数，请假次数 import classinfoForm from "../../components/course/classinfo-form"; //班级详情
import eventLog from "../../components/stuMan/eventRecord.vue"; //事件记录 import myOrderForm from "../../components/sale/myOrder-form"; //订单详情
import studentRightForm from "../../components/school/student/studentRight-form"; import list from "../../components/stuMan/makeUpHours.vue"; //可补课课时，缺勤次数，请假次数
import JumpCourse from "../../components/stuMan/jumpCourse"; import eventLog from "../../components/stuMan/eventRecord.vue"; //事件记录
import { queryEmployee } from "../../api/users/user"; import studentRightForm from "../../components/school/student/studentRight-form";
export default { import JumpCourse from "../../components/stuMan/jumpCourse";
props: { import {
isComponent: { queryEmployee
type: Boolean, } from "../../api/users/user";
default: false export default {
props: {
isComponent: {
type: Boolean,
default: false
},
outData: {
type: Array,
default: () => []
},
pageSize: {
type: Number,
default: 10
},
outLoading: {
type: Boolean,
default: false
}
}, },
outData: { meta: {
type: Array, title: "学员名单"
default: () => []
}, },
pageSize: { components: {
type: Number, MoreQuery,
default: 10 StopLessonForm,
transferclassForm,
AddEventForm,
classinfoForm,
myOrderForm,
list,
eventLog,
studentRightForm,
JumpCourse
}, },
outLoading: { data() {
type: Boolean, return {
default: false IsShowQuery: false,
} data: [],
}, loading: false,
meta: { msg: {
title: "学员名单" pageIndex: 1,
}, pageSize: 10,
components: { rowsPerPage: 10,
MoreQuery, School_Id: "", //校区
StopLessonForm, CourseId: 0, //课程
transferclassForm, ClassId: 0, //班级
AddEventForm, GuestName: "", //学生姓名
classinfoForm, ClassNo: "", //班号
myOrderForm, OrderId: 0, //订单号
list, EnterID: 0, //业务员
eventLog, EffectStatus: "", //状态
studentRightForm, JoinType: 0, //类型
JumpCourse EarlyWarning: 0, //预警
}, OrderTime: "", //下单时间
EndOrderTime: "", //下单结束时间
data() { GuestState: "", //学员状态
return { CreateType: "", //客户来源
IsShowQuery: false, StuChannelId: "", //收客渠道
data: [], StuSourceId: ""
loading: false,
msg: {
pageIndex: 1,
pageSize: 10,
rowsPerPage: 10,
School_Id: "", //校区
CourseId: 0, //课程
ClassId: 0, //班级
GuestName: "", //学生姓名
ClassNo: "", //班号
OrderId: 0, //订单号
EnterID: 0, //业务员
EffectStatus: "", //状态
JoinType: 0, //类型
EarlyWarning: 0, //预警
OrderTime: "", //下单时间
EndOrderTime: "", //下单结束时间
GuestState: "", //学员状态
CreateType: "", //客户来源
StuChannelId: "", //收客渠道
StuSourceId: ""
},
pageCount: 0,
columns: [
{
name: "Id",
label: "编号",
field: "Id",
align: "left",
required: true
}, },
pageCount: 0,
columns: [{
name: "Id",
label: "编号",
field: "Id",
align: "left",
required: true
},
{ {
name: "GuestName", name: "GuestName",
label: "姓名", label: "姓名",
align: "left", align: "left",
field: "GuestName", field: "GuestName",
required: true required: true
}, },
{ {
name: "CurseManager", name: "CurseManager",
label: "课程顾问", label: "课程顾问",
align: "left" align: "left"
}, },
{ {
name: "TeacherManager", name: "TeacherManager",
label: "协助老师", label: "协助老师",
align: "left" align: "left"
}, },
{ {
name: "CreateTypeName", name: "CreateTypeName",
label: "客户来源", label: "客户来源",
field: "CreateTypeName", field: "CreateTypeName",
align: "left" align: "left"
}, },
{ {
name: "StuSourceIdName", name: "StuSourceIdName",
label: "来源关联人", label: "来源关联人",
field: "StuSourceIdName", field: "StuSourceIdName",
align: "left" align: "left"
}, },
{ {
name: "StuChannelName", name: "StuChannelName",
label: "收客渠道", label: "收客渠道",
field: "StuChannelName", field: "StuChannelName",
align: "left" align: "left"
}, },
{ {
name: "StuCreateByName", name: "StuCreateByName",
label: "负责人", label: "负责人",
align: "left", align: "left",
field: "StuCreateByName" field: "StuCreateByName"
}, },
{ {
name: "Mobile", name: "Mobile",
label: "电话", label: "电话",
align: "left", align: "left",
field: "Mobile" field: "Mobile"
}, },
{ {
name: "ContractNo", name: "ContractNo",
label: "合同编号", label: "合同编号",
align: "left", align: "left",
field: "ContractNo" field: "ContractNo"
}, },
{ {
name: "ClassName", name: "ClassName",
label: "班级", label: "班级",
align: "left", align: "left",
field: "ClassName" field: "ClassName"
}, },
{ {
name: "CourseName", name: "CourseName",
label: "课程", label: "课程",
align: "left", align: "left",
field: "CourseName" field: "CourseName"
}, },
{ {
name: "TeacherName", name: "TeacherName",
label: "老师", label: "老师",
align: "left", align: "left",
field: "TeacherName" field: "TeacherName"
}, },
{ {
name: "OrderId", name: "OrderId",
label: "订单号", label: "订单号",
align: "left", align: "left",
field: "OrderId" field: "OrderId"
}, },
{ {
name: "OrderTime", name: "OrderTime",
label: "报名时间", label: "报名时间",
align: "left", align: "left",
field: "OrderTime" field: "OrderTime"
}, },
{ {
name: "EnterName", name: "EnterName",
label: "业务员", label: "业务员",
field: "EnterName", field: "EnterName",
align: "left" align: "left"
}, },
{ {
name: "PreferPrice", name: "PreferPrice",
label: "应收金额", label: "应收金额",
field: "PreferPrice", field: "PreferPrice",
align: "left" align: "left"
}, },
{ {
name: "Income", name: "Income",
label: "实收金额", label: "实收金额",
field: "Income", field: "Income",
align: "left" align: "left"
}, },
{ {
name: "Refund", name: "Refund",
label: "退款金额", label: "退款金额",
field: "Refund", field: "Refund",
align: "left" align: "left"
}, },
{ {
name: "TotalHours", name: "TotalHours",
label: "课程总课时", label: "课程总课时",
field: "TotalHours", field: "TotalHours",
align: "left" align: "left"
}, },
{ {
name: "ValidClassHours", name: "ValidClassHours",
label: "有效课时", label: "有效课时",
field: "ValidClassHours", field: "ValidClassHours",
align: "left" align: "left"
}, },
{ {
name: "CompleteHours", name: "CompleteHours",
label: "消耗课时", label: "消耗课时",
field: "CompleteHours", field: "CompleteHours",
align: "left" align: "left"
}, },
{ {
name: "SurplusHours", name: "SurplusHours",
label: "剩余课时", label: "剩余课时",
field: "SurplusHours", field: "SurplusHours",
align: "left" align: "left"
}, },
{ {
name: "MakeUpHours", name: "MakeUpHours",
label: "可补课课时", label: "可补课课时",
field: "MakeUpHours", field: "MakeUpHours",
align: "left" align: "left"
}, },
{ {
name: "CourseChapterNo", name: "CourseChapterNo",
label: "已上课次数", label: "已上课次数",
field: "CourseChapterNo", field: "CourseChapterNo",
align: "left" align: "left"
}, },
{ {
name: "AppointNum", name: "AppointNum",
label: "预约次数", label: "预约次数",
field: "AppointNum", field: "AppointNum",
align: "left" align: "left"
}, },
{ {
name: "AbsenceNum", name: "AbsenceNum",
label: "缺勤次数", label: "缺勤次数",
field: "AbsenceNum", field: "AbsenceNum",
align: "left" align: "left"
}, },
{ {
name: "LeaveNum", name: "LeaveNum",
label: "请假次数", label: "请假次数",
field: "LeaveNum", field: "LeaveNum",
align: "left" align: "left"
}, },
{ {
name: "EventlogNum", name: "EventlogNum",
label: "事件记录", label: "事件记录",
field: "EventlogNum", field: "EventlogNum",
align: "left" align: "left"
},
{
name: "GuestStateStr",
label: "状态",
field: "GuestStateStr",
align: "left"
},
{
name: "GraduationTime",
label: "毕业时间",
field: "GraduationTime",
align: "left"
},
{
name: "CourseRateName",
label: "毕业课程等级",
field: "CourseRateName",
align: "left"
},
{
name: "JoinTypeStr",
label: "类型",
field: "JoinTypeStr",
align: "left"
}
],
SchoolList: [],
CourseList: [],
AllCourseList: [],
classList: [],
AllClassList: [],
queryClass: {
CourseId: 0,
IsAddDefault: 1,
SchoolId: "",
Teacher_Id: 0,
MoreStatus: "1,2,3",
IsQuerySurplusPlan: 0
}, },
typeEnum: [],
warnEnum: [],
queryNum: 0, //高级查询个数
isShowStopLesson: false,
stuObj: {}, //停课
isShowTransferClass: false, //是否显示转班
orderObj: {}, //转班
ChangeType: 1, //1-转班 2-分拆
isShowAddEvent: false, //是否显示添加事件
eventObj: {},
isShowClassInfo: false, //是否显示班级详情
isShowmyorderForm: false, //是否显示订单详情
isShowList: false, //是否显示可补课课时，缺勤次数，请假次数
showType: 1,
isShowEventLog: false, //是否显示事件记录
GuestStateList: [], //学员状态列表
stuOption: null,
BelongType: 1,
isShowStuRight: false,
isJudgeTrans: 1,
{ customFromList: [], //客户来源
name: "GuestStateStr", StuChannelList: [], //收客渠道
label: "状态", allStuChannelList: [], //所有收客渠道
field: "GuestStateStr",
align: "left"
},
{
name: "GraduationTime",
label: "毕业时间",
field: "GraduationTime",
align: "left"
},
{
name: "CourseRateName",
label: "毕业课程等级",
field: "CourseRateName",
align: "left"
},
{
name: "JoinTypeStr",
label: "类型",
field: "JoinTypeStr",
align: "left"
}
],
SchoolList: [],
CourseList: [],
AllCourseList: [],
classList: [],
AllClassList: [],
queryClass: {
CourseId: 0,
IsAddDefault: 1,
SchoolId: "",
Teacher_Id: 0,
MoreStatus: "1,2,3",
IsQuerySurplusPlan: 0
},
typeEnum: [],
warnEnum: [],
queryNum: 0, //高级查询个数
isShowStopLesson: false,
stuObj: {}, //停课
isShowTransferClass: false, //是否显示转班
orderObj: {}, //转班
ChangeType: 1, //1-转班 2-分拆
isShowAddEvent: false, //是否显示添加事件
eventObj: {},
isShowClassInfo: false, //是否显示班级详情
isShowmyorderForm: false, //是否显示订单详情
isShowList: false, //是否显示可补课课时，缺勤次数，请假次数
showType: 1,
isShowEventLog: false, //是否显示事件记录
GuestStateList: [], //学员状态列表
stuOption: null,
BelongType: 1,
isShowStuRight: false,
isJudgeTrans: 1,
customFromList: [], //客户来源
StuChannelList: [], //收客渠道
allStuChannelList: [], //所有收客渠道
customList: [], //同行列表 customList: [], //同行列表
allCustomList: [], //所有同行列表 allCustomList: [], //所有同行列表
//员工列表 //员工列表
employeeList: [], employeeList: [],
myEmployeeList: [], myEmployeeList: [],
TransListData: [], //转介人数据 TransListData: [], //转介人数据
MyTransListData: [], MyTransListData: [],
source: 0, //1:从课程列表进入 source: 0, //1:从课程列表进入
courseName: "", courseName: "",
isShowChangeCourse: false, isShowChangeCourse: false,
ChangeCourseObj: {}, ChangeCourseObj: {},
staticObj: {} //学生统计信息 staticObj: {} //学生统计信息
};
},
created() {
this.getGuestStateList();
if (this.$route.query.source) {
this.source = this.$route.query.source;
}
if (this.$route.query.CourseId) {
this.msg.CourseId = parseInt(this.$route.query.CourseId);
}
if (this.$route.query.CourseName) {
this.courseName = decodeURIComponent(this.$route.query.CourseName);
}
},
watch: {
outData: {
handler: function(val) {
if (this.isComponent) {
this.data = val;
}
},
deep: true
},
outLoading: {
handler: function(val) {
if (this.isComponent) {
this.loading = val;
}
},
deep: true
}
},
mounted() {
if (!this.isComponent) {
this.columns.push({
name: "optioned",
label: "操作",
required: true,
align: "left"
});
this.getSchool();
this.getCourseList();
this.getClass();
this.getTypeEnum();
this.getEarlyWarningEnum();
this.getList();
this.getCustomFrom();
this.GetStuChannelList();
this.GetCustomerList();
this.getEmployeeList();
} else {
this.msg.rowsPerPage = this.pageSize;
this.loading = this.outLoading;
this.data = this.outData;
}
},
methods: {
//获取收客渠道
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
);
});
}, },
//筛选客户来源 created() {
getShaixuanFrom() { this.getGuestStateList();
this.msg.StuSourceId = ""; if (this.$route.query.source) {
this.msg.StuChannelId = ""; this.source = this.$route.query.source;
if (this.msg.CreateType == 4) { }
this.getStudentDorpDown(); if (this.$route.query.CourseId) {
this.msg.CourseId = parseInt(this.$route.query.CourseId);
}
if (this.$route.query.CourseName) {
this.courseName = decodeURIComponent(this.$route.query.CourseName);
} }
this.resetSearch();
},
//获取转介人下拉
getStudentDorpDown() {
getStudentDorpDownList().then(res => {
if (res.Code == 1) {
this.TransListData = res.Data;
this.MyTransListData = res.Data;
}
});
}, },
//筛选转介人 watch: {
filterStudent(val, update, abort) { outData: {
update(() => { handler: function (val) {
this.MyTransListData = this.TransListData.filter( if (this.isComponent) {
v => v.StuName.indexOf(val) > -1 this.data = val;
); }
}); },
deep: true
},
outLoading: {
handler: function (val) {
if (this.isComponent) {
this.loading = val;
}
},
deep: true
}
}, },
mounted() {
if (!this.isComponent) {
this.columns.push({
name: "optioned",
label: "操作",
required: true,
align: "left"
});
this.getSchool();
this.getCourseList();
this.getClass();
this.getTypeEnum();
this.getEarlyWarningEnum();
this.getList();
//获取学员状态列表 this.getCustomFrom();
getGuestStateList() { this.GetStuChannelList();
queryGuestStateList({}).then(res => { this.GetCustomerList();
var tempArray = res.Data; this.getEmployeeList();
if (tempArray) { } else {
tempArray.forEach(item => { this.msg.rowsPerPage = this.pageSize;
if (item.Id == 1 || item.Id == 2 || item.Id == 5 || item.Id == 7) { this.loading = this.outLoading;
this.GuestStateList.push(item); this.data = this.outData;
} }
});
}
});
},
//获取校区下拉
getSchool() {
getSchoolDropdown({}).then(res => {
if (res.Code == 1) {
this.SchoolList = res.Data;
}
});
}, },
//获取课程 methods: {
getCourseList() { //获取收客渠道
queryCourseDropdownList({}).then(res => { GetStuChannelList() {
if (res.Code == 1) { GetStuChannelList({}).then(res => {
var tempArray = res.Data; if (res.Code == 1) {
if (!tempArray) { this.StuChannelList = res.Data;
tempArray = []; this.allStuChannelList = res.Data;
} }
tempArray.unshift({ });
CourseId: 0, },
CourseName: "不限" //筛选渠道
}); filterStuChannel(val, update) {
this.CourseList = tempArray; update(() => {
this.AllCourseList = tempArray; if (val === "") {
} this.StuChannelList = JSON.parse(
}); JSON.stringify(this.allStuChannelList)
}, );
// 筛选课程 } else {
filterCourse(val, update) { const needle = val.toLowerCase();
update(() => { this.StuChannelList = this.allStuChannelList.filter(
if (val === "") { v => v.Name.toLowerCase().indexOf(needle) > -1
this.CourseList = JSON.parse(JSON.stringify(this.AllCourseList)); );
} else { }
const needle = val.toLowerCase(); });
this.CourseList = this.AllCourseList.filter( },
v => v.CourseName.toLowerCase().indexOf(needle) > -1 //获取客户来源
); getCustomFrom() {
} CreateTypeList({}).then(res => {
}); if (res.Code == 1) {
}, this.customFromList = res.Data;
//获取班级 }
getClass() { });
getClassDropDownList(this.queryClass).then(res => { },
this.classList = []; //获取客户下拉数据
this.msg.ClassId = 0; GetCustomerList() {
if (res.Code == 1) { let msg = {
this.classList = res.Data; QCreateBy: 0
this.AllClassList = res.Data; };
var obj = { GetCustomerList(msg).then(res => {
ClassName: "不限", if (res.Code == 1) {
ClassId: 0 this.customList = res.Data;
}; this.allCustomList = res.Data;
this.classList.unshift(obj); }
} });
}); },
}, //筛选客户
//筛选班级 filterFn(val, update) {
filterClass(val, update) { update(() => {
update(() => { if (val === "") {
if (val === "") { this.customList = JSON.parse(JSON.stringify(this.allCustomList));
this.classList = JSON.parse(JSON.stringify(this.AllClassList)); } else {
} else { const needle = val.toLowerCase();
const needle = val.toLowerCase(); this.customList = this.allCustomList.filter(
this.classList = this.AllClassList.filter( v => v.CustomerName.toLowerCase().indexOf(needle) > -1
v => v.ClassName.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
); );
});
},
//筛选客户来源
getShaixuanFrom() {
this.msg.StuSourceId = "";
this.msg.StuChannelId = "";
if (this.msg.CreateType == 4) {
this.getStudentDorpDown();
} }
}); this.resetSearch();
}, },
changeSchool(val) { //获取转介人下拉
this.queryClass.SchoolId = val; getStudentDorpDown() {
this.getClass(); getStudentDorpDownList().then(res => {
this.resetSearch(); if (res.Code == 1) {
}, this.TransListData = res.Data;
changeCourse(val) { this.MyTransListData = res.Data;
this.queryClass.CourseId = val;
this.getClass();
this.resetSearch();
},
getList() {
this.loading = true;
getStuList(this.msg)
.then(res => {
this.loading = false;
if (res.Code === 1) {
this.data = res.Data.pageModel.PageData;
this.pageCount = res.Data.pageModel.PageCount;
this.staticObj = res.Data.StudentStatic;
} }
})
.catch(err => {
this.loading = false;
}); });
}, },
//显示停课弹窗 //筛选转介人
ShowStopLesson(item) { filterStudent(val, update, abort) {
this.isShowStopLesson = true; update(() => {
this.stuObj = item; this.MyTransListData = this.TransListData.filter(
}, v => v.StuName.indexOf(val) > -1
);
});
},
// 高级查询 //获取学员状态列表
morequery(val) { getGuestStateList() {
this.IsShowQuery = false; queryGuestStateList({}).then(res => {
this.queryNum = val.chooseNum; var tempArray = res.Data;
this.msg.ClassNo = val.ClassNo; if (tempArray) {
this.msg.OrderId = val.OrderId; tempArray.forEach(item => {
this.msg.EnterID = val.EnterID; if (item.Id == 1 || item.Id == 2 || item.Id == 5 || item.Id == 7) {
this.msg.EffectStatus = val.EffectStatus; this.GuestStateList.push(item);
this.msg.JoinType = val.JoinType; }
this.msg.EarlyWarning = val.EarlyWarning; });
this.msg.OrderTime = val.OrderTime;
this.msg.EndOrderTime = val.EndOrderTime;
this.resetSearch();
},
//重新查询
resetSearch() {
this.msg.pageIndex = 1;
this.getList();
},
//翻页
changePage(val) {
this.msg.pageIndex = val;
this.getList();
},
//关闭弹窗
closeHandle() {
this.IsShowQuery = false;
this.isShowStopLesson = false;
this.isShowTransferClass = false;
this.isShowAddEvent = false;
this.isShowClassInfo = false;
this.isShowmyorderForm = false;
this.isShowList = false;
this.isShowEventLog = false;
this.isShowEventLog = false;
},
//刷新页面
refreshPage() {
this.closeHandle();
this.getList();
},
goUrl(url, item) {
if (item) {
this.$router.push({
path: url,
query: {
Id: item.Id
} }
}); });
} else { },
//获取校区下拉
getSchool() {
getSchoolDropdown({}).then(res => {
if (res.Code == 1) {
this.SchoolList = res.Data;
}
});
},
//获取课程
getCourseList() {
queryCourseDropdownList({}).then(res => {
if (res.Code == 1) {
var tempArray = res.Data;
if (!tempArray) {
tempArray = [];
}
tempArray.unshift({
CourseId: 0,
CourseName: "不限"
});
this.CourseList = tempArray;
this.AllCourseList = tempArray;
}
});
},
//筛选课程
filterCourse(val, update) {
update(() => {
if (val === "") {
this.CourseList = JSON.parse(JSON.stringify(this.AllCourseList));
} else {
const needle = val.toLowerCase();
this.CourseList = this.AllCourseList.filter(
v => v.CourseName.toLowerCase().indexOf(needle) > -1
);
}
});
},
//获取班级
getClass() {
getClassDropDownList(this.queryClass).then(res => {
this.classList = [];
this.msg.ClassId = 0;
if (res.Code == 1) {
this.classList = res.Data;
this.AllClassList = res.Data;
var obj = {
ClassName: "不限",
ClassId: 0
};
this.classList.unshift(obj);
}
});
},
//筛选班级
filterClass(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
);
}
});
},
changeSchool(val) {
this.queryClass.SchoolId = val;
this.getClass();
this.resetSearch();
},
changeCourse(val) {
this.queryClass.CourseId = val;
this.getClass();
this.resetSearch();
},
getList() {
this.loading = true;
getStuList(this.msg)
.then(res => {
this.loading = false;
if (res.Code === 1) {
this.data = res.Data.pageModel.PageData;
this.pageCount = res.Data.pageModel.PageCount;
this.staticObj = res.Data.StudentStatic;
}
})
.catch(err => {
this.loading = false;
});
},
//显示停课弹窗
ShowStopLesson(item) {
this.isShowStopLesson = true;
this.stuObj = item;
},
// 高级查询
morequery(val) {
this.IsShowQuery = false;
this.queryNum = val.chooseNum;
this.msg.ClassNo = val.ClassNo;
this.msg.OrderId = val.OrderId;
this.msg.EnterID = val.EnterID;
this.msg.EffectStatus = val.EffectStatus;
this.msg.JoinType = val.JoinType;
this.msg.EarlyWarning = val.EarlyWarning;
this.msg.OrderTime = val.OrderTime;
this.msg.EndOrderTime = val.EndOrderTime;
this.resetSearch();
},
//重新查询
resetSearch() {
this.msg.pageIndex = 1;
this.getList();
},
//翻页
changePage(val) {
this.msg.pageIndex = val;
this.getList();
},
//关闭弹窗
closeHandle() {
this.IsShowQuery = false;
this.isShowStopLesson = false;
this.isShowTransferClass = false;
this.isShowAddEvent = false;
this.isShowClassInfo = false;
this.isShowmyorderForm = false;
this.isShowList = false;
this.isShowEventLog = false;
this.isShowEventLog = false;
},
//刷新页面
refreshPage() {
this.closeHandle();
this.getList();
},
goUrl(url, item) {
if (item) {
this.$router.push({
path: url,
query: {
Id: item.Id
}
});
} else {
this.$router.push({
path: url,
query: {
Id: 0
}
});
}
},
goUrl1(url, item) {
this.$router.push({ this.$router.push({
path: url, path: url,
query: { query: {
Id: 0 Id: item.Id,
name: item.ActivityName
} }
}); });
} },
}, getTypeEnum() {
goUrl1(url, item) { getTypeEnum({}).then(res => {
this.$router.push({ if (res.Code === 1) {
path: url, res.Data.unshift({
query: { Name: "不限",
Id: item.Id, Id: 0
name: item.ActivityName });
} this.typeEnum = res.Data;
});
},
getTypeEnum() {
getTypeEnum({}).then(res => {
if (res.Code === 1) {
res.Data.unshift({
Name: "不限",
Id: 0
});
this.typeEnum = res.Data;
}
});
},
getEarlyWarningEnum() {
getEarlyWarningEnum({}).then(res => {
if (res.Code === 1) {
this.warnEnum = res.Data;
}
});
},
//转班
transferClass(item, type) {
this.orderObj = item;
this.ChangeType = type;
this.isShowTransferClass = true;
},
//显示添加事件
showAddEvent(item) {
let newitem = JSON.parse(JSON.stringify(item));
// Id和修改的Id冲突 自定义学生id=STUID
newitem.STUID = newitem.Id;
newitem.Id = 0;
this.eventObj = newitem;
this.isShowAddEvent = true;
},
//查看合同
seeContract(item) {
this.OpenNewUrl("/contractView", {
ContractId: item.ContractId
});
},
//查看课时消耗
seeStudentsClassUse(item) {
let obj = {
StudentId: item.Id,
TeacherId: item.Teacher_Id,
ClassId: item.ClassId
};
this.OpenNewUrl("/teacher/studentsClassSee", obj);
},
//查看班级详情
seeClassDetail(item) {
this.eventObj = item;
this.isShowClassInfo = true;
},
//查看订单详情
showOrderDetail(item, tab) {
item.tab = tab;
this.eventObj = item;
this.isShowmyorderForm = true;
},
showList(item, type) {
this.eventObj = item;
this.showType = type;
this.isShowList = true;
},
showEventLog(item) {
this.eventObj = item;
this.isShowEventLog = true;
},
// 修改事件
modifyEvent(val) {
this.closeHandle();
this.eventObj = val;
this.isShowAddEvent = true;
},
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; getEarlyWarningEnum() {
}, getEarlyWarningEnum({}).then(res => {
getTeacherManager(row) { if (res.Code === 1) {
let managerName = "<span class='text-grey-4'>暂无</span>"; this.warnEnum = res.Data;
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; //转班
}, transferClass(item, type) {
getStuRight(obj) { this.orderObj = item;
if (obj) { this.ChangeType = type;
this.stuOption = { this.isShowTransferClass = true;
StuId: obj.Student_Id, },
noEdit: true //显示添加事件
showAddEvent(item) {
let newitem = JSON.parse(JSON.stringify(item));
// Id和修改的Id冲突 自定义学生id=STUID
newitem.STUID = newitem.Id;
newitem.Id = 0;
this.eventObj = newitem;
this.isShowAddEvent = true;
},
//查看合同
seeContract(item) {
this.OpenNewUrl("/contractView", {
ContractId: item.ContractId
});
},
//查看课时消耗
seeStudentsClassUse(item) {
let obj = {
StudentId: item.Id,
TeacherId: item.Teacher_Id,
ClassId: item.ClassId
}; };
this.BelongType = obj.BelongType; this.OpenNewUrl("/teacher/studentsClassSee", obj);
},
//查看班级详情
seeClassDetail(item) {
this.eventObj = item;
this.isShowClassInfo = true;
},
//查看订单详情
showOrderDetail(item, tab) {
item.tab = tab;
this.eventObj = item;
this.isShowmyorderForm = true;
},
showList(item, type) {
this.eventObj = item;
this.showType = type;
this.isShowList = true;
},
showEventLog(item) {
this.eventObj = item;
this.isShowEventLog = true;
},
// 修改事件
modifyEvent(val) {
this.closeHandle();
this.eventObj = val;
this.isShowAddEvent = true;
},
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;
},
getStuRight(obj) {
if (obj) {
this.stuOption = {
StuId: obj.Student_Id,
noEdit: true
};
this.BelongType = obj.BelongType;
}
this.isShowStuRight = true;
},
closeStuForm() {
this.isShowStuRight = false;
},
refreshStuList() {
this.getList();
},
showChangeCourse(item) {
this.isShowChangeCourse = true;
this.ChangeCourseObj = item;
} }
this.isShowStuRight = true;
},
closeStuForm() {
this.isShowStuRight = false;
},
refreshStuList() {
this.getList();
},
showChangeCourse(item) {
this.isShowChangeCourse = true;
this.ChangeCourseObj = item;
} }
} };
};
</script> </script>
<style lang="sass"> <style lang="sass">
@import url('~assets/css/table.sass') @import url('~assets/css/table.sass')
</style> </style>
\ No newline at end of file
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