Web/admin-sjzx
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改测试问题

Browse Source
This commit is contained in:
zhujiyan
2024-06-05 13:28:21 +08:00
parent 709ddc143b
commit ae5339eff3
19 changed files with 652 additions and 3397 deletions
Download Patch File Download Diff File Expand all files Collapse all files

276
src/views/pqs/supervise/terminal/components/sensitiveUserTable.vue
View File

@@ -1,35 +1,34 @@
<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>
<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'>
<script setup lang="ts">
import { ref, onMounted, provide, nextTick } from 'vue'
import TableStore from '@/utils/tableStore'
import Table from '@/components/table/index.vue'
@@ -46,74 +45,85 @@ 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: [
url: '/supervision-boot/userReport/getSensitiveUserPage',
publicHeight: 65,
method: 'POST',
column: [
{
name: 'productSetting',
title: '详细信息',
type: 'primary',
icon: 'el-icon-EditPen',
render: 'basicButton',
click: row => {
lookInfo(row.id)
}
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,
formatter: (row: any) => {
return row.cellValue ? row.cellValue : '/'
}
},
{
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
}
beforeSearchFun: () => {
tableStore.table.params.orgNo = tableStore.table.params.deptIndex
}
})
tableStore.table.params.city = ''
tableStore.table.params.projectName = ''
@@ -126,63 +136,59 @@ const userId = ref()
const dialogShow = ref(false)
const lookInfo = (id: string) => {
userId.value = id
dialogShow.value = true
userId.value = id
dialogShow.value = true
}
provide('tableStore', tableStore)
onMounted(() => {
tableStore.index()
tableStore.index()
})
/**获取用户性质*/
const getUserTypeName = (userType: any) => {
if (userType === 0) {
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 '新建电网工程'
}
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'
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 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('导入敏感及重要用户')
sensitiveUserPopup.value.open('导入敏感及重要用户')
}
</script>