1

src/components/pages/components/myRportLook.vue → src/components/pages/myReport/components/MyLookComponent/myRportLook.vue

@@ -42,13 +42,13 @@
 </template>
 
 <script>
-import StudentInfo from "./report/studentInfo.vue";
-import CourseInfo from "./report/courseInfo.vue";
-import StudentAbility from "./report/studentAbility.vue";
-import CourseRadar from "./report/courseRadar.vue";
-import CoursePie from "./report/coursePie.vue";
-import CourseDetailReport from "./report/courseDetailReport.vue";
-import worksDetail3 from "./worksDetail3.vue";
+import StudentInfo from "../../../components/report/studentInfo.vue";
+import CourseInfo from "../../../components/report/courseInfo.vue";
+import StudentAbility from "../../../components/report/studentAbility.vue";
+import CourseRadar from "../../../components/report/courseRadar.vue";
+import CoursePie from "../../../components/report/coursePie.vue";
+import CourseDetailReport from "../../../components/report/courseDetailReport.vue";
+import worksDetail3 from "../../../components/worksDetail3.vue";
 export default {
   props: ["checkCourse", "checkStudent","oid"],
   components: {
@@ -173,14 +173,14 @@ export default {
   content: "";
   width: 20px;
   height: 20px;
-  background-image: url(../../../assets/report/left_coin.png);
+  background-image: url(../../../../../assets/report/left_coin.png);
   background-size: 100% 100%;
 }
 .sub_title::before {
   content: "";
   width: 20px;
   height: 20px;
-  background-image: url(../../../assets/report/right_coin.png);
+  background-image: url(../../../../../assets/report/right_coin.png);
   background-size: 100% 100%;
 }
 

src/components/pages/myReport/components/mrOverPer.vue

@@ -42,7 +42,8 @@
         </div>
         <div class="allPerBoottom">
           <div class="avaImg">
-            <img src="../../../../assets/avatar.png" alt="" />
+            <img src="../../../../assets/icon/myReport/courseStar.png" alt="" />
+            <div class="sName">{{ overPData.sName}} </div>
           </div>
           <div>课堂智慧星</div>
         </div>
@@ -117,6 +118,7 @@ export default {
   width: 65px;
   height: 64px;
   margin-bottom: 5px;
+  position: relative;
 }
 
 .avaImg > img {
@@ -133,4 +135,16 @@ export default {
 .allPerBoottom > div:nth-child(2) {
   font-size: 20px;
 }
+.avaImg > .sName {
+  position: absolute;
+  width: 65px;
+  height: 20px;
+  color: #fff;
+  background: #ffd257;
+  text-align: center;
+  line-height: 20px;
+  bottom: -5px;
+  border-radius: 10px;
+  font-size: 14px;
+}
 </style>

src/components/pages/myReport/myReport.vue

@@ -123,7 +123,7 @@ import CourseEvaScore from "./components/courseEvaScore.vue";
 import CourseTypeAna from "./components/courseTypeAna.vue";
 import ToolTypeAna from "./components/toolTypeAna.vue";
 import MrEva from "./components/mrEva.vue";
-import myRportLook from "../components/myRportLook";
+import myRportLook from "./components/MyLookComponent/myRportLook";
 export default {
   components: {
     MrBasicData,
@@ -403,6 +403,7 @@ export default {
           } else {
             this.overPer.studyTime = `${sTime}秒`;
           }
+          this.overPer.sName = this.stuMessage.name;
         })
         .catch((err) => {
           console.error(err);