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"> <label className="aftersales-upload-trigger">
<UploadOutlined /> <UploadOutlined />
<span>{uploadingImages ? '上传中...' : '上传现场图片'}</span> <span>{uploadingImages ? '上传中...' : '上传现场图片'}</span>
<small> 6 </small> <small> 18 </small>
<input <input
type="file" type="file"
accept="image/jpeg,image/png,image/webp,image/heic,image/heif" accept="image/jpeg,image/png,image/webp,image/heic,image/heif"
+26 -10
View File
@@ -284,7 +284,7 @@ function ProjectOrderCompletePage() {
<label className="aftersales-upload-trigger"> <label className="aftersales-upload-trigger">
<UploadOutlined /> <UploadOutlined />
<span>{uploadingImages ? '上传中...' : '上传现场图片'}</span> <span>{uploadingImages ? '上传中...' : '上传现场图片'}</span>
<small> 6 </small> <small> 18 </small>
<input <input
type="file" type="file"
accept="image/*" accept="image/*"
@@ -310,19 +310,35 @@ function ProjectOrderCompletePage() {
<div className="aftersales-signature-section"> <div className="aftersales-signature-section">
<p className="aftersales-signature-section-title"></p> <p className="aftersales-signature-section-title"></p>
<div className="aftersales-signature-card"> <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 ? ( {engineerSignature ? (
<img <button
src={engineerSignature} type="button"
alt="工程师签名"
className="aftersales-signature-preview" className="aftersales-signature-preview"
/> onClick={() => setSignatureOpen(true)}
>
<img src={engineerSignature} alt="工程师签名" />
<span className="aftersales-signature-preview-hint"></span>
</button>
) : ( ) : (
<span className="aftersales-signature-empty"></span> <button
type="button"
className="aftersales-signature-trigger"
onClick={() => setSignatureOpen(true)}
>
<EditOutlined />
<span></span>
<small></small>
</button>
)} )}
<Button icon={<EditOutlined />} onClick={() => setSignatureOpen(true)}>
{engineerSignature ? '重签' : '签名'}
</Button>
</div> </div>
</div> </div>