学习效果分析对接

src/views/learning/item-learning-effect.vue

 <template>
   <div class="learning-effect">
-    <!-- <el-button type="default" size="small" @click="exportPDF">导出明细</el-button> -->
+    <div class="box-list">
+      <div v-for="(item , index) in cardData" :key="index" class="box">
+        <el-card class="box-card">
+          <el-tooltip class="item-tool" placement="bottom-end" effect="light">
+            <div slot="content">
+              <p v-for="text in item.content">{{ text }}</p>
+            </div>
+            <i class="el-icon-question notice"></i>
+          </el-tooltip>
+          <div class="left-content">
+            <p class="title">{{ item.title }}</p>
+            <p class="value">{{ item.value }}</p>
+          </div>
+          <!-- <div class="vertical"></div>
+          <div class="right-content">
+            <p class="has">{{ item.hasKey }}:{{ item.hasNum }}</p>
+            <p class="should">{{ item.shouldKey }}:{{ item.shouldNum }}</p>
+          </div> -->
+        </el-card>
+      </div>
+    </div>
     <div class="chart" ref="education"></div>
     <div class="chart" ref="learning"></div>
   </div>
@@ -20,14 +40,15 @@ export default {
     },
     activeName: {
       type: String
-    },
+    }
   },
   data() {
     return {
+      cardData: [],
       echartsData: {
         chart1: {},
         chart2: {}
-      }
+      },
     };
   },
   created() {
@@ -51,17 +72,17 @@ export default {
     search() {
       let req = {
         projectId: vm.projectId,
-        beginDate: operationData.setDuringTime(vm.formInline.during,'begin'),
-        endDate: operationData.setDuringTime(vm.formInline.during,'end'),
+        beginDate: operationData.setDuringTime(vm.formInline.during, "begin"),
+        endDate: operationData.setDuringTime(vm.formInline.during, "end"),
         hospitalIdList: vm.formInline.organization,
         originalFlag: vm.formInline.checked == false ? 0 : 1,
         regionId: vm.formInline.region[vm.formInline.region.length - 1],
-        timeFlag: vm.formInline.timeFlag,
+        timeFlag: vm.formInline.timeFlag
       };
       openLoading(vm);
-      if(req.regionId == "000") {
-        req.regionId = "310";
-      }
+      // if(req.regionId == "000") {
+      //   req.regionId = "000";
+      // }
       // console.log("0 req", req);
       vm.POST("stats/report/studyEffect", req).then(res => {
         closeLoading(vm);
@@ -71,7 +92,7 @@ export default {
       setTimeout(function() {
         vm.setEducation();
         vm.setLearning();
-      },20);
+      }, 20);
     },
     setEducation() {
       let myChart = echarts.init(this.$refs.education);
@@ -85,7 +106,7 @@ export default {
             type: "shadow"
           }
         },
-        color: ['#5D7092','#FFB01B'],
+        color: ["#5D7092", "#FFB01B"],
         legend: {
           data: ["项目前总正确率", "项目后总正确率"]
         },
@@ -138,7 +159,7 @@ export default {
             type: "shadow"
           }
         },
-        color: ['#5D7092','#FFB01B'],
+        color: ["#5D7092", "#FFB01B"],
         legend: {
           data: ["培训前正确率", "培训后正确率"]
         },
@@ -182,7 +203,7 @@ export default {
       myChart.setOption(option);
       vm.echartsData.chart2 = myChart;
       vm.updateResize();
-    },
+    }
   }
 };
 </script>