修改 基本新信息页面高度

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