yml/order_site
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

接单平台分类管理完善：抢单大厅分类筛选与分类 CRUD

Browse Source 
- 抢单大厅新增分类 Tab 筛选（仅显示启用分类，支持按分类查询工单）
- 管理端分类面板支持编辑、启用/停用切换、删除（被工单/规则引用时禁止删除）
- 后端工单列表支持 categoryId 筛选，大厅接口返回分类列表
This commit is contained in:
yml2213
2026-08-01 14:59:58 +08:00
parent 8dfe797c25
commit 0369186b18
8 changed files with 234 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/frontend/src/pages/admin/AdminWorkerPlatformPage.tsx
+92 -9
View File
@@ -39,6 +39,7 @@ import {
acceptAdminWorkOrder,
createAdminMockWorkOrder,
creditAdminWorkerWallet,
deleteAdminWorkCategory,
fetchAdminWorkerFinanceConfig,
fetchAdminWorkerFinanceRequests,
fetchAdminWorkCategories,
@@ -1034,11 +1035,34 @@ function CategoriesPanel() {
const { message } = App.useApp()
const queryClient = useQueryClient()
const [form] = Form.useForm()
const [editingCategory, setEditingCategory] = useState<WorkCategory | null>(null)
const [deletingCategory, setDeletingCategory] = useState<WorkCategory | null>(null)
const categoriesQuery = useQuery({
queryKey: ['admin-worker-platform-categories'],
queryFn: () => fetchAdminWorkCategories(),
})
async function refreshCategories() {
await queryClient.invalidateQueries({
queryKey: ['admin-worker-platform-categories'],
})
}
function startEdit(category: WorkCategory) {
setEditingCategory(category)
form.setFieldsValue({
categoryKey: category.categoryKey,
name: category.name,
sortOrder: category.sortOrder,
status: category.status,
})
}
function cancelEdit() {
setEditingCategory(null)
form.resetFields()
}
async function saveCategory(values: {
categoryKey: string
name: string
@@ -1047,16 +1071,42 @@ function CategoriesPanel() {
}) {
try {
await saveAdminWorkCategory(values)
message.success('分类已保存')
form.resetFields()
await queryClient.invalidateQueries({
queryKey: ['admin-worker-platform-categories'],
})
message.success(editingCategory ? '分类已更新' : '分类已保存')
cancelEdit()
await refreshCategories()
} catch (error) {
message.error(error instanceof Error ? error.message : '保存失败')
}
}
async function toggleCategory(category: WorkCategory) {
try {
await saveAdminWorkCategory({
categoryKey: category.categoryKey,
name: category.name,
sortOrder: category.sortOrder,
status: category.status === 'active' ? 'disabled' : 'active',
})
message.success(category.status === 'active' ? '分类已停用' : '分类已启用')
await refreshCategories()
} catch (error) {
message.error(error instanceof Error ? error.message : '操作失败')
}
}
async function submitDelete() {
if (!deletingCategory) return
try {
await deleteAdminWorkCategory(deletingCategory.categoryId)
message.success('分类已删除')
setDeletingCategory(null)
await refreshCategories()
} catch (error) {
message.error(error instanceof Error ? error.message : '删除失败')
setDeletingCategory(null)
}
}
const columns: TableColumnsType<WorkCategory> = [
{ title: '分类', dataIndex: 'name' },
{ title: '标识', dataIndex: 'categoryKey' },
@@ -1070,11 +1120,28 @@ function CategoriesPanel() {
</Tag>
),
},
{
title: '操作',
width: 240,
render: (_, row) => (
<Space wrap>
<Button size="small" onClick={() => startEdit(row)}>
编辑
</Button>
<Button size="small" onClick={() => toggleCategory(row)}>
{row.status === 'active' ? '停用' : '启用'}
</Button>
<Button size="small" danger onClick={() => setDeletingCategory(row)}>
删除
</Button>
</Space>
),
},
]
return (
<section className="platform-panel-stack">
<Card title="保存分类" bordered={false}>
<Card title={editingCategory ? `编辑分类：${editingCategory.name}` : '保存分类'} bordered={false}>
<Form
form={form}
layout="inline"
@@ -1108,9 +1175,12 @@ function CategoriesPanel() {
/>
</Form.Item>
<Form.Item>
<Button type="primary" htmlType="submit">
保存
</Button>
<Space>
<Button type="primary" htmlType="submit">
保存
</Button>
{editingCategory ? <Button onClick={cancelEdit}>取消</Button> : null}
</Space>
</Form.Item>
</Form>
</Card>
@@ -1123,6 +1193,19 @@ function CategoriesPanel() {
pagination={false}
/>
</Card>
<Modal
title="删除分类"
open={Boolean(deletingCategory)}
onOk={submitDelete}
onCancel={() => setDeletingCategory(null)}
okButtonProps={{ danger: true }}
okText="删除"
cancelText="取消"
>
<Typography.Text>
确定删除分类「{deletingCategory?.name}」？已引用该分类的工单和物品规则将无法删除，需先处理。
</Typography.Text>
</Modal>
</section>
)
}
apps/frontend/src/pages/worker/WorkerHallPage.tsx
+24 -2
View File
@@ -12,6 +12,7 @@ import {
Pagination,
Space,
Spin,
Tabs,
Tag,
Typography,
} from 'antd'
@@ -37,14 +38,16 @@ export default function WorkerHallPage() {
const queryClient = useQueryClient()
const [keywordInput, setKeywordInput] = useState('')
const [keyword, setKeyword] = useState('')
const [categoryId, setCategoryId] = useState(0)
const [page, setPage] = useState(1)
const [pageSize, setPageSize] = useState(20)
const [grabbingId, setGrabbingId] = useState(0)
const [detailOrder, setDetailOrder] = useState<WorkOrder | null>(null)
const ordersQuery = useQuery({
queryKey: ['worker-hall-orders', keyword, page, pageSize],
queryFn: () => fetchWorkerHallOrders({ keyword, page, pageSize }),
queryKey: ['worker-hall-orders', keyword, categoryId, page, pageSize],
queryFn: () =>
fetchWorkerHallOrders({ keyword, page, pageSize, categoryId: categoryId || undefined }),
retry: false,
})
@@ -94,6 +97,7 @@ export default function WorkerHallPage() {
const orders = ordersQuery.data?.data.items || []
const pagination = ordersQuery.data?.data.pagination
const categories = ordersQuery.data?.data.categories || []
const worker = profileQuery.data?.data.worker
const activeCount = hallSummaryQuery.data?.activeCount || 0
const pendingAcceptanceCount = hallSummaryQuery.data?.pendingAcceptanceCount || 0
@@ -210,6 +214,24 @@ export default function WorkerHallPage() {
))}
</div>
{categories.length > 0 ? (
<Tabs
size="small"
activeKey={String(categoryId)}
items={[
{ key: '0', label: '全部' },
...categories.map((category) => ({
key: String(category.categoryId),
label: category.name,
})),
]}
onChange={(nextKey) => {
setCategoryId(Number(nextKey) || 0)
setPage(1)
}}
/>
) : null}
{shouldWarn ? (
<Alert
className="worker-hall-warning"
apps/frontend/src/services/admin/worker-platform.ts
+7 -1
View File
@@ -1,4 +1,4 @@
import { apiGet, apiPost } from '@/lib/http'
import { apiDelete, apiGet, apiPost } from '@/lib/http'
import type {
WorkCategory,
WorkOrder,
@@ -43,6 +43,12 @@ export function saveAdminWorkCategory(payload: {
)
}
export function deleteAdminWorkCategory(categoryId: number) {
return apiDelete<{ deleted: boolean }>(
`/api/v1/admin/worker-platform/categories/${categoryId}`,
)
}
export function saveAdminWorkerLevel(payload: {
levelKey: string
name: string
apps/frontend/src/services/worker.ts
+2 -1
View File
@@ -4,6 +4,7 @@ import type {
UploadedFile,
WorkOrder,
WorkerFinanceRequest,
WorkerHallOrdersResponse,
WorkerListResponse,
WorkerLoginResponse,
WorkerProfileResponse,
@@ -92,7 +93,7 @@ export function changeWorkerPassword(payload: {
}
export function fetchWorkerHallOrders(params?: Record<string, unknown>) {
return apiGet<WorkerListResponse<WorkOrder>>(
return apiGet<WorkerHallOrdersResponse>(
'/api/v1/worker/hall/orders',
params,
)
apps/frontend/src/types/worker-platform.ts
+6
View File
@@ -224,6 +224,12 @@ export type WorkerListResponse<T> = {
pagination: Pagination
}
export type WorkerHallOrdersResponse = {
items: WorkOrder[]
pagination: Pagination
categories: WorkCategory[]
}
export type CollectField = {
key: string
label: string