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

联调 承载能力评估 40%

Browse Source
This commit is contained in:
GGJ
2024-03-07 19:02:49 +08:00
parent f92e820986
commit 5b296d9203
10 changed files with 227 additions and 190 deletions
Download Patch File Download Diff File Expand all files Collapse all files

155
src/views/pqs/bearingCapacity/userManagement/index.vue
View File

@@ -5,7 +5,7 @@
<template #select>
<el-form-item label="用户类型">
<el-select
v-model="tableStore.table.params.searchValue"
v-model="tableStore.table.params.userType"
clearable
collapse-tagsplaceholder="请选择用户类型"
>
@@ -19,12 +19,17 @@
</TableHeader>
<Table ref="tableRef" />
<el-dialog v-model="dialogVisible" :title="title" width="600" :before-close="handleClose">
<el-form ref="ruleFormRef" :model="form" label-width="auto" :disabled="disabled" :rules="rules">
<el-form ref="ruleFormRef" :model="form" label-width="180px" :disabled="disabled" :rules="rules">
<el-form-item label="用户名称：" prop="userName">
<el-input v-model="form.userName" clearable placeholder="请输入用户名称" />
</el-form-item>
<el-form-item label="用户类型：" prop="userType">
<el-select v-model="form.userType" clearable collapse-tagsplaceholder="请选择用户类型">
<el-select
v-model="form.userType"
clearable
collapse-tagsplaceholder="请选择用户类型"
@change="useChange"
>
<el-option v-for="item in uesrList" :key="item.id" :label="item.name" :value="item.id" />
</el-select>
</el-form-item>
@@ -33,19 +38,26 @@
<el-option v-for="item in levelList" :key="item.id" :label="item.name" :value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="用户协议容量(MVA)：" prop="mav1">
<el-input v-model="form.mav1" clearable placeholder="请输入用户协议容量" />
<el-form-item
:label="userShow == 'Power_Station_Users' ? '用户协议容量(MVA)：' : '拟接入容量(MVA)：'"
prop="protocolCapacity"
>
<!-- <el-input v-model="form.protocolCapacity" clearable placeholder="请输入用户协议容量" /> -->
<el-input-number
style="width: 100%"
v-model="form.protocolCapacity"
:min="0"
placeholder="请输入用容量"
/>
</el-form-item>
<el-form-item label="拟接入容量(MVA)：" prop="mav2">
<el-input v-model="form.mav2" clearable placeholder="请输入拟接入容量" />
<el-form-item label="区域" prop="regionList">
<el-cascader v-model="form.regionList" style="width: 100%" :props="props" :options="areaList" />
</el-form-item>
<el-form-item label="区域">
<Area v-model="form.deptIndex" style="width: 100%" />
</el-form-item>
<el-form-item label="详细地址：" prop="detailed">
<el-form-item label="详细地址：" prop="area">
<el-input
clearable
v-model="form.detailed"
v-model="form.area"
:autosize="{ minRows: 2, maxRows: 4 }"
type="textarea"
placeholder="请输入详细地址"
@@ -64,11 +76,10 @@
</div>
</template>
<script setup lang="ts">
import { ref, onMounted, provide, reactive } from 'vue'
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 Area from '@/components/form/area/index.vue'
import { ElMessage, ElMessageBox } from 'element-plus'
import { mainHeight } from '@/utils/layout'
import { useDictData } from '@/stores/dictData'
@@ -78,16 +89,20 @@ defineOptions({
})
const dictData = useDictData()
const levelList = dictData.getBasicData('Dev_Voltage_Stand')
const uesrList = dictData.getBasicData('Interference_Source')
const uesrList = dictData.getBasicData('CARRY_CAPCITY_USER_TYPE')
const dialogVisible = ref(false)
const disabled = ref(false)
const TableHeaderRef = ref()
const title = ref('')
const areaList: any = dictData.areaSelect()
const userShow: any = ref('Power_Station_Users')
interface RuleForm {
area: string
city: string
province: string
region: string
regionList: any
protocolCapacity: number
userName: string
userType: string
voltage: string
@@ -96,25 +111,29 @@ const form = ref<RuleForm>({
area: '',
city: '',
province: '',
protocolCapacity: 0,
region: '',
userName: '',
userType: '',
voltage: ''
voltage: '',
regionList: []
})
const rules = {
userName: [{ required: true, message: '请输入用户名称', trigger: 'blur' }],
userType: [{ required: true, message: '请选择用户类型', trigger: 'change' }],
voltage: [{ required: true, message: '请选择电压等级', trigger: 'change' }],
mav1: [{ required: true, message: '请输入用户协议容量', trigger: 'blur' }],
protocolCapacity: [{ required: true, message: '请输入容量', trigger: 'change' }],
regionList: [{ required: true, message: '请选择区域', trigger: 'change' }],
mav2: [{ required: true, message: '请输入拟接入容量', trigger: 'blur' }],
detailed: [{ required: true, message: '请输入详细地址', trigger: 'blur' }]
area: [{ required: true, message: '请输入详细地址', trigger: 'blur' }]
}
const props = { label: 'name', value: 'id' }
const ruleFormRef = ref()
const tableStore = new TableStore({
url: '/advance-boot/carrycapacityuser/queyDetailUser',
method: 'POST',
column: [
{ width: '60', type: 'checkbox' },
// { width: '60', type: 'checkbox' },
{
field: 'index',
@@ -124,16 +143,44 @@ const tableStore = new TableStore({
return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
}
},
{ field: 'name', title: '用户名称' },
{ field: 'type', title: '用户类型' },
{ field: 'userName', title: '用户名称' },
{
field: 'userType',
title: '用户类型',
formatter: (row: any) => {
return uesrList.filter(item => item.id == row.cellValue)[0].name
}
},
{ field: 'Area', title: '所属区域' },
{ field: 'level', title: '电压等级(V)' },
{ field: 'mav1', title: '用户协议容量(MVA)' },
{ field: 'mav2', title: '拟接入容量(MVA)' },
{ field: 'detailed', title: '详细地址' },
{ field: 'user', title: '创建者' },
{ field: 'time', title: '创建日期' },
{
field: 'voltage',
title: '电压等级(V)',
formatter: (row: any) => {
return levelList.filter(item => item.id == row.cellValue)[0].name
}
},
{
field: 'protocolCapacity',
title: '用户协议容量(MVA)',
formatter: (row: any) => {
return uesrList.filter(item => item.id == row.row.userType)[0].code == 'Power_Station_Users'
? row.cellValue
: '/'
}
},
{
field: 'protocolCapacity',
title: '拟接入容量(MVA)',
formatter: (row: any) => {
return uesrList.filter(item => item.id == row.row.userType)[0].code != 'Power_Station_Users'
? row.cellValue
: '/'
}
},
{ field: 'area', title: '详细地址' },
{ field: 'createBy', title: '创建者' },
{ field: 'createTime', title: '创建日期' },
{
title: '操作',
width: '180',
@@ -147,12 +194,12 @@ const tableStore = new TableStore({
icon: 'el-icon-Plus',
render: 'basicButton',
click: row => {
if (ruleFormRef.value) ruleFormRef.value.resetFields()
disabled.value = true
dialogVisible.value = true
dialogVisible.value = true
title.value = '查看承载能力预评估用户'
form.value = JSON.parse(JSON.stringify(row))
dialogVisible.value = true
form.value.regionList = [form.value.province, form.value.city, form.value.region]
}
},
{
@@ -161,12 +208,13 @@ const tableStore = new TableStore({
type: '',
icon: 'el-icon-Plus',
render: 'basicButton',
click: row => {
if (ruleFormRef.value) ruleFormRef.value.resetFields()
click: async row => {
disabled.value = false
dialogVisible.value = true
await nextTick
title.value = '编辑承载能力预评估用户'
form.value = JSON.parse(JSON.stringify(row))
dialogVisible.value = true
form.value.regionList = [form.value.province, form.value.city, form.value.region]
}
},
{
@@ -182,8 +230,9 @@ const tableStore = new TableStore({
title: '确定删除？'
},
click: row => {
removeUse({ userIds: row.id }).then(res => {
removeUse({ userIds: row.userId }).then(res => {
ElMessage.success('删除成功')
tableStore.index()
})
}
}
@@ -191,32 +240,25 @@ const tableStore = new TableStore({
}
],
loadCallback: () => {
tableStore.table.data = [
{
id: '123',
name: '光伏电站用户1',
type: '光伏电站',
Area: '中国',
level: '220',
mav1: '100',
mav2: '100',
detailed: '详情',
user: 'Admin',
time: '2024-01-03'
}
]
}
loadCallback: () => {}
})
// tableStore.table.params.searchValue = ''
tableStore.table.params.userType = ''
provide('tableStore', tableStore)
onMounted(() => {
TableHeaderRef.value.setDatePicker([{ label: '周', value: 4 }])
TableHeaderRef.value.setInterval(4)
tableStore.index()
setTimeout(() => {
tableStore.table.params.startTime = TableHeaderRef.value.datePickerRef.timeValue[0]
tableStore.table.params.endTime = TableHeaderRef.value.datePickerRef.timeValue[1]
tableStore.index()
}, 100)
})
const useChange = (e: string) => {
userShow.value = uesrList.filter(item => item.id == e)[0].code
}
// 新增
const add = () => {
disabled.value = false
@@ -227,12 +269,19 @@ const add = () => {
const onSubmit = () => {
ruleFormRef.value.validate((valid: boolean) => {
if (valid) {
form.value.province = form.value.regionList[0] || ''
form.value.city = form.value.regionList[1] || ''
form.value.region = form.value.regionList[2] || ''
if (title.value == '新增承载能力预评估用户') {
addUse(form.value).then(res => {
ElMessage.success('新增成功!')
dialogVisible.value = false
tableStore.index()
})
} else if (title.value == '编辑承载能力预评估用户') {
updateUse(form.value).then(res => {
ElMessage.success('修改成功!')
dialogVisible.value = false
tableStore.index()
})
}
@@ -242,7 +291,7 @@ const onSubmit = () => {
// 取消
const handleClose = () => {
ruleFormRef.value.resetFields()
ruleFormRef.value?.resetFields()
dialogVisible.value = false
}
</script>