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