部门编辑

src/views/auth/department/popupForm.vue

@@ -28,7 +28,7 @@
                         ></el-option>
                     </el-select>
                 </el-form-item>
-                <el-form-item class="top" label="部门区域:" prop="deptName">
+                <el-form-item class="top" label="部门区域:" prop="area">
                     <el-select v-model="form.area" placeholder="选择子类型" style="width: 100%">
                         <el-option
                             v-for="item in areaOption"
@@ -59,7 +59,7 @@ import { ref, inject } from 'vue'
 import { reactive } from 'vue'
 import { ElMessage } from 'element-plus'
 import TableStore from '@/utils/tableStore' // 若不是列表页面弹框可删除
-import { getAreaTree, getPidAreaByAreaId } from '@/api/user-boot/dept'
+import { getAreaTree, getPidAreaByAreaId,addDept,updateDept } from '@/api/user-boot/dept'
 
 const dialogVisible = ref(false)
 const title = ref('')
@@ -74,7 +74,8 @@ const form = reactive<anyObj>({
     sort: 100,
     type: 0,
     code: '',
-    specialType: 0
+    specialType: 0,
+    id:''
 })
 const originForm = { ...form }
 const rules = {
@@ -84,7 +85,7 @@ const rules = {
     type: [{ required: true, message: '请输选择部门类型', trigger: 'blur' }],
     specialType: [{ required: true, message: '请输选择部门子类型', trigger: 'blur' }],
     sort: [{ required: true, message: '请输入部门排序', trigger: 'blur' }],
-    deptName: [{ required: true, message: '请选择部门区域', trigger: 'blur' }]
+    area: [{ required: true, message: '请选择部门区域', trigger: 'blur' }]
 }
 const customDeptOption = [
     { value: 0, label: '非自定义' },
@@ -132,9 +133,9 @@ const submit = () => {
     formRef.value.validate(async (valid: boolean) => {
         if (valid) {
             if (form.id) {
-                // await update(form)
+                await updateDept(form)
             } else {
-                // await create(form)
+                await addDept(form)
             }
             ElMessage.success('保存成功')
             tableStore.index()