From b4c8ee6a84d04f3987068b057a9a7328fd9e1553 Mon Sep 17 00:00:00 2001
From: zhouhefeng <zhouhefeng915@163.com>
Date: Mon, 7 Sep 2026 09:56:05 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96iOS=E7=AD=BE=E5=AD=97?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../plugins/sysSignature/h5Index.vue          |  6 ++--
 .../components/plugins/sysSignature/index.vue | 28 ++++++++++---------
 .../resources/views/layouts/platform_h5.html  |  2 +-
 3 files changed, 20 insertions(+), 16 deletions(-)

diff --git a/src/main/resources/static/components/plugins/sysSignature/h5Index.vue b/src/main/resources/static/components/plugins/sysSignature/h5Index.vue
index 8835020..c91c49b 100644
--- a/src/main/resources/static/components/plugins/sysSignature/h5Index.vue
+++ b/src/main/resources/static/components/plugins/sysSignature/h5Index.vue
@@ -21,8 +21,10 @@
       <button v-if="signatureContent" @click="openSignature" class="signature-reset-button"
               type="button">重新签名</button>
     </div>
-    <van-popup v-model="showSignaturePanel" :close-on-click-overlay="false"
-               :style="{ height: '100vh', width: '100vw' }" @close="handleSignaturePopupClose">
+    <!-- 签字板挂载到 body，避免 iOS 将 fixed 子元素裁切在外层带 transform 的滚动 Popup 内。 -->
+    <van-popup v-model="showSignaturePanel" class="signature-full-popup" get-container="body"
+               :close-on-click-overlay="false" :style="{ height: '100%', width: '100%' }"
+               @close="handleSignaturePopupClose">
       <signature @save="save"></signature>
     </van-popup>
   </div>
diff --git a/src/main/resources/static/components/plugins/sysSignature/index.vue b/src/main/resources/static/components/plugins/sysSignature/index.vue
index 056717a..62dd23a 100644
--- a/src/main/resources/static/components/plugins/sysSignature/index.vue
+++ b/src/main/resources/static/components/plugins/sysSignature/index.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="signature-wrap">
-        <canvas id="canvas"></canvas>
+        <canvas ref="signatureCanvas"></canvas>
         <div :class="isLikelyMobile() ? 'action-buttons' : 'action-buttons pc-action-buttons'">
             <button @click="clear" class="action-button-danger" type="button">清空</button>
             <button @click="undo" class="action-button-warning" type="button">撤销</button>
@@ -80,15 +80,13 @@ module.exports = {
         }
     },
     mounted() {
-        const innerWidth = window.innerWidth
-        const innerHeight = window.innerHeight
-
-        const canvas = document.getElementById("canvas")
-        canvas.width = window.innerWidth
-        canvas.height = window.innerHeight
+        // 使用签字弹层的实际可视尺寸，避免 iOS WebView 中 100vh/innerHeight 包含不可见浏览器区域。
+        const containerWidth = this.$el.clientWidth || window.innerWidth
+        const containerHeight = this.$el.clientHeight || window.innerHeight
+        const canvas = this.$refs.signatureCanvas
         signature = new SmoothSignature(canvas, {
-            width: innerWidth - 30,
-            height: innerHeight - 30,
+            width: Math.max(containerWidth - 30, 1),
+            height: Math.max(containerHeight - 30, 1),
             scale: 2,
             minWidth: 4,
             maxWidth: 10,
@@ -101,11 +99,14 @@ module.exports = {
 
 <style scoped>
 .signature-wrap {
-    position: fixed;
-    left: 0;
+    position: absolute;
+    top: 0;
     right: 0;
     bottom: 0;
+    left: 0;
     padding: 15px;
+    overflow: hidden;
+    box-sizing: border-box;
     background: #ffffff;
 }
 
@@ -121,8 +122,9 @@ module.exports = {
     transform: rotate(90deg);
     display: flex;
     column-gap: 10px;
-    position: fixed;
-    bottom: 0px;
+    position: absolute;
+    z-index: 2;
+    bottom: calc(15px + env(safe-area-inset-bottom));
     left: 60px;
     transform: rotate(90deg);
     display: flex;
diff --git a/src/main/resources/views/layouts/platform_h5.html b/src/main/resources/views/layouts/platform_h5.html
index a60659b..421abc9 100644
--- a/src/main/resources/views/layouts/platform_h5.html
+++ b/src/main/resources/views/layouts/platform_h5.html
@@ -621,7 +621,7 @@
     </script>
 
     <script nonce="${cspNonce!}">
-        const h5ComponentVersion = "20260821_2"
+        const h5ComponentVersion = "20260907_1"
         Vue.component("rich-text", httpVueLoader("/components/plugins/sysRichTextView/index.vue?v=" + h5ComponentVersion))
         Vue.component("h5-file-upload", httpVueLoader("/components/plugins/sysUpload/h5Index.vue?v=" + h5ComponentVersion))
         Vue.component("h5-signature", httpVueLoader("/components/plugins/sysSignature/h5Index.vue?v=" + h5ComponentVersion))