修改 基本新信息页面高度

This commit is contained in:
GGJ
2024-05-27 19:52:10 +08:00
parent 260bd0580e
commit b8edfbb2e8
8 changed files with 645 additions and 628 deletions

View File

@@ -1,235 +1,251 @@
<template>
<el-descriptions :column="2" border>
<el-descriptions-item label="填报人">
{{ detailData.reporter }}
</el-descriptions-item>
<el-descriptions-item label="填报日期">
{{ formatDate(detailData.reportDate, 'YYYY-MM-DD') }}
</el-descriptions-item>
<el-descriptions-item label="填报部门">
{{ detailData.orgName }}
</el-descriptions-item>
<el-descriptions-item label="工程投产日期">
{{ formatDate(detailData.expectedProductionDate, 'YYYY-MM-DD') }}
</el-descriptions-item>
<!-- <el-descriptions-item label="所属地市">
<el-descriptions :column="2" border>
<el-descriptions-item label="填报人">
{{ detailData.reporter }}
</el-descriptions-item>
<el-descriptions-item label="填报日期">
{{ formatDate(detailData.reportDate, 'YYYY-MM-DD') }}
</el-descriptions-item>
<el-descriptions-item label="填报部门">
{{ detailData.orgName }}
</el-descriptions-item>
<el-descriptions-item label="工程投产日期">
{{ formatDate(detailData.expectedProductionDate, 'YYYY-MM-DD') }}
</el-descriptions-item>
<!-- <el-descriptions-item label="所属地市">
{{ detailData.city }}
</el-descriptions-item> -->
<el-descriptions-item label="用户状态">
{{
userStateList.find(item => {
return item.value == detailData.userStatus
})?.label
}}
</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="所属供电公司">
{{
detailData.supervisionTempDeviceReport?.powerCompany
}}
</el-descriptions-item>
<el-descriptions-item label="所属变电站">
{{ detailData.supervisionTempDeviceReport?.substation }}
</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?.monitoringTerminalCode }}
</el-descriptions-item>
<el-descriptions-item label="检测终端名称">
{{ 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="终端IP">
{{ 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="下次终端定检时间">
{{ detailData.supervisionTempDeviceReport?.nextTerminalInspectionTime.replace('T',' ') }}
</el-descriptions-item>
<el-descriptions-item label="识别码">
{{ detailData.supervisionTempDeviceReport?.identificationCode }}
</el-descriptions-item>
<el-descriptions-item label="终端秘钥">
{{ detailData.supervisionTempDeviceReport?.terminalSecretKey }}
</el-descriptions-item>
<el-descriptions-item label="经度">
{{ detailData.supervisionTempDeviceReport?.longitude }}
</el-descriptions-item>
<el-descriptions-item label="纬度">
{{ detailData.supervisionTempDeviceReport?.latitude }}
</el-descriptions-item>
<el-descriptions-item label="终端模型">
{{
terminalModelList.find(item => {
return item.id == detailData.supervisionTempDeviceReport?.terminalModel
})?.name
}}
</el-descriptions-item>
<el-descriptions-item label="数据类型">
{{
dataTypeList.find(item => {
return item.id == detailData.supervisionTempDeviceReport?.dataType
})?.name
}}
</el-descriptions-item>
<el-descriptions-item label="通讯状态">
{{
communicationStatusList.find(item => {
return item.id == detailData.supervisionTempDeviceReport?.communicationStatus
})?.name
}}
</el-descriptions-item>
<el-descriptions-item label="SIM卡号">
{{ detailData.supervisionTempDeviceReport?.simCardNumber }}
</el-descriptions-item>
<el-descriptions-item label="投运时间">
{{ detailData.supervisionTempDeviceReport?.commissioningTime.replace('T',' ') }}
</el-descriptions-item>
<el-descriptions-item label="数据更新时间">
{{ detailData.supervisionTempDeviceReport?.dataUpdateTime.replace('T',' ') }}
</el-descriptions-item>
<el-descriptions-item label="对时功能">
{{ detailData.supervisionTempDeviceReport?.timeSyncFunction=='0'?'否':detailData.supervisionTempDeviceReport?.timeSyncFunction=='1'?'是':'-' }}
</el-descriptions-item>
<el-descriptions-item label="电镀功能">
{{ detailData.supervisionTempDeviceReport?.electroplatingFunction=='0'?'否':detailData.supervisionTempDeviceReport?.electroplatingFunction=='1'?'是':'-' }}
</el-descriptions-item>
<el-descriptions-item label="监测装置安装位置">
{{
monitoringDeviceInstallationPositionList.find(item => {
return item.id == detailData.supervisionTempDeviceReport?.monitoringDeviceInstallationPosition
})?.name
}}
</el-descriptions-item>
<el-descriptions-item label="召唤标志">
{{
summonFlagList.find(item => {
return item.id == detailData.supervisionTempDeviceReport?.summonFlag
})?.name
}}
</el-descriptions-item>
<el-descriptions-item label="告警功能">
{{ detailData.supervisionTempDeviceReport?.alarmFunction=='0'?'否':detailData.supervisionTempDeviceReport?.alarmFunction=='1'?'是':'-' }}
</el-descriptions-item>
<el-descriptions-item label="合同号">
{{ detailData.supervisionTempDeviceReport?.contractNumber }}
</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-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?.additionalAttachments">
<el-icon>
<Link />
</el-icon>
<a :href="detailData?.additionalAttachments.url">{{ detailData?.additionalAttachments.name }}</a>
</el-descriptions-item>
</el-descriptions>
<el-descriptions-item label="用户状态">
{{
userStateList.find(item => {
return item.value == detailData.userStatus
})?.label
}}
</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="所属供电公司">
{{ detailData.supervisionTempDeviceReport?.powerCompany }}
</el-descriptions-item>
<el-descriptions-item label="所属变电站">
{{ detailData.supervisionTempDeviceReport?.substation }}
</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?.monitoringTerminalCode }}
</el-descriptions-item>
<el-descriptions-item label="检测终端名称">
{{ 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="终端IP">
{{ 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="下次终端定检时间">
{{ detailData.supervisionTempDeviceReport?.nextTerminalInspectionTime.replace('T', ' ') }}
</el-descriptions-item>
<el-descriptions-item label="识别码">
{{ detailData.supervisionTempDeviceReport?.identificationCode }}
</el-descriptions-item>
<el-descriptions-item label="终端秘钥">
{{ detailData.supervisionTempDeviceReport?.terminalSecretKey }}
</el-descriptions-item>
<el-descriptions-item label="经度">
{{ detailData.supervisionTempDeviceReport?.longitude }}
</el-descriptions-item>
<el-descriptions-item label="纬度">
{{ detailData.supervisionTempDeviceReport?.latitude }}
</el-descriptions-item>
<el-descriptions-item label="终端模型">
{{
terminalModelList.find(item => {
return item.id == detailData.supervisionTempDeviceReport?.terminalModel
})?.name
}}
</el-descriptions-item>
<el-descriptions-item label="数据类型">
{{
dataTypeList.find(item => {
return item.id == detailData.supervisionTempDeviceReport?.dataType
})?.name
}}
</el-descriptions-item>
<el-descriptions-item label="通讯状态">
{{
communicationStatusList.find(item => {
return item.id == detailData.supervisionTempDeviceReport?.communicationStatus
})?.name
}}
</el-descriptions-item>
<el-descriptions-item label="SIM卡号">
{{ detailData.supervisionTempDeviceReport?.simCardNumber }}
</el-descriptions-item>
<el-descriptions-item label="投运时间">
{{ detailData.supervisionTempDeviceReport?.commissioningTime.replace('T', ' ') }}
</el-descriptions-item>
<el-descriptions-item label="数据更新时间">
{{ detailData.supervisionTempDeviceReport?.dataUpdateTime.replace('T', ' ') }}
</el-descriptions-item>
<el-descriptions-item label="对时功能">
{{
detailData.supervisionTempDeviceReport?.timeSyncFunction == '0'
? '否'
: detailData.supervisionTempDeviceReport?.timeSyncFunction == '1'
? '是'
: '-'
}}
</el-descriptions-item>
<el-descriptions-item label="电镀功能">
{{
detailData.supervisionTempDeviceReport?.electroplatingFunction == '0'
? '否'
: detailData.supervisionTempDeviceReport?.electroplatingFunction == '1'
? '是'
: '-'
}}
</el-descriptions-item>
<el-descriptions-item label="监测装置安装位置">
{{
monitoringDeviceInstallationPositionList.find(item => {
return item.id == detailData.supervisionTempDeviceReport?.monitoringDeviceInstallationPosition
})?.name
}}
</el-descriptions-item>
<el-descriptions-item label="召唤标志">
{{
summonFlagList.find(item => {
return item.id == detailData.supervisionTempDeviceReport?.summonFlag
})?.name
}}
</el-descriptions-item>
<el-descriptions-item label="告警功能">
{{
detailData.supervisionTempDeviceReport?.alarmFunction == '0'
? '否'
: detailData.supervisionTempDeviceReport?.alarmFunction == '1'
? '是'
: '-'
}}
</el-descriptions-item>
<el-descriptions-item label="合同号">
{{ detailData.supervisionTempDeviceReport?.contractNumber }}
</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-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?.additionalAttachments">
<el-icon>
<Link />
</el-icon>
<a :href="detailData?.additionalAttachments.url">{{ detailData?.additionalAttachments.name }}</a>
</el-descriptions-item>
</el-descriptions>
</template>
<script lang="ts" setup>
import { onMounted, ref, reactive } from 'vue'
@@ -482,7 +498,7 @@ onMounted(() => {
</script>
<style lang="scss">
.default-main {
height: calc(100vh - 100px);
// height: calc(100vh - 100px);
overflow: auto;
}