技术监督计划页面
This commit is contained in:
zhujiyan
372
src/views/pqs/supervise/plan/components/detail.vue
Normal file
372
src/views/pqs/supervise/plan/components/detail.vue
Normal file
@@ -0,0 +1,372 @@
|
||||
<template>
|
||||
<div class="default-main">
|
||||
<el-descriptions :column="2" border>
|
||||
<el-descriptions-item label="计划名称">
|
||||
{{ detailData.planName }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="监督单位">
|
||||
{{ detailData.planUnit }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="计划编制单位">
|
||||
{{ detailData.planDept }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="监督类型">
|
||||
{{ detailData.expectedProductionDate }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="监督阶段">
|
||||
{{ detailData.city }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="计划监督时间">
|
||||
{{ formatDate(detailData.reportDate, 'YYYY-MM-DD') }}
|
||||
</el-descriptions-item>
|
||||
<!--文件地址-->
|
||||
<el-descriptions-item label="监督对象类型" v-if="detailData.lineFilePath">
|
||||
<el-icon>
|
||||
<Link />
|
||||
</el-icon>
|
||||
<a :href="detailData?.lineFilePath.url">
|
||||
{{ detailData?.lineFilePath.name }}
|
||||
</a>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="监督对象名称">
|
||||
{{
|
||||
areaOptionList.find(item => {
|
||||
return item.id == detailData.supervisionTempDeviceReport?.powerCompany
|
||||
})?.name
|
||||
}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="监督对象电压等级">
|
||||
{{
|
||||
voltageLevelList.find(item => {
|
||||
return item.id == detailData.supervisionTempDeviceReport?.substationVoltageLevel
|
||||
})?.name
|
||||
}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="监督对象属性">
|
||||
{{ detailData.supervisionTempDeviceReport?.substation }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="监督对象属性名称">
|
||||
{{ detailData.supervisionTempDeviceReport?.monitoringTerminalCode }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="监督对象协议容量(MVA)">
|
||||
{{ detailData.supervisionTempDeviceReport?.monitoringTerminalName }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="监督对象关联电站">
|
||||
{{
|
||||
voltageTransformerTypeList.find(item => {
|
||||
return item.id == detailData.supervisionTempDeviceReport?.voltageTransformerType
|
||||
})?.name
|
||||
}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="监督对象关联电站电压等级">
|
||||
{{
|
||||
terminalWiringMethodTypeList.find(item => {
|
||||
return item.id == detailData.supervisionTempDeviceReport?.terminalWiringMethodType
|
||||
})?.name
|
||||
}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="实施状态">
|
||||
{{
|
||||
neutralPointWiringMethodList.find(item => {
|
||||
return item.id == detailData.supervisionTempDeviceReport?.neutralPointWiringMethod
|
||||
})?.name
|
||||
}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="开始实施时间">
|
||||
{{
|
||||
manufacturerList.find(item => {
|
||||
return item.id == detailData.supervisionTempDeviceReport?.manufacturer
|
||||
})?.name
|
||||
}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="结束实施时间">
|
||||
{{ detailData.supervisionTempDeviceReport?.manufacturerDeviceNumber }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="报告出具时间">
|
||||
{{ detailData.supervisionTempDeviceReport?.terminalIp }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="电能质量问题发生时间">
|
||||
{{
|
||||
terminalTypeList.find(item => {
|
||||
return item.id == detailData.supervisionTempDeviceReport?.terminalType
|
||||
})?.name
|
||||
}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="实施人员">
|
||||
{{ detailData.supervisionTempDeviceReport?.terminalPort }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="计划状态">
|
||||
{{
|
||||
frontEndMachineList.find(item => {
|
||||
return item.id == detailData.supervisionTempDeviceReport?.frontEndMachine
|
||||
})?.name
|
||||
}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="其他要求">
|
||||
{{ detailData.supervisionTempDeviceReport?.currentTerminalDetectionTime.replace('T', ' ') }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="盖章报告" v-if="detailData.factoryInspectionReport">
|
||||
<el-icon>
|
||||
<Link />
|
||||
</el-icon>
|
||||
<a :href="detailData?.factoryInspectionReport.url">
|
||||
{{ detailData?.factoryInspectionReport.name }}
|
||||
</a>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="佐证材料" v-if="detailData?.informationSecurityTestReport">
|
||||
<el-icon>
|
||||
<Link />
|
||||
</el-icon>
|
||||
<a :href="detailData?.informationSecurityTestReport.url">
|
||||
{{ detailData?.informationSecurityTestReport.name }}
|
||||
</a>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="计划变更材料" v-if="detailData?.otherAttachments">
|
||||
<el-icon>
|
||||
<Link />
|
||||
</el-icon>
|
||||
<a :href="detailData?.otherAttachments.url">{{ detailData?.otherAttachments.name }}</a>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="告预警单材料" v-if="detailData?.performanceTestReport">
|
||||
<el-icon>
|
||||
<Link />
|
||||
</el-icon>
|
||||
<a :href="detailData?.performanceTestReport.url">{{ detailData?.performanceTestReport.name }}</a>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="告预警单反馈材料" v-if="detailData?.typeExperimentReport">
|
||||
<el-icon>
|
||||
<Link />
|
||||
</el-icon>
|
||||
<a :href="detailData?.typeExperimentReport.url">{{ detailData?.typeExperimentReport.name }}</a>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="评估报告" v-if="detailData?.performanceTestReport">
|
||||
<el-icon>
|
||||
<Link />
|
||||
</el-icon>
|
||||
<a :href="detailData?.performanceTestReport.url">{{ detailData?.performanceTestReport.name }}</a>
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</div>
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
import { onMounted, ref, reactive } from 'vue'
|
||||
import { useRoute } from 'vue-router'
|
||||
import { formatDate } from '@/utils/formatTime'
|
||||
import { propTypes } from '@/utils/propTypes'
|
||||
import { getTerminalDetailsById } from '@/api/supervision-boot/terminal/index'
|
||||
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'
|
||||
|
||||
defineOptions({ name: 'BpmUserReportDetail' })
|
||||
|
||||
const { query } = useRoute() // 查询参数
|
||||
|
||||
const props = defineProps({
|
||||
id: propTypes.string.def(undefined)
|
||||
})
|
||||
const detailLoading = ref(false) // 表单的加载中
|
||||
const detailData = ref<any>({}) // 详情数据
|
||||
const queryId = query.id as unknown as string // 从 URL 传递过来的 id 编号
|
||||
|
||||
//用户状态数组
|
||||
const userStateList = reactive([
|
||||
{
|
||||
label: '可研',
|
||||
value: '0'
|
||||
},
|
||||
{
|
||||
label: '建设',
|
||||
value: '1'
|
||||
},
|
||||
{
|
||||
label: '运行',
|
||||
value: '2'
|
||||
},
|
||||
{
|
||||
label: '退运',
|
||||
value: '3'
|
||||
}
|
||||
])
|
||||
const dictData = useDictData()
|
||||
//字典获取所属地市
|
||||
const areaOptionList = dictData.getBasicData('jibei_area')
|
||||
//定义监测装置安装位置下拉框数据
|
||||
const monitoringDeviceInstallationPositionList = [
|
||||
{
|
||||
id: '0',
|
||||
name: '电网侧'
|
||||
},
|
||||
{
|
||||
id: '1',
|
||||
name: '用户侧'
|
||||
}
|
||||
]
|
||||
//定义召唤标志下拉框数据
|
||||
const summonFlagList = [
|
||||
{
|
||||
id: '0',
|
||||
name: '周期触发'
|
||||
},
|
||||
{
|
||||
id: '1',
|
||||
name: '变为触发'
|
||||
}
|
||||
]
|
||||
//定义终端模型下拉框数据
|
||||
const terminalModelList = [
|
||||
{
|
||||
id: '0',
|
||||
name: '虚拟设备'
|
||||
},
|
||||
{
|
||||
id: '1',
|
||||
name: '虚拟设备'
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
name: '虚拟设备'
|
||||
}
|
||||
]
|
||||
//定义通讯状态下拉框数据
|
||||
const communicationStatusList = [
|
||||
{
|
||||
id: '0',
|
||||
name: '中断'
|
||||
},
|
||||
{
|
||||
id: '1',
|
||||
name: '正常'
|
||||
}
|
||||
]
|
||||
//字典获取监测点电压等级
|
||||
const voltageLevelList = dictData.getBasicData('Dev_Voltage_Stand')
|
||||
//字典获取数据类型
|
||||
const dataTypeList = dictData.getBasicData('System_Type')
|
||||
//字典获取终端型号
|
||||
const terminalTypeList = dictData.getBasicData('Dev_Type')
|
||||
//字典获取电压互感器类型
|
||||
const voltageTransformerTypeList = dictData.getBasicData('Voltage_Transformer')
|
||||
//字典获取中性点接线方式
|
||||
const neutralPointWiringMethodList = dictData.getBasicData('Neutral_Point')
|
||||
//字典获取所属前置机
|
||||
const frontEndMachineList = dictData.getBasicData('Front_Type')
|
||||
//字典获取终端接线方式类型
|
||||
const terminalWiringMethodTypeList = dictData.getBasicData('Dev_Connect')
|
||||
//字典获取厂家
|
||||
const manufacturerList = dictData.getBasicData('Dev_Manufacturers')
|
||||
/** 获得数据 */
|
||||
const getInfo = async () => {
|
||||
detailLoading.value = true
|
||||
try {
|
||||
await getTerminalDetailsById({ id: props.id || queryId }).then(res => {
|
||||
detailData.value = res.data
|
||||
console.log(detailData.value, '+++++++++')
|
||||
getFileName()
|
||||
})
|
||||
} finally {
|
||||
detailLoading.value = false
|
||||
}
|
||||
}
|
||||
const getFileName = async () => {
|
||||
//验收检验报告
|
||||
if (detailData.value.acceptanceInspectionReport) {
|
||||
await getFileNamePath(detailData.value.acceptanceInspectionReport, 'acceptanceInspectionReport')
|
||||
}
|
||||
//验收检验报告单
|
||||
if (detailData.value.acceptanceInspectionReportSingle) {
|
||||
await getFileNamePath(detailData.value.acceptanceInspectionReportSingle, 'acceptanceInspectionReportSingle')
|
||||
}
|
||||
//出厂检验报告
|
||||
if (detailData.value.factoryInspectionReport) {
|
||||
await getFileNamePath(detailData.value.factoryInspectionReport, 'factoryInspectionReport')
|
||||
}
|
||||
|
||||
//信息安全检测报告
|
||||
if (detailData.value.informationSecurityTestReport) {
|
||||
await getFileNamePath(detailData.value.informationSecurityTestReport, 'informationSecurityTestReport')
|
||||
}
|
||||
//监测点台账信息
|
||||
if (detailData.value.lineFilePath) {
|
||||
await getFileNamePath(detailData.value.lineFilePath, 'lineFilePath')
|
||||
}
|
||||
|
||||
//其他附件
|
||||
if (detailData.value.otherAttachments) {
|
||||
await getFileNamePath(detailData.value.otherAttachments, 'otherAttachments')
|
||||
}
|
||||
|
||||
}
|
||||
//根据文件名请求
|
||||
const getFileNamePath = async (val: any, pathName: any) => {
|
||||
await getFileNameAndFilePath({ filePath: val }).then(res => {
|
||||
console.log(111111111)
|
||||
if (res.data) {
|
||||
//可研报告
|
||||
if (pathName == 'acceptanceInspectionReport' && detailData.value.acceptanceInspectionReport) {
|
||||
detailData.value.acceptanceInspectionReport = {
|
||||
name: res.data.fileName,
|
||||
url: res.data.url
|
||||
}
|
||||
}
|
||||
//终端台账信息
|
||||
else if (
|
||||
pathName == 'acceptanceInspectionReportSingle' &&
|
||||
detailData.value.acceptanceInspectionReportSingle
|
||||
) {
|
||||
detailData.value.acceptanceInspectionReportSingle = {
|
||||
name: res.data.fileName,
|
||||
url: res.data.url
|
||||
}
|
||||
}
|
||||
//预测评估报告
|
||||
else if (pathName == 'factoryInspectionReport' && detailData.value.factoryInspectionReport) {
|
||||
detailData.value.factoryInspectionReport = {
|
||||
name: res.data.fileName,
|
||||
url: res.data.url
|
||||
}
|
||||
}
|
||||
//预测评估评审意见报告
|
||||
else if (pathName == 'informationSecurityTestReport' && detailData.value.informationSecurityTestReport) {
|
||||
detailData.value.informationSecurityTestReport = {
|
||||
name: res.data.fileName,
|
||||
url: res.data.url
|
||||
}
|
||||
}
|
||||
//用户接入变电站主接线示意图
|
||||
else if (pathName == 'lineFilePath' && detailData.value.lineFilePath) {
|
||||
detailData.value.lineFilePath = {
|
||||
name: res.data.fileName,
|
||||
url: res.data.url
|
||||
}
|
||||
}
|
||||
//主要敏感设备清单
|
||||
else if (pathName == 'otherAttachments' && detailData.value.otherAttachments) {
|
||||
detailData.value.otherAttachments = {
|
||||
name: res.data.fileName,
|
||||
url: res.data.url
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
defineExpose({ open: getInfo }) // 提供 open 方法，用于打开弹窗
|
||||
|
||||
/** 初始化 **/
|
||||
onMounted(() => {
|
||||
getInfo()
|
||||
})
|
||||
</script>
|
||||
<style lang="scss">
|
||||
.default-main {
|
||||
height: calc(100vh - 100px);
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
::v-deep.el-icon svg {
|
||||
margin: 5px !important;
|
||||
position: absolute !important;
|
||||
top: 20px !important;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user