diff --git a/src/pages/Aftersales.tsx b/src/pages/Aftersales.tsx index a7c4ccd..1ba43c1 100644 --- a/src/pages/Aftersales.tsx +++ b/src/pages/Aftersales.tsx @@ -137,12 +137,12 @@ function AftersalesPage() { ), }, { - title: '客户公司', + title: '公司名称', dataIndex: 'companyName', key: 'companyName', }, { - title: '联系人', + title: '企业联系人', dataIndex: 'contactName', key: 'contactName', width: 100, @@ -236,7 +236,7 @@ function AftersalesPage() { > { @@ -325,8 +325,8 @@ function AftersalesPage() {
@@ -339,10 +339,10 @@ function AftersalesPage() { - + {order.companyAddress}
- 联系人 + 企业联系人 {order.contactName}
diff --git a/src/pages/AftersalesDetail.tsx b/src/pages/AftersalesDetail.tsx index c4b0ce7..c289cd4 100644 --- a/src/pages/AftersalesDetail.tsx +++ b/src/pages/AftersalesDetail.tsx @@ -238,10 +238,14 @@ function AftersalesDetailPage() { .electronic-form-table { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 13px; } .electronic-form-table th, .electronic-form-table td { border: 1px solid #1f2937; padding: 9px 10px; vertical-align: top; word-break: break-word; } .electronic-form-table th { width: 120px; background: #f3f4f6; text-align: left; font-weight: 600; } - .electronic-form-section { background: #e5e7eb; font-weight: 700; text-align: center; } .electronic-form-table td { min-height: 24px; } .electronic-form-table .electronic-form-code { color: #165dff; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 16px; font-weight: 700; } .electronic-form-text { min-height: 72px; white-space: pre-wrap; } + .electronic-form-signature { display: flex; justify-content: flex-end; margin-top: 18px; } + .electronic-form-signature-box { width: 240px; text-align: center; } + .electronic-form-signature-title { margin: 0 0 8px; font-weight: 600; } + .electronic-form-signature-img { max-width: 220px; max-height: 90px; object-fit: contain; } + .electronic-form-signature-line { height: 64px; border-bottom: 1px solid #1f2937; } ${formNode.outerHTML} @@ -378,7 +382,7 @@ function AftersalesDetailPage() { - {order.companyName} + {order.companyName} {order.technician?.name || '-'} @@ -430,8 +434,8 @@ function AftersalesDetailPage() { @@ -565,11 +569,6 @@ function AftersalesDetailPage() {
- - - @@ -577,27 +576,17 @@ function AftersalesDetailPage() { - - - - + - + - - - @@ -622,6 +611,20 @@ function AftersalesDetailPage() {
- 工单信息 -
售后码 {order.serialNumber}{SERVICE_TYPE_LABEL[order.serviceType]}
- 客户信息 -
客户公司公司名称 {order.companyName} 公司位置 {order.companyAddress}
联系人企业联系人 {order.contactName} 联系电话 {order.contactPhone}
- 处理信息 -
处理人 {order.technician?.name || '-'}
+
+
+

客户签名

+ {order.signature ? ( + 客户签名 + ) : ( +
+ )} +
+
diff --git a/src/pages/Dashboard.tsx b/src/pages/Dashboard.tsx index 03cc622..745df59 100644 --- a/src/pages/Dashboard.tsx +++ b/src/pages/Dashboard.tsx @@ -215,7 +215,7 @@ function DashboardPage() { ), }, - { title: '客户公司', dataIndex: 'companyName', key: 'companyName' }, + { title: '公司名称', dataIndex: 'companyName', key: 'companyName' }, { title: '服务类型', dataIndex: 'serviceType', diff --git a/src/pages/styles/AftersalesDetail.css b/src/pages/styles/AftersalesDetail.css index 78c6630..ed47ed3 100644 --- a/src/pages/styles/AftersalesDetail.css +++ b/src/pages/styles/AftersalesDetail.css @@ -66,12 +66,6 @@ font-weight: 600; } -.electronic-form-section { - background: #e5e7eb; - font-weight: 700; - text-align: center; -} - .electronic-form-code { color: #165dff; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; @@ -84,6 +78,33 @@ white-space: pre-wrap; } +.electronic-form-signature { + display: flex; + justify-content: flex-end; + margin-top: 18px; +} + +.electronic-form-signature-box { + width: 240px; + text-align: center; +} + +.electronic-form-signature-title { + margin: 0 0 8px; + font-weight: 600; +} + +.electronic-form-signature-img { + max-width: 220px; + max-height: 90px; + object-fit: contain; +} + +.electronic-form-signature-line { + height: 64px; + border-bottom: 1px solid #1f2937; +} + @media (max-width: 720px) { .electronic-form-header { align-items: flex-start;