回显

src/api/supervision-boot/userReport/form.ts

@@ -25,3 +25,5 @@ export const getUserReportById = (id: any) => {
         method: 'GET'
     })
 }
+
+

src/api/system-boot/dictTree.ts

@@ -22,7 +22,7 @@ export function queryByAllCode() {
         method: 'GET',
         headers: {
             'Content-Type': 'application/x-www-form-urlencoded'
-        },
+        }
         // data: form
     })
 }
@@ -41,6 +41,19 @@ export function queryCsDictTree(pid: string) {
     })
 }
 
+/**
+ * 根据id查询字典值
+ */
+export const getDictTreeById = (id: any) => {
+    let form = new FormData()
+    form.append('id', id)
+    return createAxios({
+        url: '/system-boot/dictTree/queryById',
+        method: 'POST',
+        data:form
+    })
+}
+
 // 字典树接口通过id
 export function queryByid(id: string) {
     let form = new FormData()
@@ -55,7 +68,6 @@ export function queryByid(id: string) {
     })
 }
 
-
 //新增字典树数据
 export const addDictTree = (data: any) => {
     return createAxios({
@@ -65,9 +77,8 @@ export const addDictTree = (data: any) => {
     })
 }
 
-
 // 编辑统计指标配置项
-export const updateStatistical = (data:any) => {
+export const updateStatistical = (data: any) => {
     return createAxios({
         url: '/system-boot/dic/update',
         method: 'PUT',
@@ -75,10 +86,10 @@ export const updateStatistical = (data:any) => {
     })
 }
 // 单位绑定
-export function codeDicTree(data:any) {
+export function codeDicTree(data: any) {
     return createAxios({
-      url: "/system-boot/dic/codeDicTree",
+        url: '/system-boot/dic/codeDicTree',
-      method: "get",
+        method: 'get',
-      params: data,
+        params: data
-    });
+    })
-  }
+}

src/api/system-boot/file.ts

@@ -60,3 +60,15 @@ export const getFileUrl = (filePath: string) => {
         method: 'POST'
     })
 }
+
+
+/**
+ * 根据获取文件的一个短期url及文件名
+ */
+export const getFileNameAndFilePath = (query: any) => {
+    return createAxios({
+        url:SYSTEM_PREFIX + '/file/getFileVO',
+        method: 'GET',
+        params:query
+    })
+}

src/views/pqs/supervise/interfere/components/undocumented/detail.vue

@@ -1,81 +1,269 @@
 <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 }}
             </el-descriptions-item>
-      <el-descriptions-item label='填报日期'>
+            <el-descriptions-item label="填报日期">
                 {{ formatDate(detailData.reportDate, 'YYYY-MM-DD') }}
             </el-descriptions-item>
-      <el-descriptions-item label='填报部门'>
+            <el-descriptions-item label="填报部门">
                 {{ detailData.orgName }}
             </el-descriptions-item>
-      <el-descriptions-item label='工程预期投产日期'>
+            <el-descriptions-item label="工程预期投产日期">
                 {{ formatDate(detailData.expectedProductionDate, 'YYYY-MM-DD') }}
             </el-descriptions-item>
-      <el-descriptions-item :span='2' label='用户性质'>
+            <el-descriptions-item label="用户性质">
-        {{ detailData.userType }}
+                {{
+                    userTypeList.find(item => {
+                        return item.value == detailData.userType
+                    })?.label
+                }}
             </el-descriptions-item>
-      <el-descriptions-item label='所属地址'>
+            <el-descriptions-item label="所属地市">
                 {{ detailData.city }}
             </el-descriptions-item>
-      <el-descriptions-item label='归口管理部门'>
+            <el-descriptions-item label="归口管理部门">
                 {{ detailData.responsibleDepartment }}
             </el-descriptions-item>
-      <el-descriptions-item label='用户状态'>
+            <el-descriptions-item label="用户状态">
-        {{ detailData.userStatus }}
+                {{
+                    userStateList.find(item => {
+                        return item.value == detailData.userStatus
+                    })?.label
+                }}
             </el-descriptions-item>
-      <el-descriptions-item label='变电站'>
+            <el-descriptions-item label="变电站">
                 {{ detailData.substation }}
             </el-descriptions-item>
-      <el-descriptions-item :span='2' label='工程名'>
+            <el-descriptions-item label="工程名">
                 {{ detailData.projectName }}
             </el-descriptions-item>
-      <el-descriptions-item label='用户协议容量'>
+            <el-descriptions-item label="用户协议容量" v-if="detailData.userType == 0 || detailData.userType == 1">
-        {{ detailData.reason }}
+                {{ proviteData.agreementCapacity }}
             </el-descriptions-item>
-      <el-descriptions-item label='电压等级'>
+            <el-descriptions-item label="电压等级">
-        {{ detailData.voltageLevel }}
+                {{
+                    voltageLevelList.find(item => {
+                        return item.id == detailData.voltageLevel
+                    })?.name
+                }}
             </el-descriptions-item>
-      <el-descriptions-item label='非线性设备类型'>
+            <el-descriptions-item label="非线性设备类型" v-if="detailData.userType == 0 || detailData.userType == 1">
-        {{ detailData.reason }}
+                {{ proviteData.nonlinearDeviceType ? proviteData.nonlinearDeviceType : '-' }}
             </el-descriptions-item>
-      <el-descriptions-item label='预测评估单位'>
+            <el-descriptions-item label="预测评估单位">
-        {{ detailData.reason }}
+                {{ detailData.evaluationDept }}
             </el-descriptions-item>
-      <el-descriptions-item :span='2' label='预测评估结论'>
+            <el-descriptions-item label="预测评估结论">
-        {{ detailData.reason }}
+                {{ detailData.evaluationConclusion }}
             </el-descriptions-item>
-      <el-descriptions-item label='是否需要治理'>
+            <el-descriptions-item
-        {{ detailData.reason }}
+                label="非线性负荷类型"
+                v-if="
+                    detailData.userType == '2' ||
+                    detailData.userType == '3' ||
+                    detailData.userType == '4' ||
+                    detailData.userType == '5'
+                "
+            >
+                {{ proviteData.nonlinearLoadType }}
             </el-descriptions-item>
-      <el-descriptions-item label='是否开展背景测试'>
+            <el-descriptions-item label="是否需要治理">
-        {{ detailData.reason }}
+                <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>
             </el-descriptions-item>
-      <el-descriptions-item :span='2' label='可研报告'>
+            <el-descriptions-item label="是否开展背景测试">
-        {{ detailData.reason }}
+                <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>
             </el-descriptions-item>
-      <el-descriptions-item :span='2' label='项目初步设计说明书'>
+            <el-descriptions-item label="是否开展抗扰度测试" v-if="detailData.userType == 6">
-        {{ detailData.reason }}
+                <span>
-      </el-descriptions-item>
+                    {{ proviteData.antiInterferenceTest == 0 ? '否' : '是' }}
-      <el-descriptions-item :span='2' label='预测评估评审意见报告'>
+                </span>
-        {{ detailData.reason }}
-      </el-descriptions-item>
-      <el-descriptions-item :span='2' label='其他附件'>
-        {{ detailData.reason }}
             </el-descriptions-item>
 
-
+            <el-descriptions-item label="PCC点" v-if="detailData.userType != 0 && detailData.userType != 1">
+                {{ proviteData?.pccPoint }}
+            </el-descriptions-item>
+            <el-descriptions-item
+                label="PCC供电设备容量"
+                v-if="
+                    detailData.userType == '2' ||
+                    detailData.userType == '3' ||
+                    detailData.userType == '4' ||
+                    detailData.userType == '5'
+                "
+            >
+                {{ proviteData.pccEquipmentCapacity }}
+            </el-descriptions-item>
+            <el-descriptions-item
+                label="基准短路容量"
+                v-if="
+                    detailData.userType == '2' ||
+                    detailData.userType == '3' ||
+                    detailData.userType == '4' ||
+                    detailData.userType == '5'
+                "
+            >
+                {{ proviteData.baseShortCircuitCapacity }}
+            </el-descriptions-item>
+            {{ proviteData }}
+            <el-descriptions-item label="评估类型" v-if="detailData.userType != 0 && detailData.userType != 1">
+                {{
+                    evaluationTypeList.find(item => {
+                        return item.id == proviteData?.evaluationType
+                    })?.name
+                }}
+            </el-descriptions-item>
+            <el-descriptions-item label="预测评估评审单位" v-if="detailData.userType != 0 && detailData.userType != 1">
+                {{ proviteData?.evaluationChekDept }}
+            </el-descriptions-item>
+            <el-descriptions-item
+                label="系统最小短路容量"
+                v-if="
+                    detailData.userType == '2' ||
+                    detailData.userType == '3' ||
+                    detailData.userType == '4' ||
+                    detailData.userType == '5'
+                "
+            >
+                {{ proviteData?.minShortCircuitCapacity }}
+            </el-descriptions-item>
+            <el-descriptions-item
+                label="用户用电协议容量"
+                v-if="
+                    detailData.userType == '2' ||
+                    detailData.userType == '3' ||
+                    detailData.userType == '4' ||
+                    detailData.userType == '5'
+                "
+            >
+                {{ proviteData?.userAgreementCapacity }}
+            </el-descriptions-item>
+            <el-descriptions-item label="行业" v-if="detailData.userType == 6">
+                {{
+                    industryList.find(item => {
+                        return item.id == proviteData.industry
+                    })?.name
+                }}
+            </el-descriptions-item>
+            <el-descriptions-item label="敏感装置名称" v-if="detailData.userType == 6">
+                {{ proviteData.deviceName }}
+            </el-descriptions-item>
+            <el-descriptions-item label="供电电源数量" v-if="detailData.userType == 6">
+                {{ proviteData.powerSupplyCount }}
+            </el-descriptions-item>
+            <el-descriptions-item label="敏感电能质量指标" v-if="detailData.userType == 6">
+                {{
+                    energyQualityIndexList.find(item => {
+                        return item.id == proviteData.energyQualityIndex
+                    })?.name
+                }}
+            </el-descriptions-item>
+            <el-descriptions-item label="可研报告">
+                <span v-if="detailData.userType == 0 || detailData.userType == 1">
+                    <el-icon><Link /></el-icon>
+                    <a :href="proviteData.feasibilityReport.url">{{ proviteData.feasibilityReport.name }}</a>
+                </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>
+                <span v-if="detailData.userType == 6">
+                    <el-icon><Link /></el-icon>
+                    <a :href="proviteData.feasibilityReport.url">{{ proviteData.feasibilityReport.name }}</a>
+                </span>
+            </el-descriptions-item>
+            <el-descriptions-item label="项目初步设计说明书">
+                <el-icon><Link /></el-icon>
+                <a :href="proviteData?.preliminaryDesignDescription.url">
+                    {{ proviteData?.preliminaryDesignDescription.name }}
+                </a>
+            </el-descriptions-item>
+            <el-descriptions-item label="预测评估报告">
+                <el-icon><Link /></el-icon>
+                <a :href="proviteData?.predictionEvaluationReport.url">
+                    {{ proviteData?.predictionEvaluationReport.name }}
+                </a>
+            </el-descriptions-item>
+            <el-descriptions-item label="预测评估评审意见报告">
+                <el-icon><Link /></el-icon>
+                <a :href="proviteData?.predictionEvaluationReviewOpinions.url">
+                    {{ proviteData?.predictionEvaluationReviewOpinions.name }}
+                </a>
+            </el-descriptions-item>
+            <el-descriptions-item
+                label="用户接入变电站主接线示意图"
+                v-if="detailData.userType != 0 && detailData.userType != 1"
+            >
+                <el-icon><Link /></el-icon>
+                <a :href="proviteData?.substationMainWiringDiagram.url">
+                    {{ proviteData?.substationMainWiringDiagram.name }}
+                </a>
+            </el-descriptions-item>
+            <el-descriptions-item label="主要敏感设备清单" v-if="detailData.userType == 6">
+                <el-icon><Link /></el-icon>
+                <a :href="proviteData?.sensitiveDevices.url">{{ proviteData?.sensitiveDevices.name }}</a>
+            </el-descriptions-item>
+            <el-descriptions-item label="抗扰度测试报告" v-if="detailData.userType == 6">
+                <el-icon><Link /></el-icon>
+                <a :href="proviteData?.antiInterferenceReport.url">{{ proviteData?.antiInterferenceReport.name }}</a>
+            </el-descriptions-item>
+            <el-descriptions-item label="背景电能质量测试报告" v-if="detailData.userType == 6">
+                <el-icon><Link /></el-icon>
+                <a :href="proviteData?.powerQualityReport.url">{{ proviteData?.powerQualityReport.name }}</a>
+            </el-descriptions-item>
+            <el-descriptions-item label="其他附件">
+                <el-icon><Link /></el-icon>
+                <a :href="proviteData?.additionalAttachments.url">{{ proviteData?.additionalAttachments.name }}</a>
+            </el-descriptions-item>
         </el-descriptions>
     </div>
 </template>
-<script lang='ts' setup>
+<script lang="ts" setup>
 import { onMounted, provide, ref, getCurrentInstance, reactive, watch, unref, nextTick } from 'vue'
 import { useRouter, 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'
 defineOptions({ name: 'BpmUserReportDetail' })
 
 const { query } = useRoute() // 查询参数
@@ -86,18 +274,217 @@ const props = defineProps({
 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 areaOptionList = dictData.getBasicData('jibei_area')
+//字典获取敏感电能质量指标
+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 evaluationDeptList = dictData.getBasicData('evaluation_dept')
 /** 获得数据 */
 const getInfo = async () => {
     detailLoading.value = true
     try {
         await getUserReportById(props.id || queryId).then(res => {
             detailData.value = res.data
+            getProviteData()
         })
     } finally {
         detailLoading.value = false
     }
 }
+const proviteData = ref()
+//判断userType选择取用的对象
+const getProviteData = () => {
+    if (detailData.value.userType == '0' || detailData.value.userType == '1') {
+        proviteData.value = detailData.value.userReportProjectPO
+        //查询非线性设备类型
+        // proviteData.value.nonlinearDeviceType
+        getDictTreeById(proviteData.value.nonlinearDeviceType).then(res => {
+            console.log(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
+    } else {
+        proviteData.value = detailData.value.userReportSensitivePO
+    }
+    console.log(proviteData.value, '++++++++++++proviteData.evaluationType')
+    //可研报告
+    if (proviteData.value.feasibilityReport) {
+        getFileNamePath(proviteData.value.feasibilityReport, 'feasibilityReport')
+    }
+    //项目初步设计说明书
+    if (proviteData.value.preliminaryDesignDescription) {
+        getFileNamePath(proviteData.value.preliminaryDesignDescription, 'preliminaryDesignDescription')
+    }
+    //预测评估报告
+    if (proviteData.value.predictionEvaluationReport) {
+        getFileNamePath(proviteData.value.predictionEvaluationReport, 'predictionEvaluationReport')
+    }
+
+    //预测评估评审意见报告
+    if (proviteData.value.predictionEvaluationReviewOpinions) {
+        getFileNamePath(proviteData.value.predictionEvaluationReviewOpinions, 'predictionEvaluationReviewOpinions')
+    }
+    //用户接入变电站主接线示意图
+    if (proviteData.value.substationMainWiringDiagram) {
+        getFileNamePath(proviteData.value.substationMainWiringDiagram, 'substationMainWiringDiagram')
+    }
+
+    //主要敏感设备清单
+    if (proviteData.value.sensitiveDevices) {
+        getFileNamePath(proviteData.value.sensitiveDevices, 'sensitiveDevices')
+    }
+
+    //抗扰度测试报告
+    if (proviteData.value.antiInterferenceReport) {
+        getFileNamePath(proviteData.value.antiInterferenceReport, 'antiInterferenceReport')
+    }
+
+    //背景电能质量测试报告
+    if (proviteData.value.powerQualityReport) {
+        getFileNamePath(proviteData.value.powerQualityReport, 'powerQualityReport')
+    }
+
+    //其他附件
+    if (proviteData.value.additionalAttachments) {
+        getFileNamePath(proviteData.value.additionalAttachments, 'additionalAttachments')
+    }
+}
+//根据文件名请求
+const getFileNamePath = async (val: any, pathName: any) => {
+    const data = await getFileNameAndFilePath({ filePath: val })
+    if (data.data && data.data.name && data.data.url) {
+        //可研报告
+        if (pathName == 'feasibilityReport' && proviteData.value.feasibilityReport) {
+            proviteData.value.feasibilityReport = {
+                name: data.data.fileName,
+                url: data.data.url
+            }
+        }
+        //项目初步设计说明书
+        else if (pathName == 'preliminaryDesignDescription' && proviteData.value.preliminaryDesignDescription) {
+            proviteData.value.preliminaryDesignDescription = {
+                name: data.data.fileName,
+                url: data.data.url
+            }
+        }
+        //预测评估报告
+        else if (pathName == 'predictionEvaluationReport' && proviteData.value.predictionEvaluationReport) {
+            proviteData.value.predictionEvaluationReport = {
+                name: data.data.fileName,
+                url: data.data.url
+            }
+        }
+        //预测评估评审意见报告
+        else if (
+            pathName == 'predictionEvaluationReviewOpinions' &&
+            proviteData.value.predictionEvaluationReviewOpinions
+        ) {
+            proviteData.value.predictionEvaluationReviewOpinions = {
+                name: data.data.fileName,
+                url: data.data.url
+            }
+        }
+        //用户接入变电站主接线示意图
+        else if (pathName == 'substationMainWiringDiagram' && proviteData.value.substationMainWiringDiagram) {
+            proviteData.value.substationMainWiringDiagram = {
+                name: data.data.fileName,
+                url: data.data.url
+            }
+        }
+        //主要敏感设备清单
+        else if (pathName == 'sensitiveDevices' && proviteData.value.sensitiveDevices) {
+            proviteData.value.sensitiveDevices = {
+                name: data.data.fileName,
+                url: data.data.url
+            }
+        }
+        //抗扰度测试报告
+        else if (pathName == 'antiInterferenceReport' && proviteData.value.antiInterferenceReport) {
+            proviteData.value.antiInterferenceReport = {
+                name: data.data.fileName,
+                url: data.data.url
+            }
+        }
+        //背景电能质量测试报告
+        else if (pathName == 'powerQualityReport' && proviteData.value.powerQualityReport) {
+            proviteData.value.powerQualityReport = {
+                name: data.data.fileName,
+                url: data.data.url
+            }
+        }
+        //其他附件
+        else if (pathName == 'additionalAttachments' && proviteData.value.additionalAttachments) {
+            proviteData.value.additionalAttachments = {
+                name: data.data.fileName,
+                url: data.data.url
+            }
+        }
+    }
+}
 defineExpose({ open: getInfo }) // 提供 open 方法，用于打开弹窗
 
 /** 初始化 **/
@@ -105,3 +492,14 @@ onMounted(() => {
     getInfo()
 })
 </script>
+<style lang="scss">
+.default-main {
+    height: calc(100vh - 100px);
+    overflow: auto;
+}
+::v-deep.el-icon svg{
+    margin: 5px !important;
+    position: absolute !important;
+    top: 20px !important;
+}
+</style>

src/views/pqs/supervise/interfere/components/undocumented/index.vue

@@ -27,7 +27,7 @@
   <!-- 上传 -->
   <Audit ref='AuditRef' @onSubmit='tableStore.index()' />
   <!-- 查看详情 detail 新增/修改 create-->
-  <addForm ref='addForms' openType='create'></addForm>
+  <addForm ref='addForms'  @onSubmit='tableStore.index()'  openType='create'></addForm>
 </template>
 <script setup lang='ts'>
 import { ref, onMounted, provide, nextTick } from 'vue'