trace-system/frontend
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Align aftersales form signatures inline

Browse Source
This commit is contained in:
Frudrax Cheng
2026-06-02 10:44:13 +08:00
parent 30e3ac67d2
commit aa99e17119
2 changed files with 20 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/AftersalesDetail.tsx
+7 -7
View File
@@ -241,11 +241,11 @@ function AftersalesDetailPage() {
.electronic-form-table td { min-height: 24px; } .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-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-text { min-height: 72px; white-space: pre-wrap; }
.electronic-form-signatures { display: flex; justify-content: space-between; gap: 40px; margin-top: 22px; } .electronic-form-signatures { display: flex; justify-content: space-between; gap: 48px; margin-top: 28px; }
.electronic-form-signature-box { flex: 1; max-width: 300px; text-align: center; } .electronic-form-signature-box { flex: 1; display: flex; align-items: center; min-width: 0; }
.electronic-form-signature-title { margin: 0 0 8px; font-weight: 600; } .electronic-form-signature-title { flex: 0 0 auto; margin: 0 10px 0 0; font-weight: 600; white-space: nowrap; }
.electronic-form-signature-stage { height: 96px; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #1f2937; } .electronic-form-signature-stage { flex: 1; height: 72px; min-width: 160px; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #1f2937; }
.electronic-form-signature-img { max-width: 240px; max-height: 90px; object-fit: contain; } .electronic-form-signature-img { max-width: 180px; max-height: 68px; object-fit: contain; }
</style> </style>
</head> </head>
<body>${formNode.outerHTML}</body> <body>${formNode.outerHTML}</body>
@@ -613,7 +613,7 @@ function AftersalesDetailPage() {
</table> </table>
<div className="electronic-form-signatures"> <div className="electronic-form-signatures">
<div className="electronic-form-signature-box"> <div className="electronic-form-signature-box">
<p className="electronic-form-signature-title">负责人签名</p> <p className="electronic-form-signature-title">负责人签名：</p>
<div className="electronic-form-signature-stage"> <div className="electronic-form-signature-stage">
{order.responsibleSignature ? ( {order.responsibleSignature ? (
<img <img
@@ -625,7 +625,7 @@ function AftersalesDetailPage() {
</div> </div>
</div> </div>
<div className="electronic-form-signature-box"> <div className="electronic-form-signature-box">
<p className="electronic-form-signature-title">客户签名</p> <p className="electronic-form-signature-title">客户签名：</p>
<div className="electronic-form-signature-stage"> <div className="electronic-form-signature-stage">
{order.signature ? ( {order.signature ? (
<img <img
src/pages/styles/AftersalesDetail.css
+13 -8
View File
@@ -81,23 +81,28 @@
.electronic-form-signatures { .electronic-form-signatures {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
gap: 40px; gap: 48px;
margin-top: 22px; margin-top: 28px;
} }
.electronic-form-signature-box { .electronic-form-signature-box {
flex: 1; flex: 1;
max-width: 300px; display: flex;
text-align: center; align-items: center;
min-width: 0;
} }
.electronic-form-signature-title { .electronic-form-signature-title {
margin: 0 0 8px; flex: 0 0 auto;
margin: 0 10px 0 0;
font-weight: 600; font-weight: 600;
white-space: nowrap;
} }
.electronic-form-signature-stage { .electronic-form-signature-stage {
height: 96px; flex: 1;
height: 72px;
min-width: 160px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@@ -105,8 +110,8 @@
} }
.electronic-form-signature-img { .electronic-form-signature-img {
max-width: 240px; max-width: 180px;
max-height: 90px; max-height: 68px;
object-fit: contain; object-fit: contain;
} }