郭庆泰
1e86865a40
页合并 (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)
268 lines
11 KiB
Vue
268 lines
11 KiB
Vue
<template>
|
|
<!--
|
|
共享服务机构管理页 (admin/manager 共用, 通过 route.path 区分角色)
|
|
- 筛选: 两角色一致 (orgName / taxNo / status)
|
|
- 新增/编辑: 仅 admin (表单 + 保存)
|
|
- 启用/禁用: 两角色都有 (沿用原两版本行为)
|
|
- 人员管理: 跳各自 /admin|/manager/executor-people
|
|
- 详情弹窗: 用 manager 的 el-descriptions 风格 (更结构化清晰)
|
|
- 与 sponsor-orgs/SponsorOrgs.vue 高度相似, 但按用户要求不抽公共组件
|
|
-->
|
|
<div class="page-card executor-orgs">
|
|
<div class="breadcrumb">首页 / 服务机构管理</div>
|
|
|
|
<!-- ========== 筛选区 ========== -->
|
|
<el-form inline :model="q" class="filter-form">
|
|
<el-form-item label="公司名称">
|
|
<el-input v-model="q.orgName" placeholder="输入公司名称" clearable style="width:200px" />
|
|
</el-form-item>
|
|
<el-form-item label="税号/统一社会信用代码">
|
|
<el-input v-model="q.taxNo" placeholder="输入税号" clearable style="width:220px" />
|
|
</el-form-item>
|
|
<el-form-item label="合作状态">
|
|
<el-select v-model="q.status" placeholder="请选择" clearable style="width:140px">
|
|
<el-option label="正常" value="0" />
|
|
<el-option label="禁用" value="1" />
|
|
</el-select>
|
|
</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">
|
|
<!-- 仅 admin 可新建服务机构 -->
|
|
<el-button v-if="isAdmin" type="primary" @click="openAdd">新增服务机构</el-button>
|
|
</div>
|
|
|
|
<!-- ========== 表格 ========== -->
|
|
<el-table :data="rows" v-loading="loading" stripe border>
|
|
<el-table-column type="index" label="#" width="50" />
|
|
<el-table-column prop="orgName" label="公司名称" min-width="200" show-overflow-tooltip />
|
|
<el-table-column prop="address" label="公司地址" min-width="220" show-overflow-tooltip />
|
|
<el-table-column prop="taxNo" label="税号/统一社会信用代码" min-width="180" />
|
|
<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 prop="createTime" label="创建日期" width="120" align="center">
|
|
<template #default="{ row }">{{ formatDate(row.createTime) }}</template>
|
|
</el-table-column>
|
|
<el-table-column prop="contactName" label="联系人" width="100" align="center" />
|
|
<el-table-column prop="contactPhone" label="联系电话" width="130" align="center" />
|
|
<el-table-column label="操作" :width="isAdmin ? 320 : 240" fixed="right">
|
|
<template #default="{ row }">
|
|
<!-- 查看: 两角色都有 (manager 原版本有, admin 原版本用 alert, 这里统一用 dialog 更清晰) -->
|
|
<el-button link type="primary" @click="onView(row)">查看</el-button>
|
|
<!-- 编辑: 仅 admin -->
|
|
<el-button v-if="isAdmin" link type="primary" @click="onEdit(row)">编辑</el-button>
|
|
<!-- 人员管理: 两角色都有, 按角色跳 -->
|
|
<el-button link type="primary" @click="onPeople(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>
|
|
|
|
<!-- ========== 详情弹窗 (沿用 manager 的 el-descriptions 风格, 更清晰) ========== -->
|
|
<el-dialog v-model="detailOpen" title="服务机构详情" width="640px" v-if="currentRow">
|
|
<el-descriptions :column="1" border>
|
|
<el-descriptions-item label="公司类型"><el-tag type="primary">执行方</el-tag></el-descriptions-item>
|
|
<el-descriptions-item label="公司名称">{{ currentRow.orgName }}</el-descriptions-item>
|
|
<el-descriptions-item label="公司地址">{{ currentRow.address || '-' }}</el-descriptions-item>
|
|
<el-descriptions-item label="税号/统一社会信用代码">{{ currentRow.taxNo || '-' }}</el-descriptions-item>
|
|
<el-descriptions-item label="合作状态">
|
|
<el-tag :type="statusTagType(currentRow.status)">{{ currentRow.status === '1' ? '禁用' : '正常' }}</el-tag>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="创建日期">{{ formatDate(currentRow.createTime) }}</el-descriptions-item>
|
|
<el-descriptions-item label="联系人">{{ currentRow.contactName || '-' }}</el-descriptions-item>
|
|
<el-descriptions-item label="联系电话">{{ currentRow.contactPhone || '-' }}</el-descriptions-item>
|
|
</el-descriptions>
|
|
<template #footer>
|
|
<el-button @click="detailOpen=false">关闭</el-button>
|
|
</template>
|
|
</el-dialog>
|
|
|
|
<!-- ========== 新增/编辑弹窗 (仅 admin) ========== -->
|
|
<el-dialog v-if="isAdmin" v-model="dialogVisible" :title="isEdit ? '编辑服务机构' : '新增服务机构'" width="640px">
|
|
<el-form :model="form" label-width="140px" :rules="rules" ref="formRef">
|
|
<el-form-item label="公司名称" prop="orgName">
|
|
<el-input v-model="form.orgName" />
|
|
</el-form-item>
|
|
<el-form-item label="公司地址">
|
|
<el-input v-model="form.address" />
|
|
</el-form-item>
|
|
<el-form-item label="税号/统一社会信用代码">
|
|
<el-input v-model="form.taxNo" />
|
|
</el-form-item>
|
|
<el-form-item label="联系人">
|
|
<el-input v-model="form.contactName" />
|
|
</el-form-item>
|
|
<el-form-item label="联系电话">
|
|
<el-input v-model="form.contactPhone" maxlength="11" />
|
|
</el-form-item>
|
|
<el-form-item v-if="isEdit" label="状态">
|
|
<el-select v-model="form.status" style="width:160px">
|
|
<el-option label="正常" value="0" />
|
|
<el-option label="禁用" value="1" />
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form>
|
|
<template #footer>
|
|
<el-button @click="dialogVisible = false">取消</el-button>
|
|
<el-button type="primary" :loading="saving" @click="onSave">保存</el-button>
|
|
</template>
|
|
</el-dialog>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { ref, reactive, computed, onMounted } from 'vue'
|
|
import { useRouter, useRoute } from 'vue-router'
|
|
import { bizList, bizAdd, bizUpdate, toggleOrgStatus } from '@/api/public'
|
|
import { ElMessage, ElMessageBox } from 'element-plus'
|
|
|
|
const router = useRouter()
|
|
const route = useRoute()
|
|
|
|
// 角色判定: 路由前缀区分
|
|
const isAdmin = computed(() => route.path.startsWith('/admin/'))
|
|
const peopleBasePath = computed(() => isAdmin.value ? '/admin/executor-people' : '/manager/executor-people')
|
|
|
|
const q = reactive({ orgType: 'executor', orgName: '', taxNo: '', status: '' })
|
|
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'
|
|
}
|
|
function formatDate(d) {
|
|
if (!d) return ''
|
|
const str = String(d)
|
|
return str.length >= 10 ? str.slice(0, 10) : str
|
|
}
|
|
|
|
async function load() {
|
|
loading.value = true
|
|
try {
|
|
const { data } = await bizList('org', { ...q, pageNum: page.pageNum, pageSize: page.pageSize })
|
|
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, { orgType: 'executor', orgName: '', taxNo: '', status: '' })
|
|
page.pageNum = 1
|
|
load()
|
|
}
|
|
|
|
async function onToggleStatus(row) {
|
|
const disabled = isDisabled(row)
|
|
const newStatus = disabled ? '0' : '1' // 0=正常, 1=禁用
|
|
const label = disabled ? '恢复' : '禁用'
|
|
if (!disabled) {
|
|
try {
|
|
await ElMessageBox.confirm(
|
|
`确定要${label}「${row.orgName}」吗? ${label}后该企业主账号无法登录, 企业下子账号也将被拦截`,
|
|
'确认',
|
|
{ type: 'warning' }
|
|
)
|
|
} catch { return }
|
|
}
|
|
try {
|
|
await toggleOrgStatus(row.orgId, newStatus)
|
|
ElMessage.success('已' + label)
|
|
load()
|
|
} catch (e) { ElMessage.error(e?.msg || '操作失败') }
|
|
}
|
|
|
|
// ===== 详情弹窗 (两角色共享) =====
|
|
const detailOpen = ref(false)
|
|
const currentRow = ref(null)
|
|
function onView(row) {
|
|
currentRow.value = row
|
|
detailOpen.value = true
|
|
}
|
|
|
|
// ===== 人员管理跳转 (按角色) =====
|
|
function onPeople(row) {
|
|
router.push({ path: peopleBasePath.value, query: { orgId: row.orgId, orgName: row.orgName } })
|
|
}
|
|
|
|
// ===== 新增/编辑 (仅 admin) =====
|
|
const dialogVisible = ref(false)
|
|
const isEdit = ref(false)
|
|
const saving = ref(false)
|
|
const formRef = ref(null)
|
|
const form = reactive({
|
|
orgId: null, orgType: 'executor', orgName: '', address: '', taxNo: '',
|
|
contactName: '', contactPhone: '', status: '0'
|
|
})
|
|
const rules = {
|
|
orgName: [{ required: true, message: '请输入公司名称', trigger: 'blur' }]
|
|
}
|
|
|
|
function openAdd() {
|
|
isEdit.value = false
|
|
Object.assign(form, {
|
|
orgId: null, orgType: 'executor', orgName: '', address: '', taxNo: '',
|
|
contactName: '', contactPhone: '', status: '0'
|
|
})
|
|
dialogVisible.value = true
|
|
}
|
|
function onEdit(row) {
|
|
isEdit.value = true
|
|
Object.assign(form, { ...row, orgType: 'executor' })
|
|
dialogVisible.value = true
|
|
}
|
|
async function onSave() {
|
|
await formRef.value.validate()
|
|
saving.value = true
|
|
try {
|
|
if (isEdit.value) {
|
|
await bizUpdate('org', { ...form })
|
|
ElMessage.success('修改成功')
|
|
} else {
|
|
await bizAdd('org', { ...form })
|
|
ElMessage.success('新增成功')
|
|
}
|
|
dialogVisible.value = false
|
|
load()
|
|
} catch (e) { ElMessage.error(e?.msg || '保存失败') }
|
|
finally { saving.value = false }
|
|
}
|
|
|
|
onMounted(load)
|
|
</script>
|
|
|
|
<style scoped>
|
|
.executor-orgs { 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; }
|
|
.pager { display: flex; justify-content: flex-end; margin-top: 12px; }
|
|
</style>
|