修改 预览展示页面
This commit is contained in:
@@ -21,13 +21,12 @@
|
|||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label="文件">
|
<el-descriptions-item label="文件">
|
||||||
<div v-for="(item, index) in aList">
|
<div v-for="(item, index) in aList">
|
||||||
<el-icon>
|
<el-icon class="elView" v-if="item?.fileName">
|
||||||
<Link />
|
<View @click="openFile(item?.fileName)" />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<a :href="item.url">
|
<a :href="item.url">
|
||||||
{{ item.fileName }}
|
{{ item.fileName }}
|
||||||
</a>
|
</a>
|
||||||
<span @click="openFile(item.fileName)">预览</span>
|
|
||||||
</div>
|
</div>
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
</el-descriptions>
|
</el-descriptions>
|
||||||
@@ -61,7 +60,7 @@ import { querySurveyDetail } from '@/api/process-boot/generalTest'
|
|||||||
import { getFileNameAndFilePath } from '@/api/system-boot/file'
|
import { getFileNameAndFilePath } from '@/api/system-boot/file'
|
||||||
import { defaultAttribute } from '@/components/table/defaultAttribute'
|
import { defaultAttribute } from '@/components/table/defaultAttribute'
|
||||||
import { useDictData } from '@/stores/dictData'
|
import { useDictData } from '@/stores/dictData'
|
||||||
import { Link } from '@element-plus/icons-vue'
|
import { Link, View } from '@element-plus/icons-vue'
|
||||||
const { query } = useRoute() // 查询参数
|
const { query } = useRoute() // 查询参数
|
||||||
const openFile = (name: any) => {
|
const openFile = (name: any) => {
|
||||||
window.open(window.location.origin + '/#/previewFile?' + name)
|
window.open(window.location.origin + '/#/previewFile?' + name)
|
||||||
@@ -150,3 +149,9 @@ onMounted(() => {
|
|||||||
getInfo()
|
getInfo()
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.elView {
|
||||||
|
cursor: pointer;
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|||||||
@@ -1,69 +1,68 @@
|
|||||||
<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?.planName }}
|
{{ detailData?.planName }}
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label='计划负责单位'>
|
<el-descriptions-item label="计划负责单位">
|
||||||
{{ detailData?.deptName }}
|
{{ detailData?.deptName }}
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label='监督类型'>
|
<el-descriptions-item label="监督类型">
|
||||||
{{
|
{{
|
||||||
supvTypeList.find(item => {
|
supvTypeList.find(item => {
|
||||||
return item.id == detailData?.supvType
|
return item.id == detailData?.supvType
|
||||||
})?.name
|
})?.name
|
||||||
}}
|
}}
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label='监督对象名称'>
|
<el-descriptions-item label="监督对象名称">
|
||||||
{{ detailData?.supvObjectName }}
|
{{ detailData?.supvObjectName }}
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label='计划开始时间'>
|
<el-descriptions-item label="计划开始时间">
|
||||||
{{ detailData?.planStartTime }}
|
{{ detailData?.planStartTime }}
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label='计划结束时间'>
|
<el-descriptions-item label="计划结束时间">
|
||||||
{{ detailData?.planEndTime }}
|
{{ detailData?.planEndTime }}
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label='变电站'>
|
<el-descriptions-item label="变电站">
|
||||||
{{ detailData?.substationName }}
|
{{ detailData?.substationName }}
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label='变电站电压等级'>
|
<el-descriptions-item label="变电站电压等级">
|
||||||
{{ detailData?.voltageLevel }}
|
{{ detailData?.voltageLevel }}
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label='变电站来源'>
|
<el-descriptions-item label="变电站来源">
|
||||||
{{ detailData?.voltageLevel == '/' ? '自定义变电站' : '系统内台账变电站' }}
|
{{ detailData?.voltageLevel == '/' ? '自定义变电站' : '系统内台账变电站' }}
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label='实际完成时间'>
|
<el-descriptions-item label="实际完成时间">
|
||||||
{{ detailData?.completeTime }}
|
{{ detailData?.completeTime }}
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label='负责人'>
|
<el-descriptions-item label="负责人">
|
||||||
{{ detailData?.completeBy }}
|
{{ detailData?.completeBy }}
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label='是否有问题'>
|
<el-descriptions-item label="是否有问题">
|
||||||
<el-tag :type='getProblemFlag(detailData?.problemFlag)'>
|
<el-tag :type="getProblemFlag(detailData?.problemFlag)">
|
||||||
{{ getProblemFlagDetail(detailData?.problemFlag) }}
|
{{ getProblemFlagDetail(detailData?.problemFlag) }}
|
||||||
</el-tag>
|
</el-tag>
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item v-if='detailData?.problemFlag == 1' :span='2' label='问题描述'>
|
<el-descriptions-item v-if="detailData?.problemFlag == 1" :span="2" label="问题描述">
|
||||||
{{ detailData?.problemDetail }}
|
{{ detailData?.problemDetail }}
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
|
|
||||||
<el-descriptions-item :span='2' label='测试报告'>
|
<el-descriptions-item :span="2" label="测试报告">
|
||||||
<el-icon>
|
<el-icon class="elView" v-if="detailData?.testReportName">
|
||||||
<Link />
|
<View @click="openFile(detailData?.testReportName)" />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<a :href='detailData.testReport' target='_blank'>{{ detailData.testReportName }}</a>
|
<a :href="detailData.testReport" target="_blank">{{ detailData.testReportName }}</a>
|
||||||
<span @click="openFile(detailData.testReportName )">预览</span>
|
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
|
|
||||||
<el-descriptions-item label='流程状态'>
|
<el-descriptions-item label="流程状态">
|
||||||
<el-tag :type='getDeviceStatusType(detailData?.status)'>
|
<el-tag :type="getDeviceStatusType(detailData?.status)">
|
||||||
{{ getDeviceStatus(detailData?.status) }}
|
{{ getDeviceStatus(detailData?.status) }}
|
||||||
</el-tag>
|
</el-tag>
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
</el-descriptions>
|
</el-descriptions>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script setup lang='ts'>
|
<script setup lang="ts">
|
||||||
import { onMounted, ref } from 'vue'
|
import { onMounted, ref } from 'vue'
|
||||||
import { useDictData } from '@/stores/dictData'
|
import { useDictData } from '@/stores/dictData'
|
||||||
const dictData = useDictData()
|
const dictData = useDictData()
|
||||||
@@ -73,7 +72,7 @@ import { propTypes } from '@/utils/propTypes'
|
|||||||
import { defaultAttribute } from '@/components/table/defaultAttribute'
|
import { defaultAttribute } from '@/components/table/defaultAttribute'
|
||||||
import { getTestById } from '@/api/supervision-boot/survey/test'
|
import { getTestById } from '@/api/supervision-boot/survey/test'
|
||||||
import { getFileNameAndFilePath } from '@/api/system-boot/file'
|
import { getFileNameAndFilePath } from '@/api/system-boot/file'
|
||||||
import { Link } from '@element-plus/icons-vue'
|
import { Link ,View} from '@element-plus/icons-vue'
|
||||||
const openFile = (name: any) => {
|
const openFile = (name: any) => {
|
||||||
window.open(window.location.origin + '/#/previewFile?' + name)
|
window.open(window.location.origin + '/#/previewFile?' + name)
|
||||||
}
|
}
|
||||||
@@ -99,7 +98,6 @@ const getInfo = async () => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const getFileData = async () => {
|
const getFileData = async () => {
|
||||||
|
|
||||||
await getFileNameAndFilePath({ filePath: detailData.value.testReport }).then(res => {
|
await getFileNameAndFilePath({ filePath: detailData.value.testReport }).then(res => {
|
||||||
detailData.value.testReport = res.data.url
|
detailData.value.testReport = res.data.url
|
||||||
detailData.value.testReportName = res.data.fileName
|
detailData.value.testReportName = res.data.fileName
|
||||||
@@ -120,7 +118,6 @@ const getProblemFlag = (status: number) => {
|
|||||||
return 'success'
|
return 'success'
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
const getDeviceStatus = (status: number) => {
|
const getDeviceStatus = (status: number) => {
|
||||||
if (status === 1) {
|
if (status === 1) {
|
||||||
return '审批中'
|
return '审批中'
|
||||||
@@ -153,7 +150,6 @@ const getDeviceStatusType = (status: number) => {
|
|||||||
return 'success'
|
return 'success'
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
const formatterSource = (row: any) => {
|
const formatterSource = (row: any) => {
|
||||||
if (row.column.field == 'dataSource') {
|
if (row.column.field == 'dataSource') {
|
||||||
if (row.cellValue == 0) {
|
if (row.cellValue == 0) {
|
||||||
@@ -166,7 +162,6 @@ const formatterSource = (row: any) => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
defineExpose({ open: getInfo }) // 提供 open 方法,用于打开弹窗
|
defineExpose({ open: getInfo }) // 提供 open 方法,用于打开弹窗
|
||||||
|
|
||||||
/** 初始化 **/
|
/** 初始化 **/
|
||||||
@@ -174,3 +169,9 @@ onMounted(() => {
|
|||||||
getInfo()
|
getInfo()
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.elView {
|
||||||
|
cursor: pointer;
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -251,10 +251,12 @@
|
|||||||
<details_item>
|
<details_item>
|
||||||
<template #label>可研报告</template>
|
<template #label>可研报告</template>
|
||||||
<template #content>
|
<template #content>
|
||||||
|
|
||||||
<span v-if="detailData.userType == 0 || detailData.userType == 1">
|
<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>
|
<a :href="proviteData.feasibilityReport.url">{{ proviteData.feasibilityReport.name }}</a>
|
||||||
<span @click="openFile(proviteData?.feasibilityReport.name)">预览</span>
|
|
||||||
</span>
|
</span>
|
||||||
<span
|
<span
|
||||||
v-if="
|
v-if="
|
||||||
@@ -264,103 +266,97 @@
|
|||||||
detailData.userType == 5
|
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>
|
<a :href="proviteData.feasibilityReport.url">{{ proviteData.feasibilityReport.name }}</a>
|
||||||
<span @click="openFile(proviteData?.feasibilityReport.name)">预览</span>
|
|
||||||
</span>
|
</span>
|
||||||
<span v-if="detailData.userType == 6">
|
<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>
|
<a :href="proviteData.feasibilityReport.url">{{ proviteData.feasibilityReport.name }}</a>
|
||||||
<span @click="openFile(proviteData?.feasibilityReport.name)">预览</span>
|
|
||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
</details_item>
|
</details_item>
|
||||||
<details_item>
|
<details_item>
|
||||||
<template #label>项目初步设计说明书</template>
|
<template #label>项目初步设计说明书</template>
|
||||||
<template #content>
|
<template #content>
|
||||||
<el-icon>
|
<el-icon class="elView" v-if="proviteData?.preliminaryDesignDescription.name">
|
||||||
<Link />
|
<View @click="openFile(proviteData?.preliminaryDesignDescription.name)" />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<a :href="proviteData?.preliminaryDesignDescription.url">
|
<a :href="proviteData?.preliminaryDesignDescription.url">
|
||||||
{{ proviteData?.preliminaryDesignDescription.name }}
|
{{ proviteData?.preliminaryDesignDescription.name }}
|
||||||
</a>
|
</a>
|
||||||
<span @click="openFile(proviteData?.preliminaryDesignDescription.name)">预览</span>
|
|
||||||
</template>
|
</template>
|
||||||
</details_item>
|
</details_item>
|
||||||
<details_item>
|
<details_item>
|
||||||
<template #label>预测评估报告</template>
|
<template #label>预测评估报告</template>
|
||||||
<template #content>
|
<template #content>
|
||||||
<el-icon>
|
<el-icon class="elView" v-if="proviteData?.predictionEvaluationReport.name">
|
||||||
<Link />
|
<View @click="openFile(proviteData?.predictionEvaluationReport.name)" />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<a :href="proviteData?.predictionEvaluationReport.url">
|
<a :href="proviteData?.predictionEvaluationReport.url">
|
||||||
{{ proviteData?.predictionEvaluationReport.name }}
|
{{ proviteData?.predictionEvaluationReport.name }}
|
||||||
</a>
|
</a>
|
||||||
<span @click="openFile(proviteData?.predictionEvaluationReport.name)">预览</span>
|
|
||||||
</template>
|
</template>
|
||||||
</details_item>
|
</details_item>
|
||||||
<details_item>
|
<details_item>
|
||||||
<template #label>预测评估评审意见报告</template>
|
<template #label>预测评估评审意见报告</template>
|
||||||
<template #content>
|
<template #content>
|
||||||
<el-icon>
|
<el-icon class="elView" v-if="proviteData?.predictionEvaluationReviewOpinions.name">
|
||||||
<Link />
|
<View @click="openFile(proviteData?.predictionEvaluationReviewOpinions.name)" />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<a :href="proviteData?.predictionEvaluationReviewOpinions.url">
|
<a :href="proviteData?.predictionEvaluationReviewOpinions.url">
|
||||||
{{ proviteData?.predictionEvaluationReviewOpinions.name }}
|
{{ proviteData?.predictionEvaluationReviewOpinions.name }}
|
||||||
</a>
|
</a>
|
||||||
<span @click="openFile(proviteData?.predictionEvaluationReviewOpinions.name)">预览</span>
|
|
||||||
</template>
|
</template>
|
||||||
</details_item>
|
</details_item>
|
||||||
<details_item v-if="detailData.userType != 0 && detailData.userType != 1">
|
<details_item v-if="detailData.userType != 0 && detailData.userType != 1">
|
||||||
<template #label>用户接入变电站主接线示意图</template>
|
<template #label>用户接入变电站主接线示意图</template>
|
||||||
<template #content>
|
<template #content>
|
||||||
<el-icon>
|
<el-icon class="elView" v-if="proviteData?.substationMainWiringDiagram.name">
|
||||||
<Link />
|
<View @click="openFile(proviteData?.substationMainWiringDiagram.name)" />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<a :href="proviteData?.substationMainWiringDiagram.url" target="_blank">
|
<a :href="proviteData?.substationMainWiringDiagram.url" target="_blank">
|
||||||
{{ proviteData?.substationMainWiringDiagram.name }}
|
{{ proviteData?.substationMainWiringDiagram.name }}
|
||||||
</a>
|
</a>
|
||||||
<span @click="openFile(proviteData?.substationMainWiringDiagram.name)">预览</span>
|
|
||||||
</template>
|
</template>
|
||||||
</details_item>
|
</details_item>
|
||||||
<details_item v-if="detailData.userType == 6">
|
<details_item v-if="detailData.userType == 6">
|
||||||
<template #label>主要敏感终端清单</template>
|
<template #label>主要敏感终端清单</template>
|
||||||
<template #content>
|
<template #content>
|
||||||
<el-icon>
|
<el-icon class="elView" v-if="proviteData?.sensitiveDevices.name">
|
||||||
<Link />
|
<View @click="openFile(proviteData?.sensitiveDevices.name)" />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<a :href="proviteData?.sensitiveDevices.url">{{ proviteData?.sensitiveDevices.name }}</a>
|
<a :href="proviteData?.sensitiveDevices.url">{{ proviteData?.sensitiveDevices.name }}</a>
|
||||||
<span @click="openFile(proviteData?.sensitiveDevices.name)">预览</span>
|
|
||||||
</template>
|
</template>
|
||||||
</details_item>
|
</details_item>
|
||||||
<details_item v-if="detailData.userType == 6">
|
<details_item v-if="detailData.userType == 6">
|
||||||
<template #label>抗扰度测试报告</template>
|
<template #label>抗扰度测试报告</template>
|
||||||
<template #content>
|
<template #content>
|
||||||
<el-icon>
|
<el-icon class="elView" v-if="proviteData?.antiInterferenceReport.name">
|
||||||
<Link />
|
<View @click="openFile(proviteData?.antiInterferenceReport.name)" />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<a :href="proviteData?.antiInterferenceReport.url">{{ proviteData?.antiInterferenceReport.name }}</a>
|
<a :href="proviteData?.antiInterferenceReport.url">{{ proviteData?.antiInterferenceReport.name }}</a>
|
||||||
<span @click="openFile(proviteData?.antiInterferenceReport.name)">预览</span>
|
|
||||||
</template>
|
</template>
|
||||||
</details_item>
|
</details_item>
|
||||||
<details_item v-if="detailData.userType == 6">
|
<details_item v-if="detailData.userType == 6">
|
||||||
<template #label>背景电能质量测试报告</template>
|
<template #label>背景电能质量测试报告</template>
|
||||||
<template #content>
|
<template #content>
|
||||||
<el-icon>
|
<el-icon class="elView" v-if="proviteData?.powerQualityReport.name">
|
||||||
<Link />
|
<View @click="openFile(proviteData?.powerQualityReport.name)" />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<a :href="proviteData?.powerQualityReport.url">{{ proviteData?.powerQualityReport.name }}</a>
|
<a :href="proviteData?.powerQualityReport.url">{{ proviteData?.powerQualityReport.name }}</a>
|
||||||
<span @click="openFile(proviteData?.powerQualityReport.name)">预览</span>
|
|
||||||
</template>
|
</template>
|
||||||
</details_item>
|
</details_item>
|
||||||
<details_item v-if="proviteData?.additionalAttachments.url">
|
<details_item v-if="proviteData?.additionalAttachments.url">
|
||||||
<template #label>其他附件</template>
|
<template #label>其他附件</template>
|
||||||
<template #content>
|
<template #content>
|
||||||
<el-icon>
|
<el-icon class="elView" v-if="proviteData?.additionalAttachments.name">
|
||||||
<Link />
|
<View @click="openFile(proviteData?.additionalAttachments.name)" />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<a :href="proviteData?.additionalAttachments.url">{{ proviteData?.additionalAttachments.name }}</a>
|
<a :href="proviteData?.additionalAttachments.url">{{ proviteData?.additionalAttachments.name }}</a>
|
||||||
<span @click="openFile(proviteData?.additionalAttachments.name)">预览</span>
|
|
||||||
</template>
|
</template>
|
||||||
</details_item>
|
</details_item>
|
||||||
<el-divider content-position="left">{{ applyTitle + '填报信息' }}</el-divider>
|
<el-divider content-position="left">{{ applyTitle + '填报信息' }}</el-divider>
|
||||||
@@ -385,9 +381,10 @@
|
|||||||
<details_item v-if="proviteData?.otherReport && proviteData?.otherReport.url">
|
<details_item v-if="proviteData?.otherReport && proviteData?.otherReport.url">
|
||||||
<template #label>{{ applyTitle + '报告' }}</template>
|
<template #label>{{ applyTitle + '报告' }}</template>
|
||||||
<template #content>
|
<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>
|
<a :href="proviteData?.otherReport.url">{{ proviteData?.otherReport.name }}</a>
|
||||||
<span @click="openFile(proviteData?.otherReport.name)">预览</span>
|
|
||||||
</template>
|
</template>
|
||||||
</details_item>
|
</details_item>
|
||||||
</div>
|
</div>
|
||||||
@@ -401,7 +398,7 @@ import { getUserReportById } from '@/api/supervision-boot/userReport/form'
|
|||||||
import { getDictTreeById } from '@/api/system-boot/dictTree'
|
import { getDictTreeById } from '@/api/system-boot/dictTree'
|
||||||
import { useDictData } from '@/stores/dictData'
|
import { useDictData } from '@/stores/dictData'
|
||||||
import { getFileNameAndFilePath } from '@/api/system-boot/file'
|
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 { userReportGoNetById } from '@/api/supervision-boot/interfere'
|
||||||
import details_item from './components/detailsItem.vue'
|
import details_item from './components/detailsItem.vue'
|
||||||
defineOptions({ name: 'BpmUserReportDetail' })
|
defineOptions({ name: 'BpmUserReportDetail' })
|
||||||
@@ -664,4 +661,8 @@ onMounted(() => {
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
.elView {
|
||||||
|
cursor: pointer;
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -207,11 +207,13 @@
|
|||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label="可研报告">
|
<el-descriptions-item label="可研报告">
|
||||||
<span v-if="detailData.userType == 0 || detailData.userType == 1">
|
<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 target="_blank" :href="proviteData.feasibilityReport?.url" rel="nofollow">
|
<a target="_blank" :href="proviteData.feasibilityReport?.url" rel="nofollow">
|
||||||
{{ proviteData.feasibilityReport?.name }}
|
{{ proviteData.feasibilityReport?.name }}
|
||||||
</a>
|
</a>
|
||||||
<span @click="openFile(proviteData.feasibilityReport?.name )">预览</span>
|
|
||||||
</span>
|
</span>
|
||||||
<span
|
<span
|
||||||
v-if="
|
v-if="
|
||||||
@@ -221,97 +223,92 @@
|
|||||||
detailData.userType == 5
|
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 target="_blank" :href="proviteData.feasibilityReport?.url">
|
<a target="_blank" :href="proviteData.feasibilityReport?.url">
|
||||||
{{ proviteData.feasibilityReport?.name }}
|
{{ proviteData.feasibilityReport?.name }}
|
||||||
</a>
|
</a>
|
||||||
<span @click="openFile(proviteData.feasibilityReport?.name )">预览</span>
|
|
||||||
</span>
|
</span>
|
||||||
<span v-if="detailData.userType == 6">
|
<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 target="_blank" :href="proviteData.feasibilityReport?.url">
|
<a target="_blank" :href="proviteData.feasibilityReport?.url">
|
||||||
{{ proviteData.feasibilityReport?.name }}
|
{{ proviteData.feasibilityReport?.name }}
|
||||||
</a>
|
</a>
|
||||||
<span @click="openFile(proviteData.feasibilityReport?.name )">预览</span>
|
|
||||||
</span>
|
</span>
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label="项目初步设计说明书">
|
<el-descriptions-item label="项目初步设计说明书">
|
||||||
<el-icon>
|
<el-icon class="elView" v-if="proviteData?.preliminaryDesignDescription?.name">
|
||||||
<Link />
|
<View @click="openFile(proviteData?.preliminaryDesignDescription?.name)" />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
|
|
||||||
<a target="_blank" :href="proviteData?.preliminaryDesignDescription?.url">
|
<a target="_blank" :href="proviteData?.preliminaryDesignDescription?.url">
|
||||||
{{ proviteData?.preliminaryDesignDescription?.name }}
|
{{ proviteData?.preliminaryDesignDescription?.name }}
|
||||||
</a>
|
</a>
|
||||||
<span @click="openFile(proviteData.preliminaryDesignDescription?.name )">预览</span>
|
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label="预测评估报告">
|
<el-descriptions-item label="预测评估报告">
|
||||||
<el-icon>
|
<el-icon class="elView" v-if="proviteData?.predictionEvaluationReport?.name">
|
||||||
<Link />
|
<View @click="openFile(proviteData?.predictionEvaluationReport?.name)" />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<a target="_blank" :href="proviteData?.predictionEvaluationReport?.url">
|
<a target="_blank" :href="proviteData?.predictionEvaluationReport?.url">
|
||||||
{{ proviteData?.predictionEvaluationReport?.name }}
|
{{ proviteData?.predictionEvaluationReport?.name }}
|
||||||
</a>
|
</a>
|
||||||
<span @click="openFile(proviteData.predictionEvaluationReport?.name )">预览</span>
|
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label="预测评估评审意见报告">
|
<el-descriptions-item label="预测评估评审意见报告">
|
||||||
<el-icon>
|
<el-icon class="elView" v-if="proviteData?.predictionEvaluationReviewOpinions?.name">
|
||||||
<Link />
|
<View @click="openFile(proviteData?.predictionEvaluationReviewOpinions?.name)" />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<a target="_blank" :href="proviteData?.predictionEvaluationReviewOpinions?.url">
|
<a target="_blank" :href="proviteData?.predictionEvaluationReviewOpinions?.url">
|
||||||
{{ proviteData?.predictionEvaluationReviewOpinions?.name }}
|
{{ proviteData?.predictionEvaluationReviewOpinions?.name }}
|
||||||
</a>
|
</a>
|
||||||
<span @click="openFile(proviteData.predictionEvaluationReviewOpinions?.name )">预览</span>
|
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item
|
<el-descriptions-item
|
||||||
label="用户接入变电站主接线示意图"
|
label="用户接入变电站主接线示意图"
|
||||||
v-if="detailData.userType != 0 && detailData.userType != 1"
|
v-if="detailData.userType != 0 && detailData.userType != 1"
|
||||||
>
|
>
|
||||||
<el-icon>
|
<el-icon class="elView" v-if="proviteData?.substationMainWiringDiagram?.name">
|
||||||
<Link />
|
<View @click="openFile(proviteData?.substationMainWiringDiagram?.name)" />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<a target="_blank" :href="proviteData?.substationMainWiringDiagram?.url">
|
<a target="_blank" :href="proviteData?.substationMainWiringDiagram?.url">
|
||||||
{{ proviteData?.substationMainWiringDiagram?.name }}
|
{{ proviteData?.substationMainWiringDiagram?.name }}
|
||||||
</a>
|
</a>
|
||||||
<span @click="openFile(proviteData.substationMainWiringDiagram?.name )">预览</span>
|
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label="主要敏感终端清单" v-if="detailData.userType == 6">
|
<el-descriptions-item label="主要敏感终端清单" v-if="detailData.userType == 6">
|
||||||
<el-icon>
|
<el-icon class="elView" v-if="proviteData?.sensitiveDevices?.name">
|
||||||
<Link />
|
<View @click="openFile(proviteData?.sensitiveDevices?.name)" />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<a target="_blank" :href="proviteData?.sensitiveDevices?.url">
|
<a target="_blank" :href="proviteData?.sensitiveDevices?.url">
|
||||||
{{ proviteData?.sensitiveDevices?.name }}
|
{{ proviteData?.sensitiveDevices?.name }}
|
||||||
</a>
|
</a>
|
||||||
<span @click="openFile(proviteData.sensitiveDevices?.name )">预览</span>
|
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label="抗扰度测试报告" v-if="detailData.userType == 6">
|
<el-descriptions-item label="抗扰度测试报告" v-if="detailData.userType == 6">
|
||||||
<el-icon>
|
<el-icon class="elView" v-if="proviteData?.antiInterferenceReport?.name">
|
||||||
<Link />
|
<View @click="openFile(proviteData?.antiInterferenceReport?.name)" />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<a target="_blank" :href="proviteData?.antiInterferenceReport?.url">
|
<a target="_blank" :href="proviteData?.antiInterferenceReport?.url">
|
||||||
{{ proviteData?.antiInterferenceReport?.name }}
|
{{ proviteData?.antiInterferenceReport?.name }}
|
||||||
</a>
|
</a>
|
||||||
<span @click="openFile(proviteData.antiInterferenceReport?.name )">预览</span>
|
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label="背景电能质量测试报告" v-if="detailData.userType == 6">
|
<el-descriptions-item label="背景电能质量测试报告" v-if="detailData.userType == 6">
|
||||||
<el-icon>
|
<el-icon class="elView" v-if="proviteData?.powerQualityReport?.name">
|
||||||
<Link />
|
<View @click="openFile(proviteData?.powerQualityReport?.name)" />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<a target="_blank" :href="proviteData?.powerQualityReport?.url">
|
<a target="_blank" :href="proviteData?.powerQualityReport?.url">
|
||||||
{{ proviteData?.powerQualityReport?.name }}
|
{{ proviteData?.powerQualityReport?.name }}
|
||||||
</a>
|
</a>
|
||||||
<span @click="openFile(proviteData.powerQualityReport?.name )">预览</span>
|
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item
|
<el-descriptions-item
|
||||||
label="其他附件"
|
label="其他附件"
|
||||||
v-if="proviteData?.additionalAttachments && proviteData?.additionalAttachments?.url"
|
v-if="proviteData?.additionalAttachments && proviteData?.additionalAttachments?.url"
|
||||||
>
|
>
|
||||||
<el-icon>
|
<el-icon class="elView" v-if="proviteData?.additionalAttachments?.name">
|
||||||
<Link />
|
<View @click="openFile(proviteData?.additionalAttachments?.name)" />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<a target="_blank" :href="proviteData?.additionalAttachments?.url">
|
<a target="_blank" :href="proviteData?.additionalAttachments?.url">
|
||||||
{{ proviteData?.additionalAttachments?.name }}
|
{{ proviteData?.additionalAttachments?.name }}
|
||||||
</a>
|
</a>
|
||||||
<span @click="openFile(proviteData.additionalAttachments?.name )">预览</span>
|
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
</el-descriptions>
|
</el-descriptions>
|
||||||
</div>
|
</div>
|
||||||
@@ -325,7 +322,7 @@ import { getUserReportById } from '@/api/supervision-boot/userReport/form'
|
|||||||
import { getDictTreeById } from '@/api/system-boot/dictTree'
|
import { getDictTreeById } from '@/api/system-boot/dictTree'
|
||||||
import { useDictData } from '@/stores/dictData'
|
import { useDictData } from '@/stores/dictData'
|
||||||
import { getFileNameAndFilePath } from '@/api/system-boot/file'
|
import { getFileNameAndFilePath } from '@/api/system-boot/file'
|
||||||
import { Link } from '@element-plus/icons-vue'
|
import { Link, View } from '@element-plus/icons-vue'
|
||||||
import PreviewFile from '@/components/PreviewFile/index.vue'
|
import PreviewFile from '@/components/PreviewFile/index.vue'
|
||||||
defineOptions({ name: 'BpmUserReportDetail' })
|
defineOptions({ name: 'BpmUserReportDetail' })
|
||||||
|
|
||||||
@@ -419,23 +416,23 @@ const getInfo = async () => {
|
|||||||
}
|
}
|
||||||
const proviteData = ref()
|
const proviteData = ref()
|
||||||
//可研报告
|
//可研报告
|
||||||
const feasibilityReportRef = ref(null)
|
const feasibilityReportRef:any = ref(null)
|
||||||
//项目初步设计说明书
|
//项目初步设计说明书
|
||||||
const preliminaryDesignDescriptionRef = ref(null)
|
const preliminaryDesignDescriptionRef:any = ref(null)
|
||||||
//预测评估报告
|
//预测评估报告
|
||||||
const predictionEvaluationReportRef = ref(null)
|
const predictionEvaluationReportRef:any = ref(null)
|
||||||
//预测评估评审意见报告
|
//预测评估评审意见报告
|
||||||
const predictionEvaluationReviewOpinionsRef = ref(null)
|
const predictionEvaluationReviewOpinionsRef:any = ref(null)
|
||||||
//用户接入变电站主接线示意图
|
//用户接入变电站主接线示意图
|
||||||
const substationMainWiringDiagramRef = ref(null)
|
const substationMainWiringDiagramRef:any= ref(null)
|
||||||
//主要敏感终端清单
|
//主要敏感终端清单
|
||||||
const sensitiveDevicesRef = ref(null)
|
const sensitiveDevicesRef:any = ref(null)
|
||||||
//抗扰度测试报告
|
//抗扰度测试报告
|
||||||
const antiInterferenceReportRef = ref(null)
|
const antiInterferenceReportRef:any = ref(null)
|
||||||
//背景电能质量测试报告
|
//背景电能质量测试报告
|
||||||
const powerQualityReportRef = ref(null)
|
const powerQualityReportRef:any = ref(null)
|
||||||
//其他附件
|
//其他附件
|
||||||
const additionalAttachmentsRef = ref(null)
|
const additionalAttachmentsRef:any = ref(null)
|
||||||
//预览
|
//预览
|
||||||
const preview = (val: any, url: any) => {
|
const preview = (val: any, url: any) => {
|
||||||
nextTick(() => {
|
nextTick(() => {
|
||||||
@@ -637,12 +634,16 @@ onMounted(() => {
|
|||||||
position: absolute !important;
|
position: absolute !important;
|
||||||
top: 20px !important;
|
top: 20px !important;
|
||||||
}
|
}
|
||||||
.el-icon {
|
// .el-icon {
|
||||||
float: left;
|
// float: left;
|
||||||
}
|
// }
|
||||||
a {
|
a {
|
||||||
display: block;
|
display: block;
|
||||||
width: 200px;
|
width: 200px;
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
.elView {
|
||||||
|
cursor: pointer;
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -1,46 +1,44 @@
|
|||||||
<template>
|
<template>
|
||||||
<!--工作流view的路径:/pqs/supervise/technology/detail-->
|
<!--工作流view的路径:/pqs/supervise/technology/detail-->
|
||||||
<div class='default-main'>
|
<div class="default-main">
|
||||||
<!-- <h1>详细信息回显</h1>-->
|
<!-- <h1>详细信息回显</h1>-->
|
||||||
<el-descriptions :column='2' border>
|
<el-descriptions :column="2" border>
|
||||||
<el-descriptions-item :label='detailData.leafletType==1?"预警单名称":"告警单名称"'>
|
<el-descriptions-item :label="detailData.leafletType == 1 ? '预警单名称' : '告警单名称'">
|
||||||
{{ detailData.leafletName }}
|
{{ detailData.leafletName }}
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item :label='detailData.leafletType==1?"预警单":"告警单"+"问题来源"'>
|
<el-descriptions-item :label="detailData.leafletType == 1 ? '预警单' : '告警单' + '问题来源'">
|
||||||
{{ getProblemType(detailData.problemType) }}
|
{{ getProblemType(detailData.problemType) }}
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item :span='2' :label='detailData.leafletType==1?"预警单":"告警单"+"问题描述"'>
|
<el-descriptions-item :span="2" :label="detailData.leafletType == 1 ? '预警单' : '告警单' + '问题描述'">
|
||||||
{{ detailData.issueDetail }}
|
{{ detailData.issueDetail }}
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<template v-if='detailData.problemType == 4'>
|
<template v-if="detailData.problemType == 4">
|
||||||
<el-descriptions-item :span='2' label='附件'>
|
<el-descriptions-item :span="2" label="附件">
|
||||||
<el-icon>
|
<el-icon class="elView" v-if="detailData?.problemName">
|
||||||
<Link />
|
<View @click="openFile(detailData?.problemName)" />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<a :href='detailData.problemPath' target='_blank'>{{ detailData.problemName }}</a>
|
<a :href="detailData.problemPath" target="_blank">{{ detailData.problemName }}</a>
|
||||||
<span @click="openFile(detailData.problemName)">预览</span>
|
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
</template>
|
</template>
|
||||||
<el-descriptions-item :span='2' label='采取措施'>
|
<el-descriptions-item :span="2" label="采取措施">
|
||||||
{{ detailData.takeStep }}
|
{{ detailData.takeStep }}
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item :span='2' label='处理成效报告'>
|
<el-descriptions-item :span="2" label="处理成效报告">
|
||||||
<el-icon>
|
<el-icon class="elView" v-if="detailData?.reportName">
|
||||||
<Link />
|
<View @click="openFile(detailData?.reportName)" />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<a :href='detailData.reportPath' target='_blank'>{{ detailData.reportName }}</a>
|
<a :href="detailData.reportPath" target="_blank">{{ detailData.reportName }}</a>
|
||||||
<span @click="openFile(detailData.reportName)">预览</span>
|
|
||||||
</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 } from 'vue'
|
import { onMounted, ref } from 'vue'
|
||||||
import { useRoute } from 'vue-router'
|
import { useRoute } from 'vue-router'
|
||||||
import { propTypes } from '@/utils/propTypes'
|
import { propTypes } from '@/utils/propTypes'
|
||||||
import { getById } from '@/api/supervision-boot/leaflet'
|
import { getById } from '@/api/supervision-boot/leaflet'
|
||||||
import { getFileNameAndFilePath } from '@/api/system-boot/file'
|
import { getFileNameAndFilePath } from '@/api/system-boot/file'
|
||||||
import { Link } from '@element-plus/icons-vue'
|
import { Link, View } from '@element-plus/icons-vue'
|
||||||
|
|
||||||
defineOptions({ name: 'technology/detail' })
|
defineOptions({ name: 'technology/detail' })
|
||||||
const openFile = (name: any) => {
|
const openFile = (name: any) => {
|
||||||
@@ -52,7 +50,7 @@ const props = defineProps({
|
|||||||
id: propTypes.string.def(undefined)
|
id: propTypes.string.def(undefined)
|
||||||
})
|
})
|
||||||
const detailLoading = ref(false) // 表单的加载中
|
const detailLoading = ref(false) // 表单的加载中
|
||||||
const detailData = ref({}) // 详情数据
|
const detailData: any = ref({}) // 详情数据
|
||||||
const queryId = query.id // 从 URL 传递过来的 id 编号
|
const queryId = query.id // 从 URL 传递过来的 id 编号
|
||||||
const getProblemType = (type: number) => {
|
const getProblemType = (type: number) => {
|
||||||
if (type === 1) {
|
if (type === 1) {
|
||||||
@@ -105,6 +103,9 @@ onMounted(() => {
|
|||||||
getInfo()
|
getInfo()
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
<style scoped>
|
<style lang="scss" scoped>
|
||||||
|
.elView {
|
||||||
|
cursor: pointer;
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
@@ -13,11 +13,10 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item label="问题附件:" v-if="showFile">
|
<el-form-item label="问题附件:" v-if="showFile">
|
||||||
<el-icon>
|
<el-icon class="elView" v-if="problemDetail?.problemName">
|
||||||
<Link />
|
<View @click="openFile(problemDetail?.problemName)" />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<a :href="problemDetail.problemPath" target="_blank">{{ problemDetail.problemName }}</a>
|
<a :href="problemDetail.problemPath" target="_blank">{{ problemDetail.problemName }}</a>
|
||||||
<span @click="openFile(problemDetail.problemName )">预览</span>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item label="采取的措施:" prop="takeStep">
|
<el-form-item label="采取的措施:" prop="takeStep">
|
||||||
@@ -63,7 +62,7 @@ import { ElMessage, genFileId, UploadProps, UploadRawFile } from 'element-plus'
|
|||||||
import TableStore from '@/utils/tableStore' // 若不是列表页面弹框可删除
|
import TableStore from '@/utils/tableStore' // 若不是列表页面弹框可删除
|
||||||
import { getFileNameAndFilePath, uploadFile } from '@/api/system-boot/file'
|
import { getFileNameAndFilePath, uploadFile } from '@/api/system-boot/file'
|
||||||
import { addFeedback, updateFeedback } from '@/api/supervision-boot/leaflet'
|
import { addFeedback, updateFeedback } from '@/api/supervision-boot/leaflet'
|
||||||
import { Link } from '@element-plus/icons-vue'
|
import { Link, View } from '@element-plus/icons-vue'
|
||||||
const openFile = (name: any) => {
|
const openFile = (name: any) => {
|
||||||
window.open(window.location.origin + '/#/previewFile?' + name)
|
window.open(window.location.origin + '/#/previewFile?' + name)
|
||||||
}
|
}
|
||||||
@@ -117,7 +116,7 @@ const open = async (
|
|||||||
) => {
|
) => {
|
||||||
title.value = text
|
title.value = text
|
||||||
resetForm()
|
resetForm()
|
||||||
console.log(66666,reportPath);
|
console.log(66666, reportPath)
|
||||||
if (takeStep) {
|
if (takeStep) {
|
||||||
form.value.takeStep = takeStep
|
form.value.takeStep = takeStep
|
||||||
}
|
}
|
||||||
@@ -229,4 +228,8 @@ const uploadFileName = val => {
|
|||||||
.el-select {
|
.el-select {
|
||||||
min-width: 180px;
|
min-width: 180px;
|
||||||
}
|
}
|
||||||
|
.elView {
|
||||||
|
cursor: pointer;
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -23,14 +23,13 @@
|
|||||||
{{ getDeviceStatus(detailData?.status) }}
|
{{ getDeviceStatus(detailData?.status) }}
|
||||||
</el-tag>
|
</el-tag>
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label="文件">
|
<el-descriptions-item label="报告文件">
|
||||||
<el-icon>
|
<el-icon class="elView" v-if="detailData?.reportPaths?.fileName">
|
||||||
<Link />
|
<View @click="openFile(detailData?.reportPaths?.fileName)" />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<a :href="detailData.reportPaths?.url">
|
<a :href="detailData.reportPaths?.url">
|
||||||
{{ detailData.reportPaths?.fileName }}
|
{{ detailData.reportPaths?.fileName }}
|
||||||
</a>
|
</a>
|
||||||
<span @click="detailData.reportPaths?.fileName">预览</span>
|
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label="描述">
|
<el-descriptions-item label="描述">
|
||||||
{{ detailData?.description }}
|
{{ detailData?.description }}
|
||||||
@@ -47,7 +46,7 @@ import { propTypes } from '@/utils/propTypes'
|
|||||||
import { getInfoById } from '@/api/supervision-boot/cycleDetection/index'
|
import { getInfoById } from '@/api/supervision-boot/cycleDetection/index'
|
||||||
import { getFileNameAndFilePath } from '@/api/system-boot/file'
|
import { getFileNameAndFilePath } from '@/api/system-boot/file'
|
||||||
import { useDictData } from '@/stores/dictData'
|
import { useDictData } from '@/stores/dictData'
|
||||||
import { Link } from '@element-plus/icons-vue'
|
import { Link,View } from '@element-plus/icons-vue'
|
||||||
const { query } = useRoute() // 查询参数
|
const { query } = useRoute() // 查询参数
|
||||||
const openFile = (name: any) => {
|
const openFile = (name: any) => {
|
||||||
window.open(window.location.origin + '/#/previewFile?' + name)
|
window.open(window.location.origin + '/#/previewFile?' + name)
|
||||||
@@ -116,3 +115,9 @@ onMounted(() => {
|
|||||||
getInfo()
|
getInfo()
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.elView {
|
||||||
|
cursor: pointer;
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|||||||
@@ -113,13 +113,12 @@
|
|||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<!--文件地址-->
|
<!--文件地址-->
|
||||||
<el-descriptions-item label="主接线图" v-if="detailData?.mainWiringDiagram">
|
<el-descriptions-item label="主接线图" v-if="detailData?.mainWiringDiagram">
|
||||||
<el-icon>
|
<el-icon class="elView" v-if="detailData?.mainWiringDiagram.name">
|
||||||
<Link />
|
<View @click="openFile(detailData?.mainWiringDiagram.name)" />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<a target="_blank" href="detailData?.mainWiringDiagram.url">
|
<a target="_blank" href="detailData?.mainWiringDiagram.url">
|
||||||
{{ detailData?.mainWiringDiagram.name }}
|
{{ detailData?.mainWiringDiagram.name }}
|
||||||
</a>
|
</a>
|
||||||
<span @click="openFile(detailData?.mainWiringDiagram.name)">预览</span>
|
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
</el-descriptions>
|
</el-descriptions>
|
||||||
</template>
|
</template>
|
||||||
@@ -131,7 +130,7 @@ import { propTypes } from '@/utils/propTypes'
|
|||||||
import { getTempLineDetailsById } from '@/api/supervision-boot/monitorpoint/index'
|
import { getTempLineDetailsById } from '@/api/supervision-boot/monitorpoint/index'
|
||||||
import { useDictData } from '@/stores/dictData'
|
import { useDictData } from '@/stores/dictData'
|
||||||
import { getFileNameAndFilePath } from '@/api/system-boot/file'
|
import { getFileNameAndFilePath } from '@/api/system-boot/file'
|
||||||
import { Link } from '@element-plus/icons-vue'
|
import { Link,View } from '@element-plus/icons-vue'
|
||||||
const openFile = (name: any) => {
|
const openFile = (name: any) => {
|
||||||
window.open(window.location.origin + '/#/previewFile?' + name)
|
window.open(window.location.origin + '/#/previewFile?' + name)
|
||||||
}
|
}
|
||||||
@@ -259,7 +258,7 @@ onMounted(() => {
|
|||||||
getInfo()
|
getInfo()
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss">
|
<style lang="scss" scoped>
|
||||||
.default-main {
|
.default-main {
|
||||||
// height: calc(100vh - 100px);
|
// height: calc(100vh - 100px);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
@@ -270,4 +269,8 @@ onMounted(() => {
|
|||||||
position: absolute !important;
|
position: absolute !important;
|
||||||
top: 20px !important;
|
top: 20px !important;
|
||||||
}
|
}
|
||||||
|
.elView {
|
||||||
|
cursor: pointer;
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -186,57 +186,58 @@
|
|||||||
{{ detailData.supervisionTempDeviceReport?.contractNumber }}
|
{{ detailData.supervisionTempDeviceReport?.contractNumber }}
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label="信息安全检测报告" v-if="detailData?.informationSecurityTestReport">
|
<el-descriptions-item label="信息安全检测报告" v-if="detailData?.informationSecurityTestReport">
|
||||||
<el-icon>
|
<el-icon class="elView" v-if="detailData?.informationSecurityTestReport?.name">
|
||||||
<Link />
|
<View @click="openFile(detailData?.informationSecurityTestReport?.name)" />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<a target="_blank" :href="detailData?.informationSecurityTestReport.url">
|
<a target="_blank" :href="detailData?.informationSecurityTestReport.url">
|
||||||
{{ detailData?.informationSecurityTestReport.name }}
|
{{ detailData?.informationSecurityTestReport.name }}
|
||||||
</a>
|
</a>
|
||||||
<span @click="openFile(detailData.informationSecurityTestReport?.name )">预览</span>
|
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label="验收检验报告单" v-if="detailData?.acceptanceInspectionReportSingle">
|
<el-descriptions-item label="验收检验报告单" v-if="detailData?.acceptanceInspectionReportSingle">
|
||||||
<el-icon>
|
<el-icon class="elView" v-if="detailData?.acceptanceInspectionReportSingle?.name">
|
||||||
<Link />
|
<View @click="openFile(detailData?.acceptanceInspectionReportSingle?.name)" />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<a target="_blank" :href="detailData?.acceptanceInspectionReportSingle.url">
|
<a target="_blank" :href="detailData?.acceptanceInspectionReportSingle.url">
|
||||||
{{ detailData?.acceptanceInspectionReportSingle.name }}
|
{{ detailData?.acceptanceInspectionReportSingle.name }}
|
||||||
</a>
|
</a>
|
||||||
<span @click="openFile(detailData.acceptanceInspectionReportSingle?.name )">预览</span>
|
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label="验收检验报告" v-if="detailData?.acceptanceInspectionReport">
|
<el-descriptions-item label="验收检验报告" v-if="detailData?.acceptanceInspectionReport">
|
||||||
<el-icon>
|
<el-icon class="elView" v-if="detailData?.acceptanceInspectionReport?.name">
|
||||||
<Link />
|
<View @click="openFile(detailData?.acceptanceInspectionReport?.name)" />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<a target="_blank":href="detailData?.acceptanceInspectionReport.url">{{ detailData?.acceptanceInspectionReport.name }}</a>
|
<a target="_blank" :href="detailData?.acceptanceInspectionReport.url">
|
||||||
<span @click="openFile(detailData.acceptanceInspectionReport?.name )">预览</span>
|
{{ detailData?.acceptanceInspectionReport.name }}
|
||||||
|
</a>
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label="型式实验报告" v-if="detailData?.typeExperimentReport">
|
<el-descriptions-item label="型式实验报告" v-if="detailData?.typeExperimentReport">
|
||||||
<el-icon>
|
<el-icon class="elView" v-if="detailData?.typeExperimentReport.name">
|
||||||
<Link />
|
<View @click="openFile(detailData?.typeExperimentReport.name)" />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<a target="_blank":href="detailData?.typeExperimentReport.url">{{ detailData?.typeExperimentReport.name }}</a>
|
<a target="_blank" :href="detailData?.typeExperimentReport.url">
|
||||||
<span @click="openFile(detailData.typeExperimentReport?.name )">预览</span>
|
{{ detailData?.typeExperimentReport.name }}
|
||||||
|
</a>
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label="出厂检验报告" v-if="detailData?.factoryInspectionReport">
|
<el-descriptions-item label="出厂检验报告" v-if="detailData?.factoryInspectionReport">
|
||||||
<el-icon>
|
<el-icon class="elView" v-if="detailData?.factoryInspectionReport.name">
|
||||||
<Link />
|
<View @click="openFile(detailData?.factoryInspectionReport.name)" />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<a target="_blank":href="detailData?.factoryInspectionReport.url">{{ detailData?.factoryInspectionReport.name }}</a>
|
<a target="_blank" :href="detailData?.factoryInspectionReport.url">
|
||||||
<span @click="openFile(detailData.factoryInspectionReport?.name )">预览</span>
|
{{ detailData?.factoryInspectionReport.name }}
|
||||||
|
</a>
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label="性能检测报告" v-if="detailData?.performanceTestReport">
|
<el-descriptions-item label="性能检测报告" v-if="detailData?.performanceTestReport">
|
||||||
<el-icon>
|
<el-icon class="elView" v-if="detailData?.performanceTestReport.name">
|
||||||
<Link />
|
<View @click="openFile(detailData?.performanceTestReport.name)" />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<a target="_blank":href="detailData?.performanceTestReport.url">{{ detailData?.performanceTestReport.name }}</a>
|
<a target="_blank" :href="detailData?.performanceTestReport.url">
|
||||||
<span @click="openFile(detailData.performanceTestReport?.name )">预览</span>
|
{{ detailData?.performanceTestReport.name }}
|
||||||
|
</a>
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label="其他附件" v-if="detailData?.otherAttachments">
|
<el-descriptions-item label="其他附件" v-if="detailData?.otherAttachments">
|
||||||
<el-icon>
|
<el-icon class="elView" v-if="detailData?.otherAttachments.name">
|
||||||
<Link />
|
<View @click="openFile(detailData?.otherAttachments.name)" />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<a target="_blank" :href="detailData?.otherAttachments.url">{{ detailData?.otherAttachments.name }}</a>
|
<a target="_blank" :href="detailData?.otherAttachments.url">{{ detailData?.otherAttachments.name }}</a>
|
||||||
<span @click="openFile(detailData.otherAttachments?.name )">预览</span>
|
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
</el-descriptions>
|
</el-descriptions>
|
||||||
</template>
|
</template>
|
||||||
@@ -249,7 +250,7 @@ import { getTerminalDetailsById } from '@/api/supervision-boot/terminal/index'
|
|||||||
import { getDictTreeById } from '@/api/system-boot/dictTree'
|
import { getDictTreeById } from '@/api/system-boot/dictTree'
|
||||||
import { useDictData } from '@/stores/dictData'
|
import { useDictData } from '@/stores/dictData'
|
||||||
import { getFileNameAndFilePath } from '@/api/system-boot/file'
|
import { getFileNameAndFilePath } from '@/api/system-boot/file'
|
||||||
import { Link } from '@element-plus/icons-vue'
|
import { Link, View } from '@element-plus/icons-vue'
|
||||||
import { nodeAllList } from '@/api/device-boot/Business'
|
import { nodeAllList } from '@/api/device-boot/Business'
|
||||||
defineOptions({ name: 'BpmUserReportDetail' })
|
defineOptions({ name: 'BpmUserReportDetail' })
|
||||||
const openFile = (name: any) => {
|
const openFile = (name: any) => {
|
||||||
@@ -479,7 +480,7 @@ onMounted(() => {
|
|||||||
getInfo()
|
getInfo()
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss">
|
<style lang="scss" scoped>
|
||||||
.default-main {
|
.default-main {
|
||||||
// height: calc(100vh - 100px);
|
// height: calc(100vh - 100px);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
@@ -490,4 +491,8 @@ onMounted(() => {
|
|||||||
position: absolute !important;
|
position: absolute !important;
|
||||||
top: 20px !important;
|
top: 20px !important;
|
||||||
}
|
}
|
||||||
|
.elView {
|
||||||
|
cursor: pointer;
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user