Skip to content

D
dd_school
Commit cd318144 by duxingshan
Options

1、选课情况。 

2、成绩管理。
3、艺体选课。
前端样式页面编写
parent b6519e1c
Showing with 155 additions and 8 deletions
ruoyi-ui/src/assets/styles/index.scss
......@@ -195,3 +195,13 @@ aside {
.multiselect--active {
z-index: 1000 !important;
}
//新增样式
.flexBlock {
display: flex;
flex-direction: row;
align-items: center;
}
.selectWidth {
width: 100%;
}
ruoyi-ui/src/views/smartSchool/gradeWork/courseSelection/artisticView/index.vue
<template>
<div>
<h2>艺体选课情况</h2>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="80px">
<el-form-item label="学生姓名" prop="userName">
<el-input v-model="queryParams.student" placeholder="请输入学生姓名" clearable/>
</el-form-item>
<el-form-item label="班级" prop="userName">
<el-select v-model="queryParams.class" placeholder="请选择班级">
<el-option v-for="(item,index) in classList" :key="index"
:label="item" :value="item"></el-option>
</el-select>
</el-form-item>
<el-form-item label="已选课目" prop="userName">
<el-select v-model="queryParams.selectedSubjects" placeholder="请选择已选课目">
<el-option v-for="(item,index) in selectedSubjectsList" :key="index"
:label="item" :value="item"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="getList">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
<el-button type="warning" icon="el-icon-upload2" size="mini" @click="exportRecord">导出</el-button>
</el-form-item>
</el-form>
<el-table v-loading="loading" :data="courseSelectionData" stripe>
<el-table-column label="序号" type="index" width="55" align="center"/>
<el-table-column label="班级" align="center" prop="orgname"/>
<el-table-column label="学生姓名" align="center" prop="deviceNum"/>
<el-table-column label="学号" align="center" prop="userName"/>
<el-table-column label="身份证号" align="center" prop="teacherCode"/>
<el-table-column label="课程类型" align="center" prop="orgname"/>
<el-table-column label="选课时间" align="center" prop="orgname"/>
<el-table-column label="选课状态" align="center" prop="orgname"/>
<el-table-column label="已选科目（排序）" align="center" prop="orgname"/>
<el-table-column label="已选课程" align="center" prop="orgname"/>
</el-table>
<pagination ref="pageBlock" v-show="total > 0" :total="total"
:page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList"/>
</div>
</template>
<script>
export default {
data(){
return {
queryParams:{
student:'',
class:'',
selectedSubjects:'',
pageNum: 1,
pageSize: 10,
},
selectedSubjectsList:[1,2,3], // 已选课目
classList:[1,2,3], // 班级
courseSelectionData:[],
loading:false,
total:0,
}
},
methods:{
//获取数据信息
getList(){
},
//重置
resetQuery(){},
//导出
exportRecord(){}
}
}
</script>
<style lang="scss" scoped></style>
\ No newline at end of file
<style lang="scss" scoped>
</style>
ruoyi-ui/src/views/smartSchool/gradeWork/courseSelection/courseSelectionsituation/index.vue
<template>
<div>
<h2>选课情况</h2>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="80px">
<el-form-item label="学生姓名" prop="userName">
<el-input v-model="queryParams.student" placeholder="请输入学生姓名" clearable/>
</el-form-item>
<el-form-item label="课程类型" prop="userName">
<el-select v-model="queryParams.courseType" placeholder="请选择课程类型">
<el-option v-for="(item,index) in courseTypeList" :key="index"
:label="item" :value="item"></el-option>
</el-select>
</el-form-item>
<el-form-item label="选课状态" prop="userName">
<el-select v-model="queryParams.selectionStatus" placeholder="请选择选课状态">
<el-option v-for="(item,index) in selectionStatusList" :key="index"
:label="item" :value="item"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="getList">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
<el-button type="warning" icon="el-icon-upload2" size="mini" @click="exportRecord">导出</el-button>
</el-form-item>
</el-form>
<div class="flexBlock person">
<div>总人数：45 人</div>
<div>已选课：<span>40</span> 人</div>
</div>
<el-table v-loading="loading" :data="courseSelectionData" stripe>
<el-table-column label="序号" type="index" width="55" align="center"/>
<el-table-column label="学生姓名" align="center" prop="deviceNum"/>
<el-table-column label="身份证号" align="center" prop="teacherCode"/>
<el-table-column label="学号" align="center" prop="userName"/>
<el-table-column label="课程类型" align="center" prop="orgname"/>
<el-table-column label="选课时间" align="center" prop="orgname"/>
<el-table-column label="选课状态" align="center" prop="orgname"/>
<el-table-column label="已选专业/课程" align="center" prop="orgname"/>
</el-table>
<pagination ref="pageBlock" v-show="total > 0" :total="total"
:page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList"/>
</div>
</template>
<script>
export default {
data(){
return {
queryParams:{
student:'',
courseType:'',
selectionStatus:'',
pageNum: 1,
pageSize: 10,
},
courseTypeList:[1,2,3], //课程类型
selectionStatusList:[1,2,3], //选课状态
courseSelectionData:[],
loading:false,
total:0,
}
},
methods:{
//获取数据信息
getList(){
},
//重置
resetQuery(){},
//导出
exportRecord(){}
}
}
</script>
<style lang="scss" scoped></style>
\ No newline at end of file
<style lang="scss" scoped>
.person {
line-height: 35px;
color: #333333;
font-size: 14px;
padding-bottom: 10px;
}
.person div:last-child {
padding-left: 20px;
}
.person div:last-child span {
color: #1890ff;
font-weight: 500;
}
</style>
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