添加弹窗提示框

84702473

2023-03-31 dc2c454c2ae3fdfdddcad0fd609e1a0def3b67a5

添加弹窗提示框

 src/lang/en.js

@@ -59,7 +59,10 @@
    values_nextStepTips_add_enough:'Please add enough choices',
    values_nextStepTips_choices_all:'Please make all choices',
    values_title:'For each statement,click the pictures that aligns most with your view.',
    values_title_description:'For each statement, click the icon that aligns most with your view. <br> If you think the main character is like you, click "up hand" icon.<br> If you think the main character is not like you, click "down hand" icon. <br> If you are not sure, click "question" icon.',
    values_title_description:'For each statement, click the icon that aligns most with your view.',
    values_title_description_1:'If you think the main character is like you, click ',
    values_title_description_2:'If you think the main character is not like you, click ',
    values_title_description_3:'If you are not sure, click ',
    next:'Next',
    pre:'Back',
    commit:'Submit',
@@ -74,5 +77,6 @@
    values_mostUnLikeMe:'Most unlike me',
    values_no_select:'No picture left',
    values_pic_tmpArea:'Picture Staging Area',
    values_pic_tmpArea_desc:'Note: All pictures in the same row are in the same category.<br>&nbsp;&nbsp;You do not need to order them in a row. You only need to pay attention to the vertical order.'
    values_pic_tmpArea_desc:'Note: All pictures in the same row are in the same category.<br>&nbsp;&nbsp;You do not need to order them in a row. You only need to pay attention to the vertical order.',
    values_nextStepTips_tips:'Please refine the sort and rank the images by selecting them into the nine categories. Please note that the number of images you can put in each of the categories is fixed.'
}

 src/lang/zh.js

@@ -60,6 +60,9 @@
    values_nextStepTips_choices_all:'请做出所有的选择',
    values_title:'预先排序您的回答',
    values_title_description:'对于每个语句，单击与视图最对齐的图标。',
    values_title_description_1:'如果你认为主角和你一样, 点击 ',
    values_title_description_2:'如果你认为主角和你不一样, 点击 ',
    values_title_description_3:'如果你不确定, 点击 ',
    next:'下一步',
    pre:'上一步',
    commit:'提交',
@@ -74,6 +77,7 @@
    values_mostUnLikeMe:'最不像我',
    values_no_select:'无图可选',
    values_pic_tmpArea:'图片暂存区',
    values_pic_tmpArea_desc:'注意：同一行中的所有图片都属于同一类别。<br>&nbsp;&nbsp;您不需要连续订购。你只需要注意垂直顺序。'
    values_pic_tmpArea_desc:'注意：同一行中的所有图片都属于同一类别。<br>&nbsp;&nbsp;您不需要连续订购。你只需要注意垂直顺序。',
    values_nextStepTips_tips:'请通过将图像分为九类来细化图像的排序和排名。请注意，您可以在每个类别中放置的图像数量是固定的。'
    
}

 src/views/exam/paper/values.vue

@@ -4,11 +4,16 @@
            <el-header class="">
                <h1>{{$t('values_title')}}</h1>
            </el-header>
            <el-main class="" style="padding-top: 3%;">
                <div v-html="$t('values_title_description')">
            <el-main class="">
                <div>
                    <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')}}
@@ -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) {