zpy 新增班主任页面

ruoyi-ui/src/views/smartSchool/classAdviser/courseView/index.vue

+<template>
+    <div class="app-container">
+        <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="80px">
+
+            <el-form-item label="任务名称" prop="userName">
+                <el-select v-model="queryParams.taskName" placeholder="请选择任务名称">
+                    <el-option v-for="(item, index) in taskNameList" :key="index" :label="item" :value="item"></el-option>
+                </el-select>
+            </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.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 label="学生姓名" prop="userName">
+                <el-input v-model="queryParams.student" placeholder="请输入学生姓名" clearable />
+            </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: [],
+            taskNameList: [1, 2, 3], //任务名称
+            classList: [1, 2, 3], //班级
+            loading: false,
+            total: 0,
+        }
+    },
+    methods: {
+        //获取数据信息
+        getList() {
+
+        },
+        //重置
+        resetQuery() { },
+        //导出
+        exportRecord() { }
+    }
+
+}
+</script>
+
+<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>