修改 预览展示页面

This commit is contained in:
GGJ
2024-06-14 10:26:35 +08:00
parent f15f529842
commit 33aa5a1918
9 changed files with 304 additions and 279 deletions

View File

@@ -251,10 +251,12 @@
<details_item>
<template #label>可研报告</template>
<template #content>
<span v-if="detailData.userType == 0 || detailData.userType == 1">
<el-icon><Link /></el-icon>
<el-icon class="elView" v-if="proviteData?.feasibilityReport.name ">
<View @click="openFile(proviteData.feasibilityReport.name )" />
</el-icon>
<a :href="proviteData.feasibilityReport.url">{{ proviteData.feasibilityReport.name }}</a>
<span @click="openFile(proviteData?.feasibilityReport.name)">预览</span>
</span>
<span
v-if="
@@ -264,103 +266,97 @@
detailData.userType == 5
"
>
<el-icon><Link /></el-icon>
<el-icon class="elView" v-if="proviteData?.feasibilityReport.name">
<View @click="openFile(proviteData.feasibilityReport.name)" />
</el-icon>
<a :href="proviteData.feasibilityReport.url">{{ proviteData.feasibilityReport.name }}</a>
<span @click="openFile(proviteData?.feasibilityReport.name)">预览</span>
</span>
<span v-if="detailData.userType == 6">
<el-icon><Link /></el-icon>
<el-icon class="elView" v-if="proviteData?.feasibilityReport.name ">
<View @click="openFile(proviteData.feasibilityReport.name )" />
</el-icon>
<a :href="proviteData.feasibilityReport.url">{{ proviteData.feasibilityReport.name }}</a>
<span @click="openFile(proviteData?.feasibilityReport.name)">预览</span>
</span>
</template>
</details_item>
<details_item>
<template #label>项目初步设计说明书</template>
<template #content>
<el-icon>
<Link />
<el-icon class="elView" v-if="proviteData?.preliminaryDesignDescription.name">
<View @click="openFile(proviteData?.preliminaryDesignDescription.name)" />
</el-icon>
<a :href="proviteData?.preliminaryDesignDescription.url">
{{ proviteData?.preliminaryDesignDescription.name }}
</a>
<span @click="openFile(proviteData?.preliminaryDesignDescription.name)">预览</span>
</template>
</details_item>
<details_item>
<template #label>预测评估报告</template>
<template #content>
<el-icon>
<Link />
<el-icon class="elView" v-if="proviteData?.predictionEvaluationReport.name">
<View @click="openFile(proviteData?.predictionEvaluationReport.name)" />
</el-icon>
<a :href="proviteData?.predictionEvaluationReport.url">
{{ proviteData?.predictionEvaluationReport.name }}
</a>
<span @click="openFile(proviteData?.predictionEvaluationReport.name)">预览</span>
</template>
</details_item>
<details_item>
<template #label>预测评估评审意见报告</template>
<template #content>
<el-icon>
<Link />
<el-icon class="elView" v-if="proviteData?.predictionEvaluationReviewOpinions.name">
<View @click="openFile(proviteData?.predictionEvaluationReviewOpinions.name)" />
</el-icon>
<a :href="proviteData?.predictionEvaluationReviewOpinions.url">
{{ proviteData?.predictionEvaluationReviewOpinions.name }}
</a>
<span @click="openFile(proviteData?.predictionEvaluationReviewOpinions.name)">预览</span>
</template>
</details_item>
<details_item v-if="detailData.userType != 0 && detailData.userType != 1">
<template #label>用户接入变电站主接线示意图</template>
<template #content>
<el-icon>
<Link />
<el-icon class="elView" v-if="proviteData?.substationMainWiringDiagram.name">
<View @click="openFile(proviteData?.substationMainWiringDiagram.name)" />
</el-icon>
<a :href="proviteData?.substationMainWiringDiagram.url" target="_blank">
{{ proviteData?.substationMainWiringDiagram.name }}
</a>
<span @click="openFile(proviteData?.substationMainWiringDiagram.name)">预览</span>
</template>
</details_item>
<details_item v-if="detailData.userType == 6">
<template #label>主要敏感终端清单</template>
<template #content>
<el-icon>
<Link />
<el-icon class="elView" v-if="proviteData?.sensitiveDevices.name">
<View @click="openFile(proviteData?.sensitiveDevices.name)" />
</el-icon>
<a :href="proviteData?.sensitiveDevices.url">{{ proviteData?.sensitiveDevices.name }}</a>
<span @click="openFile(proviteData?.sensitiveDevices.name)">预览</span>
</template>
</details_item>
<details_item v-if="detailData.userType == 6">
<template #label>抗扰度测试报告</template>
<template #content>
<el-icon>
<Link />
<el-icon class="elView" v-if="proviteData?.antiInterferenceReport.name">
<View @click="openFile(proviteData?.antiInterferenceReport.name)" />
</el-icon>
<a :href="proviteData?.antiInterferenceReport.url">{{ proviteData?.antiInterferenceReport.name }}</a>
<span @click="openFile(proviteData?.antiInterferenceReport.name)">预览</span>
</template>
</details_item>
<details_item v-if="detailData.userType == 6">
<template #label>背景电能质量测试报告</template>
<template #content>
<el-icon>
<Link />
<el-icon class="elView" v-if="proviteData?.powerQualityReport.name">
<View @click="openFile(proviteData?.powerQualityReport.name)" />
</el-icon>
<a :href="proviteData?.powerQualityReport.url">{{ proviteData?.powerQualityReport.name }}</a>
<span @click="openFile(proviteData?.powerQualityReport.name)">预览</span>
</template>
</details_item>
<details_item v-if="proviteData?.additionalAttachments.url">
<template #label>其他附件</template>
<template #content>
<el-icon>
<Link />
<el-icon class="elView" v-if="proviteData?.additionalAttachments.name">
<View @click="openFile(proviteData?.additionalAttachments.name)" />
</el-icon>
<a :href="proviteData?.additionalAttachments.url">{{ proviteData?.additionalAttachments.name }}</a>
<span @click="openFile(proviteData?.additionalAttachments.name)">预览</span>
</template>
</details_item>
<el-divider content-position="left">{{ applyTitle + '填报信息' }}</el-divider>
@@ -385,9 +381,10 @@
<details_item v-if="proviteData?.otherReport && proviteData?.otherReport.url">
<template #label>{{ applyTitle + '报告' }}</template>
<template #content>
<el-icon><Link /></el-icon>
<el-icon class="elView" v-if="proviteData?.otherReport.name">
<View @click="openFile(proviteData?.otherReport.nam)" />
</el-icon>
<a :href="proviteData?.otherReport.url">{{ proviteData?.otherReport.name }}</a>
<span @click="openFile(proviteData?.otherReport.name)">预览</span>
</template>
</details_item>
</div>
@@ -401,7 +398,7 @@ import { getUserReportById } from '@/api/supervision-boot/userReport/form'
import { getDictTreeById } from '@/api/system-boot/dictTree'
import { useDictData } from '@/stores/dictData'
import { getFileNameAndFilePath } from '@/api/system-boot/file'
import { Link } from '@element-plus/icons-vue'
import { Link, View } from '@element-plus/icons-vue'
import { userReportGoNetById } from '@/api/supervision-boot/interfere'
import details_item from './components/detailsItem.vue'
defineOptions({ name: 'BpmUserReportDetail' })
@@ -664,4 +661,8 @@ onMounted(() => {
display: flex;
flex-wrap: wrap;
}
.elView {
cursor: pointer;
margin-right: 5px;
}
</style>