From 3f5dee310079db209cade71250771a376d34d643 Mon Sep 17 00:00:00 2001
From: binbin_pan <max_163email@163.com>
Date: Wed, 27 Nov 2024 17:00:00 +0800
Subject: [PATCH] =?UTF-8?q?bug=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/YNEduApp/exam/examination.vue           |   5 +-
 pages/YNEduApp/exam/examinationDetails.vue    |   4 +-
 .../exam/examinationResultDetails.vue         | 400 ++++--------------
 pages/YNEduApp/learn/learn.vue                |  13 +
 pages/YNEduApp/prac/pracDetail.vue            |   6 +-
 5 files changed, 96 insertions(+), 332 deletions(-)

diff --git a/pages/YNEduApp/exam/examination.vue b/pages/YNEduApp/exam/examination.vue
index 3264161..1716fc1 100644
--- a/pages/YNEduApp/exam/examination.vue
+++ b/pages/YNEduApp/exam/examination.vue
@@ -725,14 +725,17 @@ export default {
   .options {
     margin-top: 10px;
     margin-bottom: 30px;
+    max-height: 330px;
+    overflow: auto;
     .option-wrapper {
-      max-height: 500px;
+      max-height: 200px;
       overflow: auto;
       .option {
         display: flex;
         justify-content: flex-start;
         align-items: center;
         margin-top: 10px;
+        margin-bottom: 5px;
         background: #f4f9fe;
         border-radius: 5px;
         &.isActive {
diff --git a/pages/YNEduApp/exam/examinationDetails.vue b/pages/YNEduApp/exam/examinationDetails.vue
index dffbfff..f4e92d8 100644
--- a/pages/YNEduApp/exam/examinationDetails.vue
+++ b/pages/YNEduApp/exam/examinationDetails.vue
@@ -232,7 +232,7 @@ export default {
 <style lang="scss" scoped>
 .wrapper {
   height: 100vh;
-  background: url('/static/images/examine-detail-bg.png') no-repeat;
+  background: url(require('/static/images/examine-detail-bg.png')) no-repeat;
   background-size: 100% 100%;
   display: flex;
   flex-direction: column;
@@ -249,7 +249,7 @@ export default {
     overflow: hidden;
     width: 180.5px;
     height: 118.6px;
-    background: url('/static/images/result-bg.png') no-repeat;
+    background: url(require('/static/images/result-bg.png')) no-repeat;
     background-size: 100% 100%;
     z-index: 9;
     margin-top: 40px;
diff --git a/pages/YNEduApp/exam/examinationResultDetails.vue b/pages/YNEduApp/exam/examinationResultDetails.vue
index f87d78c..04acdca 100644
--- a/pages/YNEduApp/exam/examinationResultDetails.vue
+++ b/pages/YNEduApp/exam/examinationResultDetails.vue
@@ -1,6 +1,6 @@
 <template>
   <view>
-    <div class="content">
+    <div class="content" @touchstart="touchStart" @touchmove="touchMove" @touchend="touchEnd">
       <div class="top-content">
         <div class="top-wrapper">
           <div class="all" :class="{ isAllActive: isActive !== 1 }" @click="handleTab(1)">全部</div>
@@ -50,20 +50,35 @@
           </div>
         </div>
         <div class="question">{{ currentIndex + 1 }}. {{ item.examTopic }}</div>
+        <u-image
+          v-if="item.examTopicUrl"
+          :showLoading="true"
+          :src="fileUrl + item.examTopicUrl || ''"
+          width="60px"
+          height="60px"
+          style="margin-bottom: 10px"
+          @click="clickImg(fileUrl + item.examTopicUrl)"
+        />
 
         <div class="options">
-          <div
-            class="option"
-            v-for="(option, optionIndex) in item.listOption"
-            :key="optionIndex"
-            :class="{ isRight: option.isRight, isError: option.isError }"
-          >
-            <div class="option-item">{{ option.optionIdent }}.</div>
-            <div class="option-content">
-              <div>{{ option.optionContent }}</div>
-              <u-icon v-if="option.isRight" name="/static/images/correct.png" />
-              <u-icon v-if="option.isError" name="/static/images/error.png" />
+          <div class="option-wrapper" v-for="(option, optionIndex) in item.listOption" :key="optionIndex">
+            <div class="option" :class="{ isRight: option.isRight, isError: option.isError }">
+              <div class="option-item">{{ option.optionIdent }}.</div>
+              <div class="option-content">
+                <div>{{ option.optionContent }}</div>
+                <u-icon v-if="option.isRight" name="/static/images/correct.png" />
+                <u-icon v-if="option.isError" name="/static/images/error.png" />
+              </div>
             </div>
+            <u--image
+              v-if="option.optionUrl"
+              :showLoading="true"
+              :src="fileUrl + option.optionUrl || ''"
+              width="60px"
+              height="60px"
+              style="margin-bottom: 10px"
+              @click="clickImg(fileUrl + option.optionUrl)"
+            />
           </div>
         </div>
       </div>
@@ -143,325 +158,15 @@ export default {
       unAnsweredCount: 0,
       // 问题列表
       questionList: [],
-      // questionList: [
-      //   {
-      //     type: 1,
-      //     question: '送配电线路架设工模拟考试',
-      //     options: [
-      //       {
-      //         label: '正常工作电压作用下的电气设备',
-      //         value: 'A'
-      //       },
-      //       {
-      //         label: '电气设备的绝缘电阻',
-      //         value: 'B'
-      //       },
-      //       {
-      //         label: '电气设备的绝缘电阻',
-      //         value: 'C'
-      //       },
-      //       {
-      //         label: '电气设备的绝缘电阻',
-      //         value: 'D'
-      //       }
-      //     ],
-      //     correctGrade: 'A',
-      //     selectAnswer: 'B',
-      //     analysis: '解析'
-      //   },
-      //   {
-      //     type: 2,
-      //     question: '送配电线路架设工模拟考试',
-      //     options: [
-      //       {
-      //         label: '正常工作电压作用下的电气设备',
-      //         value: 'A'
-      //       },
-      //       {
-      //         label: '电气设备的绝缘电阻',
-      //         value: 'B'
-      //       },
-      //       {
-      //         label: '电气设备的绝缘电阻',
-      //         value: 'C'
-      //       },
-      //       {
-      //         label: '电气设备的绝缘电阻',
-      //         value: 'D'
-      //       }
-      //     ],
-      //     correctGrade: ['B', 'D'],
-      //     selectAnswer: ['B', 'C'],
-      //     analysis: '解析'
-      //   },
-      //   {
-      //     type: 3,
-      //     question: '送配电线路架设工模拟考试',
-      //     options: [
-      //       {
-      //         label: '对',
-      //         value: 'A'
-      //       },
-      //       {
-      //         label: '错',
-      //         value: 'B'
-      //       }
-      //     ],
-      //     correctGrade: 'A',
-      //     selectAnswer: 'A',
-      //     analysis: '解析'
-      //   },
-      //   {
-      //     type: 1,
-      //     question: '送配电线路架设工模拟考试',
-      //     options: [
-      //       {
-      //         label: '正常工作电压作用下的电气设备',
-      //         value: 'A'
-      //       },
-      //       {
-      //         label: '电气设备的绝缘电阻',
-      //         value: 'B'
-      //       },
-      //       {
-      //         label: '电气设备的绝缘电阻',
-      //         value: 'C'
-      //       },
-      //       {
-      //         label: '电气设备的绝缘电阻',
-      //         value: 'D'
-      //       }
-      //     ],
-      //     correctGrade: 'A',
-      //     userAnswer: 'A',
-      //     analysis: '解析'
-      //   },
-      //   {
-      //     type: 2,
-      //     question: '送配电线路架设工模拟考试',
-      //     options: [
-      //       {
-      //         label: '正常工作电压作用下的电气设备',
-      //         value: 'A'
-      //       },
-      //       {
-      //         label: '电气设备的绝缘电阻',
-      //         value: 'B'
-      //       },
-      //       {
-      //         label: '电气设备的绝缘电阻',
-      //         value: 'C'
-      //       },
-      //       {
-      //         label: '电气设备的绝缘电阻',
-      //         value: 'D'
-      //       }
-      //     ],
-      //     correctGrade: ['B', 'D'],
-      //     userAnswer: ['B', 'C'],
-      //     analysis: '解析'
-      //   },
-      //   {
-      //     type: 2,
-      //     question: '送配电线路架设工模拟考试',
-      //     options: [
-      //       {
-      //         label: '正常工作电压作用下的电气设备',
-      //         value: 'A'
-      //       },
-      //       {
-      //         label: '电气设备的绝缘电阻',
-      //         value: 'B'
-      //       },
-      //       {
-      //         label: '电气设备的绝缘电阻',
-      //         value: 'C'
-      //       },
-      //       {
-      //         label: '电气设备的绝缘电阻',
-      //         value: 'D'
-      //       }
-      //     ],
-      //     correctGrade: ['B', 'D'],
-      //     userAnswer: ['B', 'D'],
-      //     analysis: '解析'
-      //   },
-      //   {
-      //     type: 3,
-      //     question: '送配电线路架设工模拟考试',
-      //     options: [
-      //       {
-      //         label: '对',
-      //         value: 'A'
-      //       },
-      //       {
-      //         label: '错',
-      //         value: 'B'
-      //       }
-      //     ],
-      //     correctGrade: 'A',
-      //     userAnswer: 'A',
-      //     analysis: '解析'
-      //   },
-      //   {
-      //     type: 1,
-      //     question: '送配电线路架设工模拟考试',
-      //     options: [
-      //       {
-      //         label: '正常工作电压作用下的电气设备',
-      //         value: 'A'
-      //       },
-      //       {
-      //         label: '电气设备的绝缘电阻',
-      //         value: 'B'
-      //       },
-      //       {
-      //         label: '电气设备的绝缘电阻',
-      //         value: 'C'
-      //       },
-      //       {
-      //         label: '电气设备的绝缘电阻',
-      //         value: 'D'
-      //       }
-      //     ],
-      //     rightAnswer: 'A',
-      //     userAnswer: 'B',
-      //     analysis: '解析'
-      //   },
-      //   {
-      //     type: 2,
-      //     question: '送配电线路架设工模拟考试',
-      //     options: [
-      //       {
-      //         label: '正常工作电压作用下的电气设备',
-      //         value: 'A'
-      //       },
-      //       {
-      //         label: '电气设备的绝缘电阻',
-      //         value: 'B'
-      //       },
-      //       {
-      //         label: '电气设备的绝缘电阻',
-      //         value: 'C'
-      //       },
-      //       {
-      //         label: '电气设备的绝缘电阻',
-      //         value: 'D'
-      //       }
-      //     ],
-      //     rightAnswer: ['B', 'D'],
-      //     userAnswer: ['B', 'C'],
-      //     analysis: '解析'
-      //   },
-      //   {
-      //     type: 3,
-      //     question: '送配电线路架设工模拟考试',
-      //     options: [
-      //       {
-      //         label: '对',
-      //         value: 'A'
-      //       },
-      //       {
-      //         label: '错',
-      //         value: 'B'
-      //       }
-      //     ],
-      //     rightAnswer: 'A',
-      //     userAnswer: 'A',
-      //     analysis: '解析'
-      //   },
-      //   {
-      //     type: 1,
-      //     question: '送配电线路架设工模拟考试',
-      //     options: [
-      //       {
-      //         label: '正常工作电压作用下的电气设备',
-      //         value: 'A'
-      //       },
-      //       {
-      //         label: '电气设备的绝缘电阻',
-      //         value: 'B'
-      //       },
-      //       {
-      //         label: '电气设备的绝缘电阻',
-      //         value: 'C'
-      //       },
-      //       {
-      //         label: '电气设备的绝缘电阻',
-      //         value: 'D'
-      //       }
-      //     ],
-      //     rightAnswer: 'A',
-      //     userAnswer: 'B',
-      //     analysis: '解析'
-      //   },
-      //   {
-      //     type: 2,
-      //     question: '送配电线路架设工模拟考试',
-      //     options: [
-      //       {
-      //         label: '正常工作电压作用下的电气设备',
-      //         value: 'A'
-      //       },
-      //       {
-      //         label: '电气设备的绝缘电阻',
-      //         value: 'B'
-      //       },
-      //       {
-      //         label: '电气设备的绝缘电阻',
-      //         value: 'C'
-      //       },
-      //       {
-      //         label: '电气设备的绝缘电阻',
-      //         value: 'D'
-      //       }
-      //     ],
-      //     rightAnswer: ['B', 'D'],
-      //     userAnswer: ['B', 'C'],
-      //     analysis: '解析'
-      //   },
-      //   {
-      //     type: 3,
-      //     question: '送配电线路架设工模拟考试',
-      //     options: [
-      //       {
-      //         label: '对',
-      //         value: 'A'
-      //       },
-      //       {
-      //         label: '错',
-      //         value: 'B'
-      //       }
-      //     ],
-      //     rightAnswer: 'A',
-      //     userAnswer: 'A',
-      //     analysis: '解析'
-      //   },
-      //   {
-      //     type: 3,
-      //     question: '送配电线路架设工模拟考试',
-      //     options: [
-      //       {
-      //         label: '对',
-      //         value: 'A'
-      //       },
-      //       {
-      //         label: '错',
-      //         value: 'B'
-      //       }
-      //     ],
-      //     correctGrade: 'A',
-      //     userAnswer: '',
-      //     analysis: '解析'
-      //   }
-      // ],
-      // 正确列表
+      fileUrl: config.fileUrl,
       rightList: [],
       // 错误列表
       wrongList: [],
       // 未答列表
       unAnsweredList: [],
-      list: []
+      list: [],
+      startX: 0, // 起始触摸点X坐标
+      endX: 0 // 结束触摸点X坐标
     }
   },
   onLoad(opt) {
@@ -618,6 +323,44 @@ export default {
         element.isActive = false
       })
       item.isActive = true
+    },
+    clickImg(url) {
+      this.isHide = true
+      uni.previewImage({
+        urls: [url]
+      })
+      // this.screenCount--
+    },
+    touchStart(event) {
+      this.startX = 0
+      this.endX = 0
+      console.log('🚀 ~ 开始 ~ event:', event)
+      // 记录触摸开始的位置
+      this.startX = event.touches[0].clientX
+      console.log('🚀 ~ touchStart ~ this.startX:', this.startX)
+    },
+    touchMove(event) {
+      console.log('🚀 ~ 移动 ~ event:', event)
+      // 在触摸过程中可以获取当前触摸点位置
+      this.endX = event.touches[0].clientX
+      console.log('🚀 ~ touchMove ~ this.endX:', this.endX)
+    },
+    touchEnd() {
+      // 判断滑动方向
+      if (this.startX != 0 && this.endX != 0 && this.startX - this.endX > 10) {
+        // 左滑
+        console.log('向左滑动')
+        this.currentIndex++
+      } else if (this.startX != 0 && this.endX != 0 && this.endX - this.startX > 10) {
+        // 右滑
+        console.log('向右滑动')
+        this.currentIndex--
+      }
+      if (this.currentIndex < 0) {
+        this.currentIndex = 0
+      } else if (this.currentIndex > this.questionList.length - 1) {
+        this.currentIndex = this.questionList.length - 1
+      }
     }
   }
 }
@@ -736,11 +479,16 @@ export default {
 
   .options {
     margin-top: 10px;
+    option-wrapper {
+      max-height: 500px;
+      overflow: auto;
+    }
     .option {
       display: flex;
       justify-content: flex-start;
       align-items: center;
       margin-top: 10px;
+      margin-bottom: 5px;
       background: #f4f9fe;
       border-radius: 5px;
 
diff --git a/pages/YNEduApp/learn/learn.vue b/pages/YNEduApp/learn/learn.vue
index fd2047d..f019bc6 100644
--- a/pages/YNEduApp/learn/learn.vue
+++ b/pages/YNEduApp/learn/learn.vue
@@ -253,4 +253,17 @@ export default {
   flex-direction: column;
   align-items: center;
 }
+/* 隐藏视频控件的进度条 */
+#video::-webkit-media-controls-progress-bar {
+  display: none !important;
+}
+
+/* 如果需要隐藏其他控件 */
+#video::-webkit-media-controls-panel {
+  display: none !important;
+}
+
+#video::-webkit-media-controls-play-button {
+  display: block !important;
+}
 </style>
diff --git a/pages/YNEduApp/prac/pracDetail.vue b/pages/YNEduApp/prac/pracDetail.vue
index ec66d50..da73e69 100644
--- a/pages/YNEduApp/prac/pracDetail.vue
+++ b/pages/YNEduApp/prac/pracDetail.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="wrapper">
-    <u-navbar title="学习项目" @leftClick="leftClick" placeholder />
+    <u-navbar title="练习" @leftClick="leftClick" placeholder />
     <!-- <div class="top-container">
       <u-avatar :src="avatar" size="60" />
       <div class="name">{{ userName }}</div>
@@ -194,7 +194,7 @@ export default {
 <style lang="scss" scoped>
 .wrapper {
   height: 94vh;
-  background: url('/static/images/exercises-bg.png') no-repeat;
+  background: url(require('/static/images/exercises-bg.png')) no-repeat;
   background-size: 100% 100%;
   padding: 20px;
 
@@ -269,7 +269,7 @@ export default {
       .right-top {
         height: 98px;
         // background: #e7ac67;
-        background: url('/static/images/order-exercises.png') no-repeat;
+        background: url(require('/static/images/order-exercises.png')) no-repeat;
         background-size: 100% 98px;
         border-radius: 8px;
         position: relative;