style: improve project order signature input

This commit is contained in:
Frudrax Cheng
2026-06-04 10:34:23 +08:00
parent d8d305c051
commit fbd7e063a1
2 changed files with 27 additions and 11 deletions
+1 -1
View File
@@ -355,7 +355,7 @@ function AftersalesConfirmPage() {
<label className="aftersales-upload-trigger">
<UploadOutlined />
<span>{uploadingImages ? '上传中...' : '上传现场图片'}</span>
<small> 6 </small>
<small> 18 </small>
<input
type="file"
accept="image/jpeg,image/png,image/webp,image/heic,image/heif"
+29 -13
View File
@@ -284,7 +284,7 @@ function ProjectOrderCompletePage() {
<label className="aftersales-upload-trigger">
<UploadOutlined />
<span>{uploadingImages ? '上传中...' : '上传现场图片'}</span>
<small> 6 </small>
<small> 18 </small>
<input
type="file"
accept="image/*"
@@ -310,19 +310,35 @@ function ProjectOrderCompletePage() {
<div className="aftersales-signature-section">
<p className="aftersales-signature-section-title"></p>
<div className="aftersales-signature-card">
{engineerSignature ? (
<img
src={engineerSignature}
alt="工程师签名"
className="aftersales-signature-preview"
/>
) : (
<span className="aftersales-signature-empty"></span>
)}
<Button icon={<EditOutlined />} onClick={() => setSignatureOpen(true)}>
{engineerSignature ? '重签' : '签名'}
<div className="aftersales-signature-item">
<div className="aftersales-signature-header">
<p className="aftersales-signature-tip"></p>
{engineerSignature && (
<Button size="small" type="link" onClick={() => setEngineerSignature('')}>
</Button>
)}
</div>
{engineerSignature ? (
<button
type="button"
className="aftersales-signature-preview"
onClick={() => setSignatureOpen(true)}
>
<img src={engineerSignature} alt="工程师签名" />
<span className="aftersales-signature-preview-hint"></span>
</button>
) : (
<button
type="button"
className="aftersales-signature-trigger"
onClick={() => setSignatureOpen(true)}
>
<EditOutlined />
<span></span>
<small></small>
</button>
)}
</div>
</div>