From b3bb29b36a2a9edbb2f693b5508103f8243f4dc5 Mon Sep 17 00:00:00 2001
From: "@fawn-nine" <1271023382@qq.com>
Date: Fri, 30 Aug 2024 17:14:28 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9A=82=E5=AD=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                           |   7 +
 pages/bookShop/settlement.vue        |   2 +-
 pages/bookShop/settlementBook.vue    |   4 +-
 pages/goods/order/index.vue          |   6 +-
 pages/mine/vip/order.vue             |   2 +-
 pages/mine/wallet/recharge/index.vue |   2 +-
 pages/miniClass/classInfo.vue        |  14 +-
 pages/miniClass/test.vue             | 249 +++++++++++++++++++++++++++
 pages/peanut/reCharge.vue            |   2 +-
 9 files changed, 273 insertions(+), 15 deletions(-)
 create mode 100644 pages/miniClass/test.vue

diff --git a/pages.json b/pages.json
index 9f92567..c71dbdb 100644
--- a/pages.json
+++ b/pages.json
@@ -710,6 +710,13 @@
 			{
 				"navigationBarTitleText" : "评分员/记分员/学委班级详情页面"
 			}
+		},
+		{
+			"path" : "pages/miniClass/test",
+			"style" : 
+			{
+				"navigationBarTitleText" : "考试页面"
+			}
 		}
 	],
 	"globalStyle": {
diff --git a/pages/bookShop/settlement.vue b/pages/bookShop/settlement.vue
index 844664c..353ae7a 100644
--- a/pages/bookShop/settlement.vue
+++ b/pages/bookShop/settlement.vue
@@ -76,7 +76,7 @@
 			<view class="zhif_radio">
 				<u-radio-group v-model="payType">
 					<view style="width: 100%;">
-						<view v-for="(item, index) in paylist" class="zhif_xuanx">
+						<view v-for="(item, index) in paylist" :key="index" class="zhif_xuanx">
 							<image :src="item.img"></image>
 							{{item.title}}
 							<span v-if="item.id == 4"
diff --git a/pages/bookShop/settlementBook.vue b/pages/bookShop/settlementBook.vue
index 291e32b..286ab23 100644
--- a/pages/bookShop/settlementBook.vue
+++ b/pages/bookShop/settlementBook.vue
@@ -73,7 +73,7 @@
 			<view class="zhif_radio">
 				<u-radio-group v-model="payType">
 					<view style="width: 100%;">
-						<view v-for="(item, index) in paylist"  class="zhif_xuanx">
+						<view v-for="(item, index) in paylist"  class="zhif_xuanx" :key="index">
 							<image :src="item.img"></image>
 							{{item.title}}
 							<span v-if="item.id == 4" style="color: #bbb; margin-left: 10px;">{{userMes.peanutCoin}}天医币可用</span>
@@ -90,7 +90,7 @@
 			<view class="zhif_radio">
 				<u-radio-group v-model="payType">
 					<view style="width: 100%;">
-						<view v-for="(item, index) in paylistIos"  class="zhif_xuanx">
+						<view v-for="(item, index) in paylistIos"  class="zhif_xuanx" :key="index">
 							<image :src="item.img"></image>
 							{{item.title}}
 							<span v-if="item.id == 4" style="color: #bbb; margin-left: 10px;">{{userMes.peanutCoin}}天医币可用</span>
diff --git a/pages/goods/order/index.vue b/pages/goods/order/index.vue
index 7e9f918..04c905c 100644
--- a/pages/goods/order/index.vue
+++ b/pages/goods/order/index.vue
@@ -81,7 +81,7 @@
 				</view>
 				<view class="pay_box" style="margin-top: 20rpx">
 					<view @click="openOrderModal(v)" class="curriulum_title_box goods_item pay_item"
-						v-for="(v, i) in orderInfoList">
+						v-for="(v, i) in orderInfoList" :key="i">
 						<view class="top">
 							<view class="left">
 								<text> {{ v.text }}</text>
@@ -114,7 +114,7 @@
 			<view class="order_top common_radius_box color_shandow goods_box pay_box">
 				<view class="title">价格明细</view>
 
-				<view class="curriulum_title_box goods_item pay_item" v-for="(v, i) in priceBreakdownList">
+				<view class="curriulum_title_box goods_item pay_item" v-for="(v, i) in priceBreakdownList" :key="i">
 					<view class="top">
 						<view class="left">
 							<image v-if="v.imgUrl" class="pay_item_img" :src="v.imgUrl" mode="aspectFil"
@@ -191,7 +191,7 @@
 				</template>
 				<!-- ios 支付列表 -->
 				<template v-else>
-					<view class="curriulum_title_box goods_item pay_item" v-for="(v, i) in payListIOS">
+					<view class="curriulum_title_box goods_item pay_item" v-for="(v, i) in payListIOS" :key="i">
 						<view :class="isDefaultCurrency && i != 2 ? 'bgGrey top' : 'top'">
 							<view class="left">
 								<image class="pay_item_img" :src="v.imgUrl" mode="aspectFil" :style="v.style">
diff --git a/pages/mine/vip/order.vue b/pages/mine/vip/order.vue
index dcbce56..de46a27 100644
--- a/pages/mine/vip/order.vue
+++ b/pages/mine/vip/order.vue
@@ -20,7 +20,7 @@
         </view>
         <view
           class="curriulum_title_box goods_item pay_item"
-          v-for="(v, i) in payList"
+          v-for="(v, i) in payList" :key="i"
         >
           <view :class="isDefaultCurrency && i != 2 ? 'bgGrey top' : 'top'">
             <view class="left">
diff --git a/pages/mine/wallet/recharge/index.vue b/pages/mine/wallet/recharge/index.vue
index cd2b1da..611c4bd 100644
--- a/pages/mine/wallet/recharge/index.vue
+++ b/pages/mine/wallet/recharge/index.vue
@@ -27,7 +27,7 @@
 				<view class="cf_radio">
 					<u-radio-group v-model="payType">
 						<view style="width: 100%" v-if="isAndroid">
-							<view v-for="(item, index) in paylist" @click="choseType(item.id)"
+							<view v-for="(item, index) in paylist" :key="index" @click="choseType(item.id)"
 								:class="payType == item.id ? 'Tab_xf cf_xuanx' : 'cf_xuanx'">
 								<image class="pay_item_img" :src="item.imgUrl" mode="aspectFil">
 								</image>
diff --git a/pages/miniClass/classInfo.vue b/pages/miniClass/classInfo.vue
index 28c6012..0241394 100644
--- a/pages/miniClass/classInfo.vue
+++ b/pages/miniClass/classInfo.vue
@@ -65,10 +65,10 @@
 						<text class="ciyao"><i class="mainTxt PM_font">{{performanceScore.questionScore}}</i>分</text>
 					</view> -->
 				</view>
-				<!-- <view class="optionsBox" >
-					<view class="flex_box flex_between">
+				<view class="optionsBox" >
+					<view class=" ">
 						<view class="">
-							<view class="gotoExams" @click="getTestPaper">
+							<view class="gotoExams" @click="goTest">
 								<text>去考试</text>
 							</view>
 							<view class="">
@@ -85,7 +85,7 @@
 						<view style="margin-top: 20rpx;">总成绩为：<text class="scoreNumber greenScore">90</text>分 <text class="c999">（50考试分+40平时表现分）</text></view>
 						
 					</view>
-				</view> -->
+				</view>
 			</view>
 			<view class="mainBox">
 				<view class="">
@@ -525,8 +525,10 @@
 		},
 		methods: {
 			
-			getTestPaper(){
-				
+			goTest(){
+				uni.navigateTo({
+					url:`/pages/miniClass/test?classId=${this.thisClass.id}`
+				})
 			},
 			changeZheDie(item, index){
 				
diff --git a/pages/miniClass/test.vue b/pages/miniClass/test.vue
new file mode 100644
index 0000000..f7a48ec
--- /dev/null
+++ b/pages/miniClass/test.vue
@@ -0,0 +1,249 @@
+<template style="">
+	<view class="" style="background-color: #d4eaf0; min-height: calc(100vh); padding: 20rpx;">
+		<public-module></public-module>
+		<z-nav-bar title="正在考试"></z-nav-bar>
+		<view style="padding: 20rpx; " class="timeBox border_radius_10 flex_box flex_between align-items_box" v-if="paperCreateTime > 0">
+			<!-- <view class=""> -->
+				<view class="">
+					<text><i style="color: #00aaff; font-style: normal; margin-right: 10rpx;" class="">{{curIndex1+1}} </i> / {{testPaper.length}}</text>
+				</view>
+				<view class="flex_box align-items_box">
+					<view class="">
+						剩余时间：
+					</view>
+					<view class="">
+						<uni-countdown :font-size="20" :show-day="false" :hour="paperCreateTime" color="#ffaa7f" />
+					</view>
+				</view>
+			<!-- </view> -->
+			<!-- <pre>{{testPaper}}</pre> -->
+		</view>
+		<view class="question border_radius_10" v-if="curQuestion.id">
+			<view class="">
+				<text class="questionType">{{curQuestion.type == 0 ? '单选题' : '多选题'}}</text>
+				<view class="questionItem" v-if="curQuestion.id">
+					<view class="">
+						<text>{{curQuestion.content}}</text>
+					</view>
+					<!-- <view class="">
+						{{curQuestion}}-{{curIndex1}}
+					</view> -->
+					<view class="optionsBox">
+						<view :class="['item','border_radius_10',curQuestion.answerIds.includes(item.id) ? 'choosed' : '']" @click="clickOption(item, index)" v-for="(item, index) in curQuestion.options" :key="index">
+							<text>{{item.content}}</text>
+						</view>
+					</view>			
+				</view>
+				<view class="btnBox ">	
+				<view class="flex_box flex_between">
+					<view class="item">
+						<button  @click="showPrevQuestion" type="default" plain="true" v-if="curIndex1 > 0" size="mini">上一题</button>
+					</view>
+					<view class="item" >
+						<button @click="showNextQuestion" type="primary" v-show="curIndex1 < testPaper.length-1" :disabled="curQuestion.answerIds.length == 0" size="mini">下一题</button>
+					</view>	
+				</view>								
+					<view class="" style="margin-top: 20rpx;" v-show="curIndex1 == testPaper.length-1">
+						<button @click="sumitAnswer" type="primary" >交 卷</button>						
+					</view>				
+				</view>
+			</view>
+		</view>
+	</view>	
+</template>
+
+<script>
+	import $http from '@/config/requestConfig.js';
+	import {
+		mapState
+	} from "vuex";
+	export default {
+		data() {
+			return {
+				code:0,  // 英文code
+				classId:undefined,
+				testPaper:[],
+				curQuestion:{
+					answerIds:[]
+				},
+				curIndex1:0,
+				paperCreateTime:0,
+				examId:undefined
+			}
+		},
+		onLoad(e) {
+			console.log('收到得值');
+			this.classId = e.classId
+			
+			if(this.testPaper.length == 0){
+			this.getTestPage()
+			}
+		},
+		computed: {
+			...mapState(["userInfo"])
+			},
+		methods: {
+			// 获取交卷数据
+			sumitAnswer(){
+				var _newList = this.testPaper.map( item =>{
+					return item.answerIds
+				})
+				
+				_newList = _newList.map(item => {
+					return item.join(',')					
+				})
+				console.log('_newList',_newList);
+				this.sumbitPaper(_newList)
+			},
+			// q请求提交试卷
+			sumbitPaper(ids){
+				$http.request({
+						url: "common/classExam/submitExamPaper",
+						method: "POST",
+						data: {
+							 id: this.examId,
+							"answer": ids
+						},
+						header: { //默认 无 说明：请求头
+							'Content-Type': 'application/json'
+						},
+					})
+					.then(res => {
+						uni.hideLoading()
+						if (res.code == 0) {							
+							uni.showToast({
+								title:'交卷成功',
+								icon:'success'
+							})							
+							
+						}
+						
+					}).catch(e => {
+						uni.hideLoading()
+						console.log(e, '数据报错')
+						// this.status = 3
+						uni.showToast({
+							title: e.errorMsg,
+							icon: 'error'
+						})
+					});
+			},
+			showPrevQuestion(){
+				// 上一题
+				this.curIndex1--
+				// this.curQuestion.answerIds = []
+				this.curQuestion = 	{...this.testPaper[this.curIndex1]}
+				console.log('----------------',this.testPaper,);
+			},
+			showNextQuestion(){
+				// 下一题
+				this.curIndex1++
+				// this.curQuestion.answerIds = []
+				this.curQuestion = 	{...this.testPaper[this.curIndex1]}
+				console.log('+++++++++++++++',this.testPaper,);
+			},
+			clickOption(item, index){
+				console.log('item',item,index,this.curIndex1);
+				if(this.curQuestion.type == 0){					
+					this.testPaper[this.curIndex1].answerIds = [item.id]
+					 this.curQuestion.answerIds = [item.id]
+					console.log('666666666',this.testPaper, this.curQuestion.answerIds);
+					this.$forceUpdate()
+				}else if(this.curQuestion.type == 1){
+					console.log('多选');
+					var isIN = this.curQuestion.answerIds.findIndex( itemss => {
+						return itemss == item.id
+					})
+					if(isIN >= 0){
+						console.log('有重复的,删除对应的', isIN);
+						this.testPaper[this.curIndex1].answerIds.splice(isIN,1)
+						this.curQuestion.answerIds.splice(isIN,1)
+					}else{
+						this.testPaper[this.curIndex1].answerIds.push(item.id)
+						
+						this.curQuestion.answerIds = [...this.testPaper[this.curIndex1].answerIds]
+					}
+				}
+			},
+			setDesc() {
+				const letterArr = []
+					      // 字母A的code值是65，但因为已经到字母D了，所以直接从69E开始循环
+				for (let i = 65; i < 91; i++) {
+					        letterArr[i] = String.fromCharCode(i)
+				}
+				return letterArr
+			},			
+			getTestPage(){
+				uni.showLoading({
+					title:'正在生成试卷'
+				})
+				$http.request({
+						url: "common/classExam/generateExamPaper",
+						method: "POST",
+						data: {
+							"classId": this.classId
+						},
+						header: { //默认 无 说明：请求头
+							'Content-Type': 'application/json'
+						},
+					})
+					.then(res => {
+						uni.hideLoading()
+						if (res.code == 0) {							
+							// that.isHave = true							
+							res.examPaper.forEach(item => {
+								item.answerIds = []
+								var code = 0
+								item.options.forEach(item1 => {
+									const randomAbc = this.setDesc().splice(65)
+									item1.content = randomAbc[code]+'、'+item1.content
+									code++
+								})
+							})
+							this.testPaper = res.examPaper
+							this.examId = res.id
+							this.paperCreateTime = 1	
+							this.curQuestion = 	{...this.testPaper[this.curIndex1]	}
+											uni.showToast({
+												title: '获取成功',
+												icon: 'success'
+											})
+							console.log(res, '试卷',this.curQuestion)
+							// setTimeout(() => {
+							// 	this.getClassInfo()
+							// }, 500)
+						}
+						
+					}).catch(e => {
+						uni.hideLoading()
+						console.log(e, '数据报错')
+						// this.status = 3
+						uni.showToast({
+							title: e.errorMsg,
+							icon: 'error'
+						})
+					});
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	@import "@/style/mixin.scss";
+	.questionType{position: absolute; left: 0 ;top:20rpx; background-color: $themeColor; color: #fff; padding: 10rpx 20rpx;
+		border-radius: 0 50rpx 50rpx 0;
+	}
+	.question{padding: 20rpx; padding-top: 100rpx; background-color: #fff; position: relative;}
+	.optionsBox{ margin: 30rpx 0;
+		.item{border: 1px solid #eee; padding: 24rpx 20rpx;  margin-bottom: 20rpx;}
+		.choosed{border-color: #b3d8ff; color: #409eff; background-color: #ecf5ff;}
+		.right{border-color:#c2e7b0; color: #67c23a; background-color: #f0f9eb;}
+		.wrong{
+			border-color: #fbc4c4; color: #f56c6c; background-color: #fef0f0;
+		}
+	}
+	.timeBox{background-color: #fff; margin-bottom: 20rpx;}
+	.btnBox{
+		.item{width:40%; display: flex; justify-content: center;}
+	}
+</style>
diff --git a/pages/peanut/reCharge.vue b/pages/peanut/reCharge.vue
index 57a1ba8..d16f8c2 100644
--- a/pages/peanut/reCharge.vue
+++ b/pages/peanut/reCharge.vue
@@ -22,7 +22,7 @@
 				<u-radio-group v-model="payType">
 
 					<view style="width: 100%;" v-if="isAndroid">
-						<view v-for="(item, index) in paylist" @click="choseType(item.id)"
+						<view v-for="(item, index) in paylist" :key="index" @click="choseType(item.id)"
 							:class="payType == item.id?'Tab_xf cf_xuanx':'cf_xuanx'">
 							<image :src="item.img"></image>
 							{{item.title}}