From fbd7e063a1737d0b3800b20da7838db5b62fa47d Mon Sep 17 00:00:00 2001
From: Frudrax Cheng <i@cynosura.one>
Date: Thu, 4 Jun 2026 10:34:23 +0800
Subject: [PATCH] style: improve project order signature input

---
 src/pages/AftersalesConfirm.tsx    |  2 +-
 src/pages/ProjectOrderComplete.tsx | 36 +++++++++++++++++++++---------
 2 files changed, 27 insertions(+), 11 deletions(-)

diff --git a/src/pages/AftersalesConfirm.tsx b/src/pages/AftersalesConfirm.tsx
index f204502..c3ddd14 100644
--- a/src/pages/AftersalesConfirm.tsx
+++ b/src/pages/AftersalesConfirm.tsx
@@ -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"
diff --git a/src/pages/ProjectOrderComplete.tsx b/src/pages/ProjectOrderComplete.tsx
index 95a10a6..6f688f0 100644
--- a/src/pages/ProjectOrderComplete.tsx
+++ b/src/pages/ProjectOrderComplete.tsx
@@ -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">
+              <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 ? (
-                  <img
-                    src={engineerSignature}
-                    alt="工程师签名"
+                  <button
+                    type="button"
                     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>