1

pages/ceshi/index.vue

@@ -0,0 +1,165 @@
+<template>
+  <view class="container">
+    <canvas canvas-id="myCanvas" style="width: 300px; height: 300px;"></canvas>
+    <button @tap="uploadImage">上传印章图片</button>
+    <button @tap="processImage" v-if="imagePath">处理图片</button>
+    <image :src="processedImage" v-if="processedImage" mode="widthFix"></image>
+  </view>
+</template>
+
+<script>
+	import { BASE_URL,IMAGE_BASE_URL } from '@/utils/config';
+export default {
+  data() {
+    return {
+      imagePath: '',
+      processedImage: ''
+    }
+  },
+  methods: {
+    // 上传图片
+    uploadImage() {
+      const that = this;
+      uni.chooseImage({
+        count: 1,
+        sourceType: ['album', 'camera'],
+        success: function (res) {
+          that.imagePath = res.tempFilePaths[0];
+          that.drawImageToCanvas();
+        }
+      });
+    },
+    
+    // 将图片绘制到Canvas
+    drawImageToCanvas() {
+      const that = this;
+      const ctx = uni.createCanvasContext('myCanvas', this);
+      
+      // 清空Canvas
+      ctx.clearRect(0, 0, 300, 300);
+      
+      // 绘制图片
+      uni.getImageInfo({
+        src: that.imagePath,
+        success: function (res) {
+          ctx.drawImage(res.path, 0, 0, 300, 300);
+          ctx.draw(false, () => {
+            console.log('图片绘制完成');
+          });
+        }
+      });
+    },
+    
+    // 处理图片（移除白色背景）
+    processImage() {
+      const that = this;
+      const ctx = uni.createCanvasContext('myCanvas', this);
+      
+      // 获取Canvas像素数据
+      uni.canvasGetImageData({
+        canvasId: 'myCanvas',
+        x: 0,
+        y: 0,
+        width: 300,
+        height: 300,
+        success: function(res) {
+          const data = res.data;
+          
+          // 遍历像素数据，将白色（或接近白色）变为透明
+          for (let i = 0; i < data.length; i += 4) {
+            const r = data[i];
+            const g = data[i + 1];
+            const b = data[i + 2];
+            
+            // 判断是否为白色或接近白色（可根据需要调整阈值）
+            if (r > 200 && g > 200 && b > 200) {
+              data[i + 3] = 0; // 设置Alpha通道为0（完全透明）
+            }
+          }
+          
+          // 将处理后的像素数据放回Canvas
+          uni.canvasPutImageData({
+            canvasId: 'myCanvas',
+            x: 0,
+            y: 0,
+            width: 300,
+            height: 300,
+            data: data,
+            success: function() {
+              // 将Canvas内容转换为图片
+              that.canvasToImage();
+            }
+          });
+        }
+      });
+    },
+    
+    // 将Canvas转换为图片
+    canvasToImage() {
+      const that = this;
+      uni.canvasToTempFilePath({
+        canvasId: 'myCanvas',
+        success: function(res) {
+          that.processedImage = res.tempFilePath;
+		  const fileList = [{
+		    url: res.tempFilePath,
+		    status: 'uploading'
+		  }];
+		  console.log("==fileList",fileList)
+		  
+		  // 4. 上传文件
+		 that.uploadFile(fileList[0]);
+          // 这里可以调用上传接口，将处理后的图片上传到服务器
+          console.log('处理后的图片路径:', res.tempFilePath);
+        },
+        fail: function(err) {
+          console.error('Canvas转换失败', err);
+        }
+      });
+    },
+	async uploadFile(file) {
+	  try {
+	    await new Promise((resolve, reject) => {
+	      uni.uploadFile({
+	        url: `${IMAGE_BASE_URL}/api/v1/upload`,
+	        filePath: file.url,
+	        name: 'file',
+	        header: { 
+	          'Authorization': `Bearer ${uni.getStorageSync('token')}`,
+	          'Content-Type': 'multipart/form-data'
+	        },
+	        success: (uploadRes) => {
+	          try {
+	            const data = JSON.parse(uploadRes.data);
+	            if (data.success) {
+	              resolve(data.data);
+	            } else {
+	              reject(data.message || '上传失败');
+	            }
+	          } catch (e) {
+	            reject('解析响应失败');
+	          }
+	        },
+	        fail: (err) => reject(err)
+	      });
+	    });
+	  } catch (err) {
+	    console.error('上传失败:', err);
+	    const index = this.fileList.findIndex(f => f.url === file.url);
+	    if (index !== -1) {
+	      this.$set(this.fileList, index, { 
+	        ...file, 
+	        status: 'failed',
+	        error: err.message || err 
+	      });
+	    }
+	    uni.showToast({ 
+	      title: `上传失败: ${err.message || err}`, 
+	      icon: 'none' 
+	    });
+	    throw err;
+	  }
+	},
+  }
+}
+</script>

pages/index/index.vue

@@ -90,7 +90,7 @@
         </view>
 
         <view class="service-grid">
-          <!-- <view class="service-card card-1" @click="goDetail('neighborList')" hover-class="card-hover">
+          <view class="service-card card-1" @click="goDetail('neighborList')" hover-class="card-hover">
             <view class="card-content">
               <text class="card-title">邻里互助</text>
               <text class="card-desc">近邻互帮互助</text>
@@ -107,15 +107,6 @@
               <view class="card-bg"></view>
             </view>
             <image class="card-icon" src="/static/imgs/index/weixiu.png" style="width: 80rpx;height: 80rpx;bottom: 32rpx;"></image>
-          </view> -->
-		  <view class="service-card card-1" @click="goDetail('meetingList')" hover-class="card-hover">
-		    <view class="card-content">
-		      <text class="card-title">会客厅预约</text>
-		      <text class="card-desc">社区服务功能</text>
-		      <view class="card-bg"></view>
-		    </view>
-		    <image class="card-icon" src="/static/imgs/index/bangzhu.png"
-		          style="width: 68rpx;height: 68rpx; bottom: 48rpx;"></image>
           </view>
         </view>
       </view> 
@@ -169,8 +160,6 @@ export default {
     goDetail(page) {
 		if(page==='neighbor'){
 			navigateTo({url: `/pages/${page}/index`})
-		}else if( page == 'serviceTickets'){
-			uni.showToast({ title: '此功能暂未开放', icon: 'error' });
 		}else{
 			uni.navigateTo({
 			  url: `/pages/${page}/index`

pages/mine/index.vue

@@ -47,7 +47,8 @@
                         手机号快捷登录
                     </button>
 					
-					<button class="auth-button" @click="showEditModal=false">
+					<button class="auth-button" 
+					    @click="showEditModal=false">
 					   
 					    取消登录授权
 					</button>
@@ -61,9 +62,7 @@
                         <checkbox-group @change="handleAgreementChange">
                             <label>
                                 <checkbox :checked="agreementChecked" color="#2979ff" style="transform:scale(0.7)"/> 
-								我已阅读并同意<text class="agreement-link"
+                                我已阅读并同意<text class="agreement-link" @click.stop="goToAgreement('userAgreement')">《用户协议》</text>和<text class="agreement-link" @click.stop="goToAgreement('agreement')">《隐私政策》</text>
-									@click.stop="goToAgreement('userAgreement')">《用户协议》</text>和<text
-									class="agreement-link" @click.stop="goToAgreement('agreement')">《隐私政策》</text>
                             </label>
                         </checkbox-group>
                     </view>
@@ -74,15 +73,17 @@
                         <text class="form-label">头像：</text>
                         <view class="avatar-upload-container" @click="onAvatarClick">
                             <view class="avatar-preview">
-								<image v-if="avatarList.length > 0" :src="avatarList[0].url" mode="aspectFill"
+                                <image 
+                                    v-if="avatarList.length > 0" 
+                                    :src="avatarList[0].url" 
+                                    mode="aspectFill" 
                                     class="avatar-img">
                                 </image>
                                 <view v-else class="avatar-placeholder">
                                     <u-icon name="plus" color="#c0c4cc" size="28"></u-icon>
                                     <text class="placeholder-text">点击上传</text>
                                 </view>
-								<view v-if="avatarList.length > 0" class="avatar-delete"
+                                <view v-if="avatarList.length > 0" class="avatar-delete" @click.stop="handleAvatarDelete">
-									@click.stop="handleAvatarDelete">
                                     <u-icon name="close" color="#fff" size="26"></u-icon>
                                 </view>
                             </view>
@@ -103,8 +104,14 @@
                 </view>
             </view>
         </u-modal>
-		<u-modal :show="showPhoneDialog" title="联系社区" confirm-text="拨打" cancel-text="取消" @confirm="callCommunityPhone"
+        <u-modal 
-			@cancel="showPhoneDialog = false" :closeOnClickOverlay="true">
+            :show="showPhoneDialog" 
+            title="联系社区" 
+            confirm-text="拨打" 
+            cancel-text="取消" 
+            @confirm="callCommunityPhone"
+            @cancel="showPhoneDialog = false"
+            :closeOnClickOverlay="true"> 
             <view class="phone-dialog-content">
                 <text>社区电话：</text>
                 <text class="phone-number">{{communityPhone}}</text>
@@ -128,8 +135,7 @@
     } from '@/utils/config';
     export default {
         components: {
-			Footer,
+            Footer,Copyright
-			Copyright
         },
         data() {
             return {
@@ -150,32 +156,30 @@
                 uploading: false,
                 displayAvatar: '/static/imgs/index/nav.png',
                 agreementChecked: false,
-				choseList: [
+                choseList: [{
-					// {
+                        key: 1,
-					//                    key: 1,
+                        url: "/static/imgs/service/service_list.png",
-					//                    url: "/static/imgs/service/service_list.png",
+                        name: '全部工单',
-					//                    name: '全部工单',
+                        pageUrl: 'myTickets'
-					//                    pageUrl: 'myTickets'
+                    },
-					//                },
+                    {
-					{
+                        key: 2,
-						key: 4,
+                        url: "/static/imgs/service/service_help.png",
-						url: "/static/imgs/service/service_friend.png",
+                        name: '邻里互助',
-						name: '会客厅预约',
+                        pageUrl: 'mySeekHelp'
-						pageUrl: 'meetingList'
                     },
-					// {
-					// 	key: 2,
-					// 	url: "/static/imgs/service/service_help.png",
-					// 	name: '邻里互助',
-					// 	pageUrl: 'mySeekHelp'
-					// },
                     {
                         key: 3,
                         url: "/static/imgs/service/service_service.png",
                         name: '周边服务',
                         pageUrl: 'neighbor'
                     },
-
+                    {
+                        key: 4,
+                        url: "/static/imgs/service/service_friend.png",
+                        name: '会客厅预约',
+                        pageUrl: 'meetingList'
+                    },
                     {
                         key: 5,
                         url: "/static/imgs/service/service_notice.png",
@@ -244,9 +248,7 @@
                             const file = {
                                 url: tempFilePaths[0]
                             };
-							this.handleAvatarUpload({
+                            this.handleAvatarUpload({ file });
-								file
-							});
                         }
                     },
                     fail: (err) => {
@@ -730,29 +732,24 @@
         box-sizing: border-box;
         padding-bottom: calc(100rpx + 50rpx);
     }
-
     .user-info-card {
         background: #fff;
         border-radius: 16rpx;
         padding: 40rpx 30rpx;
         margin-bottom: 24rpx;
         box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.04);
-
         .user-info {
             display: flex;
             flex-direction: column;
             align-items: center;
         }
     }
-
     .avatar-section {
         margin-bottom: 20rpx;
-
         .avatar-wrapper {
             position: relative;
             width: 140rpx;
             height: 140rpx;
-
             .avatar {
                 width: 100%;
                 height: 100%;
@@ -760,7 +757,6 @@
                 border: 4rpx solid #fff;
                 box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.1);
             }
-
             .edit-icon {
                 position: absolute;
                 right: 0;
@@ -774,7 +770,6 @@
                 justify-content: center;
                 box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
             }
-
             .u-loading-icon {
                 position: absolute;
                 top: 0;
@@ -790,79 +785,66 @@
             }
         }
     }
-
     .name-section {
         width: 100%;
         align-items: center;
         text-align: center;
         margin-bottom: 30rpx;
-
         .name {
             font-size: 36rpx;
             font-weight: 600;
             color: #333;
         }
-
         .phone {
             color: #999;
             font-size: 24rpx;
         }
     }
-
     .description-card {
         background: #f8f9fa;
         border-radius: 12rpx;
         padding: 24rpx;
         width: 100%;
         text-align: center;
-
         .title {
             font-size: 28rpx;
             color: #666;
             margin-bottom: 12rpx;
             display: block;
         }
-
         .content {
             font-size: 26rpx;
             color: #999;
             line-height: 1.5;
         }
     }
-
     .function-card {
         background: #fff;
         border-radius: 16rpx;
         padding: 0 30rpx;
         box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.04);
-
         .button-item {
             display: flex;
             align-items: center;
             justify-content: space-between;
             padding: 28rpx 0;
             border-bottom: 1rpx solid #f2f3f5;
-
             &:active {
                 background-color: #f8f8f8;
             }
-
             &:last-child {
                 border-bottom: none;
             }
-
             .button-content {
                 display: flex;
                 align-items: center;
                 flex: 1;
             }
-
             .icon {
                 width: 48rpx;
                 height: 48rpx;
                 margin-right: 24rpx;
             }
-
             .label {
                 font-size: 30rpx;
                 color: #333;
@@ -870,21 +852,17 @@
             }
         }
     }
-
     .modal-content {
         padding: 0 30rpx;
         width: 90%;
         margin: 0 auto;
         max-height: 70vh;
         overflow-y: auto;
-
         /* 编辑表单区域 */
         .edit-section {
             padding: 20rpx 0;
-
             .form-item {
                 margin-bottom: 40rpx;
-
                 .form-label {
                     display: block;
                     font-size: 28rpx;
@@ -892,14 +870,12 @@
                     margin-bottom: 16rpx;
                     font-weight: 500;
                 }
-
                 .upload-tip {
                     font-size: 24rpx;
                     color: #999;
                     margin-top: 10rpx;
                     text-align: center;
                 }
-
                 .word-count {
                     text-align: right;
                     font-size: 24rpx;
@@ -908,14 +884,12 @@
                 }
             }
         }
-
         /* 授权登录区域 - 修改相关文案和图标 */
         .auth-section {
             display: flex;
             flex-direction: column;
             align-items: center;
             padding: 40rpx 0;
-
             .auth-title {
                 font-size: 32rpx;
                 color: #333;
@@ -923,7 +897,6 @@
                 text-align: center;
                 font-weight: 500;
             }
-
             .auth-button {
                 display: flex;
                 align-items: center;
@@ -952,26 +925,21 @@
             }
             
             .phone-button {
-				background: #07C160;
+                background: #07C160; /* 微信绿色，保持原有成功色 */
-				/* 微信绿色，保持原有成功色 */
             }
-
             .auth-agreement {
                 margin-top: 20rpx;
                 font-size: 24rpx;
                 color: #666;
-
                 .agreement-link {
                     color: #2979ff;
                 }
             }
         }
-
         .phone-dialog-content {
             padding: 40rpx;
             text-align: center;
             font-size: 32rpx;
-
             .phone-number {
                 font-weight: bold;
                 color: #2979ff;