修改 基本新信息页面高度

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,5 +1,5 @@
<template> <template>
<div > <div>
<el-divider style="" content-position="left">干扰源用户信息</el-divider> <el-divider style="" content-position="left">干扰源用户信息</el-divider>
<el-descriptions :column="2" border> <el-descriptions :column="2" border>
<el-descriptions-item label="工程预期投产日期"> <el-descriptions-item label="工程预期投产日期">
@@ -549,7 +549,7 @@ onMounted(() => {
</script> </script>
<style lang="scss"> <style lang="scss">
.default-main { .default-main {
height: calc(100vh - 100px); // height: calc(100vh - 100px);
overflow: auto; overflow: auto;
} }

View File

@@ -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.projectName }}
</el-descriptions-item> </el-descriptions-item>
<!--文件地址-->> <!--文件地址-->
<el-descriptions-item label='终端台账信息'> >
<el-descriptions-item label="终端台账信息">
<el-icon> <el-icon>
<Link /> <Link />
</el-icon> </el-icon>
<a :href='proviteData?.preliminaryDesignDescription.url'> <a :href="proviteData?.preliminaryDesignDescription.url">
{{ proviteData?.preliminaryDesignDescription.name }} {{ proviteData?.preliminaryDesignDescription.name }}
</a> </a>
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label='监测点台账信息'> <el-descriptions-item label="监测点台账信息">
<el-icon> <el-icon>
<Link /> <Link />
</el-icon> </el-icon>
<a :href='proviteData?.predictionEvaluationReport.url'> <a :href="proviteData?.predictionEvaluationReport.url">
{{ proviteData?.predictionEvaluationReport.name }} {{ proviteData?.predictionEvaluationReport.name }}
</a> </a>
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label='验收检验报告单'> <el-descriptions-item label="验收检验报告单">
<el-icon> <el-icon>
<Link /> <Link />
</el-icon> </el-icon>
<a :href='proviteData?.predictionEvaluationReviewOpinions.url'> <a :href="proviteData?.predictionEvaluationReviewOpinions.url">
{{ proviteData?.predictionEvaluationReviewOpinions.name }} {{ proviteData?.predictionEvaluationReviewOpinions.name }}
</a> </a>
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label='验收检验报告'> <el-descriptions-item label="验收检验报告">
<el-icon> <el-icon>
<Link /> <Link />
</el-icon> </el-icon>
<a :href='proviteData?.sensitiveDevices.url'>{{ proviteData?.sensitiveDevices.name }}</a> <a :href="proviteData?.sensitiveDevices.url">{{ proviteData?.sensitiveDevices.name }}</a>
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label='型式实验报告'> <el-descriptions-item label="型式实验报告">
<el-icon> <el-icon>
<Link /> <Link />
</el-icon> </el-icon>
<a :href='proviteData?.antiInterferenceReport.url'>{{ proviteData?.antiInterferenceReport.name }}</a> <a :href="proviteData?.antiInterferenceReport.url">{{ proviteData?.antiInterferenceReport.name }}</a>
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label='出厂检验报告'> <el-descriptions-item label="出厂检验报告">
<el-icon> <el-icon>
<Link /> <Link />
</el-icon> </el-icon>
<a :href='proviteData?.powerQualityReport.url'>{{ proviteData?.powerQualityReport.name }}</a> <a :href="proviteData?.powerQualityReport.url">{{ proviteData?.powerQualityReport.name }}</a>
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label='性能检测报告'> <el-descriptions-item label="性能检测报告">
<el-icon> <el-icon>
<Link /> <Link />
</el-icon> </el-icon>
<a :href='proviteData?.antiInterferenceReport.url'>{{ proviteData?.antiInterferenceReport.name }}</a> <a :href="proviteData?.antiInterferenceReport.url">{{ proviteData?.antiInterferenceReport.name }}</a>
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label='信息安全检测报告'> <el-descriptions-item label="信息安全检测报告">
<el-icon> <el-icon>
<Link /> <Link />
</el-icon> </el-icon>
<a :href='proviteData?.powerQualityReport.url'>{{ proviteData?.powerQualityReport.name }}</a> <a :href="proviteData?.powerQualityReport.url">{{ proviteData?.powerQualityReport.name }}</a>
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label='其他附件'> <el-descriptions-item label="其他附件">
<el-icon> <el-icon>
<Link /> <Link />
</el-icon> </el-icon>
<a :href='proviteData?.additionalAttachments.url'>{{ proviteData?.additionalAttachments.name }}</a> <a :href="proviteData?.additionalAttachments.url">{{ proviteData?.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'
@@ -338,9 +339,9 @@ 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;
} }

View File

@@ -1,65 +1,65 @@
<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="用户性质">
{{ {{
userTypeList.find(item => { userTypeList.find(item => {
return item.value == detailData.userType return item.value == detailData.userType
})?.label })?.label
}} }}
</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="归口管理部门">
{{ detailData.responsibleDepartment }} {{ detailData.responsibleDepartment }}
</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.substation }} {{ detailData.substation }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label='工程名'> <el-descriptions-item label="工程名">
{{ detailData.projectName }} {{ detailData.projectName }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label='用户协议容量' v-if='detailData.userType == 0 || detailData.userType == 1'> <el-descriptions-item label="用户协议容量" v-if="detailData.userType == 0 || detailData.userType == 1">
{{ proviteData.agreementCapacity }} {{ proviteData.agreementCapacity }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label='电压等级'> <el-descriptions-item label="电压等级">
{{ {{
voltageLevelList.find(item => { voltageLevelList.find(item => {
return item.id == detailData.voltageLevel return item.id == detailData.voltageLevel
})?.name })?.name
}} }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label='非线性设备类型' v-if='detailData.userType == 0 || detailData.userType == 1'> <el-descriptions-item label="非线性设备类型" v-if="detailData.userType == 0 || detailData.userType == 1">
{{ proviteData.nonlinearDeviceType ? proviteData.nonlinearDeviceType : '-' }} {{ proviteData.nonlinearDeviceType ? proviteData.nonlinearDeviceType : '-' }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label='预测评估单位'> <el-descriptions-item label="预测评估单位">
{{ detailData.evaluationDept }} {{ detailData.evaluationDept }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label='预测评估结论'> <el-descriptions-item label="预测评估结论">
{{ detailData.evaluationConclusion }} {{ detailData.evaluationConclusion }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item <el-descriptions-item
label='非线性负荷类型' label="非线性负荷类型"
v-if=" v-if="
detailData.userType == '2' || detailData.userType == '2' ||
detailData.userType == '3' || detailData.userType == '3' ||
@@ -69,51 +69,51 @@
> >
{{ proviteData.nonlinearLoadType }} {{ proviteData.nonlinearLoadType }}
</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">
{{ proviteData.needGovernance == 0 ? '否' : '是' }} {{ proviteData.needGovernance == 0 ? '否' : '是' }}
</span> </span>
<span <span
v-if=' v-if="
detailData.userType == 2 || detailData.userType == 2 ||
detailData.userType == 3 || detailData.userType == 3 ||
detailData.userType == 4 || detailData.userType == 4 ||
detailData.userType == 5 detailData.userType == 5
' "
> >
{{ proviteData.needGovernance == 0 ? '否' : '是' }} {{ proviteData.needGovernance == 0 ? '否' : '是' }}
</span> </span>
<span v-if='detailData.userType == 6'>{{ proviteData.needGovernance == 0 ? '否' : '是' }}</span> <span v-if="detailData.userType == 6">{{ proviteData.needGovernance == 0 ? '否' : '是' }}</span>
</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">
{{ proviteData.backgroundTestPerformed == 0 ? '否' : '是' }} {{ proviteData.backgroundTestPerformed == 0 ? '否' : '是' }}
</span> </span>
<span <span
v-if=' v-if="
detailData.userType == 2 || detailData.userType == 2 ||
detailData.userType == 3 || detailData.userType == 3 ||
detailData.userType == 4 || detailData.userType == 4 ||
detailData.userType == 5 detailData.userType == 5
' "
> >
{{ proviteData.backgroundTestPerformed == 0 ? '否' : '是' }} {{ proviteData.backgroundTestPerformed == 0 ? '否' : '是' }}
</span> </span>
<span v-if='detailData.userType == 6'> <span v-if="detailData.userType == 6">
{{ proviteData.backgroundTestPerformed == 0 ? '否' : '是' }} {{ proviteData.backgroundTestPerformed == 0 ? '否' : '是' }}
</span> </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">
<span> <span>
{{ proviteData.antiInterferenceTest == 0 ? '否' : '是' }} {{ proviteData.antiInterferenceTest == 0 ? '否' : '是' }}
</span> </span>
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label='PCC点' v-if='detailData.userType != 0 && detailData.userType != 1'> <el-descriptions-item label="PCC点" v-if="detailData.userType != 0 && detailData.userType != 1">
{{ proviteData?.pccPoint }} {{ proviteData?.pccPoint }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item <el-descriptions-item
label='PCC供电设备容量' label="PCC供电设备容量"
v-if=" v-if="
detailData.userType == '2' || detailData.userType == '2' ||
detailData.userType == '3' || detailData.userType == '3' ||
@@ -124,7 +124,7 @@
{{ proviteData.pccEquipmentCapacity }} {{ proviteData.pccEquipmentCapacity }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item <el-descriptions-item
label='基准短路容量' label="基准短路容量"
v-if=" v-if="
detailData.userType == '2' || detailData.userType == '2' ||
detailData.userType == '3' || detailData.userType == '3' ||
@@ -135,18 +135,18 @@
{{ proviteData.baseShortCircuitCapacity }} {{ proviteData.baseShortCircuitCapacity }}
</el-descriptions-item> </el-descriptions-item>
{{ proviteData }} {{ proviteData }}
<el-descriptions-item label='评估类型' v-if='detailData.userType != 0 && detailData.userType != 1'> <el-descriptions-item label="评估类型" v-if="detailData.userType != 0 && detailData.userType != 1">
{{ {{
evaluationTypeList.find(item => { evaluationTypeList.find(item => {
return item.id == proviteData?.evaluationType return item.id == proviteData?.evaluationType
})?.name })?.name
}} }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label='预测评估评审单位' v-if='detailData.userType != 0 && detailData.userType != 1'> <el-descriptions-item label="预测评估评审单位" v-if="detailData.userType != 0 && detailData.userType != 1">
{{ proviteData?.evaluationChekDept }} {{ proviteData?.evaluationChekDept }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item <el-descriptions-item
label='系统最小短路容量' label="系统最小短路容量"
v-if=" v-if="
detailData.userType == '2' || detailData.userType == '2' ||
detailData.userType == '3' || detailData.userType == '3' ||
@@ -157,7 +157,7 @@
{{ proviteData?.minShortCircuitCapacity }} {{ proviteData?.minShortCircuitCapacity }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item <el-descriptions-item
label='用户用电协议容量' label="用户用电协议容量"
v-if=" v-if="
detailData.userType == '2' || detailData.userType == '2' ||
detailData.userType == '3' || detailData.userType == '3' ||
@@ -167,110 +167,113 @@
> >
{{ proviteData?.userAgreementCapacity }} {{ proviteData?.userAgreementCapacity }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label='行业' v-if='detailData.userType == 6'> <el-descriptions-item label="行业" v-if="detailData.userType == 6">
{{ {{
industryList.find(item => { industryList.find(item => {
return item.id == proviteData.industry return item.id == proviteData.industry
})?.name })?.name
}} }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label='敏感装置名称' v-if='detailData.userType == 6'> <el-descriptions-item label="敏感装置名称" v-if="detailData.userType == 6">
{{ proviteData.deviceName }} {{ proviteData.deviceName }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label='供电电源数量' v-if='detailData.userType == 6'> <el-descriptions-item label="供电电源数量" v-if="detailData.userType == 6">
{{ proviteData.powerSupplyCount }} {{ proviteData.powerSupplyCount }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label='敏感电能质量指标' v-if='detailData.userType == 6'> <el-descriptions-item label="敏感电能质量指标" v-if="detailData.userType == 6">
{{ {{
energyQualityIndexList.find(item => { energyQualityIndexList.find(item => {
return item.id == proviteData.energyQualityIndex return item.id == proviteData.energyQualityIndex
})?.name })?.name
}} }}
</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><Link /></el-icon>
<a :href='proviteData.feasibilityReport.url'>{{ proviteData.feasibilityReport.name }}</a> <a :href="proviteData.feasibilityReport.url">{{ proviteData.feasibilityReport.name }}</a>
</span> </span>
<span <span
v-if=' v-if="
detailData.userType == 2 || detailData.userType == 2 ||
detailData.userType == 3 || detailData.userType == 3 ||
detailData.userType == 4 || detailData.userType == 4 ||
detailData.userType == 5 detailData.userType == 5
' "
> >
<el-icon><Link /></el-icon> <el-icon><Link /></el-icon>
<a :href='proviteData.feasibilityReport.url'>{{ proviteData.feasibilityReport.name }}</a> <a :href="proviteData.feasibilityReport.url">{{ proviteData.feasibilityReport.name }}</a>
</span> </span>
<span v-if='detailData.userType == 6'> <span v-if="detailData.userType == 6">
<el-icon><Link /></el-icon> <el-icon><Link /></el-icon>
<a :href='proviteData.feasibilityReport.url'>{{ proviteData.feasibilityReport.name }}</a> <a :href="proviteData.feasibilityReport.url">{{ proviteData.feasibilityReport.name }}</a>
</span> </span>
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label='项目初步设计说明书'> <el-descriptions-item label="项目初步设计说明书">
<el-icon> <el-icon>
<Link /> <Link />
</el-icon> </el-icon>
<a :href='proviteData?.preliminaryDesignDescription.url'> <a :href="proviteData?.preliminaryDesignDescription.url">
{{ proviteData?.preliminaryDesignDescription.name }} {{ proviteData?.preliminaryDesignDescription.name }}
</a> </a>
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label='预测评估报告'> <el-descriptions-item label="预测评估报告">
<el-icon> <el-icon>
<Link /> <Link />
</el-icon> </el-icon>
<a :href='proviteData?.predictionEvaluationReport.url'> <a :href="proviteData?.predictionEvaluationReport.url">
{{ proviteData?.predictionEvaluationReport.name }} {{ proviteData?.predictionEvaluationReport.name }}
</a> </a>
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label='预测评估评审意见报告'> <el-descriptions-item label="预测评估评审意见报告">
<el-icon> <el-icon>
<Link /> <Link />
</el-icon> </el-icon>
<a :href='proviteData?.predictionEvaluationReviewOpinions.url'> <a :href="proviteData?.predictionEvaluationReviewOpinions.url">
{{ proviteData?.predictionEvaluationReviewOpinions.name }} {{ proviteData?.predictionEvaluationReviewOpinions.name }}
</a> </a>
</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>
<Link /> <Link />
</el-icon> </el-icon>
<a :href='proviteData?.substationMainWiringDiagram.url'> <a :href="proviteData?.substationMainWiringDiagram.url">
{{ proviteData?.substationMainWiringDiagram.name }} {{ proviteData?.substationMainWiringDiagram.name }}
</a> </a>
</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>
<Link /> <Link />
</el-icon> </el-icon>
<a :href='proviteData?.sensitiveDevices.url'>{{ proviteData?.sensitiveDevices.name }}</a> <a :href="proviteData?.sensitiveDevices.url">{{ proviteData?.sensitiveDevices.name }}</a>
</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>
<Link /> <Link />
</el-icon> </el-icon>
<a :href='proviteData?.antiInterferenceReport.url'>{{ proviteData?.antiInterferenceReport.name }}</a> <a :href="proviteData?.antiInterferenceReport.url">{{ proviteData?.antiInterferenceReport.name }}</a>
</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>
<Link /> <Link />
</el-icon> </el-icon>
<a :href='proviteData?.powerQualityReport.url'>{{ proviteData?.powerQualityReport.name }}</a> <a :href="proviteData?.powerQualityReport.url">{{ proviteData?.powerQualityReport.name }}</a>
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label='其他附件' v-if="proviteData?.additionalAttachments&&proviteData?.additionalAttachments.url"> <el-descriptions-item
label="其他附件"
v-if="proviteData?.additionalAttachments && proviteData?.additionalAttachments.url"
>
<el-icon> <el-icon>
<Link /> <Link />
</el-icon> </el-icon>
<a :href='proviteData?.additionalAttachments.url'>{{ proviteData?.additionalAttachments.name }}</a> <a :href="proviteData?.additionalAttachments.url">{{ proviteData?.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'
@@ -518,9 +521,9 @@ 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;
} }

View File

@@ -1,149 +1,149 @@
<template> <template>
<el-descriptions :column="2" border> <el-descriptions :column="2" border>
<el-descriptions-item label="计划名称"> <el-descriptions-item label="计划名称">
{{ detailData.workPlanName }} {{ detailData.workPlanName }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="监督单位"> <el-descriptions-item label="监督单位">
{{ detailData.supvOrgName }} {{ detailData.supvOrgName }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="计划编制单位"> <el-descriptions-item label="计划编制单位">
{{ detailData.planOrgName }} {{ detailData.planOrgName }}
</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="监督阶段">
{{ {{
supvStageList.find(item => { supvStageList.find(item => {
return item.id == detailData.supvStage return item.id == detailData.supvStage
})?.name })?.name
}} }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="计划监督时间"> <el-descriptions-item label="计划监督时间">
{{ formatDate(detailData.planSupvDate, 'YYYY-MM-DD') }} {{ formatDate(detailData.planSupvDate, 'YYYY-MM-DD') }}
</el-descriptions-item> </el-descriptions-item>
<!--文件地址--> <!--文件地址-->
<el-descriptions-item label="监督对象类型" v-if="detailData.lineFilePath"> <el-descriptions-item label="监督对象类型" v-if="detailData.lineFilePath">
{{ {{
supvTypeList.find(item => { supvTypeList.find(item => {
return item.id == detailData.supvObjType return item.id == detailData.supvObjType
})?.name })?.name
}} }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="监督对象名称"> <el-descriptions-item label="监督对象名称">
{{ detailData.supvObjName }} {{ detailData.supvObjName }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="监督对象电压等级"> <el-descriptions-item label="监督对象电压等级">
{{ {{
voltageLevelList.find(item => { voltageLevelList.find(item => {
return item.id == detailData.objVoltageLevel return item.id == detailData.objVoltageLevel
})?.name })?.name
}} }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="监督对象属性"> <el-descriptions-item label="监督对象属性">
{{ {{
objTypeList.find(item => { objTypeList.find(item => {
return item.id == detailData.objType return item.id == detailData.objType
})?.name })?.name
}} }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="监督对象属性名称"> <el-descriptions-item label="监督对象属性名称">
{{ detailData.objTypeName }} {{ detailData.objTypeName }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="监督对象协议容量(MVA)"> <el-descriptions-item label="监督对象协议容量(MVA)">
{{ detailData.objCapacity }} {{ detailData.objCapacity }}
</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="监督对象关联电站电压等级">
{{ {{
voltageLevelList.find(item => { voltageLevelList.find(item => {
return item.id == detailData.substationVoltageLevel return item.id == detailData.substationVoltageLevel
})?.name })?.name
}} }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="实施状态"> <el-descriptions-item label="实施状态">
{{ {{
effectStatusList.find(item => { effectStatusList.find(item => {
return item.id == detailData.effectStatus return item.id == detailData.effectStatus
})?.name })?.name
}} }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="开始实施时间"> <el-descriptions-item label="开始实施时间">
{{ detailData.effectStartTime }} {{ detailData.effectStartTime }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="结束实施时间"> <el-descriptions-item label="结束实施时间">
{{ detailData.effectEndTime }} {{ detailData.effectEndTime }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="报告出具时间"> <el-descriptions-item label="报告出具时间">
{{ detailData.reportIssueTime }} {{ detailData.reportIssueTime }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="电能质量问题发生时间"> <el-descriptions-item label="电能质量问题发生时间">
{{ detailData.problemOcTime }} {{ detailData.problemOcTime }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="实施人员"> <el-descriptions-item label="实施人员">
{{ {{
effectUserIdList.find(item => { effectUserIdList.find(item => {
return item.id == detailData.effectUserId return item.id == detailData.effectUserId
})?.name })?.name
}} }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="计划状态"> <el-descriptions-item label="计划状态">
{{ {{
planStatusList.find(item => { planStatusList.find(item => {
return item.id == detailData.planStatus return item.id == detailData.planStatus
})?.name })?.name
}} }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="其他要求"> <el-descriptions-item label="其他要求">
{{ detailData.otherRemark }} {{ detailData.otherRemark }}
</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>
<Link /> <Link />
</el-icon> </el-icon>
<a :href="detailData?.factoryInspectionReport.url"> <a :href="detailData?.factoryInspectionReport.url">
{{ detailData?.factoryInspectionReport.name }} {{ detailData?.factoryInspectionReport.name }}
</a> </a>
</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>
<Link /> <Link />
</el-icon> </el-icon>
<a :href="detailData?.informationSecurityTestReport.url"> <a :href="detailData?.informationSecurityTestReport.url">
{{ detailData?.informationSecurityTestReport.name }} {{ detailData?.informationSecurityTestReport.name }}
</a> </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>
<Link /> <Link />
</el-icon> </el-icon>
<a :href="detailData?.otherAttachments.url">{{ detailData?.otherAttachments.name }}</a> <a :href="detailData?.otherAttachments.url">{{ detailData?.otherAttachments.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>
<Link /> <Link />
</el-icon> </el-icon>
<a :href="detailData?.performanceTestReport.url">{{ detailData?.performanceTestReport.name }}</a> <a :href="detailData?.performanceTestReport.url">{{ detailData?.performanceTestReport.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>
<Link /> <Link />
</el-icon> </el-icon>
<a :href="detailData?.typeExperimentReport.url">{{ detailData?.typeExperimentReport.name }}</a> <a :href="detailData?.typeExperimentReport.url">{{ detailData?.typeExperimentReport.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>
<Link /> <Link />
</el-icon> </el-icon>
<a :href="detailData?.performanceTestReport.url">{{ detailData?.performanceTestReport.name }}</a> <a :href="detailData?.performanceTestReport.url">{{ detailData?.performanceTestReport.name }}</a>
</el-descriptions-item> </el-descriptions-item>
</el-descriptions> </el-descriptions>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { onMounted, ref, reactive } from 'vue' import { onMounted, ref, reactive } from 'vue'
@@ -192,7 +192,7 @@ const voltageLevelList = dictData.getBasicData('Dev_Voltage_Stand')
//获取登陆用户姓名和部门 //获取登陆用户姓名和部门
const adminInfo = useAdminInfo() const adminInfo = useAdminInfo()
//根据当前登陆用户的部门id查询实施人员 //根据当前登陆用户的部门id查询实施人员
const effectUserIdList= ref([]) const effectUserIdList = ref([])
const getEffectUserList = () => { const getEffectUserList = () => {
getUserByDeptId({ deptId: adminInfo.$state.deptId }).then(res => { getUserByDeptId({ deptId: adminInfo.$state.deptId }).then(res => {
effectUserIdList.value = res.data effectUserIdList.value = res.data
@@ -302,7 +302,7 @@ onMounted(() => {
</script> </script>
<style lang="scss"> <style lang="scss">
.default-main { .default-main {
height: calc(100vh - 100px); // height: calc(100vh - 100px);
overflow: auto; overflow: auto;
} }

View File

@@ -1,24 +1,24 @@
<template> <template>
<el-descriptions :column="2" border> <el-descriptions :column="2" border>
<el-descriptions-item label="监测点名称"> <el-descriptions-item label="监测点名称">
{{ detailData.lineName }} {{ detailData.lineName }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="调试原因"> <el-descriptions-item label="调试原因">
{{ detailData.reason}} {{ detailData.reason }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="监测点编号"> <el-descriptions-item label="监测点编号">
{{ detailData.lineId }} {{ detailData.lineId }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="监测终端编码"> <el-descriptions-item label="监测终端编码">
{{ detailData.monitoringTerminalCode }} {{ detailData.monitoringTerminalCode }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="监测终端名称"> <el-descriptions-item label="监测终端名称">
{{ detailData.monitoringTerminalName}} {{ detailData.monitoringTerminalName }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="电网侧变电站"> <el-descriptions-item label="电网侧变电站">
{{ detailData.powerSubstationName }} {{ detailData.powerSubstationName }}
</el-descriptions-item> </el-descriptions-item>
</el-descriptions> </el-descriptions>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { onMounted, ref, reactive } from 'vue' import { onMounted, ref, reactive } from 'vue'
@@ -34,7 +34,6 @@ const detailLoading = ref(false) // 表单的加载中
const detailData = ref<any>({}) // 详情数据 const detailData = ref<any>({}) // 详情数据
const queryId = query.id as unknown as string // 从 URL 传递过来的 id 编号 const queryId = query.id as unknown as string // 从 URL 传递过来的 id 编号
/** 获得数据 */ /** 获得数据 */
const getInfo = async () => { const getInfo = async () => {
detailLoading.value = true detailLoading.value = true
@@ -55,7 +54,7 @@ onMounted(() => {
</script> </script>
<style lang="scss"> <style lang="scss">
.default-main { .default-main {
height: calc(100vh - 100px); // height: calc(100vh - 100px);
overflow: auto; overflow: auto;
} }

View File

@@ -1,122 +1,122 @@
<template> <template>
<el-descriptions :column="2" border> <el-descriptions :column="2" border>
<el-descriptions-item label="监测点台账信息" v-if="detailData.lineFilePath"> <el-descriptions-item label="监测点台账信息" v-if="detailData.lineFilePath">
<el-icon> <el-icon>
<Link /> <Link />
</el-icon> </el-icon>
<a :href="detailData?.lineFilePath.url"> <a :href="detailData?.lineFilePath.url">
{{ detailData?.lineFilePath.name }} {{ detailData?.lineFilePath.name }}
</a> </a>
</el-descriptions-item> </el-descriptions-item>
<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.userName }} {{ detailData.userName }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="关联设备"> <el-descriptions-item label="关联设备">
{{ detailData.monitoringTerminalName }} {{ detailData.monitoringTerminalName }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="监测点名称"> <el-descriptions-item label="监测点名称">
{{ detailData.lineName }} {{ detailData.lineName }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="监测点电压等级"> <el-descriptions-item label="监测点电压等级">
{{ {{
voltageLevelList.find((item)=>{ voltageLevelList.find(item => {
return detailData.voltageLevel==item.id return detailData.voltageLevel == item.id
})?.name })?.name
}} }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="接入母线"> <el-descriptions-item label="接入母线">
{{ detailData.connectedBus }} {{ detailData.connectedBus }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="短路容量"> <el-descriptions-item label="短路容量">
{{ detailData.shortCapacity }} {{ detailData.shortCapacity }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="协议容量"> <el-descriptions-item label="协议容量">
{{ detailData.dealCapacity }} {{ detailData.dealCapacity }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="设备容量"> <el-descriptions-item label="设备容量">
{{ detailData.devCapacity }} {{ detailData.devCapacity }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="基准容量"> <el-descriptions-item label="基准容量">
{{ detailData.standardCapacity }} {{ detailData.standardCapacity }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="CT变比"> <el-descriptions-item label="CT变比">
{{ detailData.ctRatio }} {{ detailData.ctRatio }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="PT变比"> <el-descriptions-item label="PT变比">
{{ detailData.ptRatio }} {{ detailData.ptRatio }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="监测点编码"> <el-descriptions-item label="监测点编码">
{{ detailData.lineId }} {{ detailData.lineId }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="测量间隔"> <el-descriptions-item label="测量间隔">
{{ detailData.timeInterval }} {{ detailData.timeInterval }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="干扰源类型"> <el-descriptions-item label="干扰源类型">
{{ detailData.loadType }} {{ detailData.loadType }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="干扰源类别"> <el-descriptions-item label="干扰源类别">
{{ detailData.businessType }} {{ detailData.businessType }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="监测点性质"> <el-descriptions-item label="监测点性质">
{{ detailData.pointNature=='0'?'电网侧':'非电网侧' }} {{ detailData.pointNature == '0' ? '电网侧' : '非电网侧' }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="是否参与统计"> <el-descriptions-item label="是否参与统计">
{{ detailData.isStatistical == '0' ? '是' : '否' }} {{ detailData.isStatistical == '0' ? '是' : '否' }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="对象名称(对端)"> <el-descriptions-item label="对象名称(对端)">
{{ detailData.objName }} {{ detailData.objName }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="电网侧变电站"> <el-descriptions-item label="电网侧变电站">
{{ detailData.powerSubstationName }} {{ detailData.powerSubstationName }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="是否并网点"> <el-descriptions-item label="是否并网点">
{{ detailData.isGridConnectionPoint == '0' ? '是' : '否' }} {{ detailData.isGridConnectionPoint == '0' ? '是' : '否' }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="电压偏差上限"> <el-descriptions-item label="电压偏差上限">
{{ detailData.voltageDeviationUpperLimit }} {{ detailData.voltageDeviationUpperLimit }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="电压偏差下限"> <el-descriptions-item label="电压偏差下限">
{{ detailData.voltageDeviationLowerLimit }} {{ detailData.voltageDeviationLowerLimit }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="监测点运行状态"> <el-descriptions-item label="监测点运行状态">
{{ {{
operationStatusList.find((item)=>{ operationStatusList.find(item => {
return detailData.operationStatus==item.id return detailData.operationStatus == item.id
})?.name })?.name
}} }}
</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>
<Link /> <Link />
</el-icon> </el-icon>
<a :href="detailData?.mainWiringDiagram.url"> <a :href="detailData?.mainWiringDiagram.url">
{{ detailData?.mainWiringDiagram.name }} {{ detailData?.mainWiringDiagram.name }}
</a> </a>
</el-descriptions-item> </el-descriptions-item>
</el-descriptions> </el-descriptions>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { onMounted, ref, reactive } from 'vue' import { onMounted, ref, reactive } from 'vue'
@@ -202,10 +202,9 @@ const getFileName = async () => {
await getFileNamePath(detailData.value.lineFilePath, 'lineFilePath') await getFileNamePath(detailData.value.lineFilePath, 'lineFilePath')
} }
//主接线图 //主接线图
else if (detailData.value.mainWiringDiagram) { else if (detailData.value.mainWiringDiagram) {
await getFileNamePath(detailData.value.mainWiringDiagram, 'mainWiringDiagram') await getFileNamePath(detailData.value.mainWiringDiagram, 'mainWiringDiagram')
} }
} }
//根据文件名请求 //根据文件名请求
const getFileNamePath = async (val: any, pathName: any) => { const getFileNamePath = async (val: any, pathName: any) => {
@@ -237,7 +236,7 @@ onMounted(() => {
</script> </script>
<style lang="scss"> <style lang="scss">
.default-main { .default-main {
height: calc(100vh - 100px); // height: calc(100vh - 100px);
overflow: auto; overflow: auto;
} }

View File

@@ -1,235 +1,251 @@
<template> <template>
<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="终端台账信息" v-if="detailData.lineFilePath"> <el-descriptions-item label="终端台账信息" v-if="detailData.lineFilePath">
<el-icon> <el-icon>
<Link /> <Link />
</el-icon> </el-icon>
<a :href="detailData?.lineFilePath.url"> <a :href="detailData?.lineFilePath.url">
{{ detailData?.lineFilePath.name }} {{ detailData?.lineFilePath.name }}
</a> </a>
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="所属供电公司"> <el-descriptions-item label="所属供电公司">
{{ {{ detailData.supervisionTempDeviceReport?.powerCompany }}
detailData.supervisionTempDeviceReport?.powerCompany </el-descriptions-item>
}} <el-descriptions-item label="所属变电站">
</el-descriptions-item> {{ detailData.supervisionTempDeviceReport?.substation }}
<el-descriptions-item label="所属变电站"> </el-descriptions-item>
{{ detailData.supervisionTempDeviceReport?.substation }} <el-descriptions-item label="变电站电压等级">
</el-descriptions-item> {{
<el-descriptions-item label="变电站电压等级"> voltageLevelList.find(item => {
{{ return item.id == detailData.supervisionTempDeviceReport?.substationVoltageLevel
voltageLevelList.find(item => { })?.name
return item.id == detailData.supervisionTempDeviceReport?.substationVoltageLevel }}
})?.name </el-descriptions-item>
}} <el-descriptions-item label="检测终端编码">
</el-descriptions-item> {{ detailData.supervisionTempDeviceReport?.monitoringTerminalCode }}
<el-descriptions-item label="检测终端编码"> </el-descriptions-item>
{{ detailData.supervisionTempDeviceReport?.monitoringTerminalCode }} <el-descriptions-item label="检测终端名称">
</el-descriptions-item> {{ detailData.supervisionTempDeviceReport?.monitoringTerminalName }}
<el-descriptions-item label="检测终端名称"> </el-descriptions-item>
{{ detailData.supervisionTempDeviceReport?.monitoringTerminalName }} <el-descriptions-item label="电压互感器类型">
</el-descriptions-item> {{
<el-descriptions-item label="电压互感器类型"> voltageTransformerTypeList.find(item => {
{{ return item.id == detailData.supervisionTempDeviceReport?.voltageTransformerType
voltageTransformerTypeList.find(item => { })?.name
return item.id == detailData.supervisionTempDeviceReport?.voltageTransformerType }}
})?.name </el-descriptions-item>
}} <el-descriptions-item label="终端接线方式类型">
</el-descriptions-item> {{
<el-descriptions-item label="终端接线方式类型"> terminalWiringMethodTypeList.find(item => {
{{ return item.id == detailData.supervisionTempDeviceReport?.terminalWiringMethodType
terminalWiringMethodTypeList.find(item => { })?.name
return item.id == detailData.supervisionTempDeviceReport?.terminalWiringMethodType }}
})?.name </el-descriptions-item>
}} <el-descriptions-item label="中性点接线方式">
</el-descriptions-item> {{
<el-descriptions-item label="中性点接线方式"> neutralPointWiringMethodList.find(item => {
{{ return item.id == detailData.supervisionTempDeviceReport?.neutralPointWiringMethod
neutralPointWiringMethodList.find(item => { })?.name
return item.id == detailData.supervisionTempDeviceReport?.neutralPointWiringMethod }}
})?.name </el-descriptions-item>
}} <el-descriptions-item label="厂家">
</el-descriptions-item> {{
<el-descriptions-item label="厂家"> manufacturerList.find(item => {
{{ return item.id == detailData.supervisionTempDeviceReport?.manufacturer
manufacturerList.find(item => { })?.name
return item.id == detailData.supervisionTempDeviceReport?.manufacturer }}
})?.name </el-descriptions-item>
}} <el-descriptions-item label="厂家设备编号">
</el-descriptions-item> {{ detailData.supervisionTempDeviceReport?.manufacturerDeviceNumber }}
<el-descriptions-item label="厂家设备编号"> </el-descriptions-item>
{{ detailData.supervisionTempDeviceReport?.manufacturerDeviceNumber }} <el-descriptions-item label="终端IP">
</el-descriptions-item> {{ detailData.supervisionTempDeviceReport?.terminalIp }}
<el-descriptions-item label="终端IP"> </el-descriptions-item>
{{ detailData.supervisionTempDeviceReport?.terminalIp }} <el-descriptions-item label="终端型号">
</el-descriptions-item> {{
<el-descriptions-item label="终端型号"> terminalTypeList.find(item => {
{{ return item.id == detailData.supervisionTempDeviceReport?.terminalType
terminalTypeList.find(item => { })?.name
return item.id == detailData.supervisionTempDeviceReport?.terminalType }}
})?.name </el-descriptions-item>
}} <el-descriptions-item label="端口">
</el-descriptions-item> {{ detailData.supervisionTempDeviceReport?.terminalPort }}
<el-descriptions-item label="端口"> </el-descriptions-item>
{{ detailData.supervisionTempDeviceReport?.terminalPort }} <el-descriptions-item label="所属前置机">
</el-descriptions-item> {{
<el-descriptions-item label="所属前置机"> frontEndMachineList.find(item => {
{{ return item.id == detailData.supervisionTempDeviceReport?.frontEndMachine
frontEndMachineList.find(item => { })?.name
return item.id == detailData.supervisionTempDeviceReport?.frontEndMachine }}
})?.name </el-descriptions-item>
}} <el-descriptions-item label="本次终端检测时间">
</el-descriptions-item> {{ detailData.supervisionTempDeviceReport?.currentTerminalDetectionTime.replace('T', ' ') }}
<el-descriptions-item label="本次终端检测时间"> </el-descriptions-item>
{{ detailData.supervisionTempDeviceReport?.currentTerminalDetectionTime.replace('T',' ') }} <el-descriptions-item label="下次终端定检时间">
</el-descriptions-item> {{ detailData.supervisionTempDeviceReport?.nextTerminalInspectionTime.replace('T', ' ') }}
<el-descriptions-item label="下次终端定检时间"> </el-descriptions-item>
{{ detailData.supervisionTempDeviceReport?.nextTerminalInspectionTime.replace('T',' ') }} <el-descriptions-item label="识别码">
</el-descriptions-item> {{ detailData.supervisionTempDeviceReport?.identificationCode }}
<el-descriptions-item label="识别码"> </el-descriptions-item>
{{ detailData.supervisionTempDeviceReport?.identificationCode }} <el-descriptions-item label="终端秘钥">
</el-descriptions-item> {{ detailData.supervisionTempDeviceReport?.terminalSecretKey }}
<el-descriptions-item label="终端秘钥"> </el-descriptions-item>
{{ detailData.supervisionTempDeviceReport?.terminalSecretKey }} <el-descriptions-item label="经度">
</el-descriptions-item> {{ detailData.supervisionTempDeviceReport?.longitude }}
<el-descriptions-item label="经度"> </el-descriptions-item>
{{ detailData.supervisionTempDeviceReport?.longitude }} <el-descriptions-item label="纬度">
</el-descriptions-item> {{ detailData.supervisionTempDeviceReport?.latitude }}
<el-descriptions-item label="纬度"> </el-descriptions-item>
{{ detailData.supervisionTempDeviceReport?.latitude }} <el-descriptions-item label="终端模型">
</el-descriptions-item> {{
<el-descriptions-item label="终端模型"> terminalModelList.find(item => {
{{ return item.id == detailData.supervisionTempDeviceReport?.terminalModel
terminalModelList.find(item => { })?.name
return item.id == detailData.supervisionTempDeviceReport?.terminalModel }}
})?.name </el-descriptions-item>
}} <el-descriptions-item label="数据类型">
</el-descriptions-item> {{
<el-descriptions-item label="数据类型"> dataTypeList.find(item => {
{{ return item.id == detailData.supervisionTempDeviceReport?.dataType
dataTypeList.find(item => { })?.name
return item.id == detailData.supervisionTempDeviceReport?.dataType }}
})?.name </el-descriptions-item>
}} <el-descriptions-item label="通讯状态">
</el-descriptions-item> {{
<el-descriptions-item label="通讯状态"> communicationStatusList.find(item => {
{{ return item.id == detailData.supervisionTempDeviceReport?.communicationStatus
communicationStatusList.find(item => { })?.name
return item.id == detailData.supervisionTempDeviceReport?.communicationStatus }}
})?.name </el-descriptions-item>
}} <el-descriptions-item label="SIM卡号">
</el-descriptions-item> {{ detailData.supervisionTempDeviceReport?.simCardNumber }}
<el-descriptions-item label="SIM卡号"> </el-descriptions-item>
{{ detailData.supervisionTempDeviceReport?.simCardNumber }} <el-descriptions-item label="投运时间">
</el-descriptions-item> {{ detailData.supervisionTempDeviceReport?.commissioningTime.replace('T', ' ') }}
<el-descriptions-item label="投运时间"> </el-descriptions-item>
{{ detailData.supervisionTempDeviceReport?.commissioningTime.replace('T',' ') }} <el-descriptions-item label="数据更新时间">
</el-descriptions-item> {{ detailData.supervisionTempDeviceReport?.dataUpdateTime.replace('T', ' ') }}
<el-descriptions-item label="数据更新时间"> </el-descriptions-item>
{{ detailData.supervisionTempDeviceReport?.dataUpdateTime.replace('T',' ') }} <el-descriptions-item label="对时功能">
</el-descriptions-item> {{
<el-descriptions-item label="对时功能"> detailData.supervisionTempDeviceReport?.timeSyncFunction == '0'
{{ detailData.supervisionTempDeviceReport?.timeSyncFunction=='0'?'否':detailData.supervisionTempDeviceReport?.timeSyncFunction=='1'?'是':'-' }} ? '否'
</el-descriptions-item> : detailData.supervisionTempDeviceReport?.timeSyncFunction == '1'
<el-descriptions-item label="电镀功能"> ? '是'
{{ detailData.supervisionTempDeviceReport?.electroplatingFunction=='0'?'否':detailData.supervisionTempDeviceReport?.electroplatingFunction=='1'?'是':'-' }} : '-'
</el-descriptions-item> }}
<el-descriptions-item label="监测装置安装位置"> </el-descriptions-item>
{{ <el-descriptions-item label="电镀功能">
monitoringDeviceInstallationPositionList.find(item => { {{
return item.id == detailData.supervisionTempDeviceReport?.monitoringDeviceInstallationPosition detailData.supervisionTempDeviceReport?.electroplatingFunction == '0'
})?.name ? '否'
}} : detailData.supervisionTempDeviceReport?.electroplatingFunction == '1'
</el-descriptions-item> ? '是'
<el-descriptions-item label="召唤标志"> : '-'
{{ }}
summonFlagList.find(item => { </el-descriptions-item>
return item.id == detailData.supervisionTempDeviceReport?.summonFlag <el-descriptions-item label="监测装置安装位置">
})?.name {{
}} monitoringDeviceInstallationPositionList.find(item => {
</el-descriptions-item> return item.id == detailData.supervisionTempDeviceReport?.monitoringDeviceInstallationPosition
<el-descriptions-item label="告警功能"> })?.name
{{ detailData.supervisionTempDeviceReport?.alarmFunction=='0'?'否':detailData.supervisionTempDeviceReport?.alarmFunction=='1'?'是':'-' }} }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="合同号"> <el-descriptions-item label="召唤标志">
{{ detailData.supervisionTempDeviceReport?.contractNumber }} {{
</el-descriptions-item> summonFlagList.find(item => {
<el-descriptions-item label="监测点台账信息" v-if="detailData.factoryInspectionReport"> return item.id == detailData.supervisionTempDeviceReport?.summonFlag
<el-icon> })?.name
<Link /> }}
</el-icon> </el-descriptions-item>
<a :href="detailData?.factoryInspectionReport.url"> <el-descriptions-item label="告警功能">
{{ detailData?.factoryInspectionReport.name }} {{
</a> detailData.supervisionTempDeviceReport?.alarmFunction == '0'
</el-descriptions-item> ? '否'
<el-descriptions-item label="验收检验报告单" v-if="detailData?.informationSecurityTestReport"> : detailData.supervisionTempDeviceReport?.alarmFunction == '1'
<el-icon> ? '是'
<Link /> : '-'
</el-icon> }}
<a :href="detailData?.informationSecurityTestReport.url"> </el-descriptions-item>
{{ detailData?.informationSecurityTestReport.name }} <el-descriptions-item label="合同号">
</a> {{ detailData.supervisionTempDeviceReport?.contractNumber }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="验收检验报告" v-if="detailData?.otherAttachments"> <el-descriptions-item label="监测点台账信息" v-if="detailData.factoryInspectionReport">
<el-icon> <el-icon>
<Link /> <Link />
</el-icon> </el-icon>
<a :href="detailData?.otherAttachments.url">{{ detailData?.otherAttachments.name }}</a> <a :href="detailData?.factoryInspectionReport.url">
</el-descriptions-item> {{ detailData?.factoryInspectionReport.name }}
<el-descriptions-item label="型式实验报告" v-if="detailData?.performanceTestReport"> </a>
<el-icon> </el-descriptions-item>
<Link /> <el-descriptions-item label="验收检验报告单" v-if="detailData?.informationSecurityTestReport">
</el-icon> <el-icon>
<a :href="detailData?.performanceTestReport.url">{{ detailData?.performanceTestReport.name }}</a> <Link />
</el-descriptions-item> </el-icon>
<el-descriptions-item label="出厂检验报告" v-if="detailData?.typeExperimentReport"> <a :href="detailData?.informationSecurityTestReport.url">
<el-icon> {{ detailData?.informationSecurityTestReport.name }}
<Link /> </a>
</el-icon> </el-descriptions-item>
<a :href="detailData?.typeExperimentReport.url">{{ detailData?.typeExperimentReport.name }}</a> <el-descriptions-item label="验收检验报告" v-if="detailData?.otherAttachments">
</el-descriptions-item> <el-icon>
<el-descriptions-item label="性能检测报告" v-if="detailData?.performanceTestReport"> <Link />
<el-icon> </el-icon>
<Link /> <a :href="detailData?.otherAttachments.url">{{ detailData?.otherAttachments.name }}</a>
</el-icon> </el-descriptions-item>
<a :href="detailData?.performanceTestReport.url">{{ detailData?.performanceTestReport.name }}</a> <el-descriptions-item label="型式实验报告" v-if="detailData?.performanceTestReport">
</el-descriptions-item> <el-icon>
<el-descriptions-item label="信息安全检测报告" v-if="detailData?.typeExperimentReport"> <Link />
<el-icon> </el-icon>
<Link /> <a :href="detailData?.performanceTestReport.url">{{ detailData?.performanceTestReport.name }}</a>
</el-icon> </el-descriptions-item>
<a :href="detailData?.typeExperimentReport.url">{{ detailData?.typeExperimentReport.name }}</a> <el-descriptions-item label="出厂检验报告" v-if="detailData?.typeExperimentReport">
</el-descriptions-item> <el-icon>
<el-descriptions-item label="其他附件" v-if="detailData?.additionalAttachments"> <Link />
<el-icon> </el-icon>
<Link /> <a :href="detailData?.typeExperimentReport.url">{{ detailData?.typeExperimentReport.name }}</a>
</el-icon> </el-descriptions-item>
<a :href="detailData?.additionalAttachments.url">{{ detailData?.additionalAttachments.name }}</a> <el-descriptions-item label="性能检测报告" v-if="detailData?.performanceTestReport">
</el-descriptions-item> <el-icon>
</el-descriptions> <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> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { onMounted, ref, reactive } from 'vue' import { onMounted, ref, reactive } from 'vue'
@@ -482,7 +498,7 @@ onMounted(() => {
</script> </script>
<style lang="scss"> <style lang="scss">
.default-main { .default-main {
height: calc(100vh - 100px); // height: calc(100vh - 100px);
overflow: auto; overflow: auto;
} }

View File

@@ -5,25 +5,25 @@
{{ detailData.lineName }} {{ detailData.lineName }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="接入母线"> <el-descriptions-item label="接入母线">
{{ detailData.connectedBus}} {{ detailData.connectedBus }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="终端编号"> <el-descriptions-item label="终端编号">
{{ detailData.monitoringTerminalCode }} {{ detailData.monitoringTerminalCode }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="终端名称"> <el-descriptions-item label="终端名称">
{{ detailData.monitoringTerminalName}} {{ detailData.monitoringTerminalName }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="变电站"> <el-descriptions-item label="变电站">
{{ detailData.powerSubstationName }} {{ detailData.powerSubstationName }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="调试原因"> <el-descriptions-item label="调试原因">
{{ detailData.reason}} {{ detailData.reason }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="监测点在线率"> <el-descriptions-item label="监测点在线率">
{{ detailData.onlineRate*100+"%" }} {{ detailData.onlineRate * 100 + '%' }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="监测点数据完整性"> <el-descriptions-item label="监测点数据完整性">
{{ detailData.integrityRate*100+"%"}} {{ detailData.integrityRate * 100 + '%' }}
</el-descriptions-item> </el-descriptions-item>
</el-descriptions> </el-descriptions>
</div> </div>
@@ -43,7 +43,6 @@ const detailLoading = ref(false) // 表单的加载中
const detailData = ref<any>({}) // 详情数据 const detailData = ref<any>({}) // 详情数据
const queryId = query.id as unknown as string // 从 URL 传递过来的 id 编号 const queryId = query.id as unknown as string // 从 URL 传递过来的 id 编号
/** 获得数据 */ /** 获得数据 */
const getInfo = async () => { const getInfo = async () => {
detailLoading.value = true detailLoading.value = true
@@ -64,7 +63,7 @@ onMounted(() => {
</script> </script>
<style lang="scss"> <style lang="scss">
.default-main { .default-main {
height: calc(100vh - 100px); // height: calc(100vh - 100px);
overflow: auto; overflow: auto;
} }