src/lang/en.js

@@ -54,24 +54,29 @@
  finishPersonalityDownInfo: 'You may click the red button below to download your test report.',
  langWelcomeThai: 'ยินดีตอนรับสู่เว็บไซย์สำหรับทำแบบทดสอบของ',
  langOptionThai: 'กรุณาเลือกภาษา และคลิก “ดำเนินการต่อ.',
    values_finishValuesInfo:'The test is over! All your option data have been uploaded to the server and saved. You can close the browser and exit the answer interface.',
    values_finishValuesInfo:'Thank you! Your responses have been submitted. You can close this page now.',
    values_nextStepTips_del_unnecessary:'Please delete redundant selections',
    values_nextStepTips_add_enough:'Please add enough choices',
    values_nextStepTips_choices_all:'Please make all choices',
    values_title:'Pre-Sort Your Responses',
    values_title_description:'For each statement,click the pictures that aligns most with your view.',
    next:'Next Step',
    pre:'Pre Step',
    commit:'Commit',
    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.',
    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',
    values_cur_step:'Current step',
    values_step_tips_for_1:'Select %N picture that most resembles me',
    values_step_tips_for_2:'Select %N picture that does not look like me',
    values_step_tips_for_3:'Select %N picture in question',
    values_select_tips:'Select from the following figure',
    values_step_tips_for_1:'Select %N pictures in which the main character is most like you',
    values_step_tips_for_2:'Select %N pictures in which the main character is most unlike you',
    values_step_tips_for_3:'Select %N pictures',
    values_select_tips:'Select from the following pictures',
    values_select:'Select',
    values_select_exchange:'exchange',
    values_mostLikeMe:'Most like me ',
    values_mostUnLikeMe:'Most unlike me',
    values_no_select:'No picture optional',
    values_pic_tmpArea:'Picture Staging Area'
    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_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:'提交',
@@ -73,6 +76,8 @@
    values_mostLikeMe:'最像我',
    values_mostUnLikeMe:'最不像我',
    values_no_select:'无图可选',
    values_pic_tmpArea:'图片暂存区'
    values_pic_tmpArea:'图片暂存区',
    values_pic_tmpArea_desc:'注意：同一行中的所有图片都属于同一类别。<br>&nbsp;&nbsp;您不需要连续订购。你只需要注意垂直顺序。',
    values_nextStepTips_tips:'请通过将图像分为九类来细化图像的排序和排名。请注意，您可以在每个类别中放置的图像数量是固定的。'
    
}

 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) {