style: improve project order signature input
This commit is contained in:
@@ -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"
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user