admin-sjzx/src/views/pqs/supervise/interfere/components/normalizationManager/detail.vue

<template>
    <div class="details">
        <el-divider content-position="left">干扰源用户信息</el-divider>
        <details_item>
            <template #label>工程预期投产日期</template>
            <template #content>{{ formatDate(detailData.expectedProductionDate, 'YYYY-MM-DD') }}</template>
        </details_item>
        <details_item>
            <template #label>用户性质</template>
            <template #content>
                {{
                    userTypeList.find(item => {
                        return item.value == detailData.userType
                    })?.label
                }}
            </template>
        </details_item>
        <details_item>
            <template #label>所属地市</template>
            <template #content>
                {{ detailData.city }}
            </template>
        </details_item>
        <details_item>
            <template #label>归口管理部门</template>
            <template #content>
                {{ detailData.responsibleDepartment }}
            </template>
        </details_item>
        <details_item>
            <template #label>用户状态</template>
            <template #content>
                {{
                    userStateList.find(item => {
                        return item.value == detailData.userStatus
                    })?.label
                }}
            </template>
        </details_item>
        <details_item>
            <template #label>变电站</template>
            <template #content>
                {{ detailData.substation }}
            </template>
        </details_item>
        <details_item>
            <template #label>工程名</template>
            <template #content>
                {{ detailData.projectName }}
            </template>
        </details_item>
        <details_item v-if="detailData.userType == 0 || detailData.userType == 1">
            <template #label>用户协议容量</template>
            <template #content>
                {{ proviteData.agreementCapacity }}
            </template>
        </details_item>
        <details_item>
            <template #label>电压等级</template>
            <template #content>
                {{
                    voltageLevelList.find(item => {
                        return item.id == detailData.voltageLevel
                    })?.name
                }}
            </template>
        </details_item>
        <details_item v-if="detailData.userType == 0 || detailData.userType == 1">
            <template #label>非线性设备类型</template>
            <template #content>
                {{ proviteData.nonlinearDeviceType ? proviteData.nonlinearDeviceType : '-' }}
            </template>
        </details_item>
        <details_item>
            <template #label>预测评估单位</template>
            <template #content>
                {{ detailData.evaluationDept }}
            </template>
        </details_item>
        <details_item>
            <template #label>预测评估结论</template>
            <template #content>
                {{ detailData.evaluationConclusion }}
            </template>
        </details_item>
        <details_item
            v-if="
                detailData.userType == '2' ||
                detailData.userType == '3' ||
                detailData.userType == '4' ||
                detailData.userType == '5'
            "
        >
            <template #label>非线性负荷类型</template>
            <template #content>
                {{ proviteData.nonlinearLoadType }}
            </template>
        </details_item>
        <details_item>
            <template #label>是否需要治理</template>
            <template #content>
                <span v-if="detailData.userType == 0 || detailData.userType == 1">
                    {{ proviteData.needGovernance == 0 ? '否' : '是' }}
                </span>
                <span
                    v-if="
                        detailData.userType == 2 ||
                        detailData.userType == 3 ||
                        detailData.userType == 4 ||
                        detailData.userType == 5
                    "
                >
                    {{ proviteData.needGovernance == 0 ? '否' : '是' }}
                </span>
                <span v-if="detailData.userType == 6">{{ proviteData.needGovernance == 0 ? '否' : '是' }}</span>
            </template>
        </details_item>
        <details_item>
            <template #label>是否开展背景测试</template>
            <template #content>
                <span v-if="detailData.userType == 0 || detailData.userType == 1">
                    {{ proviteData.backgroundTestPerformed == 0 ? '否' : '是' }}
                </span>
                <span
                    v-if="
                        detailData.userType == 2 ||
                        detailData.userType == 3 ||
                        detailData.userType == 4 ||
                        detailData.userType == 5
                    "
                >
                    {{ proviteData.backgroundTestPerformed == 0 ? '否' : '是' }}
                </span>
                <span v-if="detailData.userType == 6">
                    {{ proviteData.backgroundTestPerformed == 0 ? '否' : '是' }}
                </span>
            </template>
        </details_item>
        <details_item v-if="detailData.userType == 6">
            <template #label>是否开展抗扰度测试</template>
            <template #content>
                {{ proviteData.antiInterferenceTest == 0 ? '否' : '是' }}
            </template>
        </details_item>
        <details_item v-if="detailData.userType != 0 && detailData.userType != 1">
            <template #label>PCC点</template>
            <template #content>
                {{ proviteData?.pccPoint }}
            </template>
        </details_item>
        <details_item
            v-if="
                detailData.userType == '2' ||
                detailData.userType == '3' ||
                detailData.userType == '4' ||
                detailData.userType == '5'
            "
        >
            <template #label>PCC供电设备容量</template>
            <template #content>
                {{ proviteData.pccEquipmentCapacity }}
            </template>
        </details_item>
        <details_item
            v-if="
                detailData.userType == '2' ||
                detailData.userType == '3' ||
                detailData.userType == '4' ||
                detailData.userType == '5'
            "
        >
            <template #label>基准短路容量</template>
            <template #content>
                {{ proviteData.baseShortCircuitCapacity }}
            </template>
        </details_item>
        <details_item v-if="detailData.userType != 0 && detailData.userType != 1">
            <template #label>评估类型</template>
            <template #content>
                {{
                    evaluationTypeList.find(item => {
                        return item.id == proviteData?.evaluationType
                    })?.name
                }}
            </template>
        </details_item>
        <details_item v-if="detailData.userType != 0 && detailData.userType != 1">
            <template #label>预测评估评审单位</template>
            <template #content>
                {{ proviteData?.evaluationChekDept }}
            </template>
        </details_item>
        <details_item
            v-if="
                detailData.userType == '2' ||
                detailData.userType == '3' ||
                detailData.userType == '4' ||
                detailData.userType == '5'
            "
        >
            <template #label>系统最小短路容量</template>
            <template #content>
                {{ proviteData?.minShortCircuitCapacity }}
            </template>
        </details_item>
        <details_item
            v-if="
                detailData.userType == '2' ||
                detailData.userType == '3' ||
                detailData.userType == '4' ||
                detailData.userType == '5'
            "
        >
            <template #label>用户用电协议容量</template>
            <template #content>
                {{ proviteData?.userAgreementCapacity }}
            </template>
        </details_item>
        <details_item v-if="detailData.userType == 6">
            <template #label>行业</template>
            <template #content>
                {{
                    industryList.find(item => {
                        return item.id == proviteData.industry
                    })?.name
                }}
            </template>
        </details_item>
        <details_item v-if="detailData.userType == 6">
            <template #label>敏感装置名称</template>
            <template #content>
                {{ proviteData.deviceName }}
            </template>
        </details_item>
        <details_item v-if="detailData.userType == 6">
            <template #label>供电电源数量</template>
            <template #content>
                {{ proviteData.powerSupplyCount }}
            </template>
        </details_item>
        <details_item v-if="detailData.userType == 6">
            <template #label>敏感电能质量指标</template>
            <template #content>
                {{
                    energyQualityIndexList.find(item => {
                        return item.id == proviteData.energyQualityIndex
                    })?.name
                }}
            </template>
        </details_item>
        <details_item>
            <template #label>可研报告</template>
            <template #content>
                <span v-if="detailData.userType == 0 || detailData.userType == 1">
                    <el-icon><Link /></el-icon>
                    <a :href="proviteData.feasibilityReport.url">{{ proviteData.feasibilityReport.name }}</a>
                    <span @click="openFile(proviteData?.feasibilityReport.name)">预览</span>
                </span>
                <span
                    v-if="
                        detailData.userType == 2 ||
                        detailData.userType == 3 ||
                        detailData.userType == 4 ||
                        detailData.userType == 5
                    "
                >
                    <el-icon><Link /></el-icon>
                    <a :href="proviteData.feasibilityReport.url">{{ proviteData.feasibilityReport.name }}</a>
                    <span @click="openFile(proviteData?.feasibilityReport.name)">预览</span>
                </span>
                <span v-if="detailData.userType == 6">
                    <el-icon><Link /></el-icon>
                    <a :href="proviteData.feasibilityReport.url">{{ proviteData.feasibilityReport.name }}</a>
                    <span @click="openFile(proviteData?.feasibilityReport.name)">预览</span>
                </span>
            </template>
        </details_item>
        <details_item>
            <template #label>项目初步设计说明书</template>
            <template #content>
                <el-icon>
                    <Link />
                </el-icon>
                <a :href="proviteData?.preliminaryDesignDescription.url">
                    {{ proviteData?.preliminaryDesignDescription.name }}
                </a>
                <span @click="openFile(proviteData?.preliminaryDesignDescription.name)">预览</span>
            </template>
        </details_item>
        <details_item>
            <template #label>预测评估报告</template>
            <template #content>
                <el-icon>
                    <Link />
                </el-icon>
                <a :href="proviteData?.predictionEvaluationReport.url">
                    {{ proviteData?.predictionEvaluationReport.name }}
                </a>
                <span @click="openFile(proviteData?.predictionEvaluationReport.name)">预览</span>
            </template>
        </details_item>
        <details_item>
            <template #label>预测评估评审意见报告</template>
            <template #content>
                <el-icon>
                    <Link />
                </el-icon>
                <a :href="proviteData?.predictionEvaluationReviewOpinions.url">
                    {{ proviteData?.predictionEvaluationReviewOpinions.name }}
                </a>
                <span @click="openFile(proviteData?.predictionEvaluationReviewOpinions.name)">预览</span>
            </template>
        </details_item>
        <details_item v-if="detailData.userType != 0 && detailData.userType != 1">
            <template #label>用户接入变电站主接线示意图</template>
            <template #content>
                <el-icon>
                    <Link />
                </el-icon>
                <a :href="proviteData?.substationMainWiringDiagram.url" target="_blank">
                    {{ proviteData?.substationMainWiringDiagram.name }}
                </a>
                <span @click="openFile(proviteData?.substationMainWiringDiagram.name)">预览</span>
            </template>
        </details_item>
        <details_item v-if="detailData.userType == 6">
            <template #label>主要敏感设备清单</template>
            <template #content>
                <el-icon>
                    <Link />
                </el-icon>
                <a :href="proviteData?.sensitiveDevices.url">{{ proviteData?.sensitiveDevices.name }}</a>
                <span @click="openFile(proviteData?.sensitiveDevices.name)">预览</span>
            </template>
        </details_item>
        <details_item v-if="detailData.userType == 6">
            <template #label>抗扰度测试报告</template>
            <template #content>
                <el-icon>
                    <Link />
                </el-icon>
                <a :href="proviteData?.antiInterferenceReport.url">{{ proviteData?.antiInterferenceReport.name }}</a>
                <span @click="openFile(proviteData?.antiInterferenceReport.name)">预览</span>
            </template>
        </details_item>
        <details_item v-if="detailData.userType == 6">
            <template #label>背景电能质量测试报告</template>
            <template #content>
                <el-icon>
                    <Link />
                </el-icon>
                <a :href="proviteData?.powerQualityReport.url">{{ proviteData?.powerQualityReport.name }}</a>
                <span @click="openFile(proviteData?.powerQualityReport.name)">预览</span>
            </template>
        </details_item>
        <details_item v-if="proviteData?.additionalAttachments.url">
            <template #label>其他附件</template>
            <template #content>
                <el-icon>
                    <Link />
                </el-icon>
                <a :href="proviteData?.additionalAttachments.url">{{ proviteData?.additionalAttachments.name }}</a>
                <span @click="openFile(proviteData?.additionalAttachments.name)">预览</span>
            </template>
        </details_item>
        <el-divider content-position="left">{{ applyTitle + '填报信息' }}</el-divider>
        <details_item>
            <template #label>填报人</template>
            <template #content>
                {{ detailData.reporter }}
            </template>
        </details_item>
        <details_item>
            <template #label>填报日期</template>
            <template #content>
                {{ formatDate(detailData.reportDate, 'YYYY-MM-DD') }}
            </template>
        </details_item>
        <details_item>
            <template #label>填报部门</template>
            <template #content>
                {{ detailData.orgName }}
            </template>
        </details_item>
        <details_item v-if="proviteData?.otherReport && proviteData?.otherReport.url">
            <template #label>{{ applyTitle + '报告' }}</template>
            <template #content>
                <el-icon><Link /></el-icon>
                <a :href="proviteData?.otherReport.url">{{ proviteData?.otherReport.name }}</a>
                <span @click="openFile(proviteData?.otherReport.name)">预览</span>
            </template>
        </details_item>
    </div>
</template>
<script lang="ts" setup>
import { onMounted, ref, reactive, nextTick } from 'vue'
import { useRoute } from 'vue-router'
import { formatDate } from '@/utils/formatTime'
import { propTypes } from '@/utils/propTypes'
import { getUserReportById } from '@/api/supervision-boot/userReport/form'
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'
import { userReportGoNetById } from '@/api/supervision-boot/interfere'
import details_item from './components/detailsItem.vue'
defineOptions({ name: 'BpmUserReportDetail' })
const openFile = (name: any) => {
    window.open(window.location.origin + '/#/previewFile?' + name)
}
const { query } = useRoute() // 查询参数

const props = defineProps({
    id: propTypes.string.def(undefined),
    applyTitle: propTypes.string.def(undefined)
})
const detailLoading = ref(false) // 表单的加载中
const detailData = ref<any>({}) // 详情数据
const queryId = query.id as unknown as string // 从 URL 传递过来的 id 编号
//用户性质数组
const userTypeList = reactive([
    {
        label: '新建电网工程',
        value: '0'
    },
    {
        label: '扩建电网工程',
        value: '1'
    },
    {
        label: '新建非线性负荷用户',
        value: '2'
    },
    {
        label: '扩建非线性负荷用户',
        value: '3'
    },
    {
        label: '新建新能源发电站',
        value: '4'
    },
    {
        label: '扩建新能源发电站',
        value: '5'
    },
    {
        label: '敏感及重要用户',
        value: '6'
    }
])
//用户状态数组
const userStateList = reactive([
    {
        label: '可研',
        value: '0'
    },
    {
        label: '建设',
        value: '1'
    },
    {
        label: '运行',
        value: '2'
    },
    {
        label: '退运',
        value: '3'
    }
])
const dictData = useDictData()
//字典获取敏感电能质量指标
const energyQualityIndexList = dictData.getBasicData('Indicator_Type')
//字典获取行业类型
const industryList = dictData.getBasicData('industry_type_jb')
//字典电压等级
const voltageLevelList = dictData.getBasicData('Dev_Voltage_Stand')
//字典评估类型
const evaluationTypeList = dictData.getBasicData('Evaluation_Type')
//字典预测评估单位
/** 获得数据 */
const getInfo = async () => {
    detailLoading.value = true
    try {
        userReportGoNetById({ id: props.id }).then(r => {
            getUserReportById(r.data.userReportId).then(res => {
                detailData.value = res.data
                detailData.value.otherReport = r.data.otherReport
                getProviteData()
            })
        })
    } finally {
        detailLoading.value = false
    }
}
const proviteData = ref()
//判断userType选择取用的对象
const getProviteData = async () => {
    if (detailData.value.userType == '0' || detailData.value.userType == '1') {
        proviteData.value = detailData.value.userReportProjectPO
        //查询非线性设备类型
        await getDictTreeById(proviteData.value.nonlinearDeviceType).then(res => {
            proviteData.value.nonlinearDeviceType = res.data?.name
        })
    } else if (
        detailData.value.userType == '2' ||
        detailData.value.userType == '3' ||
        detailData.value.userType == '4' ||
        detailData.value.userType == '5'
    ) {
        proviteData.value = detailData.value.userReportSubstationPO
        //查询非线性负荷类型
        await getDictTreeById(proviteData.value.nonlinearLoadType).then(res => {
            proviteData.value.nonlinearLoadType = res.data?.name
        })
    } else {
        proviteData.value = detailData.value.userReportSensitivePO
    }
    proviteData.value.otherReport = detailData.value.otherReport
    //可研报告
    if (proviteData.value.feasibilityReport) {
        await getFileNamePath(proviteData.value.feasibilityReport, 'feasibilityReport')
    }
    //项目初步设计说明书
    if (proviteData.value.preliminaryDesignDescription) {
        await getFileNamePath(proviteData.value.preliminaryDesignDescription, 'preliminaryDesignDescription')
    }
    //预测评估报告
    if (proviteData.value.predictionEvaluationReport) {
        await getFileNamePath(proviteData.value.predictionEvaluationReport, 'predictionEvaluationReport')
    }

    //预测评估评审意见报告
    if (proviteData.value.predictionEvaluationReviewOpinions) {
        await getFileNamePath(
            proviteData.value.predictionEvaluationReviewOpinions,
            'predictionEvaluationReviewOpinions'
        )
    }
    //用户接入变电站主接线示意图
    if (proviteData.value.substationMainWiringDiagram) {
        await getFileNamePath(proviteData.value.substationMainWiringDiagram, 'substationMainWiringDiagram')
    }

    //主要敏感设备清单
    if (proviteData.value.sensitiveDevices) {
        await getFileNamePath(proviteData.value.sensitiveDevices, 'sensitiveDevices')
    }

    //抗扰度测试报告
    if (proviteData.value.antiInterferenceReport) {
        await getFileNamePath(proviteData.value.antiInterferenceReport, 'antiInterferenceReport')
    }

    //背景电能质量测试报告
    if (proviteData.value.powerQualityReport) {
        await getFileNamePath(proviteData.value.powerQualityReport, 'powerQualityReport')
    }

    //其他附件
    if (proviteData.value.additionalAttachments) {
        await getFileNamePath(proviteData.value.additionalAttachments, 'additionalAttachments')
    }

    if (proviteData.value.otherReport) {
        await getFileNamePath(proviteData.value.otherReport, 'otherReport')
    }
}
//根据文件名请求
const getFileNamePath = async (val: any, pathName: any) => {
    await getFileNameAndFilePath({ filePath: val }).then(res => {
        if (res.data && res.data.name && res.data.url) {
            //可研报告
            if (pathName == 'feasibilityReport' && proviteData.value.feasibilityReport) {
                proviteData.value.feasibilityReport = {
                    name: res.data.fileName,
                    url: res.data.url
                }
            }
            //项目初步设计说明书
            else if (pathName == 'preliminaryDesignDescription' && proviteData.value.preliminaryDesignDescription) {
                proviteData.value.preliminaryDesignDescription = {
                    name: res.data.fileName,
                    url: res.data.url
                }
            }
            //预测评估报告
            else if (pathName == 'predictionEvaluationReport' && proviteData.value.predictionEvaluationReport) {
                proviteData.value.predictionEvaluationReport = {
                    name: res.data.fileName,
                    url: res.data.url
                }
            }
            //预测评估评审意见报告
            else if (
                pathName == 'predictionEvaluationReviewOpinions' &&
                proviteData.value.predictionEvaluationReviewOpinions
            ) {
                proviteData.value.predictionEvaluationReviewOpinions = {
                    name: res.data.fileName,
                    url: res.data.url
                }
            }
            //用户接入变电站主接线示意图
            else if (pathName == 'substationMainWiringDiagram' && proviteData.value.substationMainWiringDiagram) {
                proviteData.value.substationMainWiringDiagram = {
                    name: res.data.fileName,
                    url: res.data.url
                }
            }
            //主要敏感设备清单
            else if (pathName == 'sensitiveDevices' && proviteData.value.sensitiveDevices) {
                proviteData.value.sensitiveDevices = {
                    name: res.data.fileName,
                    url: res.data.url
                }
            }
            //抗扰度测试报告
            else if (pathName == 'antiInterferenceReport' && proviteData.value.antiInterferenceReport) {
                proviteData.value.antiInterferenceReport = {
                    name: res.data.fileName,
                    url: res.data.url
                }
            }
            //背景电能质量测试报告
            else if (pathName == 'powerQualityReport' && proviteData.value.powerQualityReport) {
                proviteData.value.powerQualityReport = {
                    name: res.data.fileName,
                    url: res.data.url
                }
            }
            //其他附件
            else if (pathName == 'additionalAttachments' && proviteData.value.additionalAttachments) {
                proviteData.value.additionalAttachments = {
                    name: res.data.fileName,
                    url: res.data.url
                }
            }

            //其他附件
            else if (pathName == 'otherReport' && proviteData.value.otherReport) {
                proviteData.value.otherReport = {
                    name: res.data.fileName,
                    url: res.data.url
                }
            }
        }
    })
}

defineExpose({ open: getInfo }) // 提供 open 方法，用于打开弹窗
/** 初始化 **/
onMounted(() => {
    getInfo()
})
</script>
<style lang="scss">
::v-deep.el-icon svg {
    margin: 5px !important;
    position: absolute !important;
    top: 20px !important;
}
.details {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
</style>