详情页面 修改
This commit is contained in:
zhujiyan
@@ -1,96 +1,97 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class='default-main'>
|
<div class="default-main">
|
||||||
<el-descriptions :column='2' border>
|
<el-descriptions :column="2" border>
|
||||||
<el-descriptions-item label='填报人'>
|
<el-descriptions-item label="填报人">
|
||||||
{{ detailData.reporter }}
|
{{ detailData.reporter }}
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label='填报日期'>
|
<el-descriptions-item label="填报日期">
|
||||||
{{ formatDate(detailData.reportDate, 'YYYY-MM-DD') }}
|
{{ formatDate(detailData.reportDate, 'YYYY-MM-DD') }}
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label='填报部门'>
|
<el-descriptions-item label="填报部门">
|
||||||
{{ detailData.orgName }}
|
{{ detailData.orgName }}
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label='工程投产日期'>
|
<el-descriptions-item label="工程投产日期">
|
||||||
{{ formatDate(detailData.expectedProductionDate, 'YYYY-MM-DD') }}
|
{{ formatDate(detailData.expectedProductionDate, 'YYYY-MM-DD') }}
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label='所属地市'>
|
<!-- <el-descriptions-item label="所属地市">
|
||||||
{{ detailData.city }}
|
{{ detailData.city }}
|
||||||
</el-descriptions-item>
|
</el-descriptions-item> -->
|
||||||
<el-descriptions-item label='用户状态'>
|
<el-descriptions-item label="用户状态">
|
||||||
{{
|
{{
|
||||||
userStateList.find(item => {
|
userStateList.find(item => {
|
||||||
return item.value == detailData.userStatus
|
return item.value == detailData.userStatus
|
||||||
})?.label
|
})?.label
|
||||||
}}
|
}}
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label='工程名'>
|
<el-descriptions-item label="工程名">
|
||||||
{{ detailData.projectName }}
|
{{ detailData.userName }}
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<!--文件地址-->>
|
<!--文件地址-->
|
||||||
<el-descriptions-item label='终端台账信息'>
|
>
|
||||||
|
<el-descriptions-item label="终端台账信息" v-if="detailData.lineFilePath">
|
||||||
<el-icon>
|
<el-icon>
|
||||||
<Link />
|
<Link />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<a :href='proviteData?.preliminaryDesignDescription.url'>
|
<a :href="detailData?.lineFilePath.url">
|
||||||
{{ proviteData?.preliminaryDesignDescription.name }}
|
{{ detailData?.lineFilePath.name }}
|
||||||
</a>
|
</a>
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label='监测点台账信息'>
|
<el-descriptions-item label="监测点台账信息" v-if="detailData.factoryInspectionReport">
|
||||||
<el-icon>
|
<el-icon>
|
||||||
<Link />
|
<Link />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<a :href='proviteData?.predictionEvaluationReport.url'>
|
<a :href="detailData?.factoryInspectionReport.url">
|
||||||
{{ proviteData?.predictionEvaluationReport.name }}
|
{{ detailData?.factoryInspectionReport.name }}
|
||||||
</a>
|
</a>
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label='验收检验报告单'>
|
<el-descriptions-item label="验收检验报告单" v-if="detailData?.informationSecurityTestReport">
|
||||||
<el-icon>
|
<el-icon>
|
||||||
<Link />
|
<Link />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<a :href='proviteData?.predictionEvaluationReviewOpinions.url'>
|
<a :href="detailData?.informationSecurityTestReport.url">
|
||||||
{{ proviteData?.predictionEvaluationReviewOpinions.name }}
|
{{ detailData?.informationSecurityTestReport.name }}
|
||||||
</a>
|
</a>
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label='验收检验报告'>
|
<el-descriptions-item label="验收检验报告" v-if="detailData?.otherAttachments">
|
||||||
<el-icon>
|
<el-icon>
|
||||||
<Link />
|
<Link />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<a :href='proviteData?.sensitiveDevices.url'>{{ proviteData?.sensitiveDevices.name }}</a>
|
<a :href="detailData?.otherAttachments.url">{{ detailData?.otherAttachments.name }}</a>
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label='型式实验报告'>
|
<el-descriptions-item label="型式实验报告" v-if="detailData?.performanceTestReport">
|
||||||
<el-icon>
|
<el-icon>
|
||||||
<Link />
|
<Link />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<a :href='proviteData?.antiInterferenceReport.url'>{{ proviteData?.antiInterferenceReport.name }}</a>
|
<a :href="detailData?.performanceTestReport.url">{{ detailData?.performanceTestReport.name }}</a>
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label='出厂检验报告'>
|
<el-descriptions-item label="出厂检验报告" v-if="detailData?.typeExperimentReport">
|
||||||
<el-icon>
|
<el-icon>
|
||||||
<Link />
|
<Link />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<a :href='proviteData?.powerQualityReport.url'>{{ proviteData?.powerQualityReport.name }}</a>
|
<a :href="detailData?.typeExperimentReport.url">{{ detailData?.typeExperimentReport.name }}</a>
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label='性能检测报告'>
|
<el-descriptions-item label="性能检测报告" v-if="detailData?.performanceTestReport">
|
||||||
<el-icon>
|
<el-icon>
|
||||||
<Link />
|
<Link />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<a :href='proviteData?.antiInterferenceReport.url'>{{ proviteData?.antiInterferenceReport.name }}</a>
|
<a :href="detailData?.performanceTestReport.url">{{ detailData?.performanceTestReport.name }}</a>
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label='信息安全检测报告'>
|
<el-descriptions-item label="信息安全检测报告" v-if="detailData?.typeExperimentReport">
|
||||||
<el-icon>
|
<el-icon>
|
||||||
<Link />
|
<Link />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<a :href='proviteData?.powerQualityReport.url'>{{ proviteData?.powerQualityReport.name }}</a>
|
<a :href="detailData?.typeExperimentReport.url">{{ detailData?.typeExperimentReport.name }}</a>
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label='其他附件'>
|
<el-descriptions-item label="其他附件" v-if="detailData?.additionalAttachments">
|
||||||
<el-icon>
|
<el-icon>
|
||||||
<Link />
|
<Link />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<a :href='proviteData?.additionalAttachments.url'>{{ proviteData?.additionalAttachments.name }}</a>
|
<a :href="detailData?.additionalAttachments.url">{{ detailData?.additionalAttachments.name }}</a>
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
</el-descriptions>
|
</el-descriptions>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script lang='ts' setup>
|
<script lang="ts" setup>
|
||||||
import { onMounted, ref, reactive } from 'vue'
|
import { onMounted, ref, reactive } from 'vue'
|
||||||
import { useRoute } from 'vue-router'
|
import { useRoute } from 'vue-router'
|
||||||
import { formatDate } from '@/utils/formatTime'
|
import { formatDate } from '@/utils/formatTime'
|
||||||
@@ -179,151 +180,128 @@ const getInfo = async () => {
|
|||||||
detailLoading.value = true
|
detailLoading.value = true
|
||||||
try {
|
try {
|
||||||
await getTerminalDetailsById({ id: props.id || queryId }).then(res => {
|
await getTerminalDetailsById({ id: props.id || queryId }).then(res => {
|
||||||
detailData.value = res.data
|
detailData.value = res.data;
|
||||||
getProviteData()
|
console.log(detailData.value,"+++++++++")
|
||||||
|
getFileName()
|
||||||
})
|
})
|
||||||
} finally {
|
} finally {
|
||||||
detailLoading.value = false
|
detailLoading.value = false
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
const proviteData = ref()
|
|
||||||
//判断userType选择取用的对象
|
//判断userType选择取用的对象
|
||||||
const getProviteData = async () => {
|
const getFileName = async () => {
|
||||||
if (detailData.value.userType == '0' || detailData.value.userType == '1') {
|
//验收检验报告
|
||||||
proviteData.value = detailData.value.userReportProjectPO
|
if (detailData.value.acceptanceInspectionReport) {
|
||||||
//查询非线性设备类型
|
await getFileNamePath(detailData.value.acceptanceInspectionReport, 'acceptanceInspectionReport')
|
||||||
await getDictTreeById(proviteData.value.nonlinearDeviceType).then(res => {
|
|
||||||
console.log(res, '==========')
|
|
||||||
proviteData.value.nonlinearDeviceType = res.data?.name
|
|
||||||
})
|
|
||||||
} else if (
|
|
||||||
detailData.value.userType == '2' ||
|
|
||||||
detailData.value.userType == '3' ||
|
|
||||||
detailData.value.userType == '4' ||
|
|
||||||
detailData.value.userType == '5'
|
|
||||||
) {
|
|
||||||
proviteData.value = detailData.value.userReportSubstationPO
|
|
||||||
//查询非线性负荷类型
|
|
||||||
await getDictTreeById(proviteData.value.nonlinearLoadType).then(res => {
|
|
||||||
console.log(res, '==========')
|
|
||||||
proviteData.value.nonlinearLoadType = res.data?.name
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
proviteData.value = detailData.value.userReportSensitivePO
|
|
||||||
}
|
}
|
||||||
console.log(proviteData.value, '++++++++++++proviteData.evaluationType')
|
//验收检验报告单
|
||||||
//可研报告
|
if (detailData.value.acceptanceInspectionReportSingle) {
|
||||||
if (proviteData.value.feasibilityReport) {
|
await getFileNamePath(detailData.value.acceptanceInspectionReportSingle, 'acceptanceInspectionReportSingle')
|
||||||
await getFileNamePath(proviteData.value.feasibilityReport, 'feasibilityReport')
|
|
||||||
}
|
}
|
||||||
//终端台账信息
|
//出厂检验报告
|
||||||
if (proviteData.value.preliminaryDesignDescription) {
|
if (detailData.value.factoryInspectionReport) {
|
||||||
await getFileNamePath(proviteData.value.preliminaryDesignDescription, 'preliminaryDesignDescription')
|
await getFileNamePath(detailData.value.factoryInspectionReport, 'factoryInspectionReport')
|
||||||
}
|
|
||||||
//预测评估报告
|
|
||||||
if (proviteData.value.predictionEvaluationReport) {
|
|
||||||
await getFileNamePath(proviteData.value.predictionEvaluationReport, 'predictionEvaluationReport')
|
|
||||||
}
|
}
|
||||||
|
|
||||||
//预测评估评审意见报告
|
//信息安全检测报告
|
||||||
if (proviteData.value.predictionEvaluationReviewOpinions) {
|
if (detailData.value.informationSecurityTestReport) {
|
||||||
await getFileNamePath(
|
await getFileNamePath(
|
||||||
proviteData.value.predictionEvaluationReviewOpinions,
|
detailData.value.informationSecurityTestReport,
|
||||||
'predictionEvaluationReviewOpinions'
|
'informationSecurityTestReport'
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
//用户接入变电站主接线示意图
|
//监测点台账信息
|
||||||
if (proviteData.value.substationMainWiringDiagram) {
|
if (detailData.value.lineFilePath) {
|
||||||
await getFileNamePath(proviteData.value.substationMainWiringDiagram, 'substationMainWiringDiagram')
|
await getFileNamePath(detailData.value.lineFilePath, 'lineFilePath')
|
||||||
}
|
|
||||||
|
|
||||||
//主要敏感设备清单
|
|
||||||
if (proviteData.value.sensitiveDevices) {
|
|
||||||
await getFileNamePath(proviteData.value.sensitiveDevices, 'sensitiveDevices')
|
|
||||||
}
|
|
||||||
|
|
||||||
//抗扰度测试报告
|
|
||||||
if (proviteData.value.antiInterferenceReport) {
|
|
||||||
await getFileNamePath(proviteData.value.antiInterferenceReport, 'antiInterferenceReport')
|
|
||||||
}
|
|
||||||
|
|
||||||
//背景电能质量测试报告
|
|
||||||
if (proviteData.value.powerQualityReport) {
|
|
||||||
await getFileNamePath(proviteData.value.powerQualityReport, 'powerQualityReport')
|
|
||||||
}
|
}
|
||||||
|
|
||||||
//其他附件
|
//其他附件
|
||||||
if (proviteData.value.additionalAttachments) {
|
if (detailData.value.otherAttachments) {
|
||||||
getFileNamePath(proviteData.value.additionalAttachments, 'additionalAttachments')
|
await getFileNamePath(detailData.value.otherAttachments, 'otherAttachments')
|
||||||
}
|
}
|
||||||
|
|
||||||
|
//性能检测报告
|
||||||
|
if (detailData.value.performanceTestReport) {
|
||||||
|
await getFileNamePath(detailData.value.performanceTestReport, 'performanceTestReport')
|
||||||
|
}
|
||||||
|
|
||||||
|
//型式实验报告
|
||||||
|
if (detailData.value.typeExperimentReport) {
|
||||||
|
await getFileNamePath(detailData.value.typeExperimentReport, 'typeExperimentReport')
|
||||||
|
}
|
||||||
|
|
||||||
|
//其他附件
|
||||||
|
// if (detailData.value.additionalAttachments) {
|
||||||
|
// getFileNamePath(detailData.value.additionalAttachments, 'additionalAttachments')
|
||||||
|
// }
|
||||||
}
|
}
|
||||||
//根据文件名请求
|
//根据文件名请求
|
||||||
const getFileNamePath = async (val: any, pathName: any) => {
|
const getFileNamePath = async (val: any, pathName: any) => {
|
||||||
await getFileNameAndFilePath({ filePath: val }).then(res => {
|
await getFileNameAndFilePath({ filePath: val }).then(res => {
|
||||||
console.log(111111111)
|
console.log(111111111)
|
||||||
if (res.data && res.data.name && res.data.url) {
|
if (res.data ) {
|
||||||
//可研报告
|
//可研报告
|
||||||
if (pathName == 'feasibilityReport' && proviteData.value.feasibilityReport) {
|
if (pathName == 'acceptanceInspectionReport' && detailData.value.acceptanceInspectionReport) {
|
||||||
proviteData.value.feasibilityReport = {
|
detailData.value.acceptanceInspectionReport = {
|
||||||
name: res.data.fileName,
|
name: res.data.fileName,
|
||||||
url: res.data.url
|
url: res.data.url
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
//终端台账信息
|
//终端台账信息
|
||||||
else if (pathName == 'preliminaryDesignDescription' && proviteData.value.preliminaryDesignDescription) {
|
else if (pathName == 'acceptanceInspectionReportSingle' && detailData.value.acceptanceInspectionReportSingle) {
|
||||||
proviteData.value.preliminaryDesignDescription = {
|
detailData.value.acceptanceInspectionReportSingle = {
|
||||||
name: res.data.fileName,
|
name: res.data.fileName,
|
||||||
url: res.data.url
|
url: res.data.url
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
//预测评估报告
|
//预测评估报告
|
||||||
else if (pathName == 'predictionEvaluationReport' && proviteData.value.predictionEvaluationReport) {
|
else if (pathName == 'factoryInspectionReport' && detailData.value.factoryInspectionReport) {
|
||||||
proviteData.value.predictionEvaluationReport = {
|
detailData.value.factoryInspectionReport = {
|
||||||
name: res.data.fileName,
|
name: res.data.fileName,
|
||||||
url: res.data.url
|
url: res.data.url
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
//预测评估评审意见报告
|
//预测评估评审意见报告
|
||||||
else if (
|
else if (
|
||||||
pathName == 'predictionEvaluationReviewOpinions' &&
|
pathName == 'informationSecurityTestReport' &&
|
||||||
proviteData.value.predictionEvaluationReviewOpinions
|
detailData.value.informationSecurityTestReport
|
||||||
) {
|
) {
|
||||||
proviteData.value.predictionEvaluationReviewOpinions = {
|
detailData.value.informationSecurityTestReport = {
|
||||||
name: res.data.fileName,
|
name: res.data.fileName,
|
||||||
url: res.data.url
|
url: res.data.url
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
//用户接入变电站主接线示意图
|
//用户接入变电站主接线示意图
|
||||||
else if (pathName == 'substationMainWiringDiagram' && proviteData.value.substationMainWiringDiagram) {
|
else if (pathName == 'lineFilePath' && detailData.value.lineFilePath) {
|
||||||
proviteData.value.substationMainWiringDiagram = {
|
detailData.value.lineFilePath = {
|
||||||
name: res.data.fileName,
|
name: res.data.fileName,
|
||||||
url: res.data.url
|
url: res.data.url
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
//主要敏感设备清单
|
//主要敏感设备清单
|
||||||
else if (pathName == 'sensitiveDevices' && proviteData.value.sensitiveDevices) {
|
else if (pathName == 'otherAttachments' && detailData.value.otherAttachments) {
|
||||||
proviteData.value.sensitiveDevices = {
|
detailData.value.otherAttachments = {
|
||||||
name: res.data.fileName,
|
name: res.data.fileName,
|
||||||
url: res.data.url
|
url: res.data.url
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
//抗扰度测试报告
|
//抗扰度测试报告
|
||||||
else if (pathName == 'antiInterferenceReport' && proviteData.value.antiInterferenceReport) {
|
else if (pathName == 'performanceTestReport' && detailData.value.performanceTestReport) {
|
||||||
proviteData.value.antiInterferenceReport = {
|
detailData.value.performanceTestReport = {
|
||||||
name: res.data.fileName,
|
name: res.data.fileName,
|
||||||
url: res.data.url
|
url: res.data.url
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
//背景电能质量测试报告
|
//背景电能质量测试报告
|
||||||
else if (pathName == 'powerQualityReport' && proviteData.value.powerQualityReport) {
|
else if (pathName == 'typeExperimentReport' && detailData.value.typeExperimentReport) {
|
||||||
proviteData.value.powerQualityReport = {
|
detailData.value.typeExperimentReport = {
|
||||||
name: res.data.fileName,
|
name: res.data.fileName,
|
||||||
url: res.data.url
|
url: res.data.url
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
//其他附件
|
//其他附件
|
||||||
else if (pathName == 'additionalAttachments' && proviteData.value.additionalAttachments) {
|
else if (pathName == 'additionalAttachments' && detailData.value.additionalAttachments) {
|
||||||
proviteData.value.additionalAttachments = {
|
detailData.value.additionalAttachments = {
|
||||||
name: res.data.fileName,
|
name: res.data.fileName,
|
||||||
url: res.data.url
|
url: res.data.url
|
||||||
}
|
}
|
||||||
@@ -338,7 +316,7 @@ onMounted(() => {
|
|||||||
getInfo()
|
getInfo()
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
<style lang='scss'>
|
<style lang="scss">
|
||||||
.default-main {
|
.default-main {
|
||||||
height: calc(100vh - 100px);
|
height: calc(100vh - 100px);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
|
|||||||
Reference in New Issue
Block a user