From 05709de6b62bfe4582cfd3206c72d8052cf59c57 Mon Sep 17 00:00:00 2001
From: Leo_Ding <2405260743@qq.com>
Date: Mon, 4 Aug 2025 15:12:03 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E7=AD=BE=E5=90=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/signature.vue |   1 +
 pages.json               |  14 ++--
 pages/sign/sign.vue      | 144 +++++++++++++++++++++++++++++++--------
 3 files changed, 125 insertions(+), 34 deletions(-)

diff --git a/components/signature.vue b/components/signature.vue
index 0b64f36..4bbed5f 100644
--- a/components/signature.vue
+++ b/components/signature.vue
@@ -96,6 +96,7 @@
 			wx.canvasToTempFilePath({
 				canvasId: 'signatureCanvas',
 				success: (res) => {
+					console.log(res.tempFilePath)
 					this.setData({
 						signatureImage: res.tempFilePath
 					});
diff --git a/pages.json b/pages.json
index e2dd0f6..0b127f5 100644
--- a/pages.json
+++ b/pages.json
@@ -203,13 +203,13 @@
 				"usingComponents": {}
 			}
 		},
-		{
-			"path" : "pages/meetingDetail/ceshi/ceshi",
-			"style" : 
-			{
-				"navigationBarTitleText" : ""
-			}
-		},
+		// {
+		// 	"path" : "pages/meetingDetail/ceshi/ceshi",
+		// 	"style" : 
+		// 	{
+		// 		"navigationBarTitleText" : ""
+		// 	}
+		// },
 		{
 			"path": "pages/sign/sign",
 			"style": {
diff --git a/pages/sign/sign.vue b/pages/sign/sign.vue
index 44282da..8d05552 100644
--- a/pages/sign/sign.vue
+++ b/pages/sign/sign.vue
@@ -34,6 +34,7 @@
 
 <script>
 	import pickerColor from "./pickerColor.vue"
+	 import {IMAGE_BASE_URL,BASE_URL} from '@/utils/config';
 	export default {
 		components: {
 			pickerColor
@@ -394,34 +395,123 @@
 				this.ctx.setStrokeStyle(this.lineColor)
 			},
 			//完成
+			// 完成
 			subCanvas() {
-				if (this.isEmpty()) {
-					uni.showToast({
-						title: '没有任何绘制内容哦',
-						icon: 'none',
-					});
-					return
-				}
-				uni.canvasToTempFilePath({
-					canvasId: 'handWriting',
-					fileType: 'png',
-					quality: 1, //图片质量
-					success(res) {
-						uni.showToast({
-							title: '以保存'
-						});
-						//保存到系统相册
-						uni.saveImageToPhotosAlbum({
-							filePath: res.tempFilePath,
-							success(res) {
-								uni.showToast({
-									title: '已成功保存到相册',
-									duration: 2000
-								});
-							}
-						});
-					}
-				});
+			  if (this.isEmpty()) {
+			    uni.showToast({
+			      title: '没有任何绘制内容哦',
+			      icon: 'none',
+			    });
+			    return;
+			  }
+			  
+			  uni.showLoading({
+			    title: '正在生成图片...'
+			  });
+			  
+			  uni.canvasToTempFilePath({
+			    canvasId: 'handWriting',
+			    fileType: 'png',
+			    quality: 1,
+			    success: async (res) => {
+			      uni.hideLoading();
+			      
+			      // 1. 保存到本地相册
+			      try {
+			        await this.saveToAlbum(res.tempFilePath);
+			        
+			        // 2. 上传到服务器
+			        uni.showLoading({
+			          title: '正在上传签名...'
+			        });
+			        
+			        const uploadRes = await this.uploadSignature(res.tempFilePath);
+			        
+			        uni.hideLoading();
+			        uni.showToast({
+			          title: '签名上传成功',
+			          icon: 'success'
+			        });
+			        
+			        // 3. 可以通过回调或者事件将上传结果返回给父组件
+			        // this.$emit('upload-success', {
+			        //   tempFilePath: res.tempFilePath,
+			        //   serverPath: uploadRes // 假设服务器返回了图片地址
+			        // });
+			        
+			      } catch (error) {
+			        uni.hideLoading();
+			        uni.showToast({
+			          title: error.message || '上传失败',
+			          icon: 'none'
+			        });
+			      }
+			    },
+			    fail: (err) => {
+			      uni.hideLoading();
+			      uni.showToast({
+			        title: '生成图片失败',
+			        icon: 'none'
+			      });
+			      console.error(err);
+			    }
+			  });
+			},
+			
+			// 保存到相册的方法
+			saveToAlbum(tempFilePath) {
+			  return new Promise((resolve, reject) => {
+			    uni.saveImageToPhotosAlbum({
+			      filePath: tempFilePath,
+			      success: () => {
+			        uni.showToast({
+			          title: '已保存到相册',
+			          duration: 2000
+			        });
+			        resolve();
+			      },
+			      fail: (err) => {
+			        reject(new Error('保存到相册失败'));
+			        console.error(err);
+			      }
+			    });
+			  });
+			},
+			
+			// 上传签名到服务器的方法
+			uploadSignature(tempFilePath) {
+			  return new Promise((resolve, reject) => {
+			    // 这里替换为你自己的上传接口
+			    const uploadUrl = IMAGE_BASE_URL+'/api/v1/upload';
+			    uni.uploadFile({
+			      url: uploadUrl,
+			      filePath: tempFilePath,
+			      name: 'file',
+			      // formData: {
+			      //   // 可以添加其他表单数据
+			      //   userId: '123', // 示例用户ID
+			      //   type: 'signature'
+			      // },
+			      success: (uploadRes) => {
+					  console.log(uploadRes);
+					  console.log(JSON.parse(uploadRes.data))
+			        try {
+			          const {success,data} = JSON.parse(uploadRes.data);
+			          if (success) {
+			            resolve(data); // 假设服务器返回了图片URL
+			          } else {
+			            reject(new Error(success || '上传失败'));
+			          }
+			        } catch (e) {
+			          reject(new Error('解析服务器响应失败'));
+			        }
+			      },
+			      fail: (err) => {
+			        reject(new Error('上传请求失败'));
+			        console.error(err);
+			      }
+			    });
+			  });
 			},
 			//保存到相册
 			saveCanvasAsImg() {