feat(admin): 岗位发布支持超级管理员选择企业
- 超级管理员发布职位时,表单新增「所属公司」下拉选择器 - 支持集团 + 子公司层级选择(子公司用 '└' 缩进显示) - 职位列表新增「所属公司」列,方便区分各企业岗位 - 保存前验证:超级管理员未选公司时提示「请选择所属公司」 - 普通管理员(admin)看不到选择器,后端自动绑定其公司 - 编辑职位时自动回填公司选择 - 优化错误提示:保存失败时显示后端返回的具体错误信息 Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
This commit is contained in:
parent
7e86ec5ea0
commit
e3bdb0b496
|
|
@ -6,6 +6,7 @@
|
|||
</div>
|
||||
<el-table :data="jobs" v-loading="loading" border>
|
||||
<el-table-column prop="title" label="职位名称" />
|
||||
<el-table-column prop="organization_name" label="所属公司" />
|
||||
<el-table-column prop="location" label="地点" />
|
||||
<el-table-column prop="salary" label="薪资" />
|
||||
<el-table-column prop="status" label="状态">
|
||||
|
|
@ -24,7 +25,21 @@
|
|||
</el-table>
|
||||
|
||||
<el-dialog v-model="dialogVisible" :title="editingJob ? '编辑职位' : '发布职位'" width="600px">
|
||||
<el-form :model="form" label-width="80px">
|
||||
<el-form :model="form" label-width="90px">
|
||||
<!-- 超管才需要选择公司 -->
|
||||
<el-form-item v-if="auth.isSuperAdmin" label="所属公司">
|
||||
<el-select v-model="form.organization_id" placeholder="请选择公司" style="width:100%" filterable>
|
||||
<template v-for="org in allOrgs" :key="org.id">
|
||||
<el-option :label="org.name" :value="org.id" />
|
||||
<el-option
|
||||
v-for="child in org.children"
|
||||
:key="child.id"
|
||||
:label="'└ ' + child.name"
|
||||
:value="child.id"
|
||||
/>
|
||||
</template>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="职位名称"><el-input v-model="form.title" /></el-form-item>
|
||||
<el-form-item label="职位类别"><el-input v-model="form.category" /></el-form-item>
|
||||
<el-form-item label="工作地点"><el-input v-model="form.location" /></el-form-item>
|
||||
|
|
@ -44,17 +59,25 @@
|
|||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive, onMounted } from 'vue'
|
||||
import { useAuthStore } from '@/stores/auth'
|
||||
import { manageJobs, createJob, updateJob, deleteJob } from '@/api/jobs'
|
||||
import { getOrganizations } from '@/api/organizations'
|
||||
import { ElMessage, ElMessageBox } from 'element-plus'
|
||||
|
||||
const auth = useAuthStore()
|
||||
const jobs = ref([])
|
||||
const allOrgs = ref([])
|
||||
const loading = ref(false)
|
||||
const saving = ref(false)
|
||||
const dialogVisible = ref(false)
|
||||
const editingJob = ref(null)
|
||||
const form = reactive({ title: '', category: '', location: '', salary: '', description: '', status: 'draft' })
|
||||
const form = reactive({
|
||||
title: '', category: '', location: '', salary: '',
|
||||
description: '', status: 'draft', organization_id: null
|
||||
})
|
||||
|
||||
const fetchJobs = async () => {
|
||||
loading.value = true
|
||||
|
|
@ -63,23 +86,50 @@ const fetchJobs = async () => {
|
|||
loading.value = false
|
||||
}
|
||||
|
||||
const fetchOrgs = async () => {
|
||||
const { data } = await getOrganizations()
|
||||
allOrgs.value = data.results
|
||||
}
|
||||
|
||||
function openDialog(job = null) {
|
||||
editingJob.value = job
|
||||
if (job) Object.assign(form, job)
|
||||
else Object.assign(form, { title: '', category: '', location: '', salary: '', description: '', status: 'draft' })
|
||||
if (job) {
|
||||
Object.assign(form, {
|
||||
title: job.title,
|
||||
category: job.category,
|
||||
location: job.location,
|
||||
salary: job.salary,
|
||||
description: job.description,
|
||||
status: job.status,
|
||||
organization_id: job.organization?.id ?? job.organization ?? null,
|
||||
})
|
||||
} else {
|
||||
Object.assign(form, {
|
||||
title: '', category: '', location: '', salary: '',
|
||||
description: '', status: 'draft', organization_id: null
|
||||
})
|
||||
}
|
||||
dialogVisible.value = true
|
||||
}
|
||||
|
||||
async function handleSave() {
|
||||
if (auth.isSuperAdmin && !form.organization_id) {
|
||||
return ElMessage.warning('请选择所属公司')
|
||||
}
|
||||
saving.value = true
|
||||
try {
|
||||
if (editingJob.value) await updateJob(editingJob.value.id, form)
|
||||
else await createJob(form)
|
||||
const payload = { ...form }
|
||||
if (!auth.isSuperAdmin) delete payload.organization_id
|
||||
if (editingJob.value) await updateJob(editingJob.value.id, payload)
|
||||
else await createJob(payload)
|
||||
ElMessage.success('保存成功')
|
||||
dialogVisible.value = false
|
||||
fetchJobs()
|
||||
} catch { ElMessage.error('保存失败') }
|
||||
finally { saving.value = false }
|
||||
} catch (e) {
|
||||
ElMessage.error(e.response?.data?.detail || '保存失败')
|
||||
} finally {
|
||||
saving.value = false
|
||||
}
|
||||
}
|
||||
|
||||
async function handleDelete(id) {
|
||||
|
|
@ -89,5 +139,8 @@ async function handleDelete(id) {
|
|||
fetchJobs()
|
||||
}
|
||||
|
||||
onMounted(fetchJobs)
|
||||
onMounted(() => {
|
||||
fetchJobs()
|
||||
if (auth.isSuperAdmin) fetchOrgs()
|
||||
})
|
||||
</script>
|
||||
|
|
|
|||
Loading…
Reference in New Issue