联调 承载能力评估

src/views/pqs/bearingCapacity/userManagement/index.vue

@@ -4,31 +4,32 @@
             <TableHeader datePicker ref="TableHeaderRef">
                 <template #select>
                     <el-form-item label="用户类型">
-                        <el-input
+                        <el-select
                             v-model="tableStore.table.params.searchValue"
                             clearable
-                            placeholder="输入关键字筛选"
-                        />
+                            collapse-tagsplaceholder="请选择用户类型"
+                        >
+                            <el-option v-for="item in uesrList" :key="item.id" :label="item.name" :value="item.id" />
+                        </el-select>
                     </el-form-item>
                 </template>
                 <template #operation>
                     <el-button icon="el-icon-Plus" type="primary" @click="add">新增</el-button>
-                   
                 </template>
             </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-item label="用户名称：" prop="name">
-                        <el-input v-model="form.name" clearable placeholder="请输入用户名称" />
+                    <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-option v-for="item in uesrList" :key="item.id" :label="item.name" :value="item.id" />
                         </el-select>
                     </el-form-item>
-                    <el-form-item label="电压等级：" prop="level">
-                        <el-select v-model="form.level" clearable collapse-tags placeholder="请选择电压等级">
+                    <el-form-item label="电压等级：" prop="voltage">
+                        <el-select v-model="form.voltage" clearable collapse-tags placeholder="请选择电压等级">
                             <el-option v-for="item in levelList" :key="item.id" :label="item.name" :value="item.id" />
                         </el-select>
                     </el-form-item>
@@ -71,6 +72,7 @@ import Area from '@/components/form/area/index.vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { mainHeight } from '@/utils/layout'
 import { useDictData } from '@/stores/dictData'
+import { addUse, updateUse, removeUse } from '@/api/advance-boot/bearingCapacity'
 defineOptions({
     name: 'estimate/userManagement'
 })
@@ -82,40 +84,34 @@ const disabled = ref(false)
 const TableHeaderRef = ref()
 const title = ref('')
 interface RuleForm {
-    name: string
-    level: string
-    deptIndex: string
+    area: string
+    city: string
+    province: string
+    region: string
+    userName: string
     userType: string
-    type: string
-    mav1: string
-    mav2: string
-    user: string
-    time: string
-    detailed: string
+    voltage: string
 }
 const form = ref<RuleForm>({
-    name: '',
-    level: '',
-    deptIndex: dictData.state.area[0].id,
-    userType: '光伏电站',
-    type: '光伏电站',
-    mav1: '100',
-    mav2: '100',
-    user: 'Admin',
-    time: '2024-01-03',
-    detailed: '详细地址'
+    area: '',
+    city: '',
+    province: '',
+    region: '',
+    userName: '',
+    userType: '',
+    voltage: ''
 })
 const rules = {
-    name: [{ required: true, message: '请输入用户名称', trigger: 'blur' }],
+    userName: [{ required: true, message: '请输入用户名称', trigger: 'blur' }],
     userType: [{ required: true, message: '请选择用户类型', trigger: 'change' }],
-    level: [{ required: true, message: '请选择电压等级', trigger: 'change' }],
+    voltage: [{ required: true, message: '请选择电压等级', trigger: 'change' }],
     mav1: [{ required: true, message: '请输入用户协议容量', trigger: 'blur' }],
     mav2: [{ required: true, message: '请输入拟接入容量', trigger: 'blur' }],
     detailed: [{ required: true, message: '请输入详细地址', trigger: 'blur' }]
 }
 const ruleFormRef = ref()
 const tableStore = new TableStore({
-    url: '/hzj/carrycapacityuser/queyDetailUser',
+    url: '/advance-boot/carrycapacityuser/queyDetailUser',
     method: 'POST',
     column: [
         { width: '60', type: 'checkbox' },
@@ -186,7 +182,9 @@ const tableStore = new TableStore({
                         title: '确定删除？'
                     },
                     click: row => {
-                       
+                        removeUse({ userIds: row.id }).then(res => {
+                            ElMessage.success('删除成功')
+                        })
                     }
                 }
             ]
@@ -196,6 +194,7 @@ const tableStore = new TableStore({
     loadCallback: () => {
         tableStore.table.data = [
             {
+                id: '123',
                 name: '光伏电站用户1',
                 type: '光伏电站',
                 Area: '中国',
@@ -209,29 +208,8 @@ const tableStore = new TableStore({
         ]
     }
 })
-// "area": "",
-//   "city": "",
-//   "endTime": "",
-//   "pageNum": {},
-//   "pageSize": {},
-//   "protocolCapacity": 0,
-//   "province": "",
-//   "region": "",
-//   "startTime": "",
-//   "userId": "",
-//   "userName": "",
-//   "userType": "",
-//   "voltage": ""
-tableStore.table.params.searchValue = ''
-tableStore.table.params.area = ''
-tableStore.table.params.city = ''
-tableStore.table.params.protocolCapacity = 0
-tableStore.table.params.province = ''
-tableStore.table.params.region = ''
-tableStore.table.params.userId = ''
-tableStore.table.params.userName = ''
-tableStore.table.params.userType = ''
-tableStore.table.params.voltage = ''
+
+// tableStore.table.params.searchValue = ''
 
 provide('tableStore', tableStore)
 onMounted(() => {
@@ -250,7 +228,13 @@ const onSubmit = () => {
     ruleFormRef.value.validate((valid: boolean) => {
         if (valid) {
             if (title.value == '新增承载能力预评估用户') {
+                addUse(form.value).then(res => {
+                    tableStore.index()
+                })
             } else if (title.value == '编辑承载能力预评估用户') {
+                updateUse(form.value).then(res => {
+                    tableStore.index()
+                })
             }
         }
     })