修改组件文件名字

src/api/answer.js

+import request from '@/utils/request';
+import { requestPath } from '@/utils/global.js';
+
+// 统计信息
+export function getDetailAPI(params){
+  return request({
+    url:`${requestPath.resource}/error-book/get`,
+    method:'get',
+    params
+  })
+}
+
+// 统计信息列表
+export function getRecordList(params){
+  return request({
+    url:`${requestPath.resource}/error-book/get/list`,
+    method:'get',
+    params
+  })
+}
\ No newline at end of file

src/router/index.js

@@ -77,7 +77,7 @@ let router = new Router({
       name: 'myAnswerlogs',
       meta: {
         title: "答题记录",
-        isLogin: true
+        // isLogin: true
       },
       component: () => import('@/views/answerLogs/index.vue'),
     },

src/utils/request.js

@@ -20,8 +20,8 @@ service.interceptors.request.use(config => {
   // config.headers['Y-Token'] = 'CBC9A1546D823D6319770C28C3E9D83F'
   // Do something before request is sent
   // if (Cookies.get('Y-Token')) {
-    // config.headers['Y-Token'] = Cookies.get('Y-Token')// 让每个请求携带token-- ['Y-Token']为自定义key 请根据实际情况自行修改
-    config.headers['Y-Token'] = '79c7c449f41347dbafd3017ff83513af'// 让每个请求携带token-- ['Y-Token']为自定义key 请根据实际情况自行修改
+    config.headers['Y-Token'] = Cookies.get('Y-Token')// 让每个请求携带token-- ['Y-Token']为自定义key 请根据实际情况自行修改
+    // config.headers['Y-Token'] = '79c7c449f41347dbafd3017ff83513af'// 让每个请求携带token-- ['Y-Token']为自定义key 请根据实际情况自行修改
   // }
   /*config.headers['sign'] = guid()*/
   return config

src/views/answerRecord/index.vue

@@ -10,19 +10,19 @@
       <div class="item-wrap">
         <div class="record-item">
           <div class="item-title">正确率</div>
-          <div class="item-percent">90%</div>
+          <div class="item-percent">{{detail.synthesisCorrect}}</div>
           <div class="item-num">
             <span>答题数量</span>
-            <span class="num">100道</span>
+            <span class="num">{{detail.synthesisCount}}道</span>
           </div>
           <img class="item-img" src="@/assets/img/record/zonghe.png" alt="">
         </div>
         <div class="record-item">
           <div class="item-title">平均分</div>
-          <div class="item-percent one">90%</div>
+          <div class="item-percent one">{{detail.average}}</div>
           <div class="item-num">
-            <span>答题数量</span>
-            <span class="num">100道</span>
+            <span>答题次数</span>
+            <span class="num">{{detail.num}}次</span>
           </div>
           <img class="item-img" src="@/assets/img/record/kaoshi.png" alt="">
         </div>
@@ -30,19 +30,19 @@
       <div class="item-wrap">
         <div class="record-item">
           <div class="item-title">正确率</div>
-          <div class="item-percent two">90%</div>
+          <div class="item-percent two">{{detail.practiceCorrect}}</div>
           <div class="item-num">
             <span>答题数量</span>
-            <span class="num">100道</span>
+            <span class="num">{{detail.practiceCount}}道</span>
           </div>
           <img class="item-img" src="@/assets/img/record/lianxi.png" alt="">
         </div>
         <div class="record-item">
           <div class="item-title">正确率</div>
-          <div class="item-percent three">90%</div>
+          <div class="item-percent three">{{detail.testCorrect}}</div>
           <div class="item-num">
             <span>答题数量</span>
-            <span class="num">100道</span>
+            <span class="num">{{detail.testCount}}道</span>
           </div>
           <img class="item-img" src="@/assets/img/record/kaoshi.png" alt="">
         </div>
@@ -50,9 +50,9 @@
     </div>
     <div class="record-list">
       <div v-for="(item,index) in list" :key="index" class="list-item">
-        <h2>{{item.title}}</h2>
+        <p>{{item.title}}</p>
         <div class="item-detail">
-          <div>
+          <div style="font-size:0">
             <span class="item-right-num">{{item.rightNum}}</span>
             <span class="item-num">/{{item.num}}道</span>
             <span class="item-time">{{item.createTime}}</span>
@@ -70,6 +70,7 @@
 
 <script>
 import listFooter from "@/components/header/listFooter";
+import {getDetailAPI,getRecordList} from '@/api/answer'
 export default {
   name: "weekPractice",
   components: {
@@ -77,29 +78,34 @@ export default {
   },
   data() {
     return {
-      list: [
-        {
-          title: "1111111",
-          rightNum: 4,
-          num: 5,
-          createTime: "2020-2020-20",
-          percent: 50
-        },
-        {
-          title: "1111111",
-          rightNum: 4,
-          num: 5,
-          createTime: "2020-2020-20",
-          percent: 50
-        }
-      ]
+      list: [],
+      detail:{}
     };
   },
   created() {
-    console.log(listFooter, 22);
+    this.getDetail()
+    this.getList()
   },
   watch: {},
   methods: {
+    getDetail(){
+      getDetailAPI().then(res=>{
+        console.log(res.data.data,1111);
+        
+        if(res.data.code == 0){
+          this.detail = res.data.data
+        }
+      })
+    },
+    getList(){
+      getRecordList().then(res=>{
+        console.log(res.data.data,1111);
+        
+        if(res.data.code == 0){
+          this.list = res.data.data
+        }
+      })
+    },
     backTo() {}
   }
 };
@@ -211,10 +217,11 @@ export default {
     border-radius: 0.05rem;
     padding: 0.15rem 0.12rem;
     box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.05);
-    h2 {
+    p {
       font-size: 0.14rem;
       line-height: 0.2rem;
       color: #000;
+      font-weight: Medium;
     }
     .item-detail {
       display: flex;
@@ -226,16 +233,21 @@ export default {
 }
 .item-detail {
   .item-right-num {
+    font-size: .11rem;
     color: #000;
   }
   .item-num {
+    font-size: .11rem;
     color: #999;
   }
   .item-time {
+    font-size: .11rem;
     color: #999;
   }
   .item-mark {
     color: #e9493e;
+    font-weight: Bold;
+    font-family: PingFang-SC-Bold;
   }
 }
 </style>

src/views/home/home.vue

@@ -38,7 +38,7 @@
 </template>
 
 <script>
-  import Foot from '../../components/foot';
+  import Foot from '../../components/Foot';
   export default {
     name: 'HelloWorld',
     data() {