记录模块接口对接

pages/evaluation/result.vue

@@ -3,21 +3,24 @@
  * @Author: Aimee·Zhang
  * @Date: 2022-01-05 09:16:10
  * @LastEditors: Aimee·Zhang
- * @LastEditTime: 2022-01-06 10:54:57
+ * @LastEditTime: 2022-01-13 17:30:56
 -->
 <template>
-    <view class="answer">
+    <view
+        class="answer"
+        v-if='loaded'
+    >
         <!-- 头像 -->
         <view class="user">
             <view class="left">
                 <u-image
                     width="80rpx"
                     height="80rpx"
-                    :src="require('../../static/imgs/indro.png')"
+                    :src="info.user.avatar?info.user.avatar:require('../../static/imgs/avatar.png')"
                     :lazy-load="true"
                     shape="circle"
                 />
-                <span class="name">Aimee·ZhangAimee·ZhangAimee·ZhangAimee·Zhang</span>
+                <span class="name">{{info.user.nickname}}</span>
             </view>
             <view class="right">
                 <u-icon
@@ -30,7 +33,7 @@
                     labelSize="14"
                     labelColor="#34ce98"
                     space="1"
-                    @click="$Router.push({name:'EvaluationIntroduce'})"
+                    @click="reEva"
                 />
             </view>
         </view>
@@ -38,7 +41,7 @@
         <view class="answer-item">
             <!-- 标题 -->
             <view class="title-content">
-                <view class="title">你的肌肤年龄为35岁</view>
+                <view class="title">{{info.title}}{{info.explain.title}}</view>
                 <u-icon
                     name="share-square"
                     color="#333"
@@ -60,7 +63,17 @@
             </view>
             <!-- 描述 -->
             <view class="des">
-                饮食营养及生活方式对维持面部年轻态影响较大，建议注意食材选择，逐步清淡口味；规律作息，逐个改善不良生活习惯；帮助改善当前皮肤状态。
+                <u-read-more
+                    class="intro-des"
+                    :toggle="true"
+                    showHeight="140"
+                    ref="uReadMore"
+                    :shadowStyle="shadowStyle"
+                    color='#34ce98'
+                    textIndent="0"
+                >
+                    <rich-text :nodes="info.explain.content"></rich-text>
+                </u-read-more>
             </view>
         </view>
         <!-- 建议改进 -->
@@ -145,25 +158,44 @@
 </template>
 
 <script>
+import { evaluationsAnswersInfo } from "@/apis/interfaces/evaluation.js";
 export default {
     data() {
         return {
-            chartData: {
-                categories: [
-                    "餐饮营养",
-                    "面部肌肤活力",
-                    "洗护习惯",
-                    "生活方式",
-                    "皮肤抵抗力",
-                ],
-                series: [
-                    {
-                        data: [99, 34, 100, 45, 17, 92],
-                    },
-                ],
+            chartData: {},
+            info: {},
+            shadowStyle: {
+                backgroundImage: "none",
+                paddingTop: "0",
+                marginTop: "20rpx",
             },
+            loaded: false,
         };
     },
+    onShow() {
+        this.getInfo();
+    },
+    methods: {
+        getInfo() {
+            evaluationsAnswersInfo(this.$Route.query.id).then((res) => {
+                this.info = res;
+                this.chartData = {
+                    categories: res.veidoo.categories,
+                    series: [
+                        {
+                            data: res.veidoo.data,
+                        },
+                    ],
+                };
+                this.loaded = true;
+            });
+        },
+        reEva() {
+            uni.navigateTo({
+                url: `/pages/evaluation/index?id=${this.$Route.query.id}`,
+            });
+        },
+    },
 };
 </script>
 
@@ -231,6 +263,15 @@ export default {
             font-size: $title-size - 4;
             color: $text-color;
             line-height: $title-size * 2 - 18;
+            // 介绍
+            .intro-des {
+                line-height: $title-size * 1.8;
+                color: $text-color;
+                position: relative;
+                top: -10rpx;
+                font-size: $title-size-m !important;
+                padding-bottom: 20rpx;
+            }
         }
         // 雷达图
         .charts-box {