From 58c10462fc1cc25d4bccbc181e363873ebb4f3af Mon Sep 17 00:00:00 2001
From: mengfanliang <mengfanliang@zcloudchina.com>
Date: Tue, 18 Feb 2025 10:53:50 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=B0=83=E6=95=B4=E8=80=83=E8=AF=95?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85=E9=A1=B5=E9=9D=A2=E7=9A=84=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E9=A3=8E=E6=A0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/train_management/exam_record.vue      | 735 +++++++++-----------
 pages/train_management/index.vue            |  19 +-
 pages/train_management/sign_information.vue |   5 -
 3 files changed, 323 insertions(+), 436 deletions(-)

diff --git a/pages/train_management/exam_record.vue b/pages/train_management/exam_record.vue
index 29794eb..1c05db3 100644
--- a/pages/train_management/exam_record.vue
+++ b/pages/train_management/exam_record.vue
@@ -1,457 +1,344 @@
 <template>
-  <view class="content">
-    <view class="content__titletop">
-      <view class="content__title">试卷名称-综合素质测评</view>
-      <view class="content__subtitle">(满分: 100分)</view>
-    </view>
+	<view class="content">
+		<view class="content__titletop">
+			<view class="content__title">试卷名称-综合素质测评</view>
+			<view class="content__subtitle">(满分: 100分)</view>
+		</view>
 
-    <view class="content__info">
-      <text>姓名: 测试者</text>
-      <text>分数: 85分</text>
-      <text>考试时间: 2024-12-30</text>
-    </view>
+		<view class="content__info">
+			<text>姓名: 测试者</text>
+			<text>分数: 85分</text>
+			<text>考试时间: 2024-12-30</text>
+		</view>
 
-    <view class="content__sign">
-      <view style="margin-right: 10rpx">签字: </view>
-      <u-image
-        width="120rpx"
-        height="70rpx"
-        model="widthFix"
-        src="https://img.alicdn.com/img/i1/131787161/O1CN01z67Qvv22lnCzgPob4_!!0-saturn_solar.jpg_.webp"
-      />
-    </view>
+		<view class="content__sign">
+			<view style="margin-right: 10rpx">签字: </view>
+			<u-image width="120rpx" height="70rpx" model="widthFix" src="https://img.alicdn.com/img/i1/131787161/O1CN01z67Qvv22lnCzgPob4_!!0-saturn_solar.jpg_.webp" />
+		</view>
 
-    <view class="counter"> 
-      <text style="color: orange">{{ activeIndex || 1 }}</text>/{{ totalCount }}
-    </view>
+		<view class="counter">
+			当前试题: <text style="color: orange">{{ current + 1 }}</text
+			>/{{ questionList.length }}
+		</view>
 
-    <scroll-view ref="scrollViewRef" scroll-y="true" :scroll-top="0" class="question_list" @scrolltolower="handleScrollToLower" @scroll="handleScroll">
-      <view
-        class="question_item"
-        v-for="(item, index) in questionList"
-        :key="index"
-      >
-        <text class="tag_title">
-          {{ handleCalcQuestType(item.questionType) }}
-        </text>
-        {{ index + 1 }}.
-        <text>{{ item.stem }}</text>
-        <view class="question_options__item">
-          <view
-            v-for="(option, index) in item.options"
-            :key="index"
-            :class="
-              option.label === item.answer
-                ? 'options question_options_active'
-                : 'options'
-            "
-          >
-            <text class="option_item">
-              {{ option.label }}. {{ option.value }}
-            </text>
-          </view>
-        </view>
-        <view class="question_answer">
-          正确答案:
-          <text style="display: inline-block; margin-left: 10rpx">
-            {{ item.answer }}
-          </text>
-        </view>
-      </view>
-    </scroll-view>
-  </view>
+		<view class="topic">
+			<view class="title">
+				<text class="tag_title">
+					{{ handleCalcQuestType(questionList[current].questiontype) }}
+				</text>
+				{{ current + 1 }}.
+				<text>{{ questionList[current].questiondry }}</text>
+			</view>
+			<view v-if="questionList[current].questiontype === '1'" class="options">
+				<view v-for="(item, index) in ['A', 'B', 'C', 'D']" :key="index" :class="['item', questionList[current].answer === item ? 'active' : '']">
+					<text class="option">{{ item }}</text>
+					<text class="text">
+						{{ questionList[current]['option' + item.toLocaleLowerCase()] }}
+					</text>
+				</view>
+			</view>
+			<view v-if="questionList[current].questiontype === '2'" class="options">
+				<view v-for="(item, index) in ['A', 'B', 'C', 'D']" :key="index" :class="['item', questionList[current].answer && questionList[current].answer.indexOf(item) !== -1 ? 'active' : '']">
+					<text class="option">{{ item }}</text>
+					<text class="text">
+						{{ questionList[current]['option' + item.toLocaleLowerCase()] }}
+					</text>
+				</view>
+			</view>
+			<view v-if="questionList[current].questiontype === '3'" class="options">
+				<view v-for="(item, index) in ['A', 'B']" :key="index" :class="['item', questionList[current].answer === item ? 'active' : '']">
+					<text class="option">
+						{{ questionList[current]['option' + item.toLocaleLowerCase()] }}
+					</text>
+					<text class="text"></text>
+				</view>
+			</view>
+			<view class="correct-answer">
+				<text>正确答案</text>
+				<view v-if="questionList[current].questiontype === '3'">
+					{{ questionList[current].answerright === 'A' ? '对' : '错' }}
+				</view>
+				<view v-else>{{ questionList[current].answerright || '无' }}</view>
+        <text>权威解读</text>
+        <view>{{ questionList[current].descr || "无" }}</view>
+			</view>
+		</view>
+
+		<view class="footer">
+			<block v-if="current !== 0">
+				<u-button
+					shape="circle"
+					:custom-style="{
+						width: current === questionList.length - 1 ? '100%' : '45%'
+					}"
+					text="上一题"
+					@click="current--"
+				/>
+			</block>
+			<block v-if="current !== questionList.length - 1">
+				<u-button
+					shape="circle"
+					type="primary"
+					:custom-style="{
+						width: current === 0 ? '100%' : '45%',
+						marginLeft: current === 0 ? '0' : '10%'
+					}"
+					text="下一题"
+					@click="current++"
+				/>
+			</block>
+		</view>
+	</view>
 </template>
 
 <script>
 export default {
-  data() {
-    return {
-      pageSize: 10,
-      currentPage: 1,
-      totalPage: 0,
-      questionList: [],
-      // 新增当前激活的题目索引
-      activeIndex: 0,
-      // 新增总题目数（根据实际数据）
-      totalCount: 0,
-      questionTypeMap: {
-        0: '单选题',
-        1: '多选题',
-        2: '判断题',
-        3: '填空题',
-        4: '简答题'
-      }
-    }
-  },
+	data() {
+		return {
+			pageSize: 10,
+			currentPage: 1,
+			totalPage: 0,
+			questionList: [],
+			// 新增当前激活的题目索引
+			current: 0,
+			questionTypeMap: {
+				1: '单选题',
+				2: '多选题',
+				3: '判断题',
+				4: '填空题',
+				5: '简答题'
+			}
+		}
+	},
 
-  onShow() {
-    this.resetList()
-  },
+	onShow() {
+		this.resetList()
+	},
 
-  mounted() {
-  },
+	mounted() {},
 
-  methods: {
-    async getData() {
-      this.questionList = [
-        {
-          questionType: 0,
-          stem: '离开特种作业岗位达 (  ) 个月以上的特种作业人员应当重新进行实操审核,经确人合格后方可上岗作业.',
-          options: [
-            {
-              label: 'A',
-              value: '6'
-            },
-            {
-              label: 'B',
-              value: '9'
-            },
-            {
-              label: 'C',
-              value: '12'
-            },
-            {
-              label: 'D',
-              value: '15'
-            }
-          ],
-          answer: 'D'
-        },
-        {
-          questionType: 1,
-          stem: '离开特种作业岗位达 (  ) 个月以上的特种作业人员应当重新进行实操审核,经确人合格后方可上岗作业.',
-          options: [
-            {
-              label: 'A',
-              value: '6'
-            },
-            {
-              label: 'B',
-              value: '9'
-            },
-            {
-              label: 'C',
-              value: '12'
-            },
-            {
-              label: 'D',
-              value: '15'
-            }
-          ],
-          answer: 'A'
-        },
-        {
-          questionType: 0,
-          stem: '离开特种作业岗位达 (  ) 个月以上的特种作业人员应当重新进行实操审核,经确人合格后方可上岗作业.',
-          options: [
-            {
-              label: 'A',
-              value: '6'
-            },
-            {
-              label: 'B',
-              value: '9'
-            },
-            {
-              label: 'C',
-              value: '12'
-            },
-            {
-              label: 'D',
-              value: '15'
-            }
-          ],
-          answer: 'D'
-        },
-        {
-          questionType: 0,
-          stem: '离开特种作业岗位达 (  ) 个月以上的特种作业人员应当重新进行实操审核,经确人合格后方可上岗作业.',
-          options: [
-            {
-              label: 'A',
-              value: '6'
-            },
-            {
-              label: 'B',
-              value: '9'
-            },
-            {
-              label: 'C',
-              value: '12'
-            },
-            {
-              label: 'D',
-              value: '15'
-            }
-          ],
-          answer: 'D'
-        },
-        {
-          questionType: 0,
-          stem: '离开特种作业岗位达 (  ) 个月以上的特种作业人员应当重新进行实操审核,经确人合格后方可上岗作业.',
-          options: [
-            {
-              label: 'A',
-              value: '6'
-            },
-            {
-              label: 'B',
-              value: '9'
-            },
-            {
-              label: 'C',
-              value: '12'
-            },
-            {
-              label: 'D',
-              value: '15'
-            }
-          ],
-          answer: 'D'
-        },
-        {
-          questionType: 0,
-          stem: '离开特种作业岗位达 (  ) 个月以上的特种作业人员应当重新进行实操审核,经确人合格后方可上岗作业.',
-          options: [
-            {
-              label: 'A',
-              value: '6'
-            },
-            {
-              label: 'B',
-              value: '9'
-            },
-            {
-              label: 'C',
-              value: '12'
-            },
-            {
-              label: 'D',
-              value: '15'
-            }
-          ],
-          answer: 'D'
-        },
-        {
-          questionType: 0,
-          stem: '离开特种作业岗位达 (  ) 个月以上的特种作业人员应当重新进行实操审核,经确人合格后方可上岗作业.',
-          options: [
-            {
-              label: 'A',
-              value: '6'
-            },
-            {
-              label: 'B',
-              value: '9'
-            },
-            {
-              label: 'C',
-              value: '12'
-            },
-            {
-              label: 'D',
-              value: '15'
-            }
-          ],
-          answer: 'D'
-        },
-        {
-          questionType: 1,
-          stem: '离开特种作业岗位达 (  ) 个月以上的特种作业人员应当重新进行实操审核,经确人合格后方可上岗作业.',
-          options: [
-            {
-              label: 'A',
-              value: '6'
-            },
-            {
-              label: 'B',
-              value: '9'
-            },
-            {
-              label: 'C',
-              value: '12'
-            },
-            {
-              label: 'D',
-              value: '15'
-            }
-          ],
-          answer: 'A'
-        },
-        {
-          questionType: 0,
-          stem: '离开特种作业岗位达 (  ) 个月以上的特种作业人员应当重新进行实操审核,经确人合格后方可上岗作业.',
-          options: [
-            {
-              label: 'A',
-              value: '6'
-            },
-            {
-              label: 'B',
-              value: '9'
-            },
-            {
-              label: 'C',
-              value: '12'
-            },
-            {
-              label: 'D',
-              value: '15'
-            }
-          ],
-          answer: 'D'
-        },
-        {
-          questionType: 0,
-          stem: '离开特种作业岗位达 (  ) 个月以上的特种作业人员应当重新进行实操审核,经确人合格后方可上岗作业.',
-          options: [
-            {
-              label: 'A',
-              value: '6'
-            },
-            {
-              label: 'B',
-              value: '9'
-            },
-            {
-              label: 'C',
-              value: '12'
-            },
-            {
-              label: 'D',
-              value: '15'
-            }
-          ],
-          answer: 'D'
-        },
-      ]
-      this.totalPage = 2
-      this.totalCount = this.questionList.length
-    },
-    resetList() {
-      this.pageSize = 10
-      this.currentPage = 1
-      this.questionList = []
-      this.getData()
-    },
-    handleScrollToLower() {
-      this.currentPage++
-      if (this.totalPage >= this.currentPage) this.getData()
-    },
-    handleScroll(event) {
-      const query = uni.createSelectorQuery().in(this)
-      query.selectAll('.question_item').boundingClientRect()
-      query.select('.question_list').boundingClientRect()
-      query.exec((res) => {
-        const items = res[0]
-        const list = res[1]
-        
-        if (!items || !list) return
-        
-        // 计算当前可见项
-        const scrollTop = list.top * -1
-        const currentItem = items.findIndex(item => 
-          item.top - scrollTop >= 0
-        )
-
-        console.log('list.top :>> ', list.top);
-        
-        if (currentItem !== -1 && currentItem !== this.activeIndex) {
-          this.activeIndex = currentItem + 1 // +1 因为索引从0开始
-        }
-      })
-    },
-    handleCalcQuestType(type) {
-      return `(${this.questionTypeMap[type]})`
-    },
-  }
+	methods: {
+		async getData() {
+			this.questionList = [
+				{
+					stageexamrecordId: '7cea826c3c974cb69028dd0624b632ba',
+					stageexampaperId: null,
+					stageexamId: null,
+					questionId: null,
+					userId: null,
+					answer: 'B',
+					answerright: 'B',
+					creator: null,
+					createTime: null,
+					operator: null,
+					operatTime: null,
+					isDelete: null,
+					corpinfoId: null,
+					studytaskId: null,
+					paperId: null,
+					classId: null,
+					studentId: null,
+					paperQuestionId: 'c413570fac8b49d8bd3ac27e223beb48',
+					questionnumber: null,
+					questiontype: '1',
+					questiondry: '发生生产安全事故以后，单位负责人应当在（  ）小时内向当地县级应急管理部门和负有安全生产监督管理职责的有关部门报告。',
+					optiona: '2',
+					optionb: '1',
+					optionc: '4',
+					optiond: '半',
+					descr: '17',
+					score: '50.0',
+					labelType: '6a8577ad5cf84e259f6a601a0c253726',
+					coursewarename: '测试40秒',
+					labelTypeName: '规范标准',
+					checkList: null,
+					count: null,
+					videocoursewareId: null
+				},
+				{
+					stageexamrecordId: '956a9175accc4c96b062eac68a5cdc28',
+					stageexampaperId: null,
+					stageexamId: null,
+					questionId: null,
+					userId: null,
+					answer: 'C',
+					answerright: 'C',
+					creator: null,
+					createTime: null,
+					operator: null,
+					operatTime: null,
+					isDelete: null,
+					corpinfoId: null,
+					studytaskId: null,
+					paperId: null,
+					classId: null,
+					studentId: null,
+					paperQuestionId: 'b8203efc27c04afc8b692fc2c82095ca',
+					questionnumber: null,
+					questiontype: '2',
+					questiondry: '发生生产安全事故以后，单位负责人应当在（  ）小时内向当地县级应急管理部门和负有安全生产监督管理职责的有关部门报告。',
+					optiona: '2',
+					optionb: '1',
+					optionc: '4',
+					optiond: '半',
+					descr: '17',
+					score: '50.0',
+					labelType: '2c0f587e982641c7965182826f9c41ac',
+					coursewarename: '测试40秒',
+					labelTypeName: '法律法规',
+					checkList: null,
+					count: null,
+					videocoursewareId: null
+				}
+			]
+			this.totalPage = 2
+			this.totalCount = this.questionList.length
+		},
+		resetList() {
+			this.pageSize = 10
+			this.currentPage = 1
+			this.questionList = []
+			this.getData()
+		},
+		handleCalcQuestType(type) {
+			return `(${this.questionTypeMap[type]})`
+		}
+	}
 }
 </script>
 
 <style scoped lang="scss">
 .content {
-  padding: 17rpx;
+	padding: 16rpx;
 
-  .content__titletop {
-    text-align: center;
+	.content__titletop {
+		text-align: center;
 
-    .content__title {
-      font-size: 34rpx;
-      font-weight: 600;
-    }
+		.content__title {
+			font-size: 34rpx;
+			font-weight: 600;
+		}
 
-    .content__subtitle {
-      margin-top: 8rpx;
-      font-size: 24rpx;
-    }
-  }
+		.content__subtitle {
+			margin-top: 8rpx;
+			font-size: 24rpx;
+		}
+	}
 
-  .content__info {
-    font-size: 34rpx;
-    margin-top: 36rpx;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-  }
+	.content__info {
+		font-size: 34rpx;
+		margin-top: 36rpx;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+	}
 
-  .content__sign {
-    margin-top: 18rpx;
-    font-size: 34rpx;
-    display: flex;
-    align-items: center;
-  }
+	.content__sign {
+		margin-top: 18rpx;
+		font-size: 34rpx;
+		display: flex;
+		align-items: center;
+	}
 
-  .counter {
-    font-size: 28rpx;
-    margin: 15rpx 0;
-    text-align: end;
-  }
+	.counter {
+		font-size: 28rpx;
+		margin: 15rpx 0;
+		text-align: end;
+	}
 
-  .question_list {
-    height: calc(100vh - 123px);
+	.topic {
+		box-sizing: border-box;
 
-    .question_item {
-      margin-bottom: 20rpx;
+		.tag_title {
+			font-size: 28rpx;
+			background-color: #94f0bd;
+			color: #5ac725;
+			border-radius: 8rpx;
+			padding: 2rpx 8rpx;
+			margin-right: 10rpx;
+		}
 
-      .tag_title {
-        font-size: 34rpx;
-        background-color: #94f0bd;
-        color: #5ac725;
-        border-radius: 8rpx;
-        padding: 2rpx 8rpx;
-        margin-right: 10rpx;
-      }
+		.title {
+			font-size: 32rpx;
+			font-weight: 600;
 
-      .question_options__item {
-        padding: 16rpx;
-        margin-top: 14rpx;
-        display: flex;
-        flex-direction: column;
-        align-items: flex-start;
-        gap: 12rpx;
+			.question-type {
+				border-radius: 40rpx;
+				padding: 4rpx 14rpx;
+				border: 1rpx solid #3c9cff;
+				font-size: 28rpx;
+				color: #3c9cff;
+			}
+		}
 
-        .options {
-          padding: 8rpx 0 8rpx 10rpx;
-          width: 100%;
+		.options {
+			margin-top: 40rpx;
 
-          .option_item {
-            display: inline-block;
-            margin-left: 22rpx;
-          }
-        }
+			.item {
+				position: relative;
+				margin-top: 40rpx;
+				color: #696868;
 
-        .question_options_active {
-          background-color: rgb(216, 216, 216);
-          color: #fff;
-        }
-      }
+				&.active {
+					color: #3c9cff;
 
-      .question_answer {
-        font-size: 34rpx;
-        margin-left: 22rpx;
-        color: #acafb3;
-      }
-    }
-  }
+					.option {
+						background-color: #3c9cff;
+						color: #fff;
+					}
+				}
+
+				.option {
+					background-color: #eee;
+					border-radius: 80rpx;
+					width: 65rpx;
+					height: 65rpx;
+					line-height: 65rpx;
+					text-align: center;
+					font-size: 30rpx;
+					display: inline-block;
+				}
+
+				.text {
+					margin-left: 30rpx;
+					height: 60rpx;
+					line-height: 60rpx;
+				}
+			}
+		}
+
+		.correct-answer {
+			margin-top: 40rpx;
+
+			text {
+				display: inline-block;
+				margin-top: 40rpx;
+				color: #696868;
+				font-size: 30rpx;
+				font-weight: bold;
+			}
+
+			view {
+				margin-top: 20rpx;
+				color: #333;
+				padding: 20rpx;
+				background-color: #eee;
+				border-radius: 10rpx;
+				font-size: 30rpx;
+			}
+		}
+	}
+
+	.footer {
+		position: fixed;
+		bottom: 0;
+		width: 100%;
+		left: 0;
+		padding: 20rpx;
+		box-sizing: border-box;
+		background: #fff;
+		text-align: center;
+		display: flex;
+	}
 }
 </style>
diff --git a/pages/train_management/index.vue b/pages/train_management/index.vue
index 57d4d9b..b65f5c7 100644
--- a/pages/train_management/index.vue
+++ b/pages/train_management/index.vue
@@ -45,6 +45,8 @@
 </template>
 
 <script>
+import { getCertificateInformationList } from "@/api/index.js";
+
 export default {
   data() {
     return {
@@ -66,10 +68,10 @@ export default {
 
   methods: {
     async getData() {
-      // let resData = await getCertificateInformationList({
-      //   showCount: this.pageSize,
-      //   currentPage: this.currentPage,
-      // });
+      let resData = await getCertificateInformationList({
+        showCount: this.pageSize,
+        currentPage: this.currentPage,
+      });
       this.trainList = [
         {
           classId: 'f34dzfgerg',
@@ -110,20 +112,23 @@ export default {
         onlyFromCamera: false, // 是否只能从相机扫码，不允许从相册选择图片
         hideAlbum: false, // 隐藏相册,不允许从相册选择图片,只能从相机扫码
         success: function (res) {
-          if (res.result === '0') {
+          const { id, type } = JSON.parse(res.result); // id 字段为班级ID, type 字段为二维码进入方式类型 ['0' --> 签到方式进入, '1' --> 考试方式进入]
+          if (type === '0') {
             // 签到二维码方式进入
             uni.$u.route({
               url: '/pages/train_management/realname_info_auth',
               params: {
                 type: 'scan_face',
+				id
               }
             })
-          } else if (res.result === '1') {
+          } else if (type === '1') {
             // 考试二维码方式进入
             uni.$u.route({
               url: '/pages/train_management/face_authentication',
               params: {
-                type: 'learning_certification'
+                type: 'learning_certification',
+				id
               }
             })
           }
diff --git a/pages/train_management/sign_information.vue b/pages/train_management/sign_information.vue
index f08804a..3416ac2 100644
--- a/pages/train_management/sign_information.vue
+++ b/pages/train_management/sign_information.vue
@@ -31,11 +31,6 @@
             <view class="info_raw flex_layout">
               <text class="content_label">签到状态: </text>
               <text class="tag_flag">{{ handleCalcSignStatus(item.trainStatus) }}</text>
-              <!-- <u-tag
-                :text="handleCalcSignStatus(item.trainStatus)"
-                size="mini"
-                type="success"
-              /> -->
             </view>
           </view>
         </view>