feat: 合并 admin/manager 重复页 + 公示意向 + 劳务签署

页合并 (admin/manager 共用, route.path 角色感知): - expert: Experts.vue + ExpertNew.vue (list/new/edit/view 一套) - sponsor-orgs: SponsorOrgs.vue - sponsor-people: SponsorPeople.vue + SponsorPersonNew.vue + SponsorPersonDetail.vue - executor-orgs: ExecutorOrgs.vue - executor-people: ExecutorPeople.vue + ExecutorPersonNew.vue + ExecutorPersonDetail.vue - 给 SponsorPeople / ExecutorPeople op 列补上查看/编辑按钮 (潜在 bug 修复) - 详情弹窗统一用 el-descriptions 风格 (替代 admin 旧版 ElMessageBox.alert) 后端: - BizSignController + BizSignServiceImpl + PdfService (劳务签署 PDF 流程) - BizPublicityIntentController (公示意向: 支持/执行) - BizPublicitySupportIntent / BizPublicityExecutionIntent ExportVo - BizMeetingAttendee 字段合并 (bank_region 替代 bankProvince/bankCity) - BizExpert 字段合并 (id_card_attachments CSV, bank_region) - Excel 导入模板精简 (开户行 1 列) 前端: - doctor/SignFill + SignContract + SignSuccess (劳务签署 3 页流程) - ImportResultDialog 通用组件 - IdCardUploader 重构 (单 v-model:idCardAttachments, CSV 格式) - AreaCascader 调整 - Login.vue + AdminLayout.vue + PortalShell.vue + Home.vue 适配 DB: 字段合并 (id_card_front/back → id_card_attachments, bank_province/city → bank_region)
2026-08-20 21:02:56 +08:00
parent 3198c408b7
commit 1e86865a40
68 changed files with 3034 additions and 2617 deletions
@@ -0,0 +1,253 @@
+<template>
+  <!--
+    共享支持单位下人员列表页 (admin/manager 共用, 通过 route.path 区分角色)
+    - 入口: org 表格行内「人员管理」按钮 (router.push 带 orgId/orgName)
+    - 接口: bizList('person', q) / bizUpdate / bizAdd / sponsorImport / sponsorImportTemplate
+    - op 列: 查看 / 编辑 / 启用/禁用 (3 按钮, 共用, 不分角色)
+  -->
+  <div class="page-card sponsor-people">
+    <div class="breadcrumb">
+      首页 / 支持单位管理 / 人员管理{{ orgName ? ' (' + orgName + ')' : '' }}
+    </div>
+
+    <!-- ========== 筛选区 ========== -->
+    <el-form inline :model="q" class="filter-form">
+      <el-form-item label="姓名">
+        <el-input v-model="q.name" placeholder="姓名" clearable style="width:140px" />
+      </el-form-item>
+      <el-form-item label="手机号">
+        <el-input v-model="q.phone" placeholder="手机号" clearable style="width:140px" />
+      </el-form-item>
+      <el-form-item label="企业名称">
+        <el-input v-model="q.orgName" placeholder="企业名称" clearable style="width:180px" />
+      </el-form-item>
+      <el-form-item label="部门">
+        <el-input v-model="q.department" placeholder="部门" clearable style="width:140px" />
+      </el-form-item>
+      <el-form-item label="职务">
+        <el-input v-model="q.position" placeholder="职务" clearable style="width:140px" />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="load">查询</el-button>
+        <el-button @click="reset">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <!-- ========== 批量按钮区 ========== -->
+    <div class="batch-bar">
+      <el-button type="primary" @click="goNew">新建人员</el-button>
+      <el-button @click="openImport">批量导入</el-button>
+      <span class="filter-tip">*批量导入模板与列表表项一致</span>
+    </div>
+
+    <!-- ========== 表格 ========== -->
+    <el-table :data="rows" v-loading="loading" stripe border>
+      <el-table-column prop="name" label="姓名" min-width="100" />
+      <el-table-column prop="phone" label="手机号" min-width="130" />
+      <el-table-column prop="orgName" label="企业名称" min-width="180" show-overflow-tooltip />
+      <el-table-column prop="department" label="部门" min-width="100" />
+      <el-table-column prop="position" label="职务" min-width="100" />
+      <el-table-column label="状态" width="100" align="center">
+        <template #default="{ row }">
+          <el-tag :type="statusTagType(row.status)" disable-transitions>{{ row.status === '1' ? '禁用' : '正常' }}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" width="260" fixed="right">
+        <template #default="{ row }">
+          <!-- 查看 (只读详情): 两角色都有, 跳独立详情页 -->
+          <el-button link type="primary" @click="goView(row)">查看</el-button>
+          <!-- 编辑: 两角色都有, 跳独立编辑页 -->
+          <el-button link type="primary" @click="goEdit(row)">编辑</el-button>
+          <!-- 启用/禁用: 两角色都有 (沿用原行为) -->
+          <el-button link :type="isDisabled(row) ? 'success' : 'danger'" @click="onToggleStatus(row)">
+            {{ isDisabled(row) ? '启用' : '禁用' }}
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <div class="pager">
+      <el-pagination
+        v-model:current-page="page.pageNum"
+        v-model:page-size="page.pageSize"
+        :total="page.total"
+        :page-sizes="[10, 20, 50]"
+        layout="total, sizes, prev, pager, next, jumper"
+        @current-change="load"
+        @size-change="load"
+      />
+    </div>
+
+    <!-- ========== 批量导入 ========== -->
+    <el-dialog v-model="importOpen" title="批量导入" width="520px" :close-on-click-modal="false">
+      <el-form label-width="100px">
+        <el-form-item label="选择文件">
+          <el-upload ref="uploadRef" :auto-upload="false" :limit="1" accept=".xls,.xlsx" :on-change="onFileChange" :on-remove="onFileRemove">
+            <el-button>选择文件</el-button>
+          </el-upload>
+        </el-form-item>
+        <el-form-item label="">
+          <el-button link type="primary" @click="downloadTemplate">批量导入模板下载</el-button>
+        </el-form-item>
+        <el-form-item><span class="filter-tip">*导入列: 姓名/手机号/所属公司/部门/职务/角色</span></el-form-item>
+      </el-form>
+      <template #footer>
+        <el-button @click="importOpen = false">取消</el-button>
+        <el-button type="primary" :loading="importing" @click="submitImport">确定</el-button>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted, computed, watch } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import { bizList, bizUpdate, importPerson, downloadImportTemplate } from '@/api/public'
+import { ElMessage, ElMessageBox } from 'element-plus'
+
+const route = useRoute()
+const router = useRouter()
+
+// 角色判定 + 路由基础路径 (admin/manager 共用页面, 但跳回各自 list)
+const isAdmin = computed(() => route.path.startsWith('/admin/'))
+const listBasePath = computed(() => isAdmin.value ? '/admin/sponsor-people' : '/manager/sponsor-people')
+
+const orgId = computed(() => route.query.orgId ? Number(route.query.orgId) : null)
+const orgName = computed(() => route.query.orgName || '')
+
+const q = reactive({ name: '', phone: '', orgName: '', department: '', position: '' })
+const rows = ref([])
+const loading = ref(false)
+const page = reactive({ pageNum: 1, pageSize: 10, total: 0 })
+
+function statusTagType(s) {
+  // 统一: 0=正常(success), 1=禁用(danger)
+  return s === '1' ? 'danger' : 'success'
+}
+function isDisabled(row) {
+  return row.status === '1'
+}
+
+async function load() {
+  loading.value = true
+  try {
+    const params = {
+      ...q,
+      orgType: 'sponsor',
+      ...(orgId.value ? { orgId: orgId.value } : {}),
+      pageNum: page.pageNum,
+      pageSize: page.pageSize,
+    }
+    const { data } = await bizList('person', params)
+    rows.value = (data && data.rows) || []
+    page.total = (data && data.total) || 0
+  } catch { rows.value = []; page.total = 0 }
+  finally { loading.value = false }
+}
+function reset() {
+  Object.assign(q, { name: '', phone: '', orgName: '', department: '', position: '' })
+  page.pageNum = 1
+  load()
+}
+
+async function onToggleStatus(row) {
+  const disabled = isDisabled(row)
+  // sys_user.status 是 CHAR(1), 只能写 '0'/'1' (禁用='1', 启用='0')
+  // 必须带 userId: BizPersonServiceImpl.updateByPrimaryKey 仅在 userId != null 时
+  // 才同步 status 到 sys_user, 否则只更新 biz_person (而 biz_person.status 已删除)
+  const newStatus = disabled ? '0' : '1'
+  const label = disabled ? '启用' : '禁用'
+  try {
+    await ElMessageBox.confirm(
+      `确定要${label}「${row.name}」吗?`,
+      '确认',
+      { type: 'warning' }
+    )
+  } catch { return }
+  try {
+    await bizUpdate('person', { personId: row.personId, userId: row.userId, status: newStatus })
+    ElMessage.success('已' + label)
+    load()
+  } catch (e) { ElMessage.error(e?.msg || '操作失败') }
+}
+
+// ========== 跳转 (按角色) ==========
+function goNew() {
+  router.push({
+    path: listBasePath.value + '/new',
+    query: {
+      ...(orgId.value ? { orgId: orgId.value } : {}),
+      ...(orgName.value ? { orgName: orgName.value } : {})
+    }
+  })
+}
+function goEdit(row) {
+  router.push(listBasePath.value + '/edit/' + row.personId)
+}
+function goView(row) {
+  router.push(listBasePath.value + '/view/' + row.personId)
+}
+
+// ========== 批量导入 ==========
+const importOpen = ref(false)
+const importing = ref(false)
+const uploadRef = ref()
+const importFile = ref(null)
+
+function openImport() { importFile.value = null; importOpen.value = true }
+function onFileChange(file) { importFile.value = file.raw }
+function onFileRemove() { importFile.value = null }
+async function downloadTemplate() {
+  try {
+    const res = await downloadImportTemplate('sponsor')
+    const blob = new Blob([res.data], { type: res.data.type || 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' })
+    const url = URL.createObjectURL(blob)
+    const a = document.createElement('a')
+    a.href = url
+    a.download = '支持单位人员导入模板.xlsx'
+    a.click()
+    URL.revokeObjectURL(url)
+  } catch { ElMessage.error('模板下载失败') }
+}
+async function submitImport() {
+  if (!importFile.value) { ElMessage.warning('请先选择文件'); return }
+  importing.value = true
+  try {
+    const res = await importPerson('sponsor', importFile.value)
+    const payload = res.data || res
+    const ok = payload.ok ?? 0
+    const total = payload.total ?? 0
+    const failed = (payload.results || []).filter(r => !r.ok)
+    if (failed.length === 0) {
+      ElMessage.success(`导入成功 ${ok}/${total}`)
+    } else {
+      ElMessageBox.alert(
+        `成功 ${ok} 条, 失败 ${failed.length} 条:\n` +
+        failed.map(f => `  第${f.rowNo}行 ${f.name || ''}: ${f.message}`).join('\n'),
+        '导入结果', { type: 'warning' }
+      )
+    }
+    importOpen.value = false
+    load()
+  } catch (e) {
+    ElMessage.error(e?.msg || '导入失败')
+  } finally {
+    importing.value = false
+  }
+}
+
+onMounted(load)
+// 从 SponsorPersonNew / SponsorPersonDetail 跳回来时刷新
+watch(() => route.fullPath, () => {
+  if (route.path === listBasePath.value) load()
+})
+</script>
+
+<style scoped>
+.sponsor-people { padding: 16px; }
+.breadcrumb { font-size: 13px; color: #8c8c8c; margin-bottom: 12px; }
+.filter-form { margin-bottom: 12px; }
+.batch-bar { display: flex; gap: 8px; margin-bottom: 12px; align-items: center; }
+.filter-tip { color: #909399; font-size: 12px; }
+.pager { display: flex; justify-content: flex-end; margin-top: 12px; }
+</style>