学员考试结果统计优化

src/components/AnalyseModule/components/BarChart.vue

@@ -14,7 +14,9 @@
 export default {
   props: ['chart_data', 'chart_id'],
   data() {
-    return {};
+    return {
+      myChart:null
+    };
   },
 
   components: {},
@@ -38,7 +40,7 @@ export default {
       });
       let _that = this;
       let dom = document.getElementById(`${this.chart_id}`);
-      let myChart = this.$echarts.init(dom, null, {
+      this.myChart = this.$echarts.init(dom, null, {
         renderer: 'canvas',
         useDirtyRect: false,
       });
@@ -99,10 +101,25 @@ export default {
       };
 
       if (option && typeof option === 'object') {
-        myChart.setOption(option);
+        this.myChart.setOption(option);
       }
 
-      window.addEventListener('resize', myChart.resize);
+      window.addEventListener('resize', this.myChart.resize);
+    },
+    savePieImg(name = '图片') {
+      var picInfo = this.myChart.getDataURL({
+        type: 'png',
+        pixelRatio: 1, //放大两倍下载，之后压缩到同等大小展示。解决生成图片在移动端模糊问题
+        backgroundColor: '#fff',
+      }); //获取到的是一串base64信息
+      const elink = document.createElement('a');
+      elink.download = name;
+      elink.style.display = 'none';
+      elink.href = picInfo;
+      document.body.appendChild(elink);
+      elink.click();
+      URL.revokeObjectURL(elink.href); // 释放URL 对象
+      document.body.removeChild(elink);
     },
     //处理数据
     changData(data) {

src/components/AnalyseModule/components/EyeStabilityTable.vue

@@ -86,6 +86,10 @@
                 height="250"
                 style="width: 100%"
               >
+              <el-table-column
+              type="index"
+              width="50">
+              </el-table-column>
                 <el-table-column
                   prop="student_id"
                   sortable

src/components/AnalyseModule/components/LineChart.vue

@@ -8,6 +8,7 @@ export default {
   props: ['chart_data', 'chart_id'],
   data() {
     return {
+      myChart:null,
     };
   },
 
@@ -22,7 +23,7 @@ export default {
   methods: {
     initChart() {
       let dom = document.getElementById(`${this.chart_id}`);
-      let myChart = this.$echarts.init(dom, null, {
+      this.myChart = this.$echarts.init(dom, null, {
         renderer: 'canvas',
         useDirtyRect: false
       });
@@ -55,9 +56,24 @@ export default {
       };
 
       if (option && typeof option === 'object') {
-        myChart.setOption(option);
+        this.myChart.setOption(option);
       }
-      window.addEventListener('resize', myChart.resize);
+      window.addEventListener('resize', this.myChart.resize);
+    },
+    savePieImg(name = '图片') {
+      var picInfo = this.myChart.getDataURL({
+        type: 'png',
+        pixelRatio: 1, //放大两倍下载，之后压缩到同等大小展示。解决生成图片在移动端模糊问题
+        backgroundColor: '#fff',
+      }); //获取到的是一串base64信息
+      const elink = document.createElement('a');
+      elink.download = name;
+      elink.style.display = 'none';
+      elink.href = picInfo;
+      document.body.appendChild(elink);
+      elink.click();
+      URL.revokeObjectURL(elink.href); // 释放URL 对象
+      document.body.removeChild(elink);
     },
   }
 }

src/components/AnalyseModule/components/table.vue

@@ -70,7 +70,19 @@
               </div>
             </div>
           </div>
-
+          <div v-else-if="e.key == 'wrong_num'">
+            <el-popover
+              placement="top-start"
+              title="错误人员信息："
+              width="300"
+              trigger="hover"
+            >
+              <span>{{ item.distribute_student.join(',') }}</span>
+              <div slot="reference">
+                {{ item.wrong_num }}
+              </div>
+            </el-popover>
+          </div>
           <div v-else-if="e.key == 'ratio'">
             <el-popover
               placement="top-start"

src/components/AnalyseModule/index.vue

@@ -25,7 +25,7 @@
             icon="el-icon-download"
             circle
             class="print_box"
-            @click="downloadImg()"
+            @click="downloadImg(original_data.image_id)"
           >
           </el-button>
           <el-checkbox
@@ -58,6 +58,7 @@
 
     <div class="content_container" v-if="false">
       <line-chart
+        :ref="original_data.image_id"
         :chart_data="original_data.data"
         :chart_id="original_data.chart_id"
       ></line-chart>
@@ -69,6 +70,7 @@
           keys: original_data.keys,
           labers: original_data.labers,
         }"
+        :ref="original_data.image_id"
         :chart_id="original_data.chart_id"
       ></bar-chart>
     </div>
@@ -100,7 +102,7 @@
         @selectChange="selectChange"
       ></SelectLineChartData>
       <SelectLineChart
-        ref="SelectLineChart"
+        :ref="original_data.image_id"
         :chart_id="original_data.chart_id"
         :labers="original_data.labers"
         :keys="original_data.keys"
@@ -184,7 +186,7 @@ export default {
       }
     },
     downloadImg(val) {
-      this.$refs.SelectLineChart.savePieImg();
+      this.$refs[val].savePieImg();
     },
     // titleSelectData(val) {
     //   console.log(val);

src/views/student/display_board/detail.vue

@@ -382,7 +382,7 @@ export default {
           ); //片烟
           this.swingHandle_data = this.changeSwingHandle(
             res.review_content.swingHandle
-          );
+          ); //甩把
         }
       });
     },
@@ -422,6 +422,7 @@ export default {
       return {
         type: 'trend_analysis',
         chart_id: 'swingHandle_bar_chart',
+        image_id: 'swingHandle_data_bar_chart',
         title: '甩把',
         color: '#39c183f0',
         obj,
@@ -462,6 +463,7 @@ export default {
 
       return {
         type: 'trend_analysis',
+        image_id: 'holdtobacco_bar_chart',
         chart_id: 'holdTobacco_bar_chart',
         title: '把烟',
         color: '#39c183f0',
@@ -504,6 +506,7 @@ export default {
       return {
         type: 'trend_analysis',
         chart_id: 'flakeTobacco_bar_chart',
+        image_id: 'flakeTobacco_bar_chart',
         title: '片烟',
         color: '#E6A23C',
         obj,
@@ -561,6 +564,7 @@ export default {
       ];
       return {
         type: 'bar',
+        image_id: 'changeProvinceScore_bar_chart',
         chart_id: 'bar_chart',
         color: '#E6A23C',
         title: '南方北方烟得分情况',
@@ -583,6 +587,7 @@ export default {
         type: 'bar',
         chart_id: 'province_bar_chart',
         color: '#505F79',
+        image_id: 'changeProvinceScore_bar_chart',
         title: '省级产区得分情况',
         labers,
         keys,
@@ -601,6 +606,7 @@ export default {
       return {
         type: 'bar',
         chart_id: 'breed_bar_chart',
+        image_id: 'changeBreedScore_bar_chart',
         color: '#39c183f0',
         title: '品种得分情况',
         labers,
@@ -808,6 +814,7 @@ export default {
           wrong_num: datas[element].wrong_num,
           // distribute: datas[element].distribute,
           distribute: countOccurrences(datas[element].distribute),
+          distribute_student: datas[element].distribute_student,
         });
       });
       return {
@@ -838,6 +845,7 @@ export default {
           answer: datas[element].answer,
           wrong_num: datas[element].wrong_num,
           distribute: countOccurrences(datas[element].distribute),
+          distribute_student: datas[element].distribute_student,
         });
       });
       return {
@@ -869,6 +877,7 @@ export default {
           wrong_num: datas[element].wrong_num,
           // distribute: datas[element].distribute,
           distribute: countOccurrences(datas[element].distribute),
+          distribute_student: datas[element].distribute_student,
 
           //distribute: countOccurrences(datas[element].distribute),
         });
@@ -902,6 +911,7 @@ export default {
           wrong_num: datas[element].wrong_num,
           // distribute: datas[element].distribute,
           distribute: countOccurrences(datas[element].distribute),
+          distribute_student: datas[element].distribute_student,
           //countOccurrences
         });
       });

src/views/student/examination_questions/comment/index.vue

@@ -104,18 +104,22 @@
             <el-row class="row_container">
               <el-col :span="12">
                 <div class="top_input_box" @keyup.enter="enterSearch">
-                  <el-input
-                    class="input_box"
-                    v-model="request_params.top.error_top"
-                  ></el-input>
-                  <el-input
-                    class="input_box"
-                    v-model="request_params.top.error_region_max"
-                  ></el-input>
-                  <el-input
-                    class="input_box"
-                    v-model="request_params.top.error_region_min"
-                  ></el-input>
+                  <el-row>
+                    <el-col :span="8">
+                      <el-row>
+                        <el-col :span="8" style="line-height: 36px;">TOP：</el-col>
+                        <el-col :span="16"><el-input  v-model="request_params.top.error_top"></el-input></el-col>
+                      </el-row>
+                    </el-col>
+                    <el-col :span="16">
+                      <el-row>
+                        <el-col :span="4" style="line-height: 36px;text-align: right;">范围：</el-col>
+                        <el-col :span="9"><el-input type="number" v-model="request_params.top.error_region_min"  ></el-input></el-col>
+                        <el-col :span="2" style="line-height: 36px;text-align: center;">-  </el-col>
+                        <el-col :span="9"><el-input type="number"  v-model="request_params.top.error_region_max"  ></el-input></el-col>
+                      </el-row>
+                    </el-col>
+                  </el-row>
                 </div>
                 <div class="centenr_container">
                   <AnalyseModule
@@ -126,7 +130,23 @@
               </el-col>
               <el-col :span="12">
                 <div class="top_input_box" @keyup.enter="enterSearch">
-                  <el-input
+                  <el-row>
+                    <el-col :span="8">
+                      <el-row>
+                        <el-col :span="8" style="line-height: 36px">TOP：</el-col>
+                        <el-col :span="16"><el-input  v-model="request_params.top.success_top"></el-input></el-col>
+                      </el-row>
+                    </el-col>
+                    <el-col :span="16">
+                      <el-row>
+                        <el-col :span="4" style="line-height: 36px;text-align: right;">范围：</el-col>
+                        <el-col :span="9"><el-input type="number" v-model="request_params.top.success_region_min"  ></el-input></el-col>
+                        <el-col :span="2" style="line-height: 36px;text-align: center;">-  </el-col>
+                        <el-col :span="9"><el-input type="number"  v-model="request_params.top.success_region_max"  ></el-input></el-col>
+                      </el-row>
+                    </el-col>
+                  </el-row>
+                  <!-- <el-input
                     class="input_box"
                     v-model="request_params.top.success_top"
                   ></el-input>
@@ -137,7 +157,7 @@
                   <el-input
                     class="input_box"
                     v-model="request_params.top.success_region_min"
-                  ></el-input>
+                  ></el-input> -->
                 </div>
                 <div class="centenr_container">
                   <AnalyseModule
@@ -646,6 +666,7 @@ export default {
       ];
       return {
         type: 'bar',
+        image_id: 'changeProvinceScore_bar_chart',
         chart_id: 'bar_chart',
         color: '#E6A23C',
         title: '南方北方烟得分情况',
@@ -687,6 +708,7 @@ export default {
       ];
       return {
         type: 'bar',
+        image_id: 'changeProvinceScore_bar_chart',
         chart_id: 'province_bar_chart',
         color: '#505F79',
         title: '省级产区得分情况',
@@ -714,7 +736,7 @@ export default {
         chart_id: 'breed_bar_chart',
 
         color: '#39c183f0',
-
+        image_id: 'changeBreedScore_bar_chart',
         title: '品种得分情况',
         labers,
         keys,
@@ -922,6 +944,7 @@ export default {
           answer: datas[element].answer,
           wrong_num: datas[element].wrong_num,
           distribute: countOccurrences(datas[element].distribute),
+          distribute_student: datas[element].distribute_student,
         });
       });
       return {
@@ -955,6 +978,7 @@ export default {
           answer: datas[element].answer,
           wrong_num: datas[element].wrong_num,
           distribute: countOccurrences(datas[element].distribute),
+          distribute_student: datas[element].distribute_student,
         });
       });
       return {
@@ -988,6 +1012,7 @@ export default {
           answer: datas[element].answer,
           wrong_num: datas[element].wrong_num,
           distribute: countOccurrences(datas[element].distribute),
+          distribute_student: datas[element].distribute_student,
         });
       });
       return {
@@ -1021,6 +1046,7 @@ export default {
           answer: datas[element].answer,
           wrong_num: datas[element].wrong_num,
           distribute: countOccurrences(datas[element].distribute),
+          distribute_student: datas[element].distribute_student,
         });
       });
       return {