lyc-dev #94
|
@ -1,7 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<el-dialog v-model="dialogVisible" center top="10vh" width="600px" :show-close="false"
|
<el-dialog v-model="dialogVisible" center top="10vh" width="600px" :show-close="false" append-to-body
|
||||||
style="border-radius: 10px; padding: 10px 15px;">
|
style="border-radius: 10px; padding: 10px 15px;">
|
||||||
|
|
||||||
<template #header>
|
<template #header>
|
||||||
<div class="homerwork-header flex">
|
<div class="homerwork-header flex">
|
||||||
<span>布置作业</span>
|
<span>布置作业</span>
|
||||||
|
@ -9,14 +8,14 @@
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<div>
|
<div>
|
||||||
<el-form :model="form" label-width="80px">
|
<el-form :model="form" label-width="80px" ref="ruleForm" :rules="rules">
|
||||||
<el-form-item label="班级">
|
<el-form-item label="班级" prop="grade">
|
||||||
<el-scrollbar max-height="200px" style="width: 100%;">
|
<el-scrollbar max-height="200px" style="width: 100%;">
|
||||||
<el-tree ref="treeRef" :data="treeData" :props="defaultProps" :load="getLoad" node-key="id"
|
<el-tree ref="treeRef" :data="gradeList" :props="defaultProps" :load="getLoad" node-key="id"
|
||||||
@check="handleCheckChange" lazy show-checkbox />
|
@check="handleCheckChange" lazy show-checkbox />
|
||||||
</el-scrollbar>
|
</el-scrollbar>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="选中学生">
|
<el-form-item label="选中学生" prop="student">
|
||||||
<el-scrollbar max-height="200px">
|
<el-scrollbar max-height="200px">
|
||||||
<el-tag v-for="(tag, index) in studentList" :key="tag.studentid" closable type="primary"
|
<el-tag v-for="(tag, index) in studentList" :key="tag.studentid" closable type="primary"
|
||||||
@close="delStudent(index)">
|
@close="delStudent(index)">
|
||||||
|
@ -24,17 +23,17 @@
|
||||||
</el-tag>
|
</el-tag>
|
||||||
</el-scrollbar>
|
</el-scrollbar>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="完成要求">
|
<el-form-item label="完成要求" prop="feedback">
|
||||||
<el-radio-group v-model="form.feedback">
|
<el-radio-group v-model="form.feedback">
|
||||||
<el-radio value="必做" size="large">必做</el-radio>
|
<el-radio value="必做" size="large">必做</el-radio>
|
||||||
<el-radio value="选做" size="large">选做</el-radio>
|
<el-radio value="选做" size="large">选做</el-radio>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="截止时间">
|
<el-form-item label="截止时间" prop="deaddate">
|
||||||
<el-date-picker v-model="form.deaddate" value-format="YYYY-MM-DD HH:mm" format="YYYY-MM-DD HH:mm"
|
<el-date-picker v-model="form.deaddate" value-format="YYYY-MM-DD HH:mm" format="YYYY-MM-DD HH:mm"
|
||||||
time-format="HH:mm" type="datetime" placeholder="请选择截止时间" @change="changeTime" />
|
time-format="HH:mm" type="datetime" placeholder="请选择截止时间" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="推荐用时">
|
<el-form-item label="推荐用时" prop="timelength">
|
||||||
<el-input-number v-model="form.timelength" :min="1" :max="500" />
|
<el-input-number v-model="form.timelength" :min="1" :max="500" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
|
@ -43,7 +42,7 @@
|
||||||
<template #footer>
|
<template #footer>
|
||||||
<div class="dialog-footer">
|
<div class="dialog-footer">
|
||||||
<el-button @click="cloneDialog">取消</el-button>
|
<el-button @click="cloneDialog">取消</el-button>
|
||||||
<el-button type="primary" @click="onSubmit">
|
<el-button type="primary" @click="onSubmit('ruleForm')">
|
||||||
确定
|
确定
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
|
@ -56,7 +55,8 @@ import { ElMessage } from 'element-plus'
|
||||||
import { listClassmain, listClassgroup } from '@/api/classManage/index'
|
import { listClassmain, listClassgroup } from '@/api/classManage/index'
|
||||||
import { saveByClassWorkArray } from '@/api/teaching/classwork'
|
import { saveByClassWorkArray } from '@/api/teaching/classwork'
|
||||||
import useUserStore from '@/store/modules/user'
|
import useUserStore from '@/store/modules/user'
|
||||||
import { uniqBy } from 'lodash'
|
import { uniqBy, groupBy } from 'lodash'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
props: {
|
props: {
|
||||||
modelValue: {
|
modelValue: {
|
||||||
|
@ -71,6 +71,7 @@ export default {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
|
|
||||||
return {
|
return {
|
||||||
dialogVisible: false,
|
dialogVisible: false,
|
||||||
defaultProps: {
|
defaultProps: {
|
||||||
|
@ -94,6 +95,15 @@ export default {
|
||||||
deaddate: '',
|
deaddate: '',
|
||||||
timelength: 1
|
timelength: 1
|
||||||
},
|
},
|
||||||
|
// 表单规则
|
||||||
|
rules: {
|
||||||
|
grade: [
|
||||||
|
{ validator: this.validateGrade, trigger: 'blur' }
|
||||||
|
],
|
||||||
|
student: [
|
||||||
|
{ validator: this.validateStudent, trigger: 'blur' }
|
||||||
|
]
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
@ -104,6 +114,7 @@ export default {
|
||||||
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
|
||||||
// 获取班级列表
|
// 获取班级列表
|
||||||
getGradeList() {
|
getGradeList() {
|
||||||
listClassmain({ classuserid: this.userInfo.userId, pageSize: 100, status: 'open' }).then(res => {
|
listClassmain({ classuserid: this.userInfo.userId, pageSize: 100, status: 'open' }).then(res => {
|
||||||
|
@ -117,11 +128,10 @@ export default {
|
||||||
el.classId = item.id
|
el.classId = item.id
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
console.log(list)
|
|
||||||
this.gradeList = list
|
this.gradeList = list
|
||||||
this.treeData = list
|
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
// 获取节点下一级
|
||||||
getLoad(node, resolve) {
|
getLoad(node, resolve) {
|
||||||
if (node.level == 0) return resolve([])
|
if (node.level == 0) return resolve([])
|
||||||
// 获取二级节点 小组
|
// 获取二级节点 小组
|
||||||
|
@ -161,18 +171,22 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
|
//节点勾选后触发 拿学生
|
||||||
handleCheckChange(data, checked) {
|
handleCheckChange(data, checked) {
|
||||||
this.studentList = []
|
this.studentList = []
|
||||||
// 选中节点集合
|
// 选中节点集合
|
||||||
let checkNodes = checked.checkedNodes
|
let checkNodes = checked.checkedNodes
|
||||||
let ary = []
|
let ary = []
|
||||||
checkNodes.forEach(item => {
|
checkNodes.forEach(item => {
|
||||||
|
// 一级节点 班级
|
||||||
if (item.level == 0) {
|
if (item.level == 0) {
|
||||||
ary = [...ary, ...(item.classstudentlist)]
|
ary = [...ary, ...(item.classstudentlist)]
|
||||||
}
|
}
|
||||||
|
// 二级节点 班级下面的小组
|
||||||
if (item.level == 1) {
|
if (item.level == 1) {
|
||||||
ary = [...ary, ...(item.children)]
|
ary = [...ary, ...(item.children)]
|
||||||
}
|
}
|
||||||
|
// 三级节点 小组下面的学生
|
||||||
if (item.level == 2) {
|
if (item.level == 2) {
|
||||||
ary = [...ary, item]
|
ary = [...ary, item]
|
||||||
}
|
}
|
||||||
|
@ -183,35 +197,33 @@ export default {
|
||||||
delStudent(index) {
|
delStudent(index) {
|
||||||
this.studentList.splice(index, 1)
|
this.studentList.splice(index, 1)
|
||||||
},
|
},
|
||||||
|
onSubmit(formName) {
|
||||||
|
|
||||||
//
|
this.$refs[formName].validate(valid => {
|
||||||
changeTime(value) {
|
if (valid) {
|
||||||
console.log(value, 100)
|
|
||||||
},
|
|
||||||
onSubmit() {
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* studentlist
|
* 分班
|
||||||
* deaddate
|
* studentList 为选中的所有学生 这些学生可能来自不同班级
|
||||||
* feedtype
|
|
||||||
* timelength
|
|
||||||
*/
|
*/
|
||||||
// 这些参数 是按照AIx web端传入的
|
let gradeObj = groupBy(this.studentList, 'classId')
|
||||||
let ary = [
|
// 处理要提交的参数
|
||||||
{
|
let ary = []
|
||||||
|
for (const value in gradeObj) {
|
||||||
|
//这些参数 参照AIx web端 作业推送
|
||||||
|
let obj = {
|
||||||
id: 0,
|
id: 0,
|
||||||
parentid: this.row.id,
|
parentid: this.row.id,
|
||||||
classid: this.studentList[0].classId,
|
classid: value,
|
||||||
classcourseid: 0,
|
classcourseid: 0,
|
||||||
entpcourseid: this.entpcourseid,
|
entpcourseid: this.entpcourseid,
|
||||||
studentlist: JSON.stringify(this.studentList),
|
studentlist: JSON.stringify(gradeObj[value]),
|
||||||
feedback: this.form.feedback,
|
feedback: this.form.feedback,
|
||||||
workkey: "",
|
workkey: "",
|
||||||
timelength: this.form.timelength,
|
timelength: this.form.timelength,
|
||||||
weights: 1,
|
weights: 1,
|
||||||
deaddate: this.form.deaddate,
|
deaddate: this.form.deaddate,
|
||||||
workdate: this.getCurrentDate(),
|
workdate: this.getCurrentDate(),
|
||||||
uniquekey: this.row.id,
|
uniquekey: this.row.uniquekey,
|
||||||
entpcourseworklist: "[" + this.row.entpcourseworklist + "]",
|
entpcourseworklist: "[" + this.row.entpcourseworklist + "]",
|
||||||
needMsgNotifine: 'false',
|
needMsgNotifine: 'false',
|
||||||
msgkey: 'newclasswork',
|
msgkey: 'newclasswork',
|
||||||
|
@ -220,20 +232,24 @@ export default {
|
||||||
teachername: this.userInfo.nickName,
|
teachername: this.userInfo.nickName,
|
||||||
unixstamp: new Date().getTime(),
|
unixstamp: new Date().getTime(),
|
||||||
}
|
}
|
||||||
]
|
ary.push(obj)
|
||||||
|
|
||||||
let obj = {
|
|
||||||
classworkarray: JSON.stringify(ary)
|
|
||||||
}
|
}
|
||||||
saveByClassWorkArray(obj).then(() => {
|
saveByClassWorkArray({
|
||||||
|
classworkarray: JSON.stringify(ary)
|
||||||
|
}).then(() => {
|
||||||
ElMessage.success('操作成功')
|
ElMessage.success('操作成功')
|
||||||
this.cloneDialog()
|
this.cloneDialog()
|
||||||
})
|
})
|
||||||
|
} else {
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
})
|
||||||
},
|
},
|
||||||
// 关闭弹窗
|
// 关闭弹窗
|
||||||
cloneDialog() {
|
cloneDialog() {
|
||||||
this.$emit('on-close')
|
this.$emit('on-close')
|
||||||
|
this.studentList = []
|
||||||
|
this.$refs['ruleForm'].resetFields();
|
||||||
},
|
},
|
||||||
// 获取当前年月日
|
// 获取当前年月日
|
||||||
getCurrentDate() {
|
getCurrentDate() {
|
||||||
|
@ -242,7 +258,23 @@ export default {
|
||||||
const month = now.getMonth() + 1; // 月份是从0开始的,所以需要+1
|
const month = now.getMonth() + 1; // 月份是从0开始的,所以需要+1
|
||||||
const day = now.getDate()
|
const day = now.getDate()
|
||||||
return `${year}-${month.length == 2 ? month : '0' + month}-${day.length == 2 ? day : '0' + day}`;
|
return `${year}-${month.length == 2 ? month : '0' + month}-${day.length == 2 ? day : '0' + day}`;
|
||||||
|
},
|
||||||
|
validateGrade(rule, value, callback) {
|
||||||
|
if (this.studentList.length == 0) {
|
||||||
|
callback(new Error('请勾选班级或者学生'));
|
||||||
}
|
}
|
||||||
|
else {
|
||||||
|
callback()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
validateStudent(rule, value, callback) {
|
||||||
|
if (this.studentList.length == 0) {
|
||||||
|
callback(new Error('学生不能为空'));
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
callback()
|
||||||
|
}
|
||||||
|
},
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
modelValue(val) {
|
modelValue(val) {
|
||||||
|
@ -251,7 +283,8 @@ export default {
|
||||||
this.getGradeList()
|
this.getGradeList()
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
},
|
||||||
|
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
|
@ -67,7 +67,7 @@
|
||||||
@on-set="openSet"
|
@on-set="openSet"
|
||||||
@on-delhomework="delhomework"
|
@on-delhomework="delhomework"
|
||||||
>
|
>
|
||||||
<el-checkbox label="" :value="item" />
|
<el-checkbox label="" :value="item" v-if="!item.uniquekey"/>
|
||||||
</file-list-item>
|
</file-list-item>
|
||||||
</el-checkbox-group>
|
</el-checkbox-group>
|
||||||
<file-oper-batch
|
<file-oper-batch
|
||||||
|
|
Loading…
Reference in New Issue