记录模块接口对接

pages/evaluation/list.vue

@@ -3,7 +3,7 @@
  * @Author: Aimee·Zhang
  * @Date: 2022-01-05 09:13:53
  * @LastEditors: Aimee·Zhang
- * @LastEditTime: 2022-01-05 14:07:11
+ * @LastEditTime: 2022-01-14 08:40:36
 -->
 <template>
     <view class="evaluation-list ">
@@ -19,57 +19,57 @@
                     width="170rpx"
                     height="170rpx"
                     radius="20rpx"
-                    :src="require('../../static/imgs/test.png')"
+                    :src="item.cover?item.cover:require('../../static/imgs/test.png')"
                     :lazy-load="true"
                 />
                 <view class="title-des">
-                    <view class="title">抗衰护肤测评抗衰护肤测评抗衰护肤测评</view>
-                    <view class="des">科学护肤，‘精准’防衰老，延缓</view>
+                    <view class="title">{{item.title}}</view>
+                    <view class="des">{{item.description  || '--'}}</view>
                 </view>
             </view>
 
             <!-- 分数 -->
             <view
                 class="score"
-                v-if="index === 0"
-            ><span>80</span>分</view>
+                v-if="item.is_answer"
+            ><span>{{item.answer.total}}</span>分</view>
 
             <!-- 评测状态 -->
             <view class="--status">
                 <!-- 已测试展示 状态-->
                 <view
                     class="status"
-                    v-if="index === 0"
+                    v-if="item.is_answer"
                 >
-                    <span class="dian">·</span>今日最新完成
+                    <span class="dian">·</span>{{item.remark}}
                 </view>
                 <view
-                    v-if="index === 0"
+                    v-if="item.is_answer"
                     class="history"
-                    @click="$Router.push({name:'EvaluationResult'})"
+                    @click="toResult(item)"
                 >
                     查看历史结果
                 </view>
                 <!-- 未测试展示 状态-->
                 <view
                     class="status"
-                    v-if="index !== 0"
+                    v-if="!item.is_answer"
                 >
                     <span class="dian">·</span>
-                    <span class="person">32828837</span>
+                    <span class="person">{{item.remark}}</span>
                     人已测 | 约4~8分钟
                 </view>
                 <u-icon
                     name="arrow-right"
-                    :color="index === 0?'#26a377':'#faa81a'"
+                    :color="item.is_answer?'#26a377':'#faa81a'"
                     size="14"
                     :bold="true"
-                    :label="index === 0?'重新评测':'开始测评'"
+                    :label="item.is_answer?'重新评测':'开始测评'"
                     labelPos="left"
                     labelSize="14"
                     space="1"
-                    :labelColor="index === 0?'#26a377':'#faa81a'"
-                    @click="$Router.push({name:'EvaluationIntroduce'})"
+                    :labelColor="item.is_answer?'#26a377':'#faa81a'"
+                    @click="nowEva(item)"
                 />
             </view>
         </view>
@@ -79,12 +79,36 @@
 </template>
 
 <script>
+import { evaluations } from "@/apis/interfaces/evaluation.js";
 export default {
     data() {
         return {
-            evalList: 4,
+            evalList: [],
         };
     },
+    onShow() {
+        this.getList();
+    },
+    methods: {
+        // 测试列表
+        getList() {
+            evaluations().then((res) => {
+                this.evalList = res;
+            });
+        },
+        // nowEva
+        nowEva(item) {
+            uni.navigateTo({
+                url: `/pages/evaluation/introduce?id=${item.evaluation_id}`,
+            });
+        },
+        //测评结果
+        toResult(item) {
+            uni.navigateTo({
+                url: `/pages/evaluation/result?id=${item.evaluation_id}`,
+            });
+        },
+    },
 };
 </script>