提交学员考试笔记

src/api/user.js

@@ -136,6 +136,15 @@ export function getTakeDown(id, data) {
   })
 }
 
+//学员笔记
+export function takeDownNew(id, data) {
+  return request({
+    url: `/student/test_results/takeDownNew/${id}`,
+    method: 'post',
+    data
+  })
+}
+
 export function logout() {
   return request({
     url: '/vue-element-admin/user/logout',

src/views/analysis/components/student_comments_view.vue

@@ -103,7 +103,7 @@
       </div>
     </div>
     <div>
-      <el-popover
+      <!-- <el-popover
         width="600"
         placement="bottom"
         title="学生笔记:"
@@ -136,9 +136,9 @@
           icon="el-icon-edit"
           circle
         ></el-button>
-      </el-popover>
+      </el-popover> -->
 
-      <el-popover
+      <!-- <el-popover
         width="300"
         placement="bottom-start"
         title="学生笔记:"
@@ -170,7 +170,7 @@
           icon="el-icon-edit"
           circle
         ></el-button>
-      </el-popover>
+      </el-popover> -->
     </div>
   </div>
 </template>
@@ -213,6 +213,14 @@ export default {
     // console.log(this.statistical_results);
     this.task_id = this.$route.query.id;
   },
+  watch: {
+    "summary_data.remark" : {
+      handler(){
+        this.statistical_results = { ...this.summary_data };
+        this.init();
+      }
+    }
+  },
   mounted() {
     this.init();
   },

src/views/analysis/index.vue

@@ -37,6 +37,10 @@
               >
                 <el-popover placement="right" trigger="click">
                   <div class="table_box">
+                    <el-row  style="padding-bottom:20px">
+                      <el-col :span="24"><el-input v-model="detailed_information.note[e.id]" placeholder="请填写要记录的内容" @blur="saveNote(e.id)"></el-input></el-col>
+                      <!-- <el-col :span="6"><el-button @click="saveNote(e.id)" size="mini"  class="note_mobile_box"  type="primary" >保存</el-button></el-col> -->
+                    </el-row>
                     <!-- <div><h3>错误点分析</h3></div> -->
                     <table border="1" cellspacing="0">
                       <tr>
@@ -128,12 +132,10 @@
                       </tr>
                     </table>
                   </div>
-                  <!-- <span slot="reference"> {{ e.grades_code || '暂无' }}</span> -->
-                  <span slot="reference">
-                    {{
-                      detailed_information.test_results[e.id] || '暂无'
-                    }}</span
-                  >
+                  <span slot="reference"> 
+                    {{ detailed_information.test_results[e.id] || '暂无' }}
+                    <i v-if="detailed_information.note && detailed_information.note[e.id]" class="el-icon-edit-outline p_color" ></i> 
+                  </span>
                 </el-popover>
               </div>
             </div>
@@ -168,18 +170,18 @@
             :summary_data="statistical_results"
           ></StudentComments>
         </div>
-        <div v-show="radio1 == 'summary'">
+        <div v-if="radio1 == 'summary'">
+          <!-- :key="new Date().getTime()" -->
           <Summary
             v-if="summary_data"
             :summary_data="summary_data"
-            :key="new Date().getTime()"
           ></Summary>
         </div>
-        <div v-show="radio1 == 'general_comment'">
+        <!-- :key="new Date().getTime()" -->
+        <div v-if="radio1 == 'general_comment'">
           <OverallAppraisal
             v-if="appraisal_data"
             :appraisal_data="appraisal_data"
-            :key="new Date().getTime()"
           ></OverallAppraisal>
         </div>
       </el-card>
@@ -197,7 +199,7 @@
 <script>
 import TestInfo from '@/components/TestInfo/index.vue';
 import ImageZoom from '@/components/Image/ImageZoom.vue';
-import { viewExamResults } from '@/api/user';
+import { viewExamResults, takeDownNew} from '@/api/user';
 import { array_conversion } from '@/utils/tool';
 import Summary from './components/summary-view';
 import StudentComments from './components/student_comments_view.vue';
@@ -264,11 +266,49 @@ export default {
     init() {
       this.getTestResultsDetail();
     },
+    saveNote(id){
+      let data={
+        note:this.detailed_information.note[id],
+        test_result_id:id,
+      };
+      takeDownNew(this.test_results_id,data).then((res) => {
+        if(res.code==200){
+          this.$message.success(res.message);
+          let remark_ha=this.remark_ha(this.detailed_information.test_results,this.detailed_information.note)
+          this.statistical_results=null
+          this.statistical_results = { ...this.detailed_information.statistical_results };
+          this.statistical_results['remark'] = remark_ha.summary_data_remark
+        }else{
+          this.$message.error('记录失败，请刷新页面重新尝试');
+        }
+        
+      })
+    },
+    remark_ha(test_results,note){
+      let summary_data_remark=''
+      let num=0;
+      for(let i in test_results){
+        num++
+        if(!note[i]){
+          note[i]=null
+        }else{
+          summary_data_remark+='第'+num+'题：'+note[i]+"\n";
+        }
+      }
+      return {
+        note:note,
+        summary_data_remark:summary_data_remark,
+      }
+
+    },
     //考试结果详情
     getTestResultsDetail() {
       viewExamResults(this.test_results_id).then((res) => {
         console.log('考试结果详情');
         console.log(res);
+        let remark_ha=this.remark_ha(res.test_results,res.note)
+        res.remark=remark_ha.summary_data_remark
+        res.note=remark_ha.note
         //学员评估
         if (res.statistical_results) {
           this.statistical_results = { ...res.statistical_results };
@@ -325,8 +365,9 @@ export default {
         }
         // console.log('二维数据@@@');
         // console.log(new_arr);
-        // console.log(JSON.stringify(new_arr));
+        // console.log(new_arr);
         this.questions_list = new_arr;
+        
         this.detailed_information = res;
       });
     },
@@ -339,7 +380,9 @@ export default {
 </script>
 <style lang="scss" scoped>
 @import '@/styles/element-variables';
-
+.p_color {
+  color:$--color-primary
+}
 .table_container {
   width: 80%;
   margin: 0 auto;