+
+ 正在加载工单...
+
+
+
+ {isClosed ? (
+ 项目工单完成
+{order.serialNumber}
+
+
+
+ {isClosed && order.engineerSignature && (
+
+ 公司名称
+ {order.companyName}
+
+
+ 公司位置
+ {order.companyAddress}
+
+
+ 现场联系人
+ {order.contactName}
+
+
+ 项目类型
+ {PROJECT_TYPE_LABEL[order.projectType] || order.projectType}
+
+
+ 现场情况说明
+ {order.siteDescription}
+
+ {order.completionNote && (
+
+ 完成说明
+ {order.completionNote}
+
+ )}
+ {order.technicianName && (
+
+ 工程师
+ {order.technicianName}
+
+ )}
+
+ 创建日期
+ {new Date(order.createdAt).toLocaleString('zh-CN')}
+
+ {order.siteImages && order.siteImages.length > 0 && (
+
+ 现场图片
+
+ )}
+
+ {order.siteImages.map((url) => (
+
+ 
+
+ ))}
+
+
+
+ )}
+
+ {!isClosed && (
+ <>
+
+
+
+ 
+
+ 工程师签名
+
+
+
+ 现场图片
+ +
+ setCompletionNote(e.target.value)}
+ placeholder="请描述现场勘查、实施过程和最终完成情况"
+ />
+
+
+ 完成说明
+
+
+
+ }
+ loading={submitting}
+ onClick={handleComplete}
+ >
+ 提交完成
+
+
+ )}
+ 工程师签名
+
+ {engineerSignature ? (
+ 
+ ) : (
+ 未签名
+ )}
+ } onClick={() => setSignatureOpen(true)}>
+ {engineerSignature ? '重签' : '签名'}
+
+
+
+
+ );
+ }
+
+ if (!order) {
+ return null;
+ }
+
+ const isClosed = order.workOrderStatus === 'closed';
+ const isPendingCustomer = order.workOrderStatus === 'pending_completion';
+ const canSubmit =
+ !isClosed &&
+ !isPendingCustomer &&
+ (isAdmin || order.technicianId === currentUser?.id);
+ const canEdit = !isClosed && (isAdmin || order.technicianId === currentUser?.id);
+
+ const stepStatus = isClosed ? 'finish' : 'process';
+
+ return (
+
+
+ }
+ onClick={() => navigate('/admin/project-orders')}
+ />
+
+ {order.serialNumber}
+
+
+ {WORK_ORDER_STATUS_LABEL[order.workOrderStatus]}
+
+
+ }
+ extra={
+
+ } onClick={openElectronicForm}>
+ 电子表单
+
+ } onClick={handleGenerateQrCode}>
+ 生成二维码
+
+ {isAdmin && !isClosed && (
+ <>
+ } onClick={openReassign}>
+ 工单分配
+
+ } onClick={handleForceClose}>
+ 确认完成
+
+
+ )}
+
+ }
+ >
+
+ {order.companyName}
+
+ {order.technician?.name || '-'}
+
+ {order.creator?.name || '-'}
+
+ {WORK_ORDER_STATUS_LABEL[order.workOrderStatus]}
+
+
+
+ {order.siteImages && order.siteImages.length > 0 && (
+
+
+ setQrModalVisible(false)}
+ footer={[
+ ,
+ ,
+ ]}
+ >
+
+
+ setElectronicFormVisible(false)}
+ width={960}
+ footer={[
+ } onClick={handlePrintElectronicForm}>
+ 打印表单
+ ,
+ ,
+ ]}
+ >
+
+
+ {
+ setReassignModalVisible(false);
+ setReassignTechnicianId(undefined);
+ }}
+ onOk={handleReassign}
+ okText="确认"
+ cancelText="取消"
+ >
+
+
+
+ );
+}
+
+export default ProjectOrderDetailPage;
diff --git a/src/pages/ProjectOrders.tsx b/src/pages/ProjectOrders.tsx
new file mode 100644
index 0000000..167cb98
--- /dev/null
+++ b/src/pages/ProjectOrders.tsx
@@ -0,0 +1,385 @@
+import { useEffect, useState } from 'react';
+import {
+ Card,
+ Table,
+ Input,
+ Button,
+ Space,
+ message,
+ Modal,
+ Tag,
+ Form,
+ Select,
+ Pagination,
+} from 'antd';
+import {
+ ToolOutlined,
+ PlusOutlined,
+ DeleteOutlined,
+ EyeOutlined,
+} from '@ant-design/icons';
+import { useNavigate } from 'react-router-dom';
+import { projectOrdersApi, authApi } from '@/services/api';
+import type {
+ ProjectOrder,
+ ProjectOrderStatus,
+ ProjectType,
+ CreateProjectOrderRequest,
+} from '@/types';
+
+const WORK_ORDER_STATUS_LABEL: Record
+
+ )}
+
+ {order.engineerSignature && (
+ 现场图片
+
+ {order.siteImages.map((url) => (
+
+
+
+ ))}
+
+
+
+ )}
+
+
+
+ 工程师完成签名
+ {order.completedAt && (
+ 签署时间：{new Date(order.completedAt).toLocaleString('zh-CN')}
+ )}
+
+
+
+
+
+
+ 工程师签名
+
+ {qrCodeDataUrl && (
+ <>
+ 
+
+ + {order.serialNumber} +
+{qrUrl}
+ + )} +
+
+
+
+
+
+
+
+ 
+
+ 项目完成电子表单
+
+ {electronicFormQrCodeDataUrl && (
+ 
+ )}
+
+ 项目现场完成记录
+| 项目码 | +{order.serialNumber} | +项目类型 | +{PROJECT_TYPE_LABEL[order.projectType]} | +
|---|---|---|---|
| 公司名称 | +{order.companyName} | +公司位置 | +{order.companyAddress} | +
| 现场联系人 | +{order.contactName} | +联系电话 | +{order.contactPhone} | +
| 工程师 | +{order.technician?.name || '-'} | +创建人 | +{order.creator?.name || '-'} | +
| 工单状态 | +{WORK_ORDER_STATUS_LABEL[order.workOrderStatus]} | +完成时间 | +{formatDateTime(order.completedAt)} | +
| 现场情况说明 | ++ {order.siteDescription || '-'} + | +||
| 完成说明 | ++ {order.completionNote || '-'} + | +
+
+
+
+ 工程师签名：
+
+ {order.engineerSignature ? (
+
+ ) : null}
+
+
+
+
+ {
+ setPage(1);
+ setSearch(v);
+ }}
+ onChange={(e) => {
+ if (!e.target.value) {
+ setPage(1);
+ setSearch('');
+ }
+ }}
+ />
+
+
+
+
+
+ {
+ setCreateModalVisible(false);
+ createForm.resetFields();
+ }}
+ footer={null}
+ width={560}
+ >
+
+
+
+ );
+}
+
+export default ProjectOrdersPage;
diff --git a/src/pages/PublicQuery.tsx b/src/pages/PublicQuery.tsx
index da88116..becbede 100644
--- a/src/pages/PublicQuery.tsx
+++ b/src/pages/PublicQuery.tsx
@@ -24,6 +24,7 @@ interface EmployeeSerialResult {
}
const AFTERSALES_PREFIX = 'zjbf-sh-';
+const PROJECT_ORDER_PREFIX = 'zjbf-xm-';
function PublicQueryPage() {
const navigate = useNavigate();
@@ -35,12 +36,17 @@ function PublicQueryPage() {
const [serialType, setSerialType] = useState<'company' | 'employee'>('company');
const isAftersalesSerial = (sn: string) => sn.toLowerCase().startsWith(AFTERSALES_PREFIX);
+ const isProjectOrderSerial = (sn: string) => sn.toLowerCase().startsWith(PROJECT_ORDER_PREFIX);
const performQuery = async (serialToQuery: string) => {
if (isAftersalesSerial(serialToQuery)) {
navigate(`/aftersales/${serialToQuery.toLowerCase()}`, { replace: true });
return;
}
+ if (isProjectOrderSerial(serialToQuery)) {
+ navigate(`/project-orders/${serialToQuery.toLowerCase()}`, { replace: true });
+ return;
+ }
setLoading(true);
setError(null);
@@ -71,6 +77,10 @@ function PublicQueryPage() {
navigate(`/aftersales/${serialFromUrl.toLowerCase()}`, { replace: true });
return;
}
+ if (isProjectOrderSerial(serialFromUrl)) {
+ navigate(`/project-orders/${serialFromUrl.toLowerCase()}`, { replace: true });
+ return;
+ }
setSerialNumber(serialFromUrl);
setShowResult(true);
performQuery(serialFromUrl);
diff --git a/src/services/api.ts b/src/services/api.ts
index 834388e..29a1fee 100644
--- a/src/services/api.ts
+++ b/src/services/api.ts
@@ -10,6 +10,13 @@ import type {
CreateAftersalesRequest,
UpdateAftersalesRequest,
CustomerConfirmRequest,
+ ProjectOrder,
+ ProjectOrderPublicView,
+ ProjectOrderListFilter,
+ ProjectOrderListResponse,
+ CreateProjectOrderRequest,
+ UpdateProjectOrderRequest,
+ ProjectEngineerCompleteRequest,
CreateUserRequest,
UpdateUserRequest,
UserListFilter,
@@ -460,6 +467,125 @@ export const aftersalesApi = {
},
};
+export const projectOrdersApi = {
+ create: async (data: CreateProjectOrderRequest) => {
+ const response = await apiClient.post('/project-orders', data);
+ if (response.data.order) {
+ return response.data.order as ProjectOrder;
+ }
+ throw new Error(response.data.error || '创建项目工单失败');
+ },
+
+ list: async (filter?: ProjectOrderListFilter) => {
+ const params = new URLSearchParams();
+ if (filter?.page && filter.page > 1) params.append('page', String(filter.page));
+ if (filter?.limit && filter.limit !== 20) params.append('limit', String(filter.limit));
+ if (filter?.search) params.append('search', filter.search);
+ if (filter?.workOrderStatus) params.append('workOrderStatus', filter.workOrderStatus);
+ if (filter?.projectType) params.append('serviceType', filter.projectType);
+ if (filter?.technicianId) params.append('technicianId', String(filter.technicianId));
+ if (filter?.mine) params.append('mine', 'true');
+
+ const url = params.toString() ? `/project-orders?${params.toString()}` : '/project-orders';
+ const response = await apiClient.get(url);
+ if (response.data) {
+ return response.data as ProjectOrderListResponse;
+ }
+ throw new Error('获取项目工单列表失败');
+ },
+
+ get: async (serialNumber: string) => {
+ const response = await apiClient.get(`/project-orders/${encodeURIComponent(serialNumber)}`);
+ if (response.data.order) {
+ return response.data.order as ProjectOrder;
+ }
+ throw new Error(response.data.error || '查询项目工单失败');
+ },
+
+ update: async (serialNumber: string, data: UpdateProjectOrderRequest) => {
+ const response = await apiClient.patch(`/project-orders/${encodeURIComponent(serialNumber)}`, data);
+ if (response.data.order) {
+ return response.data.order as ProjectOrder;
+ }
+ throw new Error(response.data.error || '更新项目工单失败');
+ },
+
+ submit: async (serialNumber: string, completionNote: string) => {
+ const response = await apiClient.post(`/project-orders/${encodeURIComponent(serialNumber)}/submit`, {
+ completionNote,
+ });
+ if (response.data.order) {
+ return response.data.order as ProjectOrder;
+ }
+ throw new Error(response.data.error || '提交完成资料失败');
+ },
+
+ generateQrCode: async (serialNumber: string, baseUrl?: string) => {
+ const response = await apiClient.post(`/project-orders/${encodeURIComponent(serialNumber)}/qrcode`, {
+ baseUrl,
+ });
+ if (response.data.qrCodeData) {
+ return response.data as { qrCodeData: string; queryUrl: string };
+ }
+ throw new Error(response.data.error || '生成二维码失败');
+ },
+
+ reassign: async (serialNumber: string, technicianId: number) => {
+ const response = await apiClient.post(`/project-orders/${encodeURIComponent(serialNumber)}/reassign`, {
+ technicianId,
+ });
+ if (response.data.order) {
+ return response.data.order as ProjectOrder;
+ }
+ throw new Error(response.data.error || '重新分配失败');
+ },
+
+ forceClose: async (serialNumber: string) => {
+ const response = await apiClient.post(`/project-orders/${encodeURIComponent(serialNumber)}/force-close`);
+ if (response.data.order) {
+ return response.data.order as ProjectOrder;
+ }
+ throw new Error(response.data.error || '确认完成失败');
+ },
+
+ delete: async (serialNumber: string) => {
+ const response = await apiClient.delete(`/project-orders/${encodeURIComponent(serialNumber)}`);
+ if (response.data.message) {
+ return true;
+ }
+ throw new Error(response.data.error || '删除项目工单失败');
+ },
+
+ publicQuery: async (serialNumber: string) => {
+ const response = await apiClient.get(`/project-orders/${encodeURIComponent(serialNumber)}/query`);
+ if (response.data.order) {
+ return response.data.order as ProjectOrderPublicView;
+ }
+ throw new Error(response.data.error || '查询项目工单失败');
+ },
+
+ complete: async (serialNumber: string, data: ProjectEngineerCompleteRequest) => {
+ const response = await apiClient.post(`/project-orders/${encodeURIComponent(serialNumber)}/complete`, data);
+ if (response.data.order) {
+ return response.data.order as ProjectOrderPublicView;
+ }
+ throw new Error(response.data.error || '提交完成失败');
+ },
+
+ uploadSiteImages: async (serialNumber: string, files: File[]) => {
+ const formData = new FormData();
+ files.forEach((file) => formData.append('files', file));
+ const response = await apiClient.post(
+ `/project-orders/${encodeURIComponent(serialNumber)}/site-images`,
+ formData,
+ );
+ if (response.data.siteImages) {
+ return response.data.siteImages as string[];
+ }
+ throw new Error(response.data.error || '上传现场图片失败');
+ },
+};
+
export const usersApi = {
assignable: async () => {
const response = await apiClient.get('/users/assignable');
diff --git a/src/types/index.ts b/src/types/index.ts
index d5d1b39..9ea8c73 100644
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -264,3 +264,85 @@ export interface CustomerConfirmRequest {
responsibleSignature?: string;
rejectReason?: string;
}
+
+export type ProjectType = 'survey' | 'implementation' | 'maintenance' | 'other';
+export type ProjectOrderStatus = 'created' | 'pending_completion' | 'closed';
+
+export interface ProjectOrder {
+ id: number;
+ serialNumber: string;
+ companyName: string;
+ companyAddress: string;
+ contactName: string;
+ contactPhone: string;
+ projectType: ProjectType;
+ siteDescription: string;
+ completionNote: string;
+ workOrderStatus: ProjectOrderStatus;
+ technicianId?: number;
+ createdBy?: number;
+ scannedAt?: string;
+ completedAt?: string;
+ engineerSignature?: string;
+ siteImages?: string[];
+ createdAt: string;
+ updatedAt: string;
+ technician?: User;
+ creator?: User;
+}
+
+export interface ProjectOrderPublicView {
+ serialNumber: string;
+ companyName: string;
+ companyAddress: string;
+ contactName: string;
+ projectType: ProjectType;
+ siteDescription: string;
+ completionNote: string;
+ workOrderStatus: ProjectOrderStatus;
+ technicianName: string;
+ createdAt: string;
+ completedAt?: string;
+ engineerSignature?: string;
+ siteImages?: string[];
+}
+
+export interface CreateProjectOrderRequest {
+ companyName: string;
+ companyAddress: string;
+ contactName: string;
+ contactPhone: string;
+ projectType: ProjectType;
+ siteDescription: string;
+ technicianId?: number;
+}
+
+export interface UpdateProjectOrderRequest {
+ companyAddress?: string;
+ contactName?: string;
+ contactPhone?: string;
+ projectType?: ProjectType;
+ siteDescription?: string;
+ completionNote?: string;
+ technicianId?: number;
+}
+
+export interface ProjectOrderListFilter {
+ page?: number;
+ limit?: number;
+ search?: string;
+ workOrderStatus?: ProjectOrderStatus;
+ projectType?: ProjectType;
+ technicianId?: number;
+ mine?: boolean;
+}
+
+export interface ProjectOrderListResponse {
+ data: ProjectOrder[];
+ pagination: EmployeeSerialPagination;
+}
+
+export interface ProjectEngineerCompleteRequest {
+ engineerSignature: string;
+ completionNote?: string;
+}
+ {
+ setPage(newPage);
+ setLimit(newLimit);
+ }}
+ showSizeChanger
+ showTotal={(t) => `共计 ${t} 条记录`}
+ />
+
+