feat(details): 添加年度报告信息iframe展示功能

- 新增iframe用于展示年度报告信息页面
- 集成oauth认证获取iframe访问权限
- 实现iframeURL数据绑定和动态路径构建

style(details): 优化代码格式和注释缩进

- 修复注释块的缩进格式问题
- 统一代码缩进风格
- 格式化变量声明的空格

refactor(details): 重构标签页切换逻辑

- 在标签页切换时添加年度报告信息页面的数据获取逻辑
- 重新组织条件判断结构,提升代码可读性
- 添加iframe的动态加载控制
This commit is contained in:
chenxf 2026-01-15 11:51:41 +08:00
parent 3f79063bb5
commit 00c7ff633b
1 changed files with 50 additions and 40 deletions

View File

@ -566,7 +566,9 @@
<span v-if="eOtPermitList.length === 0" class="header-label">该企业暂没有行政许可信息</span> <span v-if="eOtPermitList.length === 0" class="header-label">该企业暂没有行政许可信息</span>
</div> </div>
</el-tab-pane> --> </el-tab-pane> -->
<el-tab-pane label="年度报告信息" name="fourth" /> <el-tab-pane label="年度报告信息" name="fourth">
<iframe v-if="activeName === 'fourth'" style="width: 100%;height: calc(100vh - 250px);" :src="iframeURL" frameborder="0" />
</el-tab-pane>
<el-tab-pane label="异常经营目录" name="abnormal"> <el-tab-pane label="异常经营目录" name="abnormal">
<div v-if="activeName === 'abnormal'" class="tab-pane"> <div v-if="activeName === 'abnormal'" class="tab-pane">
<table v-if="isAbnListDetails === true" class="apply-table" wdith="100%"> <table v-if="isAbnListDetails === true" class="apply-table" wdith="100%">
@ -960,6 +962,7 @@ import { getAssignLogList } from '@/api/marketAssign'
import EasyForm from '@/components/EasyForm' import EasyForm from '@/components/EasyForm'
import dynamicSupervisionBase from '@/views/market/dynamicsupervision/index' import dynamicSupervisionBase from '@/views/market/dynamicsupervision/index'
import dailySupervisionBase from '@/views/market/dailysupervision/index' import dailySupervisionBase from '@/views/market/dailysupervision/index'
import { oauth } from '@/api/user'
export default { export default {
components: { components: {
@ -1029,7 +1032,8 @@ export default {
readOnly: true readOnly: true
} }
}, },
fromPath: '' fromPath: '',
iframeURL: ''
} }
}, },
mounted() { mounted() {
@ -1218,8 +1222,14 @@ export default {
handleClick(tab, event) { handleClick(tab, event) {
console.log(this.activeName) console.log(this.activeName)
this.loading = true this.loading = true
if((this.activeName === 'administrativeSanction' || this.activeName === 'bizSerIllegalRem') if (this.activeName === 'fourth') {
&& !this.isRead1){ oauth().then((res) => {
const { data } = res
const path = `/annualReportService/unifiedMGT/annualReportProgress/baseInfo/detail?pripid=${this.$route.query.pripid}&yearReportMode=1`
this.iframeURL = `${process.env.VUE_APP_AICEPS_SERVICE_URL || ''}/aiceps-service-web/#/oauthLogin?redirectUri=${encodeURIComponent(path)}&isIframe=1&encryptedData=${data}`
})
} else if ((this.activeName === 'administrativeSanction' || this.activeName === 'bizSerIllegalRem') &&
!this.isRead1) {
const p4 = queryEOtCaseDetails(this.pripid).then(res => { const p4 = queryEOtCaseDetails(this.pripid).then(res => {
if (res.code === 0) { if (res.code === 0) {
const data = res.data.tsSerIllegalList const data = res.data.tsSerIllegalList