|
|
@@ -1,5 +1,5 @@
|
|
|
<script setup>
|
|
|
-import { ref } from 'vue'
|
|
|
+import { ref,onMounted } from 'vue'
|
|
|
import { ElMessageBox } from 'element-plus'
|
|
|
import moment from 'moment';
|
|
|
import 'moment/dist/locale/zh-cn'
|
|
|
@@ -15,6 +15,12 @@ const route = useRoute()
|
|
|
const router = useRouter()
|
|
|
const store = useStore()
|
|
|
|
|
|
+// 设置报告内容高度
|
|
|
+const reportContentHeight=ref('400px')
|
|
|
+onMounted(()=>{
|
|
|
+ reportContentHeight.value=$('#containerBox').innerHeight()-80+'px'
|
|
|
+})
|
|
|
+
|
|
|
let reportId = ref(route.query.reportId || '')
|
|
|
|
|
|
|
|
|
@@ -259,7 +265,7 @@ getQRCodeImg()
|
|
|
<div class="report-detail-page" v-if="info">
|
|
|
<div class="hasrightaside-box">
|
|
|
<div class="content-box">
|
|
|
- <div class="report-box">
|
|
|
+ <div class="report-box" :style="{height:reportContentHeight}">
|
|
|
<iframe class="iframe-wrap" :src="info.rai_report_url" frameborder="0" style="border:none"></iframe>
|
|
|
<!-- 无权限 -->
|
|
|
<div class="no-auth-wrap" v-if="store.state.userInfo?.is_bind === 0">
|
|
|
@@ -360,25 +366,32 @@ getQRCodeImg()
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
.report-detail-page {
|
|
|
+ .report-box{
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
.iframe-wrap{
|
|
|
display: block;
|
|
|
box-sizing: border-box;
|
|
|
width: 100%;
|
|
|
- height: 600px;
|
|
|
+ height: 100%;
|
|
|
}
|
|
|
.no-auth-wrap {
|
|
|
text-align: center;
|
|
|
color: #f3a52f;
|
|
|
- margin-top: -140px;
|
|
|
- padding-top: 140px;
|
|
|
- min-height: 200px;
|
|
|
- position: relative;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ position: absolute;
|
|
|
z-index: 5;
|
|
|
background: linear-gradient(
|
|
|
360deg,
|
|
|
- #ffffff 60%,
|
|
|
+ #ffffff 30%,
|
|
|
rgba(255, 255, 255, 0) 88%
|
|
|
);
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: flex-end;
|
|
|
.btn {
|
|
|
width: 218px;
|
|
|
margin-left: auto;
|
