Skip to content

C
confucius
Commit c8f5477c authored by Mac's avatar Mac
Browse files
Options

1

parent f9f88551
Hide whitespace changes
Inline Side-by-side
Showing with 299 additions and 3 deletions
src/api/course/class.js
View file @ c8f5477c
......@@ -394,3 +394,15 @@ export function GetTeacherClassHours(data) {
data
})
}
/**
* 班级月度课耗
* @param {JSON参数} data
*/
export function getClassMonthStatistics(data) {
return request({
url: '/finance/GetClassMonthStatistics',
method: 'post',
data
})
}
\ No newline at end of file
src/pages/course/classManage.vue
View file @ c8f5477c
......@@ -191,6 +191,11 @@
<q-item-label>关联其他课程</q-item-label>
</q-item-section>
</q-item>
<q-item clickable v-close-popup @click="gomonthLessonCost(props.row)">
<q-item-section>
<q-item-label>月度课耗</q-item-label>
</q-item-section>
</q-item>
</q-list>
</q-btn-dropdown>
</q-td>
......@@ -508,6 +513,12 @@
this.isShowClassInfo = false;
this.classObjOption = obj;
this.isShowClassInfo = true;
},
gomonthLessonCost(row){
this.OpenNewUrl('/course/monthLessonCost' , {
ClassId: row.ClassId,
ClassName: row.ClassName,
});
}
}
}
......
src/pages/course/monthLessonCost.vue 0 → 100644
View file @ c8f5477c
<style>
@import "../financial/css/cssReset.css";
.baseSet_Title {
width: 120px !important;
padding: 18px 0 0 16px;
text-align: right;
}
.monthLessonCost .border-bottom {
/* border-bottom: 1px dashed #EEE; */
padding-bottom: 5px;
margin-bottom: 5px;
}
.monthLessonCost .text-bottom {
height: 32px;
line-height: 32px;
margin-bottom: 10px;
}
.monthLessonCost .singeRowTable tr th {
border: 1px solid #d2d2d2;
}
</style>
<template>
<div class="page-body monthLessonCost">
<div class="page-search row items-center">
<div class="col row wrap q-mr-lg q-col-gutter-md">
<div class="col-3">
<q-select filled stack-label use-input input-debounce="0" option-value="ClassId" @input="getList"
option-label="ClassName" v-model="ClassId" :options="ClassList" label="班级" :dense="false"
emit-value map-options @filter="filterFn">
<template v-slot:no-option>
<q-item>
<q-item-section class="text-grey">
未找到相关数据
</q-item-section>
</q-item>
</template>
</q-select>
</div>
</div>
</div>
<template>
<div class="cm_content" style="width: 100%;">
<table class="po_content singeRowTable" style="border:1px solid #E6E6E6;" cellspacing="0"
cellpadding="0" v-loading="loading">
<tr>
<th rowspan="2">月份</th>
<th colspan="4">老师列表</th>
<th rowspan="2">学生数量</th>
<th rowspan="2">学生总课时</th>
<th rowspan="2">学生消费总金额</th>
<th colspan="3">学生列表</th>
</tr>
<tr>
<th width="">老师名称</th>
<th width="">总课时</th>
<th width="">基础课时</th>
<th width="">课时费</th>
<th width="">学生名称</th>
<th width="">学习课时</th>
<th width="">耗费金额</th>
</tr>
<tr v-for=" ( item , index ) in dataList ">
<td>
<span>{{item.Month}}</span>
</td>
<td>
<p v-for="( son , sIndex ) in item.TeacherList"><span
style="cursor: pointer;text-decoration: underline;"
@click="gourlteacher('teacherclassfee',son,item)">{{son.TeacherName}}</span></p>
</td>
<td>
<p v-for="( son , sIndex ) in item.TeacherList">{{son.HoursNum}}</p>
</td>
<td>
<p v-for="( son , sIndex ) in item.TeacherList">{{son.BaseHoursNum}}</p>
</td>
<td>
<p v-for="( son , sIndex ) in item.TeacherList">{{son.HoursMoney}}</p>
</td>
<td>
<span>{{item.StuNum}}</span>
</td>
<td>
<span>{{item.StuSumHours}}</span>
</td>
<td>
<span>{{item.StuSumMoney}}</span>
</td>
<td>
<span v-if='item.show == true'>
<p v-for="( son , sIndex ) in item.StudentList"><span style="cursor: pointer;text-decoration: underline;" @click="gourlteacher2('studentsClassfee',son,item)">{{son.StudentName}}</span>
</p>
</span>
<span v-if='item.show == false'>
<p v-for="( son , sIndex ) in item.StudentList"> <span v-if='sIndex<3'> <span
style="cursor: pointer;text-decoration: underline;" @click="gourlteacher2('studentsClassfee',son,item)">{{son.StudentName}}</span></span>
</p>
</span>
</td>
<td>
<span v-if='item.show == true'>
<p v-for="( son , sIndex ) in item.StudentList">{{son.HoursNum}}</p>
</span>
<span v-if='item.show == false'>
<p v-for="( son , sIndex ) in item.StudentList"> <span
v-if='sIndex<3'>{{son.HoursNum}}</span></p>
</span>
</td>
<td style="position: relative;">
<span v-if='item.show == true'>
<p v-for="( son , sIndex ) in item.StudentList">{{son.HoursMoney}}
<span
style="position: absolute;right: 5px;cursor: pointer;text-decoration: underline;color: #409EFF;"
v-if='(sIndex+1)==item.StudentList.length && item.show == true && item.StudentList.length>3'
@click="dataList[index].show = false,$forceUpdate()">
<i class="el-icon-top"></i>
收起
</span>
</p>
</span>
<span v-if='item.show == false'>
<p v-for="( son , sIndex ) in item.StudentList"> <span
v-if='sIndex<3'>{{son.HoursMoney}}</span>
<span
style="position: absolute;right: 5px;cursor: pointer;text-decoration: underline;color: #409EFF;"
v-if='sIndex==2 && item.show == false'
@click="dataList[index].show = true,$forceUpdate()">
<i class="el-icon-bottom"></i>
展开
</span>
</p>
</span>
</td>
</tr>
</table>
<div v-if='dataList.length==0'
style="width: 100%;border:1px solid #E6E6E6;display: flex;align-items: center;justify-content: center;height: 60px;">
暂无数据
</div>
</div>
</template>
</div>
</template>
<script>
import {
getClassMonthStatistics,
} from '../../api/course/class';
import {
getClassDropDownList
} from '../../api/school/index'
export default {
meta: {
title: "班级月度课耗"
},
props: {},
components: {},
data() {
return {
ClassId: 0,
ClassName:'',
loading: false,
dataList: [], //列表数据
ClassList: [],
allClassList: [],
}
},
created() {
if (this.$route.query && this.$route.query.ClassId) {
this.ClassId = Number(this.$route.query.ClassId)
this.ClassName = this.$route.query.ClassName
}
},
mounted() {
this.getList(); //获取规则
this.setClass()
},
methods: {
getList() {
this.loading = true;
getClassMonthStatistics({ ClassId: this.ClassId }).then(res => {
if (res.Code == 1) {
this.loading = false;
this.dataList = res.Data
this.dataList.forEach(x => {
if (x.StudentList.length > 3) {
x.show = false
} else {
x.show = true
}
});
}
})
},
setClass(item) {//班级
this.isShowClass = true;
getClassDropDownList({
CourseId: 0,
IsAddDefault: 0, //添加默认选项
}).then(res => {
if (res.Code == 1) {
var jsonData = res.Data;
if (jsonData && jsonData.length > 0) {
this.ClassList = JSON.parse(JSON.stringify(jsonData));
this.allClassList = JSON.parse(JSON.stringify(jsonData));;
}
}
});
},
//筛选班级
filterFn(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)
}
})
},
gourlteacher(path,row,item) {
this.OpenNewUrl('/financial/'+path, {
ClassName: this.ClassName,
id: row.TeacherId,
datetype:'2',
StartMonth:item.Month,
EndMonth:item.Month,
});
},
gourlteacher2(path,row,item) {
this.OpenNewUrl('/financial/'+path, {
ClassId: this.ClassId,
StudentName:row.StudentName,
datetype:'2',
StartMonth:item.Month,
EndMonth:item.Month,
});
}
},
}
</script>
<style lang="sass">
@import url('~assets/css/table.sass')
</style>
\ No newline at end of file
src/pages/financial/studentsClassfee.vue
View file @ c8f5477c
......@@ -239,13 +239,19 @@
if(this.$route.query && this.$route.query.EndMonth){
this.msg.EndMonth = this.$route.query.EndMonth
}
if(this.$route.query && this.$route.query.ClassId){
this.msg.ClassId = Number(this.$route.query.ClassId)
}
if(this.$route.query && this.$route.query.StudentName){
this.msg.StudentName = this.$route.query.StudentName
}
},
mounted() {
this.getList();//获取提成周期列表
this.getBranchList()
this.GetTeacherList();//老师下拉
this.setClass()
},
methods: {
getList() {
......
src/pages/financial/teacherclassfee.vue
View file @ c8f5477c
......@@ -122,7 +122,7 @@
<el-table-column prop="TimeBucket" label="上课时间段"> </el-table-column>
<el-table-column prop="TeacherName" label="老师名称"></el-table-column>
<el-table-column prop="ClassNo" label="班号"></el-table-column>
<el-table-column prop="ClassName" label="上课班级" width='200' :filters='ClassNameList' :filter-method="filterHandler">
<el-table-column prop="ClassName" label="上课班级" width='200' :filters='ClassNameList' :filter-method="filterHandler" :filtered-value="ClassName" >
<template slot="header">
<span>上课班级 <span style="font-size: 10px;color: #409EFF;">（筛选）</span> </span>
</template>
......@@ -197,6 +197,7 @@
ClassList: [],
allClassList: [],
ClassNameList:[],
ClassName:'',
}
},
created() {
......@@ -220,6 +221,10 @@
if(this.$route.query && this.$route.query.EndMonth){
this.msg.EndMonth = this.$route.query.EndMonth
}
if(this.$route.query && this.$route.query.ClassName){
this.ClassName = [this.$route.query.ClassName]
}
},
mounted() {
this.getList();//获取提成周期列表
......@@ -250,8 +255,9 @@
})
this.ClassNameList = this.unique(this.ClassNameList)
this.total = res.Data.Count
}
})
},
......
src/router/routes.js
View file @ c8f5477c
......@@ -178,6 +178,11 @@ const routes = [{
component: () =>
import("pages/course/classManage.vue")
},
{
path: "/course/monthLessonCost", //班级管理 月度课耗
component: () =>
import("pages/course/monthLessonCost.vue")
},
{
path: "/course/makeup", //补课管理
component: () =>
......
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