From 82650e7e9a7b171b511fea9dc09f1aa88b2a0359 Mon Sep 17 00:00:00 2001
From: "@jyuhsin" <729757837@qq.com>
Date: Thu, 18 Dec 2025 13:03:11 +0800
Subject: [PATCH 1/3] commit

---
 .../components/plugins/sysSignature/index.vue       | 13 ++++++++++++-
 .../static/components/plugins/sysSignature/pc.vue   |  5 +++--
 src/main/resources/views/layouts/v4/baseLayout.html |  2 +-
 3 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/main/resources/static/components/plugins/sysSignature/index.vue b/src/main/resources/static/components/plugins/sysSignature/index.vue
index 487ce2a..06a7f8a 100644
--- a/src/main/resources/static/components/plugins/sysSignature/index.vue
+++ b/src/main/resources/static/components/plugins/sysSignature/index.vue
@@ -48,6 +48,13 @@ module.exports = {
         rotate() {
             signature.getRotateCanvas(90)
         },
+        isLikelyMobile() {
+          const isTouchDevice = 'ontouchstart' in window || navigator.maxTouchPoints > 0;
+          const isSmallScreen = window.screen.width <= 768;
+          const hasMobileUA = /Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+
+          return hasMobileUA || (isTouchDevice && isSmallScreen);
+        },
         save() {
             if (signature.isEmpty()) {
                 alert("请签字后再保存")
@@ -56,7 +63,11 @@ module.exports = {
             // const png = signature.getPNG()
             //旋转一下 横过来
             const rotateCanvas = signature.getRotateCanvas(-90)
-            this.$emit("save", rotateCanvas.toDataURL())
+            if (this.isLikelyMobile()) {
+              this.$emit("save", rotateCanvas.toDataURL())
+            } else {
+              this.$emit("save", signature.toDataURL())
+            }
         }
     },
     mounted() {
diff --git a/src/main/resources/static/components/plugins/sysSignature/pc.vue b/src/main/resources/static/components/plugins/sysSignature/pc.vue
index b3801c7..9f3ac94 100644
--- a/src/main/resources/static/components/plugins/sysSignature/pc.vue
+++ b/src/main/resources/static/components/plugins/sysSignature/pc.vue
@@ -69,8 +69,9 @@ module.exports = {
 
     // 可选：轮询或 watch ready 状态
     const checkReady = () => {
-      if (window.webSocketPubSub.ws.readyState === 1) {
-        this.loading = false; // 允许签字
+      if (webSocketPubSub.ws && webSocketPubSub.ws.readyState === WebSocket.OPEN) {
+        console.info("ws.readyState is open");
+        this.loading = false;
       } else {
         setTimeout(checkReady, 100);
       }
diff --git a/src/main/resources/views/layouts/v4/baseLayout.html b/src/main/resources/views/layouts/v4/baseLayout.html
index 8bde804..3b130ad 100644
--- a/src/main/resources/views/layouts/v4/baseLayout.html
+++ b/src/main/resources/views/layouts/v4/baseLayout.html
@@ -202,7 +202,7 @@
                         // )
                         // 连接建立时不立即发送 join，等待订阅完成
                         this.ping()
-                        console.log('websocket open success')
+                        console.info('websocket open success')
                     }
                 }
 

From a7028d89fc756f67ca4fc2db66bdaf273e1681b8 Mon Sep 17 00:00:00 2001
From: "@jyuhsin" <729757837@qq.com>
Date: Thu, 18 Dec 2025 13:05:11 +0800
Subject: [PATCH 2/3] commit

---
 .../resources/static/components/plugins/sysSignature/pc.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/main/resources/static/components/plugins/sysSignature/pc.vue b/src/main/resources/static/components/plugins/sysSignature/pc.vue
index 9f3ac94..415b4da 100644
--- a/src/main/resources/static/components/plugins/sysSignature/pc.vue
+++ b/src/main/resources/static/components/plugins/sysSignature/pc.vue
@@ -51,7 +51,6 @@ module.exports = {
         this.$emit("input", this.signatureContent)
       }
       this.signatureAddress = origin + "/platform/signature/scanPcCode?id=" + this.id
-      console.log(this.signatureAddress)
     },
     signatureAgain() {
       const val = sessionStorage.getItem("h5-scan-code-signature-" + this.id)
@@ -59,8 +58,8 @@ module.exports = {
       this.$emit("input", val)
     }
   },
-  mounted() {
-    this.init()
+  async mounted() {
+    await this.init()
     webSocketPubSub.subscribe("h5-scan-code-signature", (data) => {
       console.info("ws:收到签字成功消息:", data)
       this.signatureContent = data.value
@@ -72,6 +71,7 @@ module.exports = {
       if (webSocketPubSub.ws && webSocketPubSub.ws.readyState === WebSocket.OPEN) {
         console.info("ws.readyState is open");
         this.loading = false;
+        console.log(this.signatureAddress)
       } else {
         setTimeout(checkReady, 100);
       }

From a05544900e598ac4bbcef81820ca8af7d6e47ee8 Mon Sep 17 00:00:00 2001
From: "@jyuhsin" <729757837@qq.com>
Date: Thu, 18 Dec 2025 13:13:32 +0800
Subject: [PATCH 3/3] commit

---
 .../static/components/plugins/sysSignature/index.vue     | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/main/resources/static/components/plugins/sysSignature/index.vue b/src/main/resources/static/components/plugins/sysSignature/index.vue
index 06a7f8a..4a8ae75 100644
--- a/src/main/resources/static/components/plugins/sysSignature/index.vue
+++ b/src/main/resources/static/components/plugins/sysSignature/index.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="signature-wrap">
         <canvas id="canvas"></canvas>
-        <div class="action-buttons">
+        <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>
             <button @click="save" class="action-button-primary" type="button">确定</button>
@@ -121,6 +121,13 @@ module.exports = {
     row-gap: 20px;
 }
 
+.signature-wrap .pc-action-buttons {
+  bottom: 50px;
+  right: 50px;
+  left: unset;
+  transform: rotate(0deg);
+}
+
 .action-buttons button {
     color: #ffffff;
     position: relative;