282 lines
9.5 KiB
Vue
282 lines
9.5 KiB
Vue
|
<template>
|
|||
|
|
<div class="joylink-card">
|
|||
|
|
<div style="margin-top: 20px;">
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="20">
|
|||
|
|
<el-form ref="form" :model="form" label-width="80px" size="mini" style="width: 100%;margin-top: 10px;">
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="6">
|
|||
|
|
<el-form-item label="班级:">
|
|||
|
|
<el-select v-model="form.classId" placeholder="请选择" @change="getLessonByClassId">
|
|||
|
|
<el-option
|
|||
|
|
v-for="item in calssList"
|
|||
|
|
:key="item.id"
|
|||
|
|
:label="item.name"
|
|||
|
|
:value="item.id"
|
|||
|
|
/>
|
|||
|
|
</el-select>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="6">
|
|||
|
|
<el-form-item label="考勤天数:">
|
|||
|
|
<el-input-number v-model="form.attendanceDays" :min="1" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="6">
|
|||
|
|
<el-form-item label="开始日期:">
|
|||
|
|
<el-date-picker
|
|||
|
|
v-model="form.termBeginDate"
|
|||
|
|
type="date"
|
|||
|
|
placeholder="选择日期"
|
|||
|
|
/>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="6">
|
|||
|
|
<el-form-item label="结束日期:">
|
|||
|
|
<el-date-picker
|
|||
|
|
v-model="form.termEndDate"
|
|||
|
|
type="date"
|
|||
|
|
placeholder="选择日期"
|
|||
|
|
/>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="6">
|
|||
|
|
<el-form-item label="产品类型:">
|
|||
|
|
<el-select v-model="form.prdType" placeholder="请选择">
|
|||
|
|
<el-option
|
|||
|
|
v-for="item in calssList"
|
|||
|
|
:key="item.id"
|
|||
|
|
:label="item.name"
|
|||
|
|
:value="item.id"
|
|||
|
|
/>
|
|||
|
|
</el-select>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="6">
|
|||
|
|
<el-form-item label="课程:">
|
|||
|
|
<el-select v-model="form.lessonId" placeholder="请选择">
|
|||
|
|
<el-option
|
|||
|
|
v-for="item in calssList"
|
|||
|
|
:key="item.id"
|
|||
|
|
:label="item.name"
|
|||
|
|
:value="item.id"
|
|||
|
|
/>
|
|||
|
|
</el-select>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="6">
|
|||
|
|
<el-form-item label="考试:">
|
|||
|
|
<el-select v-model="form.examPaperId" placeholder="请选择">
|
|||
|
|
<el-option
|
|||
|
|
v-for="item in calssList"
|
|||
|
|
:key="item.id"
|
|||
|
|
:label="item.name"
|
|||
|
|
:value="item.id"
|
|||
|
|
/>
|
|||
|
|
</el-select>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
</el-form>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="4">
|
|||
|
|
<el-button type="primary" size="mini" @click="query">查询</el-button>
|
|||
|
|
<el-button type="primary" class="uploadDemo" size="mini" style="margin-top: 10px;">
|
|||
|
|
<input
|
|||
|
|
id="importResults"
|
|||
|
|
ref="files"
|
|||
|
|
type="file"
|
|||
|
|
class="file_box"
|
|||
|
|
accept=".json, application/json, .csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"
|
|||
|
|
@change="importResults"
|
|||
|
|
>
|
|||
|
|
成绩导入
|
|||
|
|
</el-button>
|
|||
|
|
<el-button type="primary" size="mini" style="margin-top: 10px;" @click="exportResults">成绩导出</el-button></el-col>
|
|||
|
|
</el-row>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import { getLessonDrftList } from '@/api/jmap/lessondraft';
|
|||
|
|
import XLSX from 'xlsx';
|
|||
|
|
import { convertSheetToList } from '@/utils/runPlan';
|
|||
|
|
import { importnStudentResults } from '@/api/management/user';
|
|||
|
|
import { getSessionStorage } from '@/utils/auth';
|
|||
|
|
import { ProjectCode } from '@/scripts/ProjectConfig';
|
|||
|
|
import { getProjectClassList } from '@/api/management/user';
|
|||
|
|
import { getLessonByClassId } from '@/api/jmap/lesson';
|
|||
|
|
|
|||
|
|
export default {
|
|||
|
|
name: 'StudentManage',
|
|||
|
|
components: {
|
|||
|
|
},
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
loading: false,
|
|||
|
|
calssList: [],
|
|||
|
|
form: {
|
|||
|
|
attendanceDays: 1,
|
|||
|
|
classId: '',
|
|||
|
|
termBeginDate: '',
|
|||
|
|
termEndDate: '',
|
|||
|
|
prdType: '',
|
|||
|
|
lessonId: '',
|
|||
|
|
examPaperId: ''
|
|||
|
|
},
|
|||
|
|
pagerConfig: {
|
|||
|
|
pageSize: 'pageSize',
|
|||
|
|
pageIndex: 'pageNum'
|
|||
|
|
},
|
|||
|
|
queryForm: {
|
|||
|
|
show: false
|
|||
|
|
},
|
|||
|
|
queryList: {
|
|||
|
|
query: this.queryFunction,
|
|||
|
|
selectCheckShow: false,
|
|||
|
|
indexShow: true,
|
|||
|
|
columns: [
|
|||
|
|
|
|||
|
|
]
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
computed: {
|
|||
|
|
mapId() {
|
|||
|
|
return this.$route.params.mapId;
|
|||
|
|
},
|
|||
|
|
hasRelease() {
|
|||
|
|
return this.$store.state.user.roles.includes('04') ||
|
|||
|
|
this.$store.state.user.roles.includes('05');
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
watch: {
|
|||
|
|
$route() {
|
|||
|
|
this.refresh();
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
mounted() {
|
|||
|
|
const project = getSessionStorage('project');
|
|||
|
|
getProjectClassList(ProjectCode[project]).then(resp => {
|
|||
|
|
this.calssList = resp.data;
|
|||
|
|
}).catch(() =>{
|
|||
|
|
this.$message.error('获取班级数据失败！');
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
queryFunction(params) {
|
|||
|
|
return getLessonDrftList(this.$route.params.mapId, params);
|
|||
|
|
},
|
|||
|
|
importResults(e) {
|
|||
|
|
const obj = this.$refs.files;
|
|||
|
|
if (obj.files) {
|
|||
|
|
const file = obj.files[0];
|
|||
|
|
this.handleImportResults(file);
|
|||
|
|
obj.value = '';
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
query() {
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
getLessonByClassId(classId) {
|
|||
|
|
getLessonByClassId(classId).then(resp => {
|
|||
|
|
|
|||
|
|
}).catch(()=> {
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
handleImportResults(file) {
|
|||
|
|
const studentData = { className: '', students:[] };
|
|||
|
|
const project = getSessionStorage('project');
|
|||
|
|
if (file) {
|
|||
|
|
setTimeout(() => {
|
|||
|
|
const that = this;
|
|||
|
|
const reader = new FileReader();
|
|||
|
|
if (reader) {
|
|||
|
|
reader.onload = function (e) {
|
|||
|
|
let wb;
|
|||
|
|
const data = e.target.result;
|
|||
|
|
if (that.rABS) {
|
|||
|
|
wb = XLSX.read(btoa(that.fixdata(data)), { // 手动转化
|
|||
|
|
type: 'base64'
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
wb = XLSX.read(data, {
|
|||
|
|
type: 'binary'
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
if (wb) {
|
|||
|
|
try {
|
|||
|
|
const students = [];
|
|||
|
|
for (const index in wb.Sheets) {
|
|||
|
|
const dataList = convertSheetToList(wb.Sheets[index], true);
|
|||
|
|
const className = dataList[0][2].split(' ')[0].replace(/\s*/g, '').split('：')[1];
|
|||
|
|
studentData.className = className;
|
|||
|
|
for ( let i = 5; i <= dataList[0].length; i++) {
|
|||
|
|
if (dataList[0][i] && dataList[1][i]) {
|
|||
|
|
students.push({studentID:dataList[0][i], name: dataList[1][i]});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
studentData.students = students;
|
|||
|
|
}
|
|||
|
|
importnStudentResults(ProjectCode[project], studentData).then(resp => {
|
|||
|
|
that.$message.success('学生成绩导入成功！');
|
|||
|
|
}).catch(error => {
|
|||
|
|
that.$message.error('学生成绩导入失败！');
|
|||
|
|
});
|
|||
|
|
} catch (error) {
|
|||
|
|
that.$message.warning(`解析成绩单失败:${error}`);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
if (that.rABS) {
|
|||
|
|
reader.readAsArrayBuffer(file);
|
|||
|
|
} else {
|
|||
|
|
reader.readAsBinaryString(file);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}, 200);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
handelData() {
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
exportResults() {
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
refresh() {
|
|||
|
|
this.$refs.queryListPage.refresh(true);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
</script>
|
|||
|
|
<style rel="stylesheet/scss" lang="scss" scoped>
|
|||
|
|
@import "src/styles/mixin.scss";
|
|||
|
|
.joylink-card{
|
|||
|
|
height: 100%;
|
|||
|
|
overflow: auto;
|
|||
|
|
}
|
|||
|
|
.file_box {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
position: absolute;
|
|||
|
|
left: 0;
|
|||
|
|
top: 0;
|
|||
|
|
opacity: 0;
|
|||
|
|
cursor: pointer;
|
|||
|
|
z-index: 100;
|
|||
|
|
}
|
|||
|
|
.uploadDemo {
|
|||
|
|
position: relative;
|
|||
|
|
overflow: hidden;
|
|||
|
|
margin-right: 3px;
|
|||
|
|
cursor: pointer;
|
|||
|
|
padding: 0 15px;
|
|||
|
|
height: 28px;
|
|||
|
|
}
|
|||
|
|
</style>
|