Skip to content

D
dd_school
Commit 026f530d by zhaopanyu
Options

zpy 11.1

parent 39cc0f08
Showing with 327 additions and 33 deletions
ruoyi-ui/src/permission.js
......@@ -19,6 +19,7 @@ const whiteList = [
"/printBarcodes",
"/printLesson",
"/studentTable",
"/headmasterLesson",
];
router.beforeEach((to, from, next) => {
......
ruoyi-ui/src/router/index.js
......@@ -69,6 +69,7 @@ export const constantRoutes = [
),
hidden: true,
},
//学生信息
{
path: "/studentTable",
component: () =>
......@@ -95,6 +96,16 @@ export const constantRoutes = [
),
hidden: true,
},
//班主任课表
{
path: "/headmasterLesson",
component: () =>
import(
"@/views/smartSchool/classAdviser/headmasterLesson/headmasterLesson"
),
hidden: true,
},
//学生注册
{
path: "/studentRegistra",
component: () =>
......
ruoyi-ui/src/views/smartSchool/classAdviser/headmasterLesson/headmasterLesson.vue
<template>
<div class="app-container " style="padding: 15px 20px 15px 15px;">
<el-row>
<el-col :span="20">
<el-row>
<el-col>
<el-form :inline="true" :model="formData" style="padding:12px 0 0 0">
<el-form-item>
<el-button type="primary" plain size="mini" icon="el-icon-printer" @click="printTable()">打印
</el-button>
</el-form-item>
</el-form>
</el-col>
</el-row>
<div id="postFormContainer">
<el-table v-loading="loading" :data="courseList" :row-style="{ height: '50px' }"
:cell-style="{ padding: '0' }" border style="width: 1200px;">
<!-- <el-table-column :resizable="false" class-name="elChgTbeClmn" prop="lesson" label="日期" width="120" align="center">
<template slot="header" slot-scope="scope">
<div class="elHeadCon">
<div class="headerCon1">时间</div>
<div class="headerCon2">星期</div>
<div class="headerLine"></div>
</div>
</template>
</el-table-column> -->
<el-table-column prop="lesson" label="时间\星期" width="160" align="center" style="height: 20px;">
<template slot="header" slot-scope="scope">
<div class="elHeadCon">
<div id="no-print" class="headerCon1">时间</div>
<div id="no-print" class="headerCon2">星期</div>
<div id="no-print" class="headerLine"></div>
</div>
</template>
<template slot-scope="scope">
<div> {{ scope.row.sortName }}</div>
<div> {{ scope.row.startTime }}--{{ scope.row.endTime }}</div>
</template>
</el-table-column>
<el-table-column prop="monday.courseName" label="星期一" align="center">
<template slot-scope="scope">
<div v-if="scope.row.monday"> {{ scope.row.monday.courseName }}</div>
<div v-else></div>
</template>
</el-table-column>
<el-table-column label="星期二" align="center">
<template slot-scope="scope">
<div v-if="scope.row.tuesday"> {{ scope.row.tuesday.courseName }}</div>
<div v-else></div>
</template>
</el-table-column>
<el-table-column label="星期三" align="center">
<template slot-scope="scope">
<div v-if="scope.row.wednesday"> {{ scope.row.wednesday.courseName }}</div>
<div v-else></div>
</template>
</el-table-column>
<el-table-column label="星期四" align="center">
<template slot-scope="scope">
<div v-if="scope.row.thursday"> {{ scope.row.thursday.courseName }}</div>
<div v-else></div>
</template>
</el-table-column>
<el-table-column label="星期五" align="center">
<template slot-scope="scope">
<div v-if="scope.row.friday"> {{ scope.row.friday.courseName }}</div>
<div v-else></div>
</template>
</el-table-column>
<el-table-column prop="saturday" label="星期六" align="center">
<template slot-scope="scope">
<div v-if="scope.row.saturday"> {{ scope.row.saturday.courseName }}</div>
<div v-else></div>
</template>
</el-table-column>
<el-table-column label="星期日" align="center">
<template slot-scope="scope">
<div v-if="scope.row.sunday"> {{ scope.row.sunday.courseName }}</div>
<div v-else></div>
</template>
</el-table-column>
</el-table>
</div>
</el-col>
</el-row>
</div>
</template>
<script>
import printJS from "print-js";
import {
getClassTreeList,
getClassLessonTable,
} from "@/api/smartSchool/lesson/index.js";
import { getYearList } from "@/utils/utilLibrary/getYearList";
import { getFirstLeafNode, handleTreeData } from "@/utils/utilLibrary/getTreeClass";
import { getNewYear, getCourseInfo } from "@/api/smartSchool/teachAffairAdministration/lessonManage";
export default {
name: '',
dicts: ['relationship', 'Grade', 'Class', 'grade_type', 'sys_user_sex', 'education', 'student_type', 'child_state'],
created() {
this.handleYearList() // 获取年份选择框数组
this.getSession() //判断当前时间节点处在上学期还是下学期
// this.getLessonTable()
this.newYear();
// this.getTreeData()
},
data() {
return {
loading: false,
courseList: [], //课程表信息
tableData: [{
lesson: "第一节",
}, {
lesson: "第二节",
}, {
lesson: "第三节",
}, {
lesson: "第四节",
}, {
lesson: "第五节",
}, {
lesson: "第六节",
}, {
lesson: "第七节",
}, {
lesson: "第八节",
}, {
lesson: "第九节",
}, {
lesson: "第十节",
}, {
lesson: "第十一节",
}, {
lesson: "第十二节",
},],
treeData: [],
formData: {
classId: "",
termId: ""
// termId: '0',
// schoolYear: new Date().getFullYear(),
},
yearList: [],
queryParams: {
schoolYear: ""
},
}
},
created() {
const urlParams = new URLSearchParams(window.location.search);
const courseListParam = urlParams.get('courseList');
this.courseList = JSON.parse(decodeURIComponent(courseListParam)); // 将获取到的 courseList 赋值给 this.courseList
},
components: {},
methods: {
handleYearList() {
// 获取年份选择框数组
this.yearList = getYearList();
let a = {}
a.value = new Date().getFullYear() + 1;
a.label = a.value + "年"
this.yearList.unshift(a)
},
/** 获取班级下拉树数据 */
getTreeData() {
getClassTreeList(this.queryParams).then(response => {
this.$nextTick(() => {
try {
this.treeData = handleTreeData(response.data, this.dict.type.grade_type, this.dict.type.Grade);
} catch (exception) {
this.treeData = [];
}
const searchItem = getFirstLeafNode(this.treeData[0]);
this.handleNodeClick.apply(undefined, [searchItem]);
})
}).catch(error => {
})
},
/** 查询课程表 */
// getLessonTable() {
// this.loading = true;
// getClassLessonTable(this.formData).then((response) => {
// this.tableData = response.rows
// });
// },
// 处理学年更改时
handleYearChange(value) {
// this.queryParams.pageNum = 1;
// this.getClassTree();
this.getTreeData()
},
// 节点树点击
handleNodeClick(data) {
this.formData.classId = data.id
this.$nextTick(() => {
this.$refs.tree.setCurrentKey(data.id);
})
this.courseInfo()
},
//获取课表信息
courseInfo() {
this.loading = true
getCourseInfo(this.formData).then(res => {
//课表
this.courseList = []
this.courseList = res.rows
this.loading = false
})
},
// 打印
printTable() {
// 重置表单
printJS({
printable: 'postFormContainer',
maxWidth: 10000,
header: '',
ignoreElements: ['no-print', 'back-no-print', 'front-no-print'],
targetStyles: ['*'],
gridHeaderStyle: "border: 1px solid black",
type: "html",
gridStyle: `text-align: center; border: 1px solid black`,
})
},
//判断当前时间节点处在上学期还是下学期
getSession() {
let d = new Date();
let n = d.getMonth() + 1;
if (n >= 2 && n < 8) {
//下学期
this.formData.termId = "1"
} else {
//上学期
this.formData.termId = "0"
}
},
newYear() {
getNewYear().then((res) => {
// this.$set(queryParams, "schoolYear", Number(res.schoolYear))
this.queryParams.schoolYear = res.schoolYear
this.getTreeData() //关键性的一句
})
},
},
}
</script>
<style scoped>
.elChgTbeClmn .cell {
padding: 0px !important;
}
.elHeadCon {
height: 40px;
position: relative;
}
.headerCon1 {
position: absolute;
left: 0;
bottom: 0;
}
.headerCon2 {
position: absolute;
right: 0;
top: 0;
}
.headerLine {
width: 1px;
height: 150px;
transform: rotate(-68deg);
/*这里需要自己调整，根据线的位置*/
transform-origin: top;
background-color: #dfe6ec;
}
</style>
ruoyi-ui/src/views/smartSchool/classAdviser/headmasterLesson/index.vue
......@@ -3,23 +3,15 @@
<el-row>
<el-col :span="4">
<div style="border:1px solid #DFE6EC; margin:0 10px 0 0">
<el-form :inline="true" :model="queryParams"
style="border-bottom:1px solid #DFE6EC; padding:10px 0 0 5px">
<el-form :inline="true" :model="queryParams" style="border-bottom:1px solid #DFE6EC; padding:10px 0 0 5px">
<el-form-item label="班级信息" prop="year">
<el-select v-model="queryParams.schoolYear" style="width:100%"
size="mini" @change="handleYearChange">
<el-option v-for="item in yearList" :key="item.value" :value="item.value"
:label="item.label"></el-option>
<el-select v-model="queryParams.schoolYear" style="width:100%" size="mini" @change="handleYearChange">
<el-option v-for="item in yearList" :key="item.value" :value="item.value" :label="item.label"></el-option>
</el-select>
</el-form-item>
</el-form>
<el-tree ref="tree"
node-key="id"
:data="treeData"
:expand-on-click-node="false"
highlight-current
default-expand-all
@node-click="handleNodeClick">
<el-tree ref="tree" node-key="id" :data="treeData" :expand-on-click-node="false" highlight-current
default-expand-all @node-click="handleNodeClick">
</el-tree>
</div>
</el-col>
......@@ -28,8 +20,7 @@
<el-col>
<el-form :inline="true" :model="formData" style="padding:12px 0 0 0">
<el-form-item>
<el-button type="primary" plain size="mini" icon="el-icon-printer"
@click="printTable()">打印
<el-button type="primary" plain size="mini" icon="el-icon-printer" @click="printTable()">打印
</el-button>
</el-form-item>
<el-form-item label="学期" prop="region">
......@@ -42,9 +33,8 @@
</el-col>
</el-row>
<div id="postFormContainer">
<el-table v-loading="loading" :data="courseList" :row-style="{ height: '50px' }"
:cell-style="{ padding: '0' }" border
style="width: 1200px;">
<el-table v-loading="loading" :data="courseList" :row-style="{ height: '50px' }" :cell-style="{ padding: '0' }"
border style="width: 1200px;">
<!-- <el-table-column :resizable="false" class-name="elChgTbeClmn" prop="lesson" label="日期" width="120" align="center">
<template slot="header" slot-scope="scope">
<div class="elHeadCon">
......@@ -124,10 +114,10 @@ import {
getClassTreeList,
getClassLessonTable,
} from "@/api/smartSchool/lesson/index.js";
import {getYearList} from "@/utils/utilLibrary/getYearList";
import {getFirstLeafNode, handleTreeData} from "@/utils/utilLibrary/getTreeClass";
import {getNewYear, getCourseInfo} from "@/api/smartSchool/teachAffairAdministration/lessonManage";
import { getYearList } from "@/utils/utilLibrary/getYearList";
import { getFirstLeafNode, handleTreeData } from "@/utils/utilLibrary/getTreeClass";
import { getNewYear, getCourseInfo } from "@/api/smartSchool/teachAffairAdministration/lessonManage";
import * as dd from 'dingtalk-jsapi';
export default {
name: '',
dicts: ['relationship', 'Grade', 'Class', 'grade_type', 'sys_user_sex', 'education', 'student_type', 'child_state'],
......@@ -243,17 +233,19 @@ export default {
// 打印
printTable() {
// 重置表单
printJS({
printable: 'postFormContainer',
maxWidth: 10000,
header: '',
ignoreElements: ['no-print', 'back-no-print', 'front-no-print'],
targetStyles: ['*'],
gridHeaderStyle: "border: 1px solid black",
type: "html",
gridStyle: `text-align: center; border: 1px solid black`,
})
const baseUrl = window.location.protocol + '//' + window.location.host + '/headmasterLesson';
const urlWithParams = `${baseUrl}?courseList=${encodeURIComponent(JSON.stringify(this.courseList))}`;
dd.biz.util.openLink({
url: urlWithParams,
onSuccess: () => {
console.log('跳转成功，准备打印');
// 打印条码
// this.printCode();
},
onFail: (error) => {
console.error('跳转失败', error);
}
});
},
//判断当前时间节点处在上学期还是下学期
getSession() {
......
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