'后台功能补全'

src/components/AnalyseModule/components/EyeStabilityTable.vue

@@ -7,6 +7,13 @@
 <!--  -->
 <template>
   <div class="container_box">
+    <el-row>
+      <el-col :span="24">
+        <el-tag v-for="(i, index) in area_data" :key="index"
+          >{{ index }}:{{ i }}</el-tag
+        >
+      </el-col>
+    </el-row>
     <table class="table_box" :id="chart_id">
       <tr>
         <th v-for="(e, i) in labers" :key="i" style="padding: 15px 10px">
@@ -73,7 +80,6 @@
               <el-table
                 :data="table_data[index].conclusion_table"
                 height="250"
-                border
                 style="width: 100%"
               >
                 <el-table-column
@@ -134,7 +140,7 @@
 
 <script>
 export default {
-  props: ['table_data', 'labers', 'is_pover', 'chart_id'],
+  props: ['table_data', 'labers', 'is_pover', 'chart_id', 'area_data'],
   data() {
     return {
       sort_field: null,
@@ -146,7 +152,7 @@ export default {
 
   computed: {},
   created() {
-    // console.log(this.table_data);
+    console.log(this.area_data);
     // console.log(this.labers);
   },
   mounted() {},
@@ -201,11 +207,11 @@ export default {
 
 .el-icon-caret-bottom {
   position: absolute;
-  top: 20px;
+  top: 48px;
 }
 .el-icon-caret-top {
   position: absolute;
-  top: 13px;
+  top: 41px;
 }
 
 .table_box {

src/components/AnalyseModule/components/table.vue

@@ -60,6 +60,38 @@
               </el-popover>
             </div>
             <div v-else-if="typeof item['distribute'] == 'object'">
+              <!-- <el-popover
+                placement="top-start"
+                title="答对名单："
+                trigger="hover"
+                v-if="item.correct_student"
+              >
+                <span>{{ item.correct_student }}</span>
+
+                <div
+                  slot="reference"
+                  v-for="(h, key, j) in item['distribute']"
+                  :key="j"
+                >
+                  {{ key }}({{ item['distribute'][key] }}题)
+                </div>
+              </el-popover>
+              <el-popover
+                placement="top-start"
+                title="答错名单："
+                trigger="hover"
+                v-else-if="item.wrong_student"
+              >
+                <span>{{ item.wrong_student }}</span>
+
+                <div
+                  slot="reference"
+                  v-for="(h, key, j) in item['distribute']"
+                  :key="j"
+                >
+                  {{ key }}({{ item['distribute'][key] }}题)
+                </div>
+              </el-popover> -->
               <div v-for="(h, key, j) in item['distribute']" :key="j">
                 {{ key }}({{ item['distribute'][key] }}题)
               </div>
@@ -70,6 +102,33 @@
               </div>
             </div>
           </div>
+
+          <div v-else-if="e.key == 'ratio'">
+            <el-popover
+              placement="top-start"
+              title="答对人员名单："
+              trigger="hover"
+              v-if="item.correct_student"
+            >
+              <span>{{ item.correct_student }}</span>
+              <div slot="reference">
+                {{ item[e.key] }}
+              </div>
+            </el-popover>
+            <el-popover
+              placement="top-start"
+              title="答错人员名单："
+              trigger="hover"
+              v-else-if="item.wrong_student"
+            >
+              <span>{{ item.wrong_student }}</span>
+
+              <div slot="reference">
+                {{ item[e.key] }}
+              </div>
+            </el-popover>
+            <div v-else>{{ item[e.key] }}</div>
+          </div>
           <div v-else-if="Array.isArray(item[e.key])">
             <el-popover
               placement="right"
@@ -106,7 +165,9 @@ export default {
 
   computed: {},
   created() {},
-  mounted() {},
+  mounted() {
+    console.log(this.table_data);
+  },
 
   methods: {
     sort(col, type = 'desc') {

src/components/AnalyseModule/index.vue

@@ -91,6 +91,7 @@
         :table_data="original_data.list"
         :labers="original_data.labers"
         :chart_id="original_data.chart_id"
+        :area_data="original_data.area_data"
       ></eye-stability-table>
     </div>
   </div>

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

@@ -588,6 +588,7 @@ export default {
     changeEyeStability(datas) {
       // console.log(datas);
       if (!datas) return false;
+      // let keys = Object.keys(datas);
       let list = [];
       let labers = [
         { label: '题目', key: 'title', width: '300' },
@@ -603,14 +604,27 @@ export default {
           area: element.area,
           stability: element.conclusion,
           conclusion_table: element.conclusion_table,
+
+          place_ratio: Object.keys(datas.tool_data.area),
         });
       });
+      let area_data = {};
+      for (let index in datas.tool_data.area) {
+        area_data[index || '地域信息暂无'] =
+          datas.tool_data.area[index].instability +
+          '/' +
+          datas.tool_data.area[index].all;
+      }
+      area_data['总稳定比值'] =
+        datas.tool_data.all.instability + '/' + datas.tool_data.all.all;
       return {
         type: 'eye_stability_table',
         print_id: 'eye_stability',
         chart_id: 'eye_stability',
         color: '#E6A23C',
         title: '眼光稳定性',
+
+        area_data,
         labers,
         list,
         is_show: {
@@ -639,6 +653,7 @@ export default {
           result: element.result,
           errorRate: `${keepTwoDecimal(element.errorRate)}%`,
           ratio: `${element.wrong_num + '/' + element.total}`,
+          correct_student: element.distribute_student.join(' ，'),
           distribute: element.distribute,
         });
       });
@@ -646,7 +661,6 @@ export default {
         type: 'table',
         chart_id: 'wrong_table',
         print_id: 'wrong_table',
-
         color: '#F56C6C',
         title: '易错题分析',
         labers,
@@ -675,14 +689,15 @@ export default {
           title: element.title,
           result: element.result,
           ratio: `${element.total - element.wrong_num + '/' + element.total}`,
+          wrong_student: element.wrong_student.join(' ，'),
           errorRate: `${keepTwoDecimal(100 - element.errorRate)}%`,
+          distribute: element.distribute,
         });
       });
       return {
         type: 'table',
         chart_id: 'wrong_table',
         print_id: 'wrong_table',
-
         color: '#529B2E',
         title: '易对题分析',
         labers,
@@ -712,7 +727,6 @@ export default {
         type: 'table',
         chart_id: 'wrong_position',
         print_id: 'wrong_position',
-
         color: '#E6A23C',
         title: '错误部位',
         labers,
@@ -746,7 +760,6 @@ export default {
         type: 'table',
         chart_id: 'wrong_level',
         print_id: 'wrong_level',
-
         color: '#505F79',
         title: '错误上下一级',
         labers,
@@ -780,7 +793,6 @@ export default {
         type: 'table',
         chart_id: 'wrong_color',
         print_id: 'wrong_color',
-
         color: '#99A9BF',
         title: '错误颜色',
         labers,
@@ -814,7 +826,6 @@ export default {
         type: 'table',
         chart_id: 'wrong_group',
         print_id: 'wrong_group',
-
         color: '#529B2E',
         title: '错误组别',
         labers,