Merge branch 'ai-test' of https://gitlab.julyedu.com/baiguangyao/mr-julyedu into dev

src/components/ai-test/report/index.js

@@ -37,14 +37,14 @@ class scoreReport extends Component {
   }
 
 
-  shouldComponentUpdate(nextProps, nextState, nextContext) {
-    if (this.props.user.data.avatar !== nextProps.user.data.avatar) {
-      this.getCanvas()
-      return false
-    }
-    return true
-  }
-
+  // shouldComponentUpdate(nextProps, nextState, nextContext) {
+  //   if (this.props.user.data.avatar !== nextProps.user.data.avatar) {
+  //     this.getCanvas()
+  //     return false
+  //   }
+  //   return true
+  // }
+  //
 
   getCanvas() {
     document.documentElement.scrollTop = 0
@@ -96,7 +96,7 @@ class scoreReport extends Component {
           myRankList: data,
         })
 
-        let avatar = this.props.user && this.props.user.data.avatar
+        let avatar = data.avatar_file
         this.getBase64(avatar)
         setTimeout(() => {
           this.getCanvas()
@@ -212,7 +212,7 @@ class scoreReport extends Component {
 
               <div className="comment text-overflow-4">
                 <img className={'avatar_file'} src={avatar_file} alt=""/>
-                {myRankList && myRankList.title && myRankList.title.comment}
+                <span dangerouslySetInnerHTML={{__html: myRankList.title}}></span>
               </div>
 
               <div className="code">

src/components/ai-test/report/index.scss

@@ -2,6 +2,7 @@
   width: 100%;
   background-color: #09f;
 }
+
 .score-report {
   width: 100%;
   padding: 30px 12px 45px 12px;
@@ -115,6 +116,10 @@
       font-size: 14px;
       line-height: 21px;
       margin: 15px 33px 0;
+
+      em {
+        text-decoration: line-through;
+      }
     }
 
     .code {