From e3bdb0b4965c5e67570b4f627485523a326be811 Mon Sep 17 00:00:00 2001
From: TianyangZhang <zty18395607196@163.com>
Date: Wed, 25 Mar 2026 13:13:03 +0800
Subject: [PATCH] =?UTF-8?q?feat(admin):=20=E5=B2=97=E4=BD=8D=E5=8F=91?=
 =?UTF-8?q?=E5=B8=83=E6=94=AF=E6=8C=81=E8=B6=85=E7=BA=A7=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E5=91=98=E9=80=89=E6=8B=A9=E4=BC=81=E4=B8=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 超级管理员发布职位时，表单新增「所属公司」下拉选择器
- 支持集团 + 子公司层级选择（子公司用 '└' 缩进显示）
- 职位列表新增「所属公司」列，方便区分各企业岗位
- 保存前验证：超级管理员未选公司时提示「请选择所属公司」
- 普通管理员（admin）看不到选择器，后端自动绑定其公司
- 编辑职位时自动回填公司选择
- 优化错误提示：保存失败时显示后端返回的具体错误信息

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
---
 .../src/views/admin/JobManageView.vue         | 71 ++++++++++++++++---
 1 file changed, 62 insertions(+), 9 deletions(-)

diff --git a/offer_frontend/src/views/admin/JobManageView.vue b/offer_frontend/src/views/admin/JobManageView.vue
index a5d6c6e..bbdd9e1 100644
--- a/offer_frontend/src/views/admin/JobManageView.vue
+++ b/offer_frontend/src/views/admin/JobManageView.vue
@@ -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>