Skip to content

C
campSite
Commit 2c548d06 authored by 杨梦雪's avatar 杨梦雪
Browse files
Options

11

parent 5462af3d
Hide whitespace changes
Inline Side-by-side
Showing with 107 additions and 68 deletions
src/views/index/camp/homework/refer.vue
View file @ 2c548d06
...@@ -9,7 +9,13 @@ ...@@ -9,7 +9,13 @@
@open="open" @open="open"
> >
<div class="referHome"> <div class="referHome">
<el-form :model="formData" label-position="top" class="readForm"> <el-form
:model="formData"
:rules="referRules"
ref="formRef_stu"
label-position="top"
class="readForm"
>
<!-- 老师布置的作业 --> <!-- 老师布置的作业 -->
<div class="cont_title"> <div class="cont_title">
<div class="line"></div> <div class="line"></div>
...@@ -46,73 +52,96 @@ ...@@ -46,73 +52,96 @@
<div style="clear: both"></div> <div style="clear: both"></div>
</div> </div>
<!-- 我的作业（未提交） --> <!-- 我的作业（未提交） -->
<div v-if="student_status == 0"> <div class="cont_title">
<div class="cont_title"> <div class="line"></div>
<div class="line"></div> 我的作业
我的作业 </div>
<el-form-item
label="文字描述(如超过300字，建议以附件形式上传)"
prop="stu_answer"
>
<el-input
ref="stu_answer"
type="textarea"
v-model="formData.stu_answer"
placeholder="请输入300字以内的描述"
size="small"
:maxlength="300"
show-word-limit
:disabled="student_status == 1 || student_status == 2"
/>
</el-form-item>
<el-form-item label="相关附件" prop="stu_enclosure_url">
<div class="fj_info">1、请上传1-10份相关附件;</div>
<div class="fj_info">
2、单个附件大小不超过100M,支持JPG、JPEG、PNG、docx、doc、pdf、mp4等格式;
</div> </div>
<el-form ref="formRef_stu" :rules="referRules" :model="formData"> <div class="upload_box">
<el-form-item <div
label="文字描述(如超过300字，建议以附件形式上传)" class="img_list"
prop="stu_answer" v-for="(item, index) in fileList"
:key="index"
> >
<el-input <div>
type="textarea" <el-image :src="fileImg"></el-image>
v-model="formData.stu_answer" <div class="item_name">{{ item.name }}</div>
placeholder="请输入300字以内的描述"
size="small"
:maxlength="300"
show-word-limit
/>
</el-form-item>
<el-form-item label="相关附件" prop="studentUrl">
<div class="fj_info">1、请上传1-10份相关附件;</div>
<div class="fj_info">
2、单个附件大小不超过100M,支持JPG、JPEG、PNG、docx、doc、pdf、mp4等格式;
</div>
<div class="upload_box">
<div <div
class="img_list" v-show="student_status == 0"
v-for="(item, index) in fileList" class="item_remove"
:key="index" @click="handleRemove(item)"
> >
<div> 删除
<el-image :src="fileImg"></el-image>
<div class="item_name">{{ item.name }}</div>
<div class="item_remove" @click="handleRemove(item)">
删除
</div>
</div>
</div> </div>
</div>
</div>
<el-upload <el-upload
v-if="fileList.length < 10" v-if="fileList.length < 10 && student_status == 0"
ref="systemLogo" ref="stu_enclosure_url"
name="multipartFile" name="multipartFile"
action="#" action="#"
:file-list="fileList" :file-list="fileList"
:disabled="isUploading || fileList.length >= 10" :disabled="isUploading || fileList.length >= 10"
:limit="10" :limit="10"
list-type="picture-card" list-type="picture-card"
:show-file-list="false" :show-file-list="false"
:before-upload="beforeAvatarUpload" :before-upload="beforeAvatarUpload"
:http-request="uploadPicture" :http-request="uploadPicture"
> >
<i <i
v-if="!isUploading" v-if="!isUploading"
class="el-icon-plus avatar-uploader-icon" class="el-icon-plus avatar-uploader-icon"
></i> ></i>
<i <i
v-if="isUploading" v-if="isUploading"
class="el-icon-loading avatar-uploader-icon" class="el-icon-loading avatar-uploader-icon"
></i> ></i>
</el-upload> </el-upload>
<div
class="upload_box"
v-if="student_status == 1 || student_status == 2"
>
<div
class="img_list"
v-for="(item, index) in stu_fileList"
:key="index"
>
<div>
<el-image :src="fileImg"></el-image>
<div class="item_name">{{ item.name }}</div>
</div>
</div> </div>
</el-form-item> <div v-if="stu_fileList.length <= 0" class="img_list">
</el-form> <div>
</div> <div class="item_name">暂无相关附件</div>
</div>
</div>
</div>
</div>
<!-- </div> -->
</el-form-item>
<!-- 我的作业（已提交待评分 -不可编辑 ）--> <!-- 我的作业（已提交待评分 -不可编辑 ）-->
<div v-if="student_status == 1 || student_status == 2"> <!-- <div v-if="student_status == 1 || student_status == 2">
<div class="cont_title"> <div class="cont_title">
<div class="line"></div> <div class="line"></div>
我的作业 我的作业
...@@ -151,7 +180,7 @@ ...@@ -151,7 +180,7 @@
</div> </div>
</div> </div>
</el-form-item> </el-form-item>
</div> </div> -->
<!-- 评阅结果 --> <!-- 评阅结果 -->
<div v-if="student_status == 2" style="height: 350px"> <div v-if="student_status == 2" style="height: 350px">
<div class="cont_title"> <div class="cont_title">
...@@ -221,7 +250,7 @@ export default { ...@@ -221,7 +250,7 @@ export default {
}, },
data() { data() {
var validateNum = (rule, value, callback) => { var validateNum = (rule, value, callback) => {
// console.log(value, "value"); console.log(value, "value");
// let code = this.$store.state.indexIdentity; // let code = this.$store.state.indexIdentity;
// this.formData.stu_enclosure_url = window.localStorage.getItem( // this.formData.stu_enclosure_url = window.localStorage.getItem(
// "student_file_" + window.localStorage.getItem("phone" + code) + code // "student_file_" + window.localStorage.getItem("phone" + code) + code
...@@ -248,7 +277,7 @@ export default { ...@@ -248,7 +277,7 @@ export default {
stu_answer: [ stu_answer: [
{ required: true, validator: validateNum, trigger: "blur" }, { required: true, validator: validateNum, trigger: "blur" },
], ],
studentUrl: [ stu_enclosure_url: [
{ required: true, validator: validateNum, trigger: "blur" }, { required: true, validator: validateNum, trigger: "blur" },
], ],
}, },
...@@ -362,6 +391,9 @@ export default { ...@@ -362,6 +391,9 @@ export default {
getStudentWork(student_status) { getStudentWork(student_status) {
console.log(student_status, "student_status"); console.log(student_status, "student_status");
let stu_work_num = this.work_nums; let stu_work_num = this.work_nums;
console.log(stu_work_num);
console.log(this.formData);
// return
getStudentWork({ teacher_id: stu_work_num }).then((res) => { getStudentWork({ teacher_id: stu_work_num }).then((res) => {
console.log(res, "getStudentWork"); console.log(res, "getStudentWork");
if (res.data.code != 200) { if (res.data.code != 200) {
...@@ -371,7 +403,7 @@ export default { ...@@ -371,7 +403,7 @@ export default {
if (student_status == 1) { if (student_status == 1) {
// 学生已提交 // 学生已提交
this.formData.stu_answer = res.data.data.stu_answer; this.formData.stu_answer = res.data.data.stu_answer;
console.log(res.data.data.stu_answer); console.log(this.formData);
let gotfileList = res.data.data.stu_enclosure_url_arr; let gotfileList = res.data.data.stu_enclosure_url_arr;
if (gotfileList) { if (gotfileList) {
...@@ -382,6 +414,7 @@ export default { ...@@ -382,6 +414,7 @@ export default {
}; };
}); });
} }
this.$forceUpdate();
} else if (student_status == 2) { } else if (student_status == 2) {
//老师已评阅 //老师已评阅
this.formData.stu_answer = res.data.data.stu_answer; this.formData.stu_answer = res.data.data.stu_answer;
...@@ -408,6 +441,7 @@ export default { ...@@ -408,6 +441,7 @@ export default {
}; };
}); });
} }
this.$forceUpdate();//强制刷新
} }
}); });
}, },
...@@ -449,10 +483,12 @@ export default { ...@@ -449,10 +483,12 @@ export default {
this.fileList = []; this.fileList = [];
this.stu_fileListoss = ""; this.stu_fileListoss = "";
this.teaFileList = []; this.teaFileList = [];
// this.formData.stu_answer = "";
// this.$refs["formRef_stu"].resetFields(); this.$refs["formRef_stu"].resetFields();
this.dialogVisible = false; this.dialogVisible = false;
this.$emit("closeDialog", this.dialogVisible, true); this.$emit("closeDialog", this.dialogVisible, true);
// this.$parent.getTeacherWork();
// location.reload();
}, },
// 取消,关闭弹框，修改父组件的值 // 取消,关闭弹框，修改父组件的值
cancelBtn() { cancelBtn() {
...@@ -464,7 +500,7 @@ export default { ...@@ -464,7 +500,7 @@ export default {
this.fileList = []; this.fileList = [];
this.stu_fileListoss = ""; this.stu_fileListoss = "";
this.teaFileList = []; this.teaFileList = [];
// this.formData.stu_answer = "";
this.dialogVisible = false; this.dialogVisible = false;
this.$emit("closeDialog", this.dialogVisible, false); this.$emit("closeDialog", this.dialogVisible, false);
}, },
...@@ -622,8 +658,8 @@ export default { ...@@ -622,8 +658,8 @@ export default {
this.$refs["formRef_stu"].validate((valid) => { this.$refs["formRef_stu"].validate((valid) => {
if (!valid) return; if (!valid) return;
console.log(valid, "valid"); console.log(valid, "valid");
// 未完成 // 未完成
// return
this.notReadHandle(); this.notReadHandle();
}); });
}, },
...@@ -633,6 +669,9 @@ export default { ...@@ -633,6 +669,9 @@ export default {
dialogVisibleFu() { dialogVisibleFu() {
this.dialogVisible = this.dialogVisibleFu; this.dialogVisible = this.dialogVisibleFu;
}, },
work_nums() {
this.formData.teacher_id = this.work_nums;
},
}, },
}; };
</script> </script>
......
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