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 @@
@open="open"
>
<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="line"></div>
......@@ -46,73 +52,96 @@
<div style="clear: both"></div>
</div>
<!-- 我的作业（未提交） -->
<div v-if="student_status == 0">
<div class="cont_title">
<div class="line"></div>
我的作业
<div class="cont_title">
<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>
<el-form ref="formRef_stu" :rules="referRules" :model="formData">
<el-form-item
label="文字描述(如超过300字，建议以附件形式上传)"
prop="stu_answer"
<div class="upload_box">
<div
class="img_list"
v-for="(item, index) in fileList"
:key="index"
>
<el-input
type="textarea"
v-model="formData.stu_answer"
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>
<el-image :src="fileImg"></el-image>
<div class="item_name">{{ item.name }}</div>
<div
class="img_list"
v-for="(item, index) in fileList"
:key="index"
v-show="student_status == 0"
class="item_remove"
@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>
<el-upload
v-if="fileList.length < 10"
ref="systemLogo"
name="multipartFile"
action="#"
:file-list="fileList"
:disabled="isUploading || fileList.length >= 10"
:limit="10"
list-type="picture-card"
:show-file-list="false"
:before-upload="beforeAvatarUpload"
:http-request="uploadPicture"
>
<i
v-if="!isUploading"
class="el-icon-plus avatar-uploader-icon"
></i>
<i
v-if="isUploading"
class="el-icon-loading avatar-uploader-icon"
></i>
</el-upload>
<el-upload
v-if="fileList.length < 10 && student_status == 0"
ref="stu_enclosure_url"
name="multipartFile"
action="#"
:file-list="fileList"
:disabled="isUploading || fileList.length >= 10"
:limit="10"
list-type="picture-card"
:show-file-list="false"
:before-upload="beforeAvatarUpload"
:http-request="uploadPicture"
>
<i
v-if="!isUploading"
class="el-icon-plus avatar-uploader-icon"
></i>
<i
v-if="isUploading"
class="el-icon-loading avatar-uploader-icon"
></i>
</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>
</el-form-item>
</el-form>
</div>
<div v-if="stu_fileList.length <= 0" class="img_list">
<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="line"></div>
我的作业
......@@ -151,7 +180,7 @@
</div>
</div>
</el-form-item>
</div>
</div> -->
<!-- 评阅结果 -->
<div v-if="student_status == 2" style="height: 350px">
<div class="cont_title">
......@@ -221,7 +250,7 @@ export default {
},
data() {
var validateNum = (rule, value, callback) => {
// console.log(value, "value");
console.log(value, "value");
// let code = this.$store.state.indexIdentity;
// this.formData.stu_enclosure_url = window.localStorage.getItem(
// "student_file_" + window.localStorage.getItem("phone" + code) + code
......@@ -248,7 +277,7 @@ export default {
stu_answer: [
{ required: true, validator: validateNum, trigger: "blur" },
],
studentUrl: [
stu_enclosure_url: [
{ required: true, validator: validateNum, trigger: "blur" },
],
},
......@@ -362,6 +391,9 @@ export default {
getStudentWork(student_status) {
console.log(student_status, "student_status");
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) => {
console.log(res, "getStudentWork");
if (res.data.code != 200) {
......@@ -371,7 +403,7 @@ export default {
if (student_status == 1) {
// 学生已提交
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;
if (gotfileList) {
......@@ -382,6 +414,7 @@ export default {
};
});
}
this.$forceUpdate();
} else if (student_status == 2) {
//老师已评阅
this.formData.stu_answer = res.data.data.stu_answer;
......@@ -408,6 +441,7 @@ export default {
};
});
}
this.$forceUpdate();//强制刷新
}
});
},
......@@ -449,10 +483,12 @@ export default {
this.fileList = [];
this.stu_fileListoss = "";
this.teaFileList = [];
// this.formData.stu_answer = "";
// this.$refs["formRef_stu"].resetFields();
this.$refs["formRef_stu"].resetFields();
this.dialogVisible = false;
this.$emit("closeDialog", this.dialogVisible, true);
// this.$parent.getTeacherWork();
// location.reload();
},
// 取消,关闭弹框，修改父组件的值
cancelBtn() {
......@@ -464,7 +500,7 @@ export default {
this.fileList = [];
this.stu_fileListoss = "";
this.teaFileList = [];
// this.formData.stu_answer = "";
this.dialogVisible = false;
this.$emit("closeDialog", this.dialogVisible, false);
},
......@@ -622,8 +658,8 @@ export default {
this.$refs["formRef_stu"].validate((valid) => {
if (!valid) return;
console.log(valid, "valid");
// 未完成
// return
this.notReadHandle();
});
},
......@@ -633,6 +669,9 @@ export default {
dialogVisibleFu() {
this.dialogVisible = this.dialogVisibleFu;
},
work_nums() {
this.formData.teacher_id = this.work_nums;
},
},
};
</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