From 8a014550428551dcef8b2788abc514d620336808 Mon Sep 17 00:00:00 2001
From: hongawen <83944980@qq.com>
Date: Mon, 3 Jun 2024 16:46:48 +0800
Subject: [PATCH] =?UTF-8?q?=E6=95=8F=E6=84=9F=E5=8F=8A=E9=87=8D=E8=A6=81?=
 =?UTF-8?q?=E7=94=A8=E6=88=B7=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/supervision-boot/userReport/form.ts   |  21 ++
 .../components/undocumented/detail.vue        |  57 ++++--
 .../components/sensitiveUserPopup.vue         | 121 +++++++++++
 .../components/sensitiveUserTable.vue         | 188 ++++++++++++++++++
 src/views/pqs/supervise/terminal/index.vue    |  13 +-
 .../businessUser/event/eventUploadPopup.vue   |   1 -
 6 files changed, 376 insertions(+), 25 deletions(-)
 create mode 100644 src/views/pqs/supervise/terminal/components/sensitiveUserPopup.vue
 create mode 100644 src/views/pqs/supervise/terminal/components/sensitiveUserTable.vue

diff --git a/src/api/supervision-boot/userReport/form.ts b/src/api/supervision-boot/userReport/form.ts
index ffb9e1b5..9b5f0b28 100644
--- a/src/api/supervision-boot/userReport/form.ts
+++ b/src/api/supervision-boot/userReport/form.ts
@@ -26,6 +26,27 @@ export const getUserReportById = (id: any) => {
     })
 }
 
+/**
+ * 下载敏感及重要用户模板
+ */
+export const downloadSensitiveUserTemplate = () => {
+    return createAxios({
+        url: MAPPING_PATH + '/downloadSensitiveUserTemplate',
+        method: 'GET',
+        responseType: 'blob'
+    })
+}
+
+/**
+ * 导入敏感及重要用户数据
+ */
+export const importSensitiveUserData = (data: any) => {
+    return createAxios({
+        url: MAPPING_PATH + '/importSensitiveUserData',
+        method: 'POST',
+        data: data
+    })
+}
 
 
 
diff --git a/src/views/pqs/supervise/interfere/components/undocumented/detail.vue b/src/views/pqs/supervise/interfere/components/undocumented/detail.vue
index 94f20be0..14771451 100644
--- a/src/views/pqs/supervise/interfere/components/undocumented/detail.vue
+++ b/src/views/pqs/supervise/interfere/components/undocumented/detail.vue
@@ -175,9 +175,26 @@
             <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">-->
+<!--                {{ proviteData.powerSupplyCount }}-->
+<!--            </el-descriptions-item>-->
+          <el-descriptions-item label="供电电源情况" v-if="detailData.userType == 6">
+            {{
+              powerSupplyInfoOptionList.find(item => {
+                return item.id == proviteData.powerSupplyInfo
+              })?.name
+            }}
+          </el-descriptions-item>
+          <el-descriptions-item label="供电电源" :span='2'  v-if="detailData.userType == 6">
+            {{ proviteData.powerSupply }}
+          </el-descriptions-item>
+          <el-descriptions-item label="负荷级别" v-if="detailData.userType == 6">
+            {{
+              loadLevelOptionList.find(item => {
+                return item.id == proviteData.loadLevel
+              })?.name
+            }}
+          </el-descriptions-item>
             <el-descriptions-item label="敏感电能质量指标" v-if="detailData.userType == 6">
                 {{
                     energyQualityIndexList.find(item => {
@@ -188,7 +205,7 @@
             <el-descriptions-item label="可研报告">
                 <span v-if="detailData.userType == 0 || detailData.userType == 1">
                     <el-icon><Link /></el-icon>
-                   <a target="_blank" :href="proviteData.feasibilityReport.url">{{ proviteData.feasibilityReport.name }}</a>
+                   <a target="_blank" :href="proviteData.feasibilityReport?.url">{{ proviteData.feasibilityReport?.name }}</a>
                 </span>
                 <span
                     v-if="
@@ -199,35 +216,35 @@
                     "
                 >
                     <el-icon><Link /></el-icon>
-                   <a target="_blank" :href="proviteData.feasibilityReport.url">{{ proviteData.feasibilityReport.name }}</a>
+                   <a target="_blank" :href="proviteData.feasibilityReport?.url">{{ proviteData.feasibilityReport?.name }}</a>
                 </span>
                 <span v-if="detailData.userType == 6">
                     <el-icon><Link /></el-icon>
-                   <a target="_blank" :href="proviteData.feasibilityReport.url">{{ proviteData.feasibilityReport.name }}</a>
+                   <a target="_blank" :href="proviteData.feasibilityReport?.url">{{ proviteData.feasibilityReport?.name }}</a>
                 </span>
             </el-descriptions-item>
             <el-descriptions-item label="项目初步设计说明书">
                 <el-icon>
                     <Link />
                 </el-icon>
-               <a target="_blank" :href="proviteData?.preliminaryDesignDescription.url">
-                    {{ proviteData?.preliminaryDesignDescription.name }}
+               <a target="_blank" :href="proviteData?.preliminaryDesignDescription?.url">
+                    {{ proviteData?.preliminaryDesignDescription?.name }}
                 </a>
             </el-descriptions-item>
             <el-descriptions-item label="预测评估报告">
                 <el-icon>
                     <Link />
                 </el-icon>
-               <a target="_blank" :href="proviteData?.predictionEvaluationReport.url">
-                    {{ proviteData?.predictionEvaluationReport.name }}
+               <a target="_blank" :href="proviteData?.predictionEvaluationReport?.url">
+                    {{ proviteData?.predictionEvaluationReport?.name }}
                 </a>
             </el-descriptions-item>
             <el-descriptions-item label="预测评估评审意见报告">
                 <el-icon>
                     <Link />
                 </el-icon>
-               <a target="_blank" :href="proviteData?.predictionEvaluationReviewOpinions.url">
-                    {{ proviteData?.predictionEvaluationReviewOpinions.name }}
+               <a target="_blank" :href="proviteData?.predictionEvaluationReviewOpinions?.url">
+                    {{ proviteData?.predictionEvaluationReviewOpinions?.name }}
                 </a>
             </el-descriptions-item>
             <el-descriptions-item
@@ -237,36 +254,36 @@
                 <el-icon>
                     <Link />
                 </el-icon>
-               <a target="_blank" :href="proviteData?.substationMainWiringDiagram.url">
-                    {{ proviteData?.substationMainWiringDiagram.name }}
+               <a target="_blank" :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 target="_blank" :href="proviteData?.sensitiveDevices.url">{{ proviteData?.sensitiveDevices.name }}</a>
+               <a target="_blank" :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 target="_blank" :href="proviteData?.antiInterferenceReport.url">{{ proviteData?.antiInterferenceReport.name }}</a>
+               <a target="_blank" :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 target="_blank" :href="proviteData?.powerQualityReport.url">{{ proviteData?.powerQualityReport.name }}</a>
+               <a target="_blank" :href="proviteData?.powerQualityReport?.url">{{ proviteData?.powerQualityReport?.name }}</a>
             </el-descriptions-item>
             <el-descriptions-item
                 label="其他附件"
-                v-if="proviteData?.additionalAttachments && proviteData?.additionalAttachments.url"
+                v-if="proviteData?.additionalAttachments && proviteData?.additionalAttachments?.url"
             >
                 <el-icon>
                     <Link />
                 </el-icon>
-               <a target="_blank" :href="proviteData?.additionalAttachments.url">{{ proviteData?.additionalAttachments.name }}</a>
+               <a target="_blank" :href="proviteData?.additionalAttachments?.url">{{ proviteData?.additionalAttachments?.name }}</a>
             </el-descriptions-item>
         </el-descriptions>
     </div>
@@ -355,6 +372,8 @@ const voltageLevelList = dictData.getBasicData('Dev_Voltage_Stand')
 const evaluationTypeList = dictData.getBasicData('Evaluation_Type')
 //字典预测评估单位
 const evaluationDeptList = dictData.getBasicData('evaluation_dept')
+const loadLevelOptionList = dictData.getBasicData('load_level')
+const powerSupplyInfoOptionList = dictData.getBasicData('supply_condition')
 /** 获得数据 */
 const getInfo = async () => {
     detailLoading.value = true
diff --git a/src/views/pqs/supervise/terminal/components/sensitiveUserPopup.vue b/src/views/pqs/supervise/terminal/components/sensitiveUserPopup.vue
new file mode 100644
index 00000000..5ad43c42
--- /dev/null
+++ b/src/views/pqs/supervise/terminal/components/sensitiveUserPopup.vue
@@ -0,0 +1,121 @@
+<template>
+  <el-dialog
+      draggable
+      class='cn-operate-dialog'
+      v-model='eventDataUploadVisible'
+      :title='title'
+      style='width: 415px;'
+      top='25vh'
+  >
+    <el-scrollbar>
+      <el-form :inline='false' :model='form' label-width='120px' ref='formRef'>
+        <el-form-item label='用户数据文件'>
+          <el-upload
+              v-model:file-list='fileList'
+              ref='uploadEventData'
+              action=''
+              :limit='1'
+              :on-exceed='handleExceed'
+              :auto-upload='false'
+              :on-change='choose'
+          >
+            <template #trigger>
+              <el-button type='primary'>选择数据文件</el-button>
+            </template>
+          </el-upload>
+        </el-form-item>
+      </el-form>
+    </el-scrollbar>
+    <template #footer>
+            <span class='dialog-footer'>
+                <el-button @click='eventDataUploadVisible = false'>取消</el-button>
+                <el-button type='primary' @click='submit'>确认</el-button>
+            </span>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup lang='ts'>
+import { ref, reactive, inject } from 'vue'
+import TableStore from '@/utils/tableStore'
+import { ElMessage } from 'element-plus'
+import type { UploadInstance, UploadProps, UploadRawFile, UploadUserFile } from 'element-plus'
+import { genFileId } from 'element-plus'
+import { importSensitiveUserData } from '@/api/supervision-boot/userReport/form'
+
+const fileList = ref<UploadUserFile[]>([])
+
+const formRef = ref()
+const tableStore = inject('tableStore') as TableStore
+const eventDataUploadVisible = ref(false)
+const title = ref('')
+const uploadEventData = ref<UploadInstance>()
+
+// 注意不要和表单ref的命名冲突
+const form = reactive({
+  file: null
+})
+
+//弹出界面，默认选择用户的第一个生产线的第一条进线进行数据导入
+const open = async (text: string) => {
+  title.value = text
+  resetForm()
+  form.file = null
+  fileList.value = []
+  eventDataUploadVisible.value = true
+}
+
+//重置表单内容
+const resetForm = () => {
+  if (formRef.value) {
+    formRef.value.resetFields()
+  }
+}
+
+/**
+ * 选择待上传文件
+ */
+const choose = (e: any) => {
+  form.file = e.raw
+}
+const handleExceed: UploadProps['onExceed'] = files => {
+  uploadEventData.value!.clearFiles()
+  const file = files[0] as UploadRawFile
+  file.uid = genFileId()
+  uploadEventData.value!.handleStart(file)
+  fileList.value = [{ name: file.name, url: '' }]
+}
+
+/**
+ * 提交用户表单数据
+ */
+const submit = async () => {
+  if (form.file) {
+    formRef.value.validate(async (valid: any) => {
+      if (valid) {
+        let data = new FormData()
+        data.append('file', form.file)
+        await importSensitiveUserData(data).then((res: any) => {
+          if (res.code == 'A0000') {
+            ElMessage.success('导入成功')
+            tableStore.index()
+            eventDataUploadVisible.value = false
+          } else {
+            ElMessage.error('导入失败，请检查表格文件')
+          }
+        })
+      }
+    })
+  } else {
+    ElMessage.error('请选择数据文件')
+  }
+}
+
+defineExpose({ open })
+</script>
+
+<style scoped>
+.el-form-item__content div {
+  width: 100% !important;
+}
+</style>
diff --git a/src/views/pqs/supervise/terminal/components/sensitiveUserTable.vue b/src/views/pqs/supervise/terminal/components/sensitiveUserTable.vue
new file mode 100644
index 00000000..2808e7c4
--- /dev/null
+++ b/src/views/pqs/supervise/terminal/components/sensitiveUserTable.vue
@@ -0,0 +1,188 @@
+<template>
+  <div>
+    <TableHeader ref='TableHeaderRef'>
+      <template #select>
+        <el-form-item label='工程名称'>
+          <el-input v-model='tableStore.table.params.projectName' clearable></el-input>
+        </el-form-item>
+        <el-form-item label='所属地市'>
+          <el-select v-model='tableStore.table.params.city' clearable placeholder='请选择所属地市'>
+            <el-option
+                v-for='item in areaOptionList'
+                :key='item.id'
+                :label='item.name'
+                :value='item.name'
+            ></el-option>
+          </el-select>
+        </el-form-item>
+      </template>
+      <template #operation>
+        <el-button icon='el-icon-Download' type='primary' @click='exportExcelTemplate'>模板下载</el-button>
+        <el-button icon='el-icon-Download' type='primary' @click='importUserData'>批量导入</el-button>
+      </template>
+    </TableHeader>
+    <Table ref='tableRef' />
+    <el-dialog title='详情' width='80%' v-model='dialogShow'>
+      <DetailInfo :id='userId'></DetailInfo>
+    </el-dialog>
+    <sensitive-user-popup ref='sensitiveUserPopup' />
+  </div>
+
+</template>
+<script setup lang='ts'>
+import { ref, onMounted, provide, nextTick } from 'vue'
+import TableStore from '@/utils/tableStore'
+import Table from '@/components/table/index.vue'
+import TableHeader from '@/components/table/header/index.vue'
+import { useDictData } from '@/stores/dictData'
+import DetailInfo from '../../interfere/components/undocumented/detail.vue'
+import { downloadSensitiveUserTemplate } from '@/api/supervision-boot/userReport/form'
+import SensitiveUserPopup from './sensitiveUserPopup.vue'
+
+const dictData = useDictData()
+const sensitiveUserPopup = ref()
+const TableHeaderRef = ref()
+const areaOptionList = dictData.getBasicData('jibei_area')
+const loadLevelOptionList = dictData.getBasicData('load_level')
+const powerSupplyInfoOptionList = dictData.getBasicData('supply_condition')
+const tableStore = new TableStore({
+  url: '/supervision-boot/userReport/getSensitiveUserPage',
+  publicHeight: 65,
+  method: 'POST',
+  column: [
+    {
+      title: '序号',
+      width: 60,
+      formatter: (row: any) => {
+        return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
+      }
+    },
+    { field: 'projectName', title: '工程名称', minWidth: 170 },
+    { field: 'city', title: '所属地市', minWidth: 80 },
+    // { field: 'responsibleDepartment', title: '归口管理部门', minWidth: 130 },
+    {
+      field: 'userStatus',
+      title: '用户状态',
+      minWidth: 100,
+      render: 'tag',
+      custom: {
+        0: 'primary',
+        1: 'primary',
+        2: 'success',
+        3: 'warning'
+      },
+      replaceValue: {
+        0: '可研',
+        1: '建设',
+        2: '运行',
+        3: '退运'
+      }
+    },
+    { field: 'substation', title: '变电站', minWidth: 100 },
+    {
+      field: 'userReportSensitivePO.loadLevel', title: '负荷级别', minWidth: 170,
+      formatter: (row: any) => {
+        return loadLevelOptionList.filter(item => item.id === row.cellValue)[0]?.name
+      }
+    },
+    {
+      field: 'userReportSensitivePO.powerSupplyInfo', title: '供电电源情况', minWidth: 170,
+      formatter: (row: any) => {
+        return powerSupplyInfoOptionList.filter(item => item.id === row.cellValue)[0]?.name
+      }
+    },
+    {
+      title: '操作',
+      minWidth: 150,
+      fixed: 'right',
+      render: 'buttons',
+      buttons: [
+        {
+          name: 'productSetting',
+          title: '详细信息',
+          type: 'primary',
+          icon: 'el-icon-EditPen',
+          render: 'basicButton',
+          click: row => {
+            lookInfo(row.id)
+          }
+        }
+      ]
+    }
+  ],
+
+  beforeSearchFun: () => {
+    tableStore.table.params.orgNo = tableStore.table.params.deptIndex
+  }
+})
+tableStore.table.params.city = ''
+tableStore.table.params.projectName = ''
+tableStore.table.params.loadType = ''
+tableStore.table.params.userName = ''
+tableStore.table.params.relationUserName = ''
+tableStore.table.params.aisFileUpload = ''
+
+const userId = ref()
+const dialogShow = ref(false)
+
+const lookInfo = (id: string) => {
+  userId.value = id
+  dialogShow.value = true
+}
+
+provide('tableStore', tableStore)
+onMounted(() => {
+  tableStore.index()
+})
+
+
+/**获取用户性质*/
+const getUserTypeName = (userType: any) => {
+  if (userType === 0) {
+    return '新建电网工程'
+  }
+  if (userType === 1) {
+    return '扩建电网工程'
+  }
+  if (userType === 2) {
+    return '新建非线性负荷用户'
+  }
+  if (userType === 3) {
+    return '扩建非线性负荷用户'
+  }
+  if (userType === 4) {
+    return '新建新能源发电站'
+  }
+  if (userType === 5) {
+    return '扩建新能源发电站'
+  }
+  if (userType === 6) {
+    return '敏感及重要用户'
+  }
+  return '新建电网工程'
+}
+
+
+//导出模板
+const exportExcelTemplate = () => {
+  downloadSensitiveUserTemplate().then((res: any) => {
+    let blob = new Blob([res], {
+      type: 'application/vnd.ms-excel'
+    })
+    const url = window.URL.createObjectURL(blob)
+    const link = document.createElement('a')
+    link.href = url
+    link.download = '敏感及重要用户模板'
+    document.body.appendChild(link)
+    link.click()
+    link.remove()
+  })
+}
+
+//批量导入用户数据
+const importUserData = () => {
+  sensitiveUserPopup.value.open('导入敏感及重要用户')
+}
+
+
+</script>
diff --git a/src/views/pqs/supervise/terminal/index.vue b/src/views/pqs/supervise/terminal/index.vue
index 63d4893a..9145d9e9 100644
--- a/src/views/pqs/supervise/terminal/index.vue
+++ b/src/views/pqs/supervise/terminal/index.vue
@@ -2,14 +2,16 @@
     <div class='default-main'>
         <el-tabs v-model='activeName' type='border-card'>
             <el-tab-pane label='干扰源用户台账' name='1' >
-                <!-- <network v-if="activeName == '1'" /> -->
                 <interferenceUserTable v-if="activeName == '1'" />
             </el-tab-pane>
-            <el-tab-pane label='终端台账' name='2'>
-                    <deviceLedgerTable v-if="activeName == '2'" />
+            <el-tab-pane label='敏感及重要用户台账' name='2' >
+                <sensitiveUserTable v-if="activeName == '2'" />
             </el-tab-pane>
-            <el-tab-pane label='监测点台账' name='3'>
-                    <monitorLedgerTable v-if="activeName == '3'" />
+            <el-tab-pane label='终端台账' name='3'>
+                    <deviceLedgerTable v-if="activeName == '3'" />
+            </el-tab-pane>
+            <el-tab-pane label='监测点台账' name='4'>
+                    <monitorLedgerTable v-if="activeName == '4'" />
             </el-tab-pane>
         </el-tabs>
     </div>
@@ -18,6 +20,7 @@
 <script setup lang='ts'>
 import { onMounted, reactive, ref, provide } from 'vue'
 import interferenceUserTable from './components/interferenceUserTable.vue'
+import sensitiveUserTable from './components/sensitiveUserTable.vue'
 import deviceLedgerTable from './components/deviceLedgerTable.vue'
 import monitorLedgerTable from './components/monitorLedgerTable.vue'
 import { mainHeight } from '@/utils/layout'
diff --git a/src/views/pqs/voltageSags/sagGovern/businessUser/event/eventUploadPopup.vue b/src/views/pqs/voltageSags/sagGovern/businessUser/event/eventUploadPopup.vue
index 26ee5ff4..748659fa 100644
--- a/src/views/pqs/voltageSags/sagGovern/businessUser/event/eventUploadPopup.vue
+++ b/src/views/pqs/voltageSags/sagGovern/businessUser/event/eventUploadPopup.vue
@@ -63,7 +63,6 @@ import { querySgProductLineByUserId } from '@/api/advance-boot/sgGroven/sgProduc
 import type { UploadInstance, UploadProps, UploadRawFile, UploadUserFile } from 'element-plus'
 import { genFileId } from 'element-plus'
 import { importEventData } from '@/api/advance-boot/sgGroven/sgEvent'
-import { upload } from '@/api/process-boot/terminal'
 
 const fileList = ref<UploadUserFile[]>([])