From b79e4f19491338a53f31aa358081d19d4b6d23e8 Mon Sep 17 00:00:00 2001 From: linzhijie <1003392067@qq.com> Date: 星期二, 25 四月 2023 15:47:03 +0800 Subject: [PATCH] 结果报告预览 --- src/views/exam/paper/finish.vue | 45 ++++++++++++++++++++++++++++++++++++--------- 1 files changed, 36 insertions(+), 9 deletions(-) diff --git a/src/views/exam/paper/finish.vue b/src/views/exam/paper/finish.vue index 57b7f01..053124f 100644 --- a/src/views/exam/paper/finish.vue +++ b/src/views/exam/paper/finish.vue @@ -6,7 +6,12 @@ <el-main class="align-center"> <H1 v-if="content!==null && content.trim()!==''">{{content}}</H1> <H1 v-else>{{$t('finishMsg')}}</H1> - <el-button type="danger" :disabled="downDisable" @click="downReport" round>{{$t('down')}}</el-button> + <!-- 鏂板涓嬭浇鎶ュ憡鎻愮ず璇� --> + <H1 v-if ="downDisable">{{$t('finishPersonalityDownInfo')}}</H1> + <el-button type="danger" v-if ="downDisable" @click="downReport" round>{{$t('down')}}</el-button> + <!-- 鏂板棰勮鎻愮ず璇� --> + <H1 v-if ="viewDisable">{{$t('finishViewReportInfo')}}</H1> + <el-button type="danger" v-if ="viewDisable" @click="viewReport" round>{{$t('view')}}</el-button> </el-main> </el-container> </div> @@ -14,22 +19,39 @@ <script> import examPaperApi from '@/api/examPaper' -import {mapState} from "vuex"; export default { data () { return { name: this.$route.query.name, content: this.$route.query.content, - downDisable: true, - downUrl: '' + tokenId: this.$route.query.tokenId, + type: this.$route.query.type, + downDisable: false, + viewDisable: false, + downUrl: '', + viewUrl: '' } }, created () { let _this = this - examPaperApi.selectTesterReport(_this.memberToken).then(re => { + // 鏌ヨ鎶ュ憡鏂囦欢鍚� + examPaperApi.selectTesterReport(_this.tokenId).then(re => { if (re.code === 0) { - _this.downDisable = false - _this.downUrl = re.msg + _this.downDisable = true + // 璁剧疆涓嬭浇璺緞 + _this.downUrl = '/api/exam/paper/download?fileName=' + re.msg + '&delete=false' + console.log(re) + } else { + console.log(re) + } + }) + + // 鏌ヨ鎶ュ憡鏂囦欢鍚� + examPaperApi.selectTesterReportUrl(_this.tokenId).then(re => { + if (re.code === 0) { + _this.viewDisable = true + // 璁剧疆棰勮璺緞 + _this.viewUrl = re.msg console.log(re) } else { console.log(re) @@ -42,13 +64,18 @@ beforeDestroy () { }, methods: { + // 涓嬭浇鎶ュ憡 downReport: function () { let _this = this - examPaperApi.down(_this.downUrl) + window.open(_this.downUrl) + }, + // 棰勮鎶ュ憡 + viewReport: function () { + let _this = this + _this.$router.push({ path: '/pdf/view', query: { fileUrl: _this.viewUrl } }) } }, computed: { - ...mapState('user', { memberToken: state => state.memberToken }) } } </script> -- Gitblit v1.9.1