练习-联调

api/eduApp/index.js

@@ -72,7 +72,6 @@ export function getExamRankById(params) {
   })
 }
 
-
 // 练习-列表 /personalCenter/getStudentPracticeList
 export function getStudentPracticeList(params) {
   return request({
@@ -81,3 +80,75 @@ export function getStudentPracticeList(params) {
     data: params
   })
 }
+
+// 练习-总览 /studentPractice/getPracticeQuestionRate
+export function getPracticeQuestionRate(params) {
+  return request({
+    url: '/studentPractice/getPracticeQuestionRate',
+    method: 'post',
+    data: params
+  })
+}
+
+// 练习-聚合数据 /studentPractice/getPracticeItData
+export function getPracticeItData(params) {
+  return request({
+    url: '/studentPractice/getPracticeItData',
+    method: 'post',
+    data: params
+  })
+}
+
+// 练习-题目 studentPractice/getPracticeQuestion
+export function getPracticeQuestion(params) {
+  return request({
+    url: '/studentPractice/getPracticeQuestion',
+    method: 'post',
+    data: params
+  })
+}
+
+// 练习-答题 studentPractice/insertPracticeAnswerById
+export function insertPracticeAnswerById(params) {
+  return request({
+    url: '/studentPractice/insertPracticeAnswerById',
+    method: 'post',
+    data: params
+  })
+}
+
+// 练习-前后题-跳题 studentPractice/changeQuestion
+export function changeQuestion(params) {
+  return request({
+    url: '/studentPractice/changeQuestion',
+    method: 'post',
+    data: params
+  })
+}
+
+// 练习-弹框序号跳题 /studentPractice/getPracticeQuestionList
+export function getPracticeQuestionList(params) {
+  return request({
+    url: '/studentPractice/getPracticeQuestionList',
+    method: 'post',
+    data: params
+  })
+}
+
+// 练习-保存练习时长 /studentPractice/savePracticeDuration
+export function savePracticeDuration(params) {
+  return request({
+    url: '/studentPractice/savePracticeDuration',
+    method: 'post',
+    data: params
+  })
+}
+
+// 练习-错题消除 studentPractice/updateRemoveRecordData
+export function updateRemoveRecordData(params) {
+  return request({
+    url: '/studentPractice/updateRemoveRecordData',
+    method: 'post',
+    data: params
+  })
+}

config.js

@@ -2,7 +2,7 @@
 module.exports = {
   // baseUrl:'/prod-api',
   // baseUrl:'http://112.29.103.165:1616/ynuw',
-  baseUrl:'http://192.168.0.32:2900/exam-student',
+  baseUrl:'http://192.168.0.137:2900/exam-student',
   // 上传文件地址
   uploadUrl: 'http://192.168.0.137:2909/exam-file/file/uploadBase64',
   bmwUrl: 'http://192.168.0.137:2911/exam-bmw',

pages/YNEduApp/prac/exercises.vue

@@ -4,25 +4,25 @@
     <div class="num-wrapper">
       <div class="correct">
         <u-icon name="/static/images/true.png" size="15" />
-        <div class="num">{{ correctNum }}</div>
+        <div class="num">{{ trueNum }}</div>
       </div>
       <div class="error">
         <u-icon name="/static/images/error.png" size="15" />
-        <div class="num">{{ errorNum }}</div>
+        <div class="num">{{ falseNum }}</div>
       </div>
       <div class="total" @click="openSelect">
         <u-icon name="/static/images/quanbufenlei.png" size="15" />
-        <div class="num">{{ currentIndex + 1 }}/{{ questionList.length }}</div>
+        <div class="num">{{ allNum }}</div>
       </div>
     </div>
 
-    <div class="question-wrapper" v-for="(item, index) in questionList" :key="index" v-show="index == currentIndex">
+    <div class="question-wrapper" v-for="(item, index) in questionList" :key="index">
-      <div v-if="item.type !== 2">
+      <div v-if="item.examType !== 2">
-        <div class="title">{{ index + 1 }}. {{ item.title }}{{ item.type == 3 ? '（判断题）' : '（单选题）' }}</div>
+        <div class="title">{{ item.paperTopic }}{{ item.examType == 1 ? '（单选题）' : '(判断题)' }}</div>
         <u--image
-          v-if="item.img"
+          v-if="item.analyUrl"
           :showLoading="true"
-          :src="item.img"
+          :src="item.analyUrl"
           width="60px"
           height="60px"
           style="margin-bottom: 10px"
@@ -31,39 +31,39 @@
         <div class="options">
           <div
             class="option"
-            v-for="(option, index) in item.options"
+            v-for="(option, index) in item.listOption"
             :key="index"
             @click="handleOption(option, index)"
             :class="{ active: option.isCorrect || option.isError }"
           >
-            <div class="label">{{ option.value }}.{{ option.label }}</div>
+            <div class="label">{{ option.optionIdent }}.{{ option.optionContent }}</div>
             <u-icon v-if="option.isCorrect" name="/static/images/对.png" size="25" />
             <u-icon v-if="option.isError" name="/static/images/错.png" size="25" />
           </div>
         </div>
 
         <div v-if="item.isSelect">
-          <div>正确答案：{{ item.answer }}</div>
+          <div>正确答案：{{ item.correctGrade }}</div>
           <div>你的答案：{{ item.select }}</div>
 
           <div v-if="item.analysis">
             <div class="analysis">答案解析：</div>
-            <div class="analysis-container">{{ item.analysis }}</div>
+            <div class="analysis-container">{{ item.answerAnaly }}</div>
           </div>
         </div>
       </div>
       <!-- 多选 -->
-      <div v-else-if="item.type === 2">
+      <div v-else-if="item.examType === 2">
-        <div class="title">{{ index + 1 }}. {{ item.title }}（多选题）</div>
+        <div class="title">{{ index + 1 }}. {{ item.paperTopic }}（多选题）</div>
         <div class="options">
           <div
             class="option"
-            v-for="(option, index) in item.options"
+            v-for="(option, index) in item.listOption"
             :key="index"
             @click="handleCheckbox(option, index)"
             :class="{ active: option.isCheck }"
           >
-            <div class="label">{{ option.value }}.{{ option.label }}</div>
+            <div class="label">{{ option.optionIdent }}.{{ option.optionContent }}</div>
             <u-icon v-if="option.isCorrect" name="/static/images/对.png" size="25" />
             <u-icon v-if="option.isError" name="/static/images/错.png" size="25" />
           </div>
@@ -71,7 +71,7 @@
 
         <div class="btn">
           <u-button
-            v-show="item.options.some(option => option.isCheck)"
+            v-show="item.listOption.some(option => option.isCheck)"
             text="选好了"
             shape="circle"
             size="small"
@@ -81,11 +81,11 @@
         </div>
 
         <div v-if="item.isSelect">
-          <div>正确答案：{{ item.answer.join('、') }}</div>
+          <div>正确答案：{{ item.correctGrade.join('、') }}</div>
           <div>你的答案：{{ item.select.join('、') }}</div>
 
           <div class="analysis">知识点</div>
-          <div class="analysis-container">{{ item.knowledge }}</div>
+          <div class="analysis-container">{{ item.answerAnaly }}</div>
         </div>
       </div>
     </div>
@@ -104,24 +104,22 @@
       </div>
       <div class="btn">
         <u-button
-          v-show="currentIndex !== 0"
           type="primary"
           size="small"
           shape="circle"
           text="上一题"
           color="linear-gradient(to right, rgba(47, 195, 255, 1), rgba(5, 70, 173, 1))"
-          @click="currentIndex--"
+          @click="handleJump('prev')"
         />
       </div>
       <div class="btn">
         <u-button
-          v-show="currentIndex !== questionList.length - 1"
           type="primary"
           size="small"
           shape="circle"
           text="下一题"
           color="linear-gradient(to right, rgba(47, 195, 255, 1), rgba(5, 70, 173, 1))"
-          @click="currentIndex++"
+          @click="handleJump('next')"
         />
       </div>
     </div>
@@ -144,7 +142,7 @@
             <div>答题数</div>
           </div>
           <div class="item">
-            <div class="num">{{ correctNum }}</div>
+            <div class="num">{{ trueNum }}</div>
             <div>正确数</div>
           </div>
           <div class="item">
@@ -160,11 +158,11 @@
       <view class="slot-content">
         <div class="topic-content">
           <div
-            v-for="(item, index) in questionList"
+            v-for="(item, index) in questionListSelect"
             :key="index"
             class="topic-wrapper"
             :class="{ correct: item.isCorrect, error: item.isError }"
-            @click="currentIndex = index"
+            @click="handleJump(null, index)"
           >
             <div v-if="currentIndex == index">*</div>
             <div class="topic">{{ index + 1 }}</div>
@@ -176,9 +174,24 @@
 </template>
 
 <script>
+import {
+  getPracticeItData, // 获取练习上方题数
+  getPracticeQuestion, // 获取练习题目
+  insertPracticeAnswerById, // 提交答案
+  changeQuestion, // 切换题目
+  getPracticeQuestionList, // 获取题目列表-弹框
+  getPracticeQuestionRate, // 获取练习正确率
+  savePracticeDuration, // 保存练习时长
+  updateRemoveRecordData // 错题消除记录
+} from '@/api/eduApp'
 export default {
   data() {
     return {
+      practiceId: '', // 练习id
+      recordId: '', // 记录id
+      isNew: 1, // 是否新练习
+      isOutOfOrder: 1, // 是否乱序
+      isError: false, // 是否错题消除
       showModal: false,
       showModalSelect: false,
       // 正确率
@@ -186,126 +199,89 @@ export default {
       // 已用时间 - 计时器 - 用于显示已用时间 格式 00:00:00
       usedTime: '00:00:00',
       // 正确题数
-      correctNum: 0,
+      trueNum: 0,
       // 错误题数
-      errorNum: 0,
+      falseNum: 0,
+      allNum: 0, // 总题数
       // 答题数
       answerNum: 0,
       // 当前题目索引
       currentIndex: 0,
       // 题目列表
-      questionList: [
+      questionList: [],
-        // 单选题
+      // 题目列表-弹框
-        {
+      questionListSelect: []
-          type: 1,
-          title: '只有发生在短路事故时或者在负荷电流较大时，变流器中才会有足够的二次电流作为继电保护跳闸之用。',
-          options: [
-            { label: '变流器供给操作电源', value: 'A' },
-            { label: '交流电压供给操作电源', value: 'B' },
-            { label: '直流操作电源', value: 'C' },
-            { label: '选项4', value: 'D' }
-          ],
-          answer: 'A',
-          // 答案分析
-          analysis: '这是答案解析'
-        },
-        // 多选题
-        {
-          type: 2,
-          title:
-            '只有发生在短路事故时或者在负荷电流较大时，变流器中才会有足够的二次电流作为继电保护跳闸之用。（多选题）',
-          options: [
-            { label: '变流器供给操作电源', value: 'A' },
-            { label: '交流电压供给操作电源', value: 'B' },
-            { label: '直流操作电源', value: 'C' },
-            { label: '选项4', value: 'D' }
-          ],
-          answer: ['A', 'B'],
-          // 知识点
-          knowledge: '这是知识点'
-        },
-        // 判断题
-        {
-          type: 3,
-          title:
-            '只有发生在短路事故时或者在负荷电流较大时，变流器中才会有足够的二次电流作为继电保护跳闸之用。（判断题）',
-          options: [
-            { label: '正确', value: 'A' },
-            { label: '错误', value: 'B' }
-          ],
-          answer: 'A'
-        },
-        // 带图片单选题
-        {
-          type: 4,
-          title:
-            '只有发生在短路事故时或者在负荷电流较大时，变流器中才会有足够的二次电流作为继电保护跳闸之用。（单选题）',
-          img: '/static/images/题目-bg.png',
-          options: [
-            { label: '变流器供给操作电源', value: 'A' },
-            { label: '交流电压供给操作电源', value: 'B' },
-            { label: '直流操作电源', value: 'C' },
-            { label: '选项4', value: 'D' }
-          ],
-          answer: 'A'
-        },
-        {
-          id: 5
-        },
-        {
-          id: 6
-        },
-        {
-          id: 6
-        },
-        {
-          id: 6
-        },
-        {
-          id: 6
-        },
-        {
-          id: 6
-        },
-        {
-          id: 6
-        },
-        {
-          id: 6
-        },
-        {
-          id: 6
-        },
-        {
-          id: 6
-        },
-        {
-          id: 6
-        },
-        {
-          id: 6
-        },
-        {
-          id: 6
-        },
-        {
-          id: 6
-        },
-        {
-          id: 6
-        }
-      ]
     }
   },
+  onLoad(opt) {
+    opt = JSON.parse(opt.params)
+    this.practiceId = opt.practiceId
+    this.recordId = opt.recordId
+    this.isNew = opt.isNew
+    this.isOutOfOrder = opt.isOutOfOrder
+    this.isError = opt.isError
+    console.log('🚀 ~ onLoad ~ opt:', opt)
+  },
   mounted() {
     // 开始计时
     this.startTimer()
+    this.getPracticeItData()
+    this.getPracticeQuestion()
   },
   unmounted() {
     // 清除计时器
     clearInterval()
   },
   methods: {
+    // 获取题目-上方数量
+    async getPracticeItData() {
+      const params = {
+        practiceId: this.practiceId,
+        recordId: this.recordId,
+        isNew: this.isNew
+      }
+      const res = await getPracticeItData(params)
+      this.trueNum = res.data.trueNum
+      this.falseNum = res.data.falseNum
+      this.allNum = res.data.allNum
+      console.log('🚀 ~ getPracticeItData ~ res:', res)
+    },
+    // 获取题目
+    async getPracticeQuestion() {
+      this.questionList = []
+      const params = {
+        practiceId: this.practiceId,
+        recordId: this.recordId,
+        isNew: this.isNew,
+        isOutOfOrder: this.isOutOfOrder
+      }
+      const res = await getPracticeQuestion(params)
+      // this.questionList = res.data
+      this.questionList.push(res.data)
+      console.log('🚀 ~ getPracticeQuestion ~ res:', res)
+      console.log('🚀 ~ getPracticeQuestion ~ this.questionList:', this.questionList)
+    },
+    // 跳题
+    async handleJump(item, index) {
+      this.currentIndex = index
+      this.questionList = []
+      const params = {
+        recordId: this.recordId,
+        operate: item || '',
+        sort: index + 1 || ''
+      }
+      const res = await changeQuestion(params)
+      this.questionList.push(res.data)
+      console.log('🚀 ~ handleJump ~ res:', res)
+    },
+    // 获取题目列表-弹框
+    async getPracticeQuestionList() {
+      const params = {
+        id: this.practiceId
+      }
+      const res = await getPracticeQuestionList(params)
+      console.log('🚀 ~ getPracticeQuestionList ~ res:', res)
+    },
     // 开始计时 - 实时更新已用时间
     startTimer() {
       setInterval(() => {
@@ -329,44 +305,54 @@ export default {
     },
     clickImg() {
       uni.previewImage({
-        urls: [this.questionList[this.currentIndex].img]
+        urls: [this.questionList[0].img]
       })
     },
     // 处理选项点击事件
     handleOption(option, index) {
-      console.log(option, index)
+      console.log(option, index, this.questionList[0])
       // 判断是否已经选择过
-      if (this.questionList[this.currentIndex].isSelect) {
+      if (this.questionList[0].isSelect) {
         return
       } else {
         // 标记已选择
-        this.questionList[this.currentIndex].isSelect = true
+        this.questionList[0].isSelect = true
         // 判断是否正确
-        if (option.value === this.questionList[this.currentIndex].answer) {
+        if (option.optionIdent === this.questionList[0].correctGrade) {
           // 当前选择
-          this.questionList[this.currentIndex].select = option.value
+          this.questionList[0].select = option.optionIdent
           // 给当前题目添加正确标记
-          this.questionList[this.currentIndex].isCorrect = true
+          this.questionList[0].isCorrect = true
           // 正确 - 给当前选项添加正确标记
-          this.questionList[this.currentIndex].options[index].isCorrect = true
+          this.questionList[0].listOption[index].isCorrect = true
           // 正确题数+1
-          this.correctNum++
+          // this.trueNum++
         } else {
           // 当前选择
-          this.questionList[this.currentIndex].select = option.value
+          this.questionList[0].select = option.optionIdent
           // 给当前题目添加错误标记
-          this.questionList[this.currentIndex].isError = true
+          this.questionList[0].isError = true
           // 错误 - 给当前选项添加错误标记
-          this.questionList[this.currentIndex].options[index].isError = true
+          this.questionList[0].listOption[index].isError = true
           // 并将正确选项标记
-          this.questionList[this.currentIndex].options.forEach(item => {
+          this.questionList[0].listOption.forEach(item => {
-            if (item.value === this.questionList[this.currentIndex].answer) {
+            if (item.optionIdent === this.questionList[0].correctGrade) {
               item.isCorrect = true
             }
           })
           // 错误题数+1
-          this.errorNum++
+          // this.falseNum++
         }
+        const params = {
+          practiceId: this.practiceId,
+          recordId: this.recordId,
+          questionId: this.questionList[0].questionId,
+          selectAnswer: option.optionIdent,
+          isTrue: option.optionIdent == this.questionList[0].correctGrade ? 1 : 0
+        }
+        console.log('🚀 ~ handleOption ~ params:', params)
+        // 提交答案
+        insertPracticeAnswerById(params)
       }
     },
     // 处理多选题选项点击事件
@@ -374,53 +360,50 @@ export default {
       console.log('🚀 ~ handleCheckbox ~ option, index:', option, index)
       // 给当前点击的增加边框 再次点击取消
       if (!option.isCheck) {
-        this.questionList[this.currentIndex].options[index].isCheck = !option.isCheck
+        this.questionList[0].listOption[index].isCheck = !option.isCheck
       } else {
-        this.questionList[this.currentIndex].options[index].isCheck = false
+        this.questionList[0].listOption[index].isCheck = false
       }
       // 将 isCheck: true 的选项的 value 放入 select 数组
-      this.questionList[this.currentIndex].select = this.questionList[this.currentIndex].options
+      this.questionList[0].select = this.questionList[0].listOption
         .filter(item => item.isCheck)
-        .map(item => item.value)
+        .map(item => item.optionIdent)
-      console.log(
+      console.log('🚀 ~ handleCheckbox ~ this.questionList[0].select:', this.questionList[0].select)
-        '🚀 ~ handleCheckbox ~ this.questionList[this.currentIndex].select:',
-        this.questionList[this.currentIndex].select
-      )
     },
     handleOk() {
       // 判断是否已经选择过
-      if (this.questionList[this.currentIndex].isSelect) {
+      if (this.questionList[0].isSelect) {
         return
       } else {
         // 标记已选择
-        this.questionList[this.currentIndex].isSelect = true
+        this.questionList[0].isSelect = true
-        const select = this.questionList[this.currentIndex].select
+        const select = this.questionList[0].select
-        const answer = this.questionList[this.currentIndex].answer
+        const correctGrade = this.questionList[0].correctGrade
         // 判断是否正确
-        const isCorrect = select.sort().toString() === answer.sort().toString()
+        const isCorrect = select.sort().toString() === correctGrade.sort().toString()
         if (isCorrect) {
           // 正确题数+1
-          this.correctNum++
+          // this.trueNum++
           // 给当前题目添加正确标记
-          this.questionList[this.currentIndex].options.forEach(item => {
+          this.questionList[0].listOption.forEach(item => {
             if (item.isCheck) {
               item.isCorrect = true
             }
           })
           // 给正确选项添加标记
-          this.questionList[this.currentIndex].options.forEach(item => {
+          this.questionList[0].listOption.forEach(item => {
-            if (answer.includes(item.value)) {
+            if (correctGrade.includes(item.value)) {
               item.isCorrect = true
             }
           })
         } else {
           // 错误题数+1
-          this.errorNum++
+          // this.falseNum++
           // 给当前题目添加错误标记
-          this.questionList[this.currentIndex].isError = true
+          this.questionList[0].isError = true
           // 给错误选项添加标记
-          this.questionList[this.currentIndex].options.forEach(item => {
+          this.questionList[0].listOption.forEach(item => {
-            if (answer.includes(item.value)) {
+            if (correctGrade.includes(item.value)) {
               item.isCorrect = true
             } else if (item.isCheck) {
               item.isError = true
@@ -430,9 +413,20 @@ export default {
       }
     },
     // 提交
-    handleSubmit() {
+    async handleSubmit() {
       console.log('提交')
       this.showModal = true
+      const params = {
+        id: this.practiceId
+      }
+      const res = await getPracticeQuestionRate(params)
+      // trueRate 正确率
+      this.correctRate = res.data.trueRate
+      // allQuestionNum 答题数
+      this.answerNum = res.data.allQuestionNum
+      // trueQuestionNum 正确数
+      this.trueNum = res.data.trueQuestionNum
+      console.log('🚀 ~ handleSubmit ~ res:', res)
     },
     handleConfirm() {
       console.log('确认')
@@ -440,12 +434,29 @@ export default {
     },
     // 结束答题
     handleClose() {
+      // 停止计时
+      clearInterval()
       console.log('结束')
+      // 保存练习时长
+      savePracticeDuration({
+        id: this.practiceId,
+        practiceDuration: Math.ceil(this.usedTime.split(':')[0] * 60 + this.usedTime.split(':')[1] / 60)
+      })
+      if (this.isError) {
+        // 错题消除
+        updateRemoveRecordData({
+          practiceId: this.practiceId
+        })
+      }
       this.showModal = false
+      uni.navigateBack()
     },
     // 打开题目选择弹框
-    openSelect() {
+    async openSelect() {
       this.showModalSelect = true
+      const res = await this.getPracticeQuestionList()
+      console.log('🚀 ~ openSelect ~ res:', res)
+      this.questionListSelect = res.data
     }
   }
 }

pages/YNEduApp/prac/prac.vue

@@ -22,7 +22,7 @@
         <div class="bt-wrapper">
           <div class="score">完成率：{{ item.completionRate }}</div>
           <div class="btn-wrapper">
-            <div class="btn" @click="handleExercise(item.id)">开始练习</div>
+            <div class="btn" @click="handleExercise(item)">开始练习</div>
             <div class="btn" @click="handleError(item)">错题消除({{ item.missNum }})</div>
           </div>
         </div>
@@ -68,7 +68,7 @@ export default {
       // 根据 alreadyNum 字段判断待练习和已练习
       this.waitList = res.data.filter(item => item.alreadyNum === 0)
       this.alreadyList = res.data.filter(item => item.alreadyNum > 0)
-      console.log('🚀 ~ getList ~ res:', res)
+      // console.log('🚀 ~ getList ~ res:', res)
     },
     handleTab(item, index) {
       this.activeIndex = index
@@ -81,9 +81,13 @@ export default {
       }
     },
     // 开始练习
-    handleExercise(id) {
+    handleExercise(item) {
+      const params = {
+        practiceId: item.id,
+        title: item.name,
+      }
       uni.navigateTo({
-        url: '/pages/YNEduApp/prac/pracDetail?id=' + id
+        url: '/pages/YNEduApp/prac/pracDetail?params=' + JSON.stringify(params)
       })
       uni.removeStorageSync('from')
       uni.setStorageSync('from', '/pages/YNEduApp/prac/prac')
@@ -95,8 +99,15 @@ export default {
     },
     // 错题消除
     handleError(item) {
+      const params = {
+        practiceId: item.id,
+        recordId: item.recordId,
+        isNew: 0,
+        isOutOfOrder: 1,
+        isError: true
+      }
       uni.navigateTo({
-        url: '/pages/YNEduApp/prac/exercises?id=' + item.id
+        url: '/pages/YNEduApp/prac/exercises?params=' + JSON.stringify(params)
       })
     }
   }

pages/YNEduApp/prac/pracDetail.vue

@@ -31,13 +31,53 @@
         </div>
       </div>
       <div class="right">
-        <div class="right-top" @click="handleExercises(1)">
+        <div class="right-top">
           <div class="right-text">顺序练习</div>
-          <u-icon class="top-icon" name="/static/images/顺序练习.png" width="84" height="73" />
+          <!-- <u-icon class="top-icon" name="/static/images/顺序练习.png" width="84" height="73" /> -->
+          <div class="btn">
+            <u-button
+              type="primary"
+              plain
+              shape="circle"
+              text="继续上次练习"
+              size="small"
+              @click="handleExercises(1)"
+            ></u-button>
           </div>
-        <div class="right-bottom" @click="handleExercises(2)">
+          <div class="btn">
+            <u-button
+              type="primary"
+              plain
+              shape="circle"
+              text="开始新的练习"
+              size="small"
+              @click="handleExercises(2)"
+            ></u-button>
+          </div>
+        </div>
+        <div class="right-bottom">
           <div class="right-text">随机练习</div>
-          <u-icon class="bottom-icon" name="/static/images/随机练习.png" width="84" height="73" />
+          <!-- <u-icon class="bottom-icon" name="/static/images/随机练习.png" width="84" height="73" /> -->
+          <div class="btn">
+            <u-button
+              type="primary"
+              plain
+              shape="circle"
+              text="继续上次练习"
+              size="small"
+              @click="handleExercises(3)"
+            ></u-button>
+          </div>
+          <div class="btn">
+            <u-button
+              type="primary"
+              plain
+              shape="circle"
+              text="开始新的练习"
+              size="small"
+              @click="handleExercises(4)"
+            ></u-button>
+          </div>
         </div>
       </div>
     </div>
@@ -50,28 +90,72 @@
 </template>
 
 <script>
+import { getPracticeQuestionRate } from '@/api/eduApp'
+
 export default {
   data() {
     return {
+      practiceId: '', // 练习id
+      recordId: '', // 记录id
       // 头像
-      avatar: 'https://cdn.uviewui.com/uview/album/1.jpg',
+      avatar: '/static/images/user.png',
       // 姓名
       name: '张三',
       // 练习标题
-      title: '送配电线路架设(初级)',
+      title: '',
       // 正确率
-      correctRate: '80%',
+      correctRate: '',
       // 累计作答
-      totalAnswer: 100,
+      totalAnswer: 0,
       // 累计答对
-      totalCorrect: 80
+      totalCorrect: 0
     }
   },
+  onLoad(opt) {
+    opt = JSON.parse(opt.params)
+    console.log('🚀 ~ onLoad ~ opt:', opt)
+    this.practiceId = opt.practiceId
+    this.title = opt.title
+  },
+  mounted() {
+    this.getData()
+  },
   methods: {
+    async getData() {
+      const params = {
+        id: this.practiceId
+      }
+      const res = await getPracticeQuestionRate(params)
+      this.title = res.data.name
+      this.correctRate = res.data.trueRate
+      this.totalAnswer = res.data.allQuestionNum
+      this.totalCorrect = res.data.trueQuestionNum
+      this.recordId = res.data.recordId
+      console.log('🚀 ~ getData ~ res:', res)
+    },
     handleExercises(type) {
       console.log('type', type)
+      const params = {
+        practiceId: this.practiceId,
+        recordId: this.recordId,
+        isError: false
+      }
+      if (type === 1) {
+        params.isOutOfOrder = 0
+        params.isNew = 0
+      } else if (type === 2) {
+        params.isOutOfOrder = 0
+        params.isNew = 1
+      } else if (type === 3) {
+        params.isOutOfOrder = 1
+        params.isNew = 0
+      } else if (type === 4) {
+        params.isOutOfOrder = 1
+        params.isNew = 1
+      }
+      console.log('params', params)
       uni.navigateTo({
-        url: `/pages/YNEduApp/prac/exercises?type=${type}`
+        url: `/pages/YNEduApp/prac/exercises?params=${JSON.stringify(params)}`
       })
     },
     leftClick() {
@@ -154,9 +238,16 @@ export default {
       flex-direction: column;
       justify-content: space-between;
 
+      .btn {
+        width: 60%;
+        margin: 5px auto;
+      }
+
       .right-top {
         height: 98px;
-        background: #e7ac67;
+        // background: #e7ac67;
+        background: url('/static/images/顺序练习.png') no-repeat;
+        background-size: 100% 98px;
         border-radius: 8px;
         position: relative;
         // top-icon - 在当前位置的右下角