Skip to content

C
confucius
Commit 88d828f3 authored by zhengke's avatar zhengke
Browse files
Options

增加页面

parent 5d45f9e2
Show whitespace changes
Inline Side-by-side
Showing with 282 additions and 0 deletions
src/api/system/index.js
View file @ 88d828f3
......@@ -401,3 +401,15 @@ export function saveBackClassFlow(data) {
data
});
}
/**
* 上课计划 获取列表
*/
export function GetClassPlanStatistical(data) {
return request({
url: '/Class/GetClassPlanStatistical',
method: 'post',
data
});
}
src/pages/course/classPlan.vue 0 → 100644
View file @ 88d828f3
<style>
.planTable {
width: 100%;
margin: 10px;
color:#000;
}
.PlanRight th,
.PlanRight td {
border: 1px solid #d1d1d1;
height: 40px;
}
</style>
<template>
<div class="page-body MainPlan">
<div class="Planleft">
<el-date-picker v-model="msg.StartTime" type="date" value-format="yyyy-MM-dd" placeholder="开始日期" size="small"
style="width:100%;" @change="getPlanList" clear-icon="iconfont icon-guanbi">
</el-date-picker>
<el-date-picker v-model="msg.EndTime" type="date" value-format="yyyy-MM-dd" placeholder="结束日期" size="small"
style="width:100%;margin-top:10px;" @change="getPlanList" clear-icon="iconfont icon-guanbi">
</el-date-picker>
<el-select v-model="msg.TeacherId" style="width:100%;margin-top:10px;" placeholder="教师团队" size="small"
@change="getPlanList()">
<el-option v-for="item in TeacherList" :key="item.TeacherName" :label="item.TeacherName" :value="item.TId">
</el-option>
</el-select>
<el-select v-model="msg.ClassRoomId" style="width:100%;margin-top:10px;" placeholder="教师团队" size="small"
@change="getPlanList()">
<el-option v-for="item in ClassRoomList" :key="item.RoomName" :label="item.RoomName" :value="item.RoomId">
</el-option>
</el-select>
<!-- <q-select filled stack-label style="margin-top:10px;" @input="getPlanList()" option-value="TId"
option-label="TeacherName" v-model="msg.TeacherId" ref="Teacher_Id" :options="TeacherList" label="教师团队"
:dense="false" emit-value map-options />
<q-select filled stack-label style="margin-top:10px;" @input="getPlanList()" option-value="RoomId"
option-label="RoomName" v-model="msg.ClassRoomId" ref="ClassRoomId" :options="ClassRoomList" label="关联教室"
:dense="false" emit-value map-options /> -->
</div>
<div class="PlanRight" style="width:100%;">
<table class="planTable" style="border-collapse:collapse;">
<thead>
<tr>
<th colspan="16">甲鹤校区教室使用情况</th>
</tr>
<tr>
<th>周一</th>
<th>周二</th>
<th>周三</th>
<th>周四</th>
<th>周五</th>
<th>周六</th>
<th>周日</th>
</tr>
</thead>
<tbody>
<tr v-for="(item,index) in dataList" :key="index">
<td>
<template v-if="getWeek(item.WeekStr)==='一'">
<div>日期：{{item.ClassDate}}</div>
<template v-for="subItem in item.SubList">
<div>带班老师：{{subItem.TeacherName}}</div>
<div>课程名称：{{subItem.CourseName}}</div>
<div>教室名称：{{subItem.RoomName}}</div>
<div>教室名称：{{subItem.RoomName}}</div>
<div>学生名称：
<span style="margin-right:10px;" v-for="tItem in subItem.GuestList">{{tItem.GuestName}}</span>
</div>
</template>
</template>
</td>
<td>
<template v-if="getWeek(item.WeekStr)==='二'">
<div>日期：{{item.ClassDate}}</div>
<template v-for="subItem in item.SubList">
<div>带班老师：{{subItem.TeacherName}}</div>
<div>课程名称：{{subItem.CourseName}}</div>
<div>教室名称：{{subItem.RoomName}}</div>
<div>教室名称：{{subItem.RoomName}}</div>
<div>学生名称：
<span style="margin-right:10px;" v-for="tItem in subItem.GuestList">{{tItem.GuestName}}</span>
</div>
</template>
</template>
</td>
<td>
<template v-if="getWeek(item.WeekStr)==='三'">
<div>日期：{{item.ClassDate}}</div>
<template v-for="subItem in item.SubList">
<div>带班老师：{{subItem.TeacherName}}</div>
<div>课程名称：{{subItem.CourseName}}</div>
<div>教室名称：{{subItem.RoomName}}</div>
<div>教室名称：{{subItem.RoomName}}</div>
<div>学生名称：
<span style="margin-right:10px;" v-for="tItem in subItem.GuestList">{{tItem.GuestName}}</span>
</div>
</template>
</template>
</td>
<td>
<template v-if="getWeek(item.WeekStr)==='四'">
<div>日期：{{item.ClassDate}}</div>
<template v-for="subItem in item.SubList">
<div>带班老师：{{subItem.TeacherName}}</div>
<div>课程名称：{{subItem.CourseName}}</div>
<div>教室名称：{{subItem.RoomName}}</div>
<div>教室名称：{{subItem.RoomName}}</div>
<div>学生名称：
<span style="margin-right:10px;" v-for="tItem in subItem.GuestList">{{tItem.GuestName}}</span>
</div>
</template>
</template>
</td>
<td>
<template v-if="getWeek(item.WeekStr)==='五'">
<div>日期：{{item.ClassDate}}</div>
<template v-for="subItem in item.SubList">
<div>带班老师：{{subItem.TeacherName}}</div>
<div>课程名称：{{subItem.CourseName}}</div>
<div>教室名称：{{subItem.RoomName}}</div>
<div>教室名称：{{subItem.RoomName}}</div>
<div>学生名称：
<span style="margin-right:10px;" v-for="tItem in subItem.GuestList">{{tItem.GuestName}}</span>
</div>
</template>
</template>
</td>
<td>
<template v-if="getWeek(item.WeekStr)==='六'">
<div>日期：{{item.ClassDate}}</div>
<template v-for="subItem in item.SubList">
<div>带班老师：{{subItem.TeacherName}}</div>
<div>课程名称：{{subItem.CourseName}}</div>
<div>教室名称：{{subItem.RoomName}}</div>
<div>教室名称：{{subItem.RoomName}}</div>
<div>学生名称：
<span style="margin-right:10px;" v-for="tItem in subItem.GuestList">{{tItem.GuestName}}</span>
</div>
</template>
</template>
</td>
<td>
<template v-if="getWeek(item.WeekStr)==='天'">
<div>日期：{{item.ClassDate}}</div>
<template v-for="subItem in item.SubList">
<div>带班老师：{{subItem.TeacherName}}</div>
<div>课程名称：{{subItem.CourseName}}</div>
<div>教室名称：{{subItem.RoomName}}</div>
<div>教室名称：{{subItem.RoomName}}</div>
<div>学生名称：
<span style="margin-right:10px;" v-for="tItem in subItem.GuestList">{{tItem.GuestName}}</span>
</div>
</template>
</template>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</template>
<script>
import {
GetClassPlanStatistical
} from '../../api/system/index';
import {
getTeacherDropDownList,
queryClassRoomList
} from '../../api/school/index'
export default {
meta: {
title: "上课计划"
},
components: {},
data() {
return {
TeacherList: [], //教师团队
ClassRoomList: [], //
msg: {
StartTime: "",
EndTime: '',
TeacherId: 0,
ClassRoomId: 0
},
dataList: []
};
},
created() {
this.GetTeacherList();
this.getClassRoomList();
},
mounted() {
this.getPlanList();
},
methods: {
// 获取校区教室导航列表
getPlanList() {
let that = this
GetClassPlanStatistical(this.msg).then(res => {
console.log(res, '数据');
if (res.Code == 1) {
this.dataList = res.Data;
}
}).catch(() => {
})
},
//获取教师下拉
GetTeacherList() {
getTeacherDropDownList({}).then(res => {
if (res.Code == 1) {
this.TeacherList = res.Data;
var obj = {
TeacherName: '请选择',
TId: 0
}
this.TeacherList.unshift(obj);
}
})
},
//获取教室下拉
getClassRoomList() {
queryClassRoomList({}).then(res => {
if (res.Code == 1) {
this.ClassRoomList = res.Data;
var obj = {
RoomName: '请选择',
RoomId: 0
}
this.ClassRoomList.unshift(obj);
}
})
},
getWeek(item) {
console.log(item.substring(2, 3));
return item.substring(2, 3)
}
}
};
</script>
<style>
.MainPlan {
padding: 5px !important;
display: flex;
}
.MainPlan .Planleft {
width: 200px;
background-color: rgb(245, 246, 247);
padding: 5px;
}
.dateModel {
padding: 20px 10px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: space-around;
}
</style>
src/router/routes.js
View file @ 88d828f3
......@@ -187,6 +187,11 @@ const routes = [{
component: () =>
import("pages/course/baseSet.vue")
},
{
path: "/course/classPlan", //上课计划
component: () =>
import("pages/course/classPlan.vue")
},
{
path: "/course/paymentDetail", //收支明细
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