11

src/views/index/camp/homework/refer.vue

@@ -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,26 +52,26 @@
           <div style="clear: both"></div>
         </div>
         <!-- 我的作业（未提交） -->
-        <div v-if="student_status == 0">
         <div class="cont_title">
           <div class="line"></div>
           我的作业
         </div>
-          <el-form ref="formRef_stu" :rules="referRules" :model="formData">
         <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="studentUrl">
+        <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等格式;
@@ -79,15 +85,19 @@
               <div>
                 <el-image :src="fileImg"></el-image>
                 <div class="item_name">{{ item.name }}</div>
-                    <div class="item_remove" @click="handleRemove(item)">
+                <div
+                  v-show="student_status == 0"
+                  class="item_remove"
+                  @click="handleRemove(item)"
+                >
                   删除
                 </div>
               </div>
             </div>
 
             <el-upload
-                  v-if="fileList.length < 10"
-                  ref="systemLogo"
+              v-if="fileList.length < 10 && student_status == 0"
+              ref="stu_enclosure_url"
               name="multipartFile"
               action="#"
               :file-list="fileList"
@@ -107,12 +117,31 @@
                 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>
+              <div v-if="stu_fileList.length <= 0" class="img_list">
+                <div>
+                  <div class="item_name">暂无相关附件</div>
                 </div>
-            </el-form-item>
-          </el-form>
               </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>