From dc2c454c2ae3fdfdddcad0fd609e1a0def3b67a5 Mon Sep 17 00:00:00 2001
From: 84702473 <84702473@qq.com>
Date: 星期五, 31 三月 2023 09:44:36 +0800
Subject: [PATCH] 添加弹窗提示框

---
 src/views/exam/paper/values.vue |   30 ++++++++++++++++++++++--------
 1 files changed, 22 insertions(+), 8 deletions(-)

diff --git a/src/views/exam/paper/values.vue b/src/views/exam/paper/values.vue
index 14994bc..7a4c865 100644
--- a/src/views/exam/paper/values.vue
+++ b/src/views/exam/paper/values.vue
@@ -4,12 +4,16 @@
 			<el-header class="">
 				<h1>{{$t('values_title')}}</h1>
 			</el-header>
-			<el-main class="" style="padding-top: 3%;">
+			<el-main class="">
 				<div>
-					{{$t('values_title_description')}}
+					<div>{{$t('values_title_description')}}</div>
+					<div>{{$t('values_title_description_1')}}<img class="tools-button" src="@/assets/exam-paper/good.png" style="width: 15px;"/></div>
+					<div>{{$t('values_title_description_2')}}<img class="tools-button" src="@/assets/exam-paper/nogood.png" style="width: 15px;"/></div>
+					<div>{{$t('values_title_description_3')}}<img class="tools-button" src="@/assets/exam-paper/question.png" style="width: 15px;"/></div>
 				</div>
+				
 				<div style="display: flex;justify-content: flex-start;padding: 10px 0;">
-					<el-button @click="step1_start" type="primary" round v-if="!step1Start">{{$t('start')}}</el-button>
+					<el-button style="margin-top: 12px;" @click="step1_start" type="primary" round v-if="!step1Start">{{$t('start')}}</el-button>
 					<el-button style="margin-top: 12px;" type="primary" round @click="step1_next"
 						v-if="(step1Start && itemSize>0)">
 						{{$t('next')}}
@@ -111,10 +115,11 @@
 		<el-container class="app-item-contain step3" v-if="step === 'step3'">
 			<el-main class="">
 				<div style="position: fixed;z-index: 999; width:90%; top: 56px;">
-					<div style="display: flex;justify-content: flex-end;">
+					<div style="display: flex;justify-content: flex-end;padding: 10px;background-color: #f5f7fa;">
+						<div style="padding-right: 20px;" v-html="$t('values_pic_tmpArea_desc')"></div>
 						<div style="padding: 0 10px;">{{$t('values_pic_tmpArea')}}</div>
 						<draggable animation="300" class="pic-tmparea-div"
-							style="background-color: #f5f7fa;border: 1px solid gray;padding: 10px;width: 50%;"
+							style="border: 1px solid gray;padding: 10px;width: 50%;"
 							:list="step3EWEIArea[0]" :options="{group:{name:'EWEIArea',pull:'clone'}}" 
 							@start="ev=>step3TmpAreaStart(ev,0)"
 							@end="step3TmpAreaMoveEnd">
@@ -612,9 +617,18 @@
 					this.$message.error(_this.$t('values_nextStepTips_choices_all'))
 					return
 				}
-				this.step = "step2"
-				this.sortQuestions()
-				this.caculateScoreRangeSelectedById(this.getStep2StepItem(this.step2SubStep).itemOrder)
+				this.$confirm(_this.$t('values_nextStepTips_tips'), _this.$t('prompt'), {
+					confirmButtonText: _this.$t('determine'),
+					cancelButtonText: _this.$t('cancel'),
+					type: 'warning'
+				}).then(() => {
+					 _this.step = "step2"
+					 _this.sortQuestions()
+					 _this.caculateScoreRangeSelectedById(this.getStep2StepItem(this.step2SubStep).itemOrder)
+        }).catch(() => {
+            
+        });
+				
 			},
 			step2_pre() {
 				if (this.step2SubStep > 1) {

--
Gitblit v1.9.1