Skip to content

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

页面修改

parent 363be216
Hide whitespace changes
Inline Side-by-side
Showing with 364 additions and 476 deletions
src/components/sale/continueclass-form.vue
View file @ b9acbe51
<style> <style>
.Title_remark { .Title_remark {
font-size: 12px; font-size: 12px;
color: #999999; color: #999999;
margin-left: 20px; margin-left: 20px;
} }
.conTinuCheckdTable { .conTinuCheckdTable {
width: 100%; width: 100%;
height: auto; height: auto;
text-align: left; text-align: left;
margin-top: 20px; margin-top: 20px;
font-size: 12px; font-size: 12px;
} }
.conTinuCheckdTable th { .conTinuCheckdTable th {
color: #888888; color: #888888;
} }
.enrollTotalSearchTable { .enrollTotalSearchTable {
width: 100%; width: 100%;
} }
.backContius { .backContius {
color: #2961fe; color: #2961fe;
cursor: pointer; cursor: pointer;
} }
.contiue_Top { .contiue_Top {
width: 100%; width: 100%;
padding: 10px; padding: 10px;
border-bottom: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1;
} }
.continus_ClassChoice {
padding: 20px;
max-height: 460px;
overflow: auto;
}
.el-picker-panel {
z-index: 9999 !important;
}
.Sysuser_Date .el-range-editor .el-range-input {
background-color: transparent;
}
.Sysuser_Date .el-range-editor.el-input__inner { .continus_ClassChoice {
background-color: transparent; padding: 20px;
} max-height: 460px;
.conChoiceTeacherTable { overflow: auto;
width: 100%; }
border: 1px solid #d1d1d1;
}
.continus_ClassChoice::-webkit-scrollbar {
width: 4px;
height: 8px;
}
.continus_ClassChoice::-webkit-scrollbar-thumb { .el-picker-panel {
border-radius: 4px; z-index: 9999 !important;
box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2); }
background: #c9c9c9;
}
.continus_ClassChoice::-webkit-scrollbar-track { .Sysuser_Date .el-range-editor .el-range-input {
box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2); background-color: transparent;
border-radius: 4px; }
background: #ededed;
}
.contius_List { .Sysuser_Date .el-range-editor.el-input__inner {
width: 100%; background-color: transparent;
height: 130px; }
border: 1px solid #d1d1d1;
border-radius: 5px; .conChoiceTeacherTable {
margin-bottom: 15px; width: 100%;
font-size: 12px; border: 1px solid #d1d1d1;
box-shadow: 5px 5px 5px #d4d0d0; }
}
.continu_Div { .continus_ClassChoice::-webkit-scrollbar {
display: inline-block; width: 4px;
min-height: 90px; height: 8px;
border-right: 1px dashed #d1d1d1; }
padding: 10px;
color: #000; .continus_ClassChoice::-webkit-scrollbar-thumb {
} border-radius: 4px;
.continu_Div:last-child { box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
border-right: 0; background: #c9c9c9;
} }
.continu_Btm {
width: 100%; .continus_ClassChoice::-webkit-scrollbar-track {
height: 30px; box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
padding: 10px; border-radius: 4px;
border-top: 1px solid #d1d1d1; background: #ededed;
} }
.contius_List {
width: 100%;
height: 130px;
border: 1px solid #d1d1d1;
border-radius: 5px;
margin-bottom: 15px;
font-size: 12px;
box-shadow: 5px 5px 5px #d4d0d0;
}
.continu_Div {
display: inline-block;
min-height: 90px;
border-right: 1px dashed #d1d1d1;
padding: 10px;
color: #000;
}
.continu_Div:last-child {
border-right: 0;
}
.continu_Btm {
width: 100%;
height: 30px;
padding: 10px;
border-top: 1px solid #d1d1d1;
}
</style> </style>
<!--续课--> <!--续课-->
<template> <template>
<q-dialog <q-dialog v-model="IsShowContinueClassDialog" content-class="bg-grey-1" persistent transition-show="scale"
v-model="IsShowContinueClassDialog" transition-hide="scale">
content-class="bg-grey-1"
persistent
transition-show="scale"
transition-hide="scale"
>
<q-card style="width: 850px; max-width: 900px"> <q-card style="width: 850px; max-width: 900px">
<template v-if="isShowTuike"> <template v-if="isShowTuike">
<q-card-section> <q-card-section>
<div class="text-h6"> <div class="text-h6">
续课申请<span class="Title_remark" 续课申请<span class="Title_remark">注：找不到学员？请确认学员是否已退课或已续班</span>
>注：找不到学员？请确认学员是否已退课或已续班</span
>
</div> </div>
</q-card-section> </q-card-section>
<div style="margin: 20px; border-bottom: 1px solid #e2e2e2"> <div style="margin: 20px; border-bottom: 1px solid #e2e2e2">
<div <div class="apply_List" v-for="(item, index) in studentList" v-if="item.IsShow">
class="apply_List"
v-for="(item, index) in studentList"
v-if="item.IsShow"
>
<span style="width: 15%">{{ item.GuestName }}</span> <span style="width: 15%">{{ item.GuestName }}</span>
<span style="width: 7%">{{ item.SexStr }}</span> <span style="width: 7%">{{ item.SexStr }}</span>
<span style="width: 8%">{{ item.Age }}</span> <span style="width: 8%">{{ item.Age }}</span>
<span style="width: 20%">{{ item.Mobile }}</span> <span style="width: 20%">{{ item.Mobile }}</span>
<span style="width: 20%"> <span style="width: 20%">
<template v-if="item.ClassHours" <template v-if="item.ClassHours">已学：{{ item.ClassHours }}课时</template>
>已学：{{ item.ClassHours }}课时</template
>
</span> </span>
<span style="width: 10%">{{ item.GuestStateStr }}</span> <span style="width: 10%">{{ item.GuestStateStr }}</span>
<span style="width: 20%" class="guest_Status"> <span style="width: 20%" class="guest_Status">
<span v-if="item.GuestState == 1" @click="clickItem(item)" <span v-if="item.GuestState == 1" @click="clickItem(item)">续费</span>
>续费</span
>
<template v-if="chooseItem && chooseItem.Id == item.Id"> <template v-if="chooseItem && chooseItem.Id == item.Id">
<span style="margin-left: 10px" @click="cancelApply" <span style="margin-left: 10px" @click="cancelApply">取消续费</span>
>取消续费</span
>
</template> </template>
</span> </span>
</div> </div>
<table <table class="conTinuCheckdTable" v-if="classItem.ClassId > 0 && studentList.length > 0 && isShowAdd">
class="conTinuCheckdTable"
v-if="classItem.ClassId > 0 && studentList.length > 0 && isShowAdd"
>
<tr> <tr>
<th>续费班级</th> <th>续费班级</th>
<th>续费班级</th> <th>续费班级</th>
...@@ -152,11 +140,7 @@ ...@@ -152,11 +140,7 @@
</tr> </tr>
<tr> <tr>
<td> <td>
<span <span style="color: #2961fe; cursor: pointer" @click="getRenewClassList()">+点击选择班级</span>
style="color: #2961fe; cursor: pointer"
@click="getRenewClassList()"
>+点击选择班级</span
>
</td> </td>
<td>{{ classItem.ClassName }}</td> <td>{{ classItem.ClassName }}</td>
<td>¥{{ classItem.SellPrice }}</td> <td>¥{{ classItem.SellPrice }}</td>
...@@ -165,15 +149,10 @@ ...@@ -165,15 +149,10 @@
<td>{{ classItem.OpenTime }}</td> <td>{{ classItem.OpenTime }}</td>
</tr> </tr>
</table> </table>
<table <table class="conTinuCheckdTable" v-else-if="studentList.length > 0 && isShowAdd">
class="conTinuCheckdTable"
v-else-if="studentList.length > 0 && isShowAdd"
>
<tr> <tr>
<td> <td>
<span class="backContius" @click="getRenewClassList()" <span class="backContius" @click="getRenewClassList()">+点击选择班级</span>
>+点击选择班级</span
>
</td> </td>
<td></td> <td></td>
<td></td> <td></td>
...@@ -182,120 +161,49 @@ ...@@ -182,120 +161,49 @@
<td></td> <td></td>
</tr> </tr>
</table> </table>
<q-input <q-input filled stack-label :dense="false" v-model="SaleRemark" style="margin-top: 20px" type="textarea"
filled class="col-12" label="销售备注" />
stack-label
:dense="false"
v-model="SaleRemark"
style="margin-top: 20px"
type="textarea"
class="col-12"
label="销售备注"
/>
<q-separator /> <q-separator />
</div> </div>
<q-card-actions align="right" class="bg-white"> <q-card-actions align="right" class="bg-white">
<q-btn <q-btn label="取消" flat color="grey-10" style="font-weight: 400 !important" @click="closeContinueClassForm" />
label="取消" <q-btn label="确认续费" color="accent" class="q-px-md" style="font-weight: 400 !important"
flat @click="setRenewOrder" />
color="grey-10"
style="font-weight: 400 !important"
@click="closeContinueClassForm"
/>
<q-btn
label="确认续费"
color="accent"
class="q-px-md"
style="font-weight: 400 !important"
@click="setRenewOrder"
/>
</q-card-actions> </q-card-actions>
</template> </template>
<template v-else> <template v-else>
<div class="contiue_Top"> <div class="contiue_Top">
<span class="backContius" @click="isShowTuike = true"> <span class="backContius" @click="isShowTuike = true">
<i <i style="font-size: 18px; margin-left: 15px" title="返回" class="iconfont icon-fanhui"></i></span>
style="font-size: 18px; margin-left: 15px"
title="返回"
class="iconfont icon-fanhui"
></i
></span>
<span style="margin-left: 20px">班级选择 </span> <span style="margin-left: 20px">班级选择 </span>
</div> </div>
<div class="col row wrap q-mr-lg q-col-gutter-md" style="margin: 10px"> <div class="col row wrap q-mr-lg q-col-gutter-md" style="margin: 10px">
<div class="col-3"> <div class="col-3">
<q-select <q-select @input="getRenewClassList" filled option-value="SId" option-label="SName"
@input="getRenewClassList" v-model="classMsg.School_Id" :options="schoolList" emit-value map-options label="关联校区" />
filled
option-value="SId"
option-label="SName"
v-model="classMsg.School_Id"
:options="schoolList"
emit-value
map-options
label="关联校区"
/>
</div> </div>
<div class="col-3"> <div class="col-3">
<q-select <q-select filled stack-label option-value="CTypeId" option-label="CTypeName" v-model="classMsg.ClassType"
filled ref="CouseId" :options="classTypeList" label="班级类型" :dense="false" emit-value map-options />
stack-label
option-value="CTypeId"
option-label="CTypeName"
v-model="classMsg.ClassType"
ref="CouseId"
:options="classTypeList"
label="班级类型"
:dense="false"
emit-value
map-options
/>
</div> </div>
<div class="col-5 Sysuser_Date"> <div class="col-5 Sysuser_Date">
<q-field filled> <q-field filled>
 <template v-slot:control>  <template v-slot:control>
<el-date-picker <el-date-picker v-model="dateList" @change="getRenewClassList()" value-format="yyyy-MM-dd"
v-model="dateList" type="daterange" style="border: none" range-separator="至" start-placeholder="开始时间"
@change="getRenewClassList()" end-placeholder="结束时间">
value-format="yyyy-MM-dd"   </el-date-picker>       
type="daterange"
style="border: none"
range-separator="至"
start-placeholder="开始时间"
end-placeholder="结束时间"
>
  </el-date-picker
>       
</template> </template>
</q-field> </q-field>
</div> </div>
<div class="col-3"> <div class="col-3">
<q-input <q-input @change="getRenewClassList" clearable filled v-model="classMsg.TeacherName" label="带班老师"
@change="getRenewClassList" @clear="getRenewClassList" maxlength="20" />
clearable
filled
v-model="classMsg.TeacherName"
label="带班老师"
@clear="getRenewClassList"
maxlength="20"
/>
</div> </div>
<div class="col-3"> <div class="col-3">
<q-select <q-select filled stack-label use-input option-value="CourseId" option-label="CourseName"
filled v-model="classMsg.CouseId" :options="ClassList" label="学习课程" :dense="false" emit-value map-options
stack-label @filter="filterFn" @input="getRenewClassList">
use-input
option-value="CourseId"
option-label="CourseName"
v-model="classMsg.CouseId"
:options="ClassList"
label="学习课程"
:dense="false"
emit-value
map-options
@filter="filterFn"
@input="getRenewClassList"
>
<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">
...@@ -326,32 +234,19 @@ ...@@ -326,32 +234,19 @@
<div class="continu_Div" style="width: 20%"> <div class="continu_Div" style="width: 20%">
<div>价格</div> <div>价格</div>
<div style="margin: 5px 0">续费价格：{{ cItem.SellPrice }}</div> <div style="margin: 5px 0">续费价格：{{ cItem.SellPrice }}</div>
<template <template v-if="
v-if="
cItem.ClassStepPriceList && cItem.ClassStepPriceList &&
cItem.ClassStepPriceList.length > 0 cItem.ClassStepPriceList.length > 0
" ">
>
更多优惠价格 更多优惠价格
<span <span class="iconfont icon-xiangxia" style="color: #2961fe; font-size: 10px"></span>
class="iconfont icon-xiangxia"
style="color: #2961fe; font-size: 10px"
></span>
<q-popup-proxy> <q-popup-proxy>
<q-banner> <q-banner>
<div class="price-popup"> <div class="price-popup">
<div <div class="price-popup-item" v-for="(x, index2) in cItem.ClassStepPriceList" :key="index2"
class="price-popup-item" style="margin: 5px 0">
v-for="(x, index2) in cItem.ClassStepPriceList" <span style="color: #2d2d2d; font-weight: bold">{{ x.PersionNum }}人报名<span
:key="index2" style="color: #2860fb; margin-left: 15px">{{ x.PersionPrice.toFixed(2) }}</span></span>
style="margin: 5px 0"
>
<span style="color: #2d2d2d; font-weight: bold"
>{{ x.PersionNum }}人报名<span
style="color: #2860fb; margin-left: 15px"
>{{ x.PersionPrice.toFixed(2) }}</span
></span
>
</div> </div>
</div> </div>
</q-banner> </q-banner>
...@@ -365,280 +260,273 @@ ...@@ -365,280 +260,273 @@
</div> </div>
<div> <div>
已招收 已招收
<span style="color: blue">{{ cItem.OrderStudentCount }}</span <span style="color: blue">{{ cItem.OrderStudentCount }}</span>人
>人
</div> </div>
</div> </div>
<div class="continu_Div" style="width: 15%"> <div class="continu_Div" style="width: 15%">
<q-btn <q-btn label="选择此班" size="sm" @click="clickClassItem(cItem)" color="accent q-px-md" style="
label="选择此班"
size="sm"
@click="clickClassItem(cItem)"
color="accent q-px-md"
style="
font-weight: 400 !important; font-weight: 400 !important;
display: block; display: block;
margin: 25px 0 0 10px; margin: 25px 0 0 10px;
padding: 0; padding: 0;
" " />
/>
</div> </div>
</div> </div>
<div class="continu_Btm">OP备注 {{ cItem.InnerRemark }}</div> <div class="continu_Btm">OP备注 {{ cItem.InnerRemark }}</div>
</div> </div>
<q-pagination <q-pagination class="full-width justify-end" v-model="classMsg.pageIndex" color="primary"
class="full-width justify-end" :max="classPageCount" :input="true" @input="changePage" />
v-model="classMsg.pageIndex"
color="primary"
:max="classPageCount"
:input="true"
@input="changePage"
/>
</div> </div>
</template> </template>
</q-card> </q-card>
</q-dialog> </q-dialog>
</template> </template>
<script> <script>
import { getSchoolDropdown } from "../../api/school/index"; import {
import { GetClassTypeList } from "../../api/system/index"; getSchoolDropdown
import { queryCourseDropdownList } from "../../api/course/index"; } from "../../api/school/index";
import { import {
getOrderGuestPageList, GetClassTypeList
saveRenewOrder, } from "../../api/system/index";
queryRenewClass, import {
} from "../../api/sale/sale"; queryCourseDropdownList
export default { } from "../../api/course/index";
name: "backclass-form", import {
props: { getOrderGuestPageList,
saveObj: { saveRenewOrder,
type: Object, queryRenewClass,
default: null, } from "../../api/sale/sale";
}, export default {
}, name: "backclass-form",
data() { props: {
return { saveObj: {
IsShowContinueClassDialog: true, type: Object,
continueClassMsg: { default: null,
OrderId: 0,
ClassId: 0,
pageIndex: 1,
pageSize: 1000,
GuestState: 1,
},
SaleRemark: "", //申请理由
loading: false,
studentList: [], //学员列表
chooseItem: {}, //当前选择项
classMsg: {
pageIndex: 1, //当前页码
pageSize: 5, //每页显示条数
rowsPerPage: 5,
School_Id: 0, //校区
ClassType: 0, //班级类型
StartTime: "", //开课开始时间
EndTime: "", //开课结束时间
TeacherName: "", //教师姓名
CouseId: 0, //课程编号
ClassId: 0, //原班级编号
}, },
classPageCount: 0,
calssData: [],
classItem: {}, //当前点击的班级
isShowTuike: true, //显示退课信息
schoolList: [], //校区列表
classTypeList: [], //班级类型
dateList: [], //日期
ClassList: [], //学习课程
AllClassList: [],
isShowAdd: false,
};
},
created() {
this.continueClassMsg.OrderId = this.saveObj.OrderId;
this.continueClassMsg.ClassId = this.saveObj.ClassId;
this.classMsg.ClassId = this.saveObj.ClassId;
this.getSchool();
this.GetClassTypeList();
this.CourseList();
this.getStudentList();
},
methods: {
//取消申请
cancelApply() {
this.chooseItem = {};
if (this.studentList && this.studentList.length > 0) {
this.studentList.forEach((item) => {
item.IsShow = true;
});
}
this.isShowAdd = false;
}, },
//当前点击项 data() {
clickItem(item) { return {
if (this.studentList && this.studentList.length > 0) { IsShowContinueClassDialog: true,
this.studentList.forEach((item) => { continueClassMsg: {
item.IsShow = false; OrderId: 0,
}); ClassId: 0,
} pageIndex: 1,
this.isShowAdd = true; pageSize: 1000,
item.IsShow = true; GuestState: 1,
this.chooseItem = item; },
// this.getRenewClassList(); SaleRemark: "", //申请理由
loading: false,
studentList: [], //学员列表
chooseItem: {}, //当前选择项
classMsg: {
pageIndex: 1, //当前页码
pageSize: 5, //每页显示条数
rowsPerPage: 5,
School_Id: 0, //校区
ClassType: 0, //班级类型
StartTime: "", //开课开始时间
EndTime: "", //开课结束时间
TeacherName: "", //教师姓名
CouseId: 0, //课程编号
ClassId: 0, //原班级编号
},
classPageCount: 0,
calssData: [],
classItem: {}, //当前点击的班级
isShowTuike: true, //显示退课信息
schoolList: [], //校区列表
classTypeList: [], //班级类型
dateList: [], //日期
ClassList: [], //学习课程
AllClassList: [],
isShowAdd: false,
};
}, },
//关闭弹窗 created() {
closeContinueClassForm() { this.continueClassMsg.OrderId = this.saveObj.OrderId;
this.IsShowContinueClassDialog = false; this.continueClassMsg.ClassId = this.saveObj.ClassId;
this.SaleRemark = ""; this.classMsg.ClassId = this.saveObj.ClassId;
this.continueClassMsg.OrderId = 0;
this.continueClassMsg.ClassId = 0; this.getSchool();
this.chooseItem = {}; this.GetClassTypeList();
this.$emit("close"); this.CourseList();
this.getStudentList();
}, },
//获取订单学员列表 methods: {
getStudentList() { //取消申请
this.studentList = []; cancelApply() {
getOrderGuestPageList(this.continueClassMsg).then((res) => { this.chooseItem = {};
if (res.Code == 1) { if (this.studentList && this.studentList.length > 0) {
this.studentList = res.Data.PageData; this.studentList.forEach((item) => {
item.IsShow = true;
});
} }
}); this.isShowAdd = false;
}, },
//获取续课列表 //当前点击项
getRenewClassList() { clickItem(item) {
this.isShowTuike = false; if (this.studentList && this.studentList.length > 0) {
if (this.dateList && this.dateList.length > 0) { this.studentList.forEach((item) => {
this.classMsg.StartTime = this.dateList[0]; item.IsShow = false;
this.classMsg.EndTime = this.dateList[1]; });
} else {
this.classMsg.StartTime = "";
this.classMsg.EndTime = "";
}
queryRenewClass(this.classMsg).then((res) => {
if (res.Code == 1) {
this.classPageCount = res.Data.PageCount;
this.calssData = res.Data.PageData;
} }
}); this.isShowAdd = true;
}, item.IsShow = true;
clickClassItem(cItem) { this.chooseItem = item;
this.classItem = cItem; // this.getRenewClassList();
this.isShowTuike = true; },
}, //关闭弹窗
//确认续费 closeContinueClassForm() {
setRenewOrder() { this.IsShowContinueClassDialog = false;
if (!this.classItem) { this.SaleRemark = "";
this.$q.notify({ this.continueClassMsg.OrderId = 0;
type: "negative", this.continueClassMsg.ClassId = 0;
position: "top", this.chooseItem = {};
message: `请选择要续费的班级`, this.$emit("close");
}); },
return; //获取订单学员列表
} getStudentList() {
var Class_Price = this.classItem.SellPrice; //单价 this.studentList = [];
var PreferPrice = this.classItem.SellPrice; //应收 getOrderGuestPageList(this.continueClassMsg).then((res) => {
if ( if (res.Code == 1) {
this.classItem.ClassStepPriceList && this.studentList = res.Data.PageData;
this.classItem.ClassStepPriceList.length > 0
) {
this.classItem.ClassStepPriceList.forEach((item) => {
if (item.PersionNum == 1) {
Class_Price = item.PersionPrice;
PreferPrice = item.PersionPrice;
} }
}); });
} },
var applyMsg = { //获取续课列表
GuestId: this.chooseItem.Id, getRenewClassList() {
OrderId: this.chooseItem.OrderId, this.isShowTuike = false;
SaleRemark: this.SaleRemark, if (this.dateList && this.dateList.length > 0) {
ClassId: this.classItem.ClassId, this.classMsg.StartTime = this.dateList[0];
Class_Price: Class_Price, this.classMsg.EndTime = this.dateList[1];
PreferPrice: PreferPrice, } else {
}; this.classMsg.StartTime = "";
if (!applyMsg.GuestId) { this.classMsg.EndTime = "";
this.$q.notify({ }
type: "negative", queryRenewClass(this.classMsg).then((res) => {
position: "top", if (res.Code == 1) {
message: `请选择要申请的学员`, this.classPageCount = res.Data.PageCount;
this.calssData = res.Data.PageData;
}
}); });
return; },
} clickClassItem(cItem) {
saveRenewOrder(applyMsg).then((res) => { this.classItem = cItem;
if (res.Code == 1) { this.isShowTuike = true;
},
//确认续费
setRenewOrder() {
if (!this.classItem) {
this.$q.notify({ this.$q.notify({
icon: "iconfont icon-chenggong", type: "negative",
color: "accent",
timeout: 2000,
message: "续费成功！",
position: "top", position: "top",
message: `请选择要续费的班级`,
}); });
//调用父页面成功方法 return;
this.$emit("success");
this.$emit("close");
}
});
},
//获取校区列表
getSchool() {
getSchoolDropdown({}).then((res) => {
if (res.Code == 1) {
var tempArray = res.Data;
if (!tempArray) {
tempArray = [];
}
this.schoolList = tempArray;
} }
}); var Class_Price = this.classItem.SellPrice; //单价
}, var PreferPrice = this.classItem.SellPrice; //应收
//获取班级类型下拉 if (
GetClassTypeList() { this.classItem.ClassStepPriceList &&
GetClassTypeList({}).then((res) => { this.classItem.ClassStepPriceList.length > 0
if (res.Code == 1) { ) {
var tempArray = res.Data; this.classItem.ClassStepPriceList.forEach((item) => {
if (!tempArray) { if (item.PersionNum == 1) {
tempArray = []; Class_Price = item.PersionPrice;
} PreferPrice = item.PersionPrice;
tempArray.unshift({ }
CTypeId: 0,
CTypeName: "不限",
}); });
this.classTypeList = tempArray;
} }
}); var applyMsg = {
}, GuestId: this.chooseItem.Id,
//筛选课程 OrderId: this.chooseItem.OrderId,
filterFn(val, update) { SaleRemark: this.SaleRemark,
update(() => { ClassId: this.classItem.ClassId,
if (val === "") { Class_Price: Class_Price,
this.ClassList = JSON.parse(JSON.stringify(this.AllClassList)); PreferPrice: PreferPrice,
} else { };
this.ClassList = this.AllClassList.filter( if (!applyMsg.GuestId) {
(v) => v.CourseName.indexOf(val) > -1 this.$q.notify({
); type: "negative",
} position: "top",
}); message: `请选择要申请的学员`,
},
//获取课程
CourseList() {
queryCourseDropdownList({}).then((res) => {
if (res.Code == 1) {
this.ClassList = res.Data;
this.AllClassList = res.Data;
this.ClassList.unshift({
CourseId: 0,
CourseName: "不限",
}); });
return;
} }
}); saveRenewOrder(applyMsg).then((res) => {
}, if (res.Code == 1) {
//翻页 this.$q.notify({
changePage(val) { icon: "iconfont icon-chenggong",
this.classMsg.pageIndex = val; color: "accent",
this.getRenewClassList(); timeout: 2000,
message: "续费成功！",
position: "top",
});
//调用父页面成功方法
this.$emit("success");
this.$emit("close");
}
});
},
//获取校区列表
getSchool() {
getSchoolDropdown({}).then((res) => {
if (res.Code == 1) {
var tempArray = res.Data;
if (!tempArray) {
tempArray = [];
}
this.schoolList = tempArray;
}
});
},
//获取班级类型下拉
GetClassTypeList() {
GetClassTypeList({}).then((res) => {
if (res.Code == 1) {
var tempArray = res.Data;
if (!tempArray) {
tempArray = [];
}
tempArray.unshift({
CTypeId: 0,
CTypeName: "不限",
});
this.classTypeList = tempArray;
}
});
},
//筛选课程
filterFn(val, update) {
update(() => {
if (val === "") {
this.ClassList = JSON.parse(JSON.stringify(this.AllClassList));
} else {
this.ClassList = this.AllClassList.filter(
(v) => v.CourseName.indexOf(val) > -1
);
}
});
},
//获取课程
CourseList() {
queryCourseDropdownList({}).then((res) => {
if (res.Code == 1) {
this.ClassList = res.Data;
this.AllClassList = res.Data;
this.ClassList.unshift({
CourseId: 0,
CourseName: "不限",
});
}
});
},
//翻页
changePage(val) {
this.classMsg.pageIndex = val;
this.getRenewClassList();
},
}, },
}, };
}; </script>
</script> \ 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