修复测评结束后,会一直跳提示bug

UI_2022-02-10
yujialong 3 years ago
parent 330c98c11a
commit 024e5c411d
  1. 21
      src/pages/appraisal/list/index.vue

@ -26,10 +26,13 @@
<el-button class="second" type="primary" @click="nextQues">下一题</el-button> <el-button class="second" type="primary" @click="nextQues">下一题</el-button>
</template> </template>
</div> </div>
<div class="footer-con" v-else>
<el-button type="primary" @click="toEvaluation"> </el-button>
</div>
</div> </div>
<!-- 提交成绩弹框 --> <!-- 提交成绩弹框 -->
<el-dialog :visible.sync="resultVisible" width="30%" custom-class="result_dialog" center :close-on-click-modal="false" @close="toEvaluation"> <el-dialog :visible.sync="resultVisible" width="30%" custom-class="result_dialog" center :close-on-click-modal="false" @close="handleClose('result')">
<div class="result"><span>{{ result.isPassed }}</span></div> <div class="result"><span>{{ result.isPassed }}</span></div>
<div class="ques-wrap"> <div class="ques-wrap">
<div class="point"> <div class="point">
@ -46,7 +49,7 @@
</el-dialog> </el-dialog>
<!-- 成绩详情弹框 --> <!-- 成绩详情弹框 -->
<el-dialog :visible.sync="detailVisible" width="30%" custom-class="detail_dialog" center :close-on-click-modal="false" @close="toEvaluation"> <el-dialog :visible.sync="detailVisible" width="30%" custom-class="detail_dialog" center :close-on-click-modal="false" @close="handleClose('detail')">
<div class="title">成绩详情</div> <div class="title">成绩详情</div>
<div style="min-height: 370px"> <div style="min-height: 370px">
<el-table :data="detailData" height="340" border style="width: 100%"> <el-table :data="detailData" height="340" border style="width: 100%">
@ -137,6 +140,16 @@ export default {
this.resultVisible = true; this.resultVisible = true;
} }
}, },
handleClose(type) { //
if (type === "result") {
this.resultVisible = false;
} else if (type === "detail") {
this.detailVisible = false;
}
clearInterval(this.timer);
this.countdown = "";
this.isDone = true;
},
async toEvaluation() { // async toEvaluation() { //
clearInterval(this.timer); clearInterval(this.timer);
this.lastOne = false; this.lastOne = false;
@ -262,7 +275,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
/deep/ .evaluation_con { /deep/ .evaluation_con {
min-height: 700px; height: 780px;
width: 550px; width: 550px;
background: url(../../../assets/img/evaluation_bg1.png) 0 0/100% 100% no-repeat; background: url(../../../assets/img/evaluation_bg1.png) 0 0/100% 100% no-repeat;
border-radius: 20px; border-radius: 20px;
@ -338,7 +351,7 @@ export default {
} }
} }
.options.isDone { .options.isDone {
min-height: 395px; //min-height: 395px;
} }
} }

Loading…
Cancel
Save