From a0129fa7cedbc13eaa0aa8d08e63dd43c948a87f Mon Sep 17 00:00:00 2001
From: sunmeng <sunmeng@troyrc.com>
Date: Tue, 12 Aug 2025 18:01:11 +0800
Subject: [PATCH] =?UTF-8?q?=E9=80=89=E5=8C=BA=E9=80=89=E5=BA=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/index/gesture-canvas-page.vue           | 413 +++++++++++++++++-
 pages/index/gesture-handler.js                |   7 +
 pages/index/transform-canvas.vue              | 270 ++++++------
 pages/index/transform-matrix.js               |  23 +-
 .../pages/index/gesture-canvas-page.js.map    |   2 +-
 .../pages/index/gesture-handler.js.map        |   2 +-
 .../pages/index/transform-canvas.js.map       |   2 +-
 .../pages/index/transform-matrix.js.map       |   2 +-
 unpackage/dist/dev/mp-weixin/common/vendor.js |   2 +-
 .../pages/index/gesture-canvas-page.js        | 384 +++++++++++++++-
 .../mp-weixin/pages/index/gesture-handler.js  |   7 +-
 .../mp-weixin/pages/index/transform-canvas.js | 169 +++----
 .../mp-weixin/pages/index/transform-matrix.js |  11 +-
 13 files changed, 1025 insertions(+), 269 deletions(-)

diff --git a/pages/index/gesture-canvas-page.vue b/pages/index/gesture-canvas-page.vue
index dcb20ce..2833be8 100644
--- a/pages/index/gesture-canvas-page.vue
+++ b/pages/index/gesture-canvas-page.vue
@@ -19,10 +19,12 @@
         :height="canvasHeight"
         :matrix="transformMatrix"
         :imgUrl="'https://assets.tech.troyrc.com/sx25/images/events/XBDT.jpg'"
-        :areaData="seatAreas"
+			  :areaData="currentView === 'area' ? seatAreas : []"
+				:seatData="currentView === 'seat' ? seatPositions : []"
       />
     </view>
-    
+    <!-- isShowSeat -->
+		
    <!-- <view class="controls">
       <button @click="resetCanvas">重置</button>
       <button @click="zoomIn">放大</button> 
@@ -52,7 +54,10 @@ export default {
       scaleValue: 1,
       touchPoints: 0,
       lastGestureTime: 0,
-      seatAreas: [] // 座位区域数据
+      seatAreas: [], // 座位区域数据
+			currentView:'area',
+			seatPositions: [],    // 座位数据
+			selectedArea: null    // 当前选中分区
     };
   },
   
@@ -73,20 +78,42 @@ export default {
 		handleCanvasClick(e) {
 			if (!this.containerRect) return;
 			
-			// 计算相对坐标
-			const x = e.detail.x - this.containerRect.left;
-			const y = e.detail.y - this.containerRect.top;
+			// 获取dpr
+			const dpr = this.$refs.canvasRef.dpr || 1;
 			
-			// 检测点击区域
-			const hitArea = this.$refs.canvasRef.checkHitArea(x, y);
-			console.log('hitArea',hitArea)
-			if (hitArea) {
-				console.log('点击区域:', hitArea);
-				
+			// 计算点击坐标（考虑dpr）
+			const x = (e.detail.x - this.containerRect.left) * dpr;
+			const y = (e.detail.y - this.containerRect.top) * dpr;
+			
+			if (this.currentView === 'area') {
+				const hitArea = this.$refs.canvasRef.checkHitArea(x, y);
+				if (hitArea) {
+					uni.showModal({
+						title: '请确认',
+						content: `您确实要选择分区:${hitArea.areaname}吗?`,
+						showCancel: true,
+						success: async(res) => {
+							if(res.confirm){
+								// 切换到座位视图
+								this.selectedArea = hitArea;
+								this.currentView = 'seat';
+								this.loadSeatData(hitArea.areacode)
+							}
+							console.log(res,'showModa-- success')
+						},
+					})
+				}
+			} else if (this.currentView === 'seat') {
+				const hitSeat = this.$refs.canvasRef.checkSeatHit(x, y);
+				if (hitSeat) {
+					console.log('选中座位:', hitSeat);
+					// 这里可以添加座位选择逻辑
+				}
 			}
 		},
-				
-    async getContainerPosition() {
+		  
+			
+		async getContainerPosition() {
       // 添加重试机制
       let retryCount = 0;
       const maxRetries = 3;
@@ -240,15 +267,365 @@ export default {
         const response = {
 					"code":200,
 					"message":"",
-					"data":[{"areacode":"03tkrrjukrgu","areaname":"主席台","description":"主席台","remain":100,"polygon":[262,154,262,165,262,177,262,188,314,188,365,188,417,188,417,177,417,165,417,154,365,154,314,154,262,154]},{"areacode":"ea0jg3jukrgw","areaname":"A区","description":"A区","remain":1000,"polygon":[105,94,105,125,105,158,105,189,183,189,251,189,250,147,336,147,337,125,337,94,259,94,183,94,105,94]},{"areacode":"832fe6ej0kqc","areaname":"C区","description":"C区","remain":1000,"polygon":[106,418,106,452,106,487,106,521,183,521,261,521,338,521,338,487,338,452,338,418,261,418,183,418,106,418]},{"areacode":"p5naxqej0kqd","areaname":"B区","description":"B区","remain":1000,"polygon":[345,93,345,125,344,147,425,148,425,188,499,190,576,190,576,158,576,125,576,93,499,93,422,93,345,93]},{"areacode":"uknpk3sa819j","areaname":"D区","description":"D区","remain":1000,"polygon":[347,419,347,453,347,487,347,521,423,521,499,521,575,521,575,487,575,453,575,419,499,419,423,419,347,419]}]
+					"data": [{
+							"areacode": "0pwkru74ffwg",
+							"areaname": "B2区",
+							"description": "B2区",
+							"remain": 0,
+							"polygon": [348, 193, 348, 216, 348, 240, 348, 263, 363, 263, 377, 263, 392, 263, 392, 240, 392, 216, 392, 193, 377, 193, 363, 193, 348, 193]
+						}, {
+							"areacode": "9kb27u2gt75p",
+							"areaname": "A2区",
+							"description": "A2区",
+							"remain": 286,
+							"polygon": [488, 251, 473, 262, 453, 281, 455, 290, 494, 290, 518, 290, 542, 290, 542, 273, 542, 257, 536, 205, 521, 207, 494, 240, 488, 251]
+						}, {
+							"areacode": "3raruc74ffwj",
+							"areaname": "N3区",
+							"description": "N3区",
+							"remain": 0,
+							"polygon": [527, 96, 519, 107, 536, 140, 564, 172, 596, 182, 610, 176, 611, 166, 594, 149, 581, 138, 583, 142, 567, 119, 560, 114, 527, 96]
+						}, {
+							"areacode": "h50wgwsa81a3",
+							"areaname": "H1区",
+							"description": "H1区",
+							"remain": 48,
+							"polygon": [348, 144, 348, 152, 348, 162, 348, 170, 361, 170, 374, 170, 388, 169, 387, 162, 387, 152, 387, 144, 374, 144, 361, 144, 348, 144]
+						}, {
+							"areacode": "st0w88ej0kmu",
+							"areaname": "N20区",
+							"description": "N20区",
+							"remain": 0,
+							"polygon": [582, 341, 582, 361, 582, 381, 602, 380, 600, 400, 614, 401, 620, 401, 622, 366, 619, 360, 621, 341, 614, 341, 597, 341, 582, 341]
+						}, {
+							"areacode": "sbk5lljukrhk",
+							"areaname": "G区",
+							"description": "G区",
+							"remain": 87,
+							"polygon": [113, 371, 113, 397, 113, 424, 113, 450, 118, 450, 124, 450, 129, 450, 129, 424, 129, 397, 129, 371, 124, 371, 118, 371, 113, 371]
+						}, {
+							"areacode": "1ehnqusa81a6",
+							"areaname": "N11区",
+							"description": "N11区",
+							"remain": 93,
+							"polygon": [58, 323, 58, 345, 58, 367, 58, 389, 71, 389, 83, 389, 96, 389, 96, 367, 96, 345, 96, 323, 83, 323, 71, 323, 58, 323]
+						}, {
+							"areacode": "ecc4b9sa81a7",
+							"areaname": "L区",
+							"description": "L区",
+							"remain": 0,
+							"polygon": [541, 196, 554, 223, 553, 252, 554, 282, 555, 285, 564, 285, 568, 284, 567, 253, 568, 222, 559, 191, 564, 188, 555, 188, 541, 196]
+						}, {
+							"areacode": "04fglh2gt760",
+							"areaname": "N2区",
+							"description": "N2区",
+							"remain": 0,
+							"polygon": [577, 204, 579, 216, 579, 240, 602, 252, 602, 267, 609, 267, 618, 267, 621, 240, 615, 221, 611, 191, 609, 189, 595, 194, 577, 204]
+						}, {
+							"areacode": "au80sb74ffwt",
+							"areaname": "E区",
+							"description": "E区",
+							"remain": 86,
+							"polygon": [114, 215, 114, 236, 114, 257, 114, 278, 119, 278, 124, 278, 129, 278, 129, 257, 129, 236, 129, 215, 124, 215, 119, 215, 114, 215]
+						}, {
+							"areacode": "k872hp2gt762",
+							"areaname": "N14区",
+							"description": "N14区",
+							"remain": 0,
+							"polygon": [155, 529, 149, 538, 148, 542, 142, 551, 170, 563, 192, 563, 213, 563, 213, 550, 213, 538, 213, 525, 192, 525, 170, 525, 155, 529]
+						}, {
+							"areacode": "tkh95d74ffww",
+							"areaname": "J区",
+							"description": "J区",
+							"remain": 137,
+							"polygon": [393, 137, 393, 152, 393, 168, 393, 183, 414, 183, 434, 183, 455, 183, 455, 168, 455, 152, 455, 137, 434, 137, 414, 137, 393, 137]
+						}, {
+							"areacode": "etnhc7sa81ae",
+							"areaname": "N17区",
+							"description": "N17区",
+							"remain": 0,
+							"polygon": [445, 532, 445, 544, 445, 555, 445, 567, 468, 567, 492, 567, 515, 560, 515, 555, 515, 544, 503, 527, 492, 532, 468, 532, 445, 532]
+						}, {
+							"areacode": "qpy6ce74ffwy",
+							"areaname": "G区",
+							"description": "G区",
+							"remain": 131,
+							"polygon": [224, 139, 224, 153, 224, 169, 224, 183, 245, 183, 265, 183, 286, 183, 286, 169, 286, 153, 286, 139, 265, 139, 245, 139, 224, 139]
+						}, {
+							"areacode": "21er312gt766",
+							"areaname": "N10区",
+							"description": "N10区",
+							"remain": 98,
+							"polygon": [60, 256, 60, 276, 60, 297, 60, 317, 73, 317, 85, 317, 98, 317, 98, 297, 98, 276, 98, 256, 85, 256, 73, 256, 60, 256]
+						}, {
+							"areacode": "uxem1b74ffwp",
+							"areaname": "N9区",
+							"description": "N9区",
+							"remain": 153,
+							"polygon": [63, 181, 63, 203, 63, 224, 63, 246, 76, 246, 89, 246, 102, 246, 102, 224, 102, 203, 102, 181, 89, 181, 76, 181, 63, 181]
+						}, {
+							"areacode": "qaqq5bsa81aj",
+							"areaname": "N7区",
+							"description": "N7区",
+							"remain": 149,
+							"polygon": [159, 87, 159, 100, 159, 113, 159, 126, 185, 126, 212, 126, 238, 126, 238, 113, 238, 100, 238, 87, 212, 87, 185, 87, 159, 87]
+						}, {
+							"areacode": "q41b0u74ffwr",
+							"areaname": "M区",
+							"description": "M区",
+							"remain": 75,
+							"polygon": [552, 283, 552, 309, 552, 335, 552, 361, 557, 361, 564, 361, 569, 361, 569, 335, 569, 309, 569, 283, 564, 283, 557, 283, 552, 283]
+						}, {
+							"areacode": "mh5c6g74ff2d",
+							"areaname": "N4区",
+							"description": "N4区",
+							"remain": 147,
+							"polygon": [440, 89, 440, 101, 440, 113, 440, 125, 471, 125, 503, 125, 507, 114, 512, 105, 512, 99, 505, 95, 492, 89, 471, 89, 440, 89]
+						}, {
+							"areacode": "hfhsd4jukrml",
+							"areaname": "Q区",
+							"description": "Q区",
+							"remain": 0,
+							"polygon": [223, 467, 223, 483, 223, 499, 223, 515, 257, 515, 290, 515, 324, 515, 324, 499, 324, 483, 324, 467, 290, 467, 257, 467, 223, 467]
+						}, {
+							"areacode": "t0bugwsa81e7",
+							"areaname": "O区",
+							"description": "O区",
+							"remain": 0,
+							"polygon": [437, 472, 437, 486, 437, 501, 437, 515, 465, 515, 492, 515, 514, 502, 523, 499, 520, 486, 497, 463, 476, 469, 465, 472, 437, 472]
+						}, {
+							"areacode": "t5uyd3ej0ks0",
+							"areaname": "N13区",
+							"description": "N13区",
+							"remain": 178,
+							"polygon": [89, 485, 89, 499, 89, 514, 89, 528, 106, 528, 123, 528, 140, 528, 140, 514, 140, 499, 140, 485, 123, 485, 106, 485, 89, 485]
+						}, {
+							"areacode": "qtjhh7sa81e9",
+							"areaname": "N18区",
+							"description": "N18区",
+							"remain": 0,
+							"polygon": [528, 486, 535, 509, 535, 520, 536, 527, 552, 532, 540, 531, 551, 544, 582, 511, 595, 495, 566, 480, 566, 482, 540, 470, 528, 486]
+						}, {
+							"areacode": "pmmm6m74ff28",
+							"areaname": "N19区",
+							"description": "N19区",
+							"remain": 0,
+							"polygon": [583, 409, 583, 435, 595, 461, 589, 482, 600, 484, 605, 481, 610, 473, 611, 463, 617, 442, 619, 413, 615, 409, 599, 409, 583, 409]
+						}, {
+							"areacode": "3wtt3fsa81eb",
+							"areaname": "D区",
+							"description": "D区",
+							"remain": 69,
+							"polygon": [111, 290, 111, 314, 111, 339, 111, 363, 116, 363, 122, 363, 127, 363, 127, 339, 127, 314, 127, 290, 122, 290, 116, 290, 111, 290]
+						}, {
+							"areacode": "nums6x2gt76l",
+							"areaname": "N12区",
+							"description": "N12区",
+							"remain": 142,
+							"polygon": [57, 390, 57, 419, 57, 447, 57, 476, 71, 476, 85, 476, 99, 476, 99, 447, 99, 419, 99, 390, 85, 390, 71, 390, 57, 390]
+						}, {
+							"areacode": "241p54ej0ks5",
+							"areaname": "D4区",
+							"description": "D4区",
+							"remain": 0,
+							"polygon": [234, 412, 223, 423, 215, 440, 215, 463, 236, 463, 256, 463, 277, 463, 277, 440, 277, 419, 277, 396, 256, 396, 242, 402, 234, 412]
+						}, {
+							"areacode": "l7rlk92gt76n",
+							"areaname": "P区",
+							"description": "P区",
+							"remain": 0,
+							"polygon": [355, 486, 355, 501, 329, 500, 329, 515, 365, 515, 400, 515, 436, 515, 436, 500, 436, 484, 436, 469, 400, 469, 360, 469, 355, 486]
+						}, {
+							"areacode": "5sbc1qsa81eg",
+							"areaname": "B3区",
+							"description": "B3区",
+							"remain": 0,
+							"polygon": [286, 193, 286, 216, 286, 238, 286, 261, 302, 261, 319, 261, 335, 261, 335, 238, 335, 216, 335, 193, 319, 193, 302, 193, 286, 193]
+						}, {
+							"areacode": "xb036djukrjt",
+							"areaname": "D3区",
+							"description": "D3区",
+							"remain": 0,
+							"polygon": [286, 398, 286, 419, 286, 441, 286, 462, 302, 462, 317, 462, 333, 462, 333, 441, 333, 419, 333, 398, 317, 398, 302, 398, 286, 398]
+						}, {
+							"areacode": "w9f0t474ff2g",
+							"areaname": "D2区",
+							"description": "D2区",
+							"remain": 0,
+							"polygon": [347, 396, 347, 418, 347, 441, 347, 463, 362, 463, 376, 463, 391, 463, 391, 441, 391, 418, 391, 396, 376, 396, 362, 396, 347, 396]
+						}, {
+							"areacode": "ng0y77sa81ek",
+							"areaname": "D1区",
+							"description": "D1区",
+							"remain": 0,
+							"polygon": [404, 397, 404, 419, 404, 440, 404, 462, 424, 462, 444, 462, 464, 462, 464, 440, 460, 435, 457, 425, 443, 411, 424, 397, 404, 397]
+						}, {
+							"areacode": "fgwf442gt76u",
+							"areaname": "H2区",
+							"description": "H2区",
+							"remain": 50,
+							"polygon": [293, 144, 293, 153, 293, 162, 293, 171, 307, 171, 321, 171, 335, 171, 335, 162, 335, 153, 335, 144, 321, 144, 307, 144, 293, 144]
+						}, {
+							"areacode": "3bl5tw74ff2k",
+							"areaname": "F区",
+							"description": "F区",
+							"remain": 0,
+							"polygon": [163, 139, 163, 155, 163, 170, 163, 186, 181, 186, 199, 186, 217, 186, 217, 170, 217, 155, 217, 139, 199, 139, 181, 139, 163, 139]
+						}, {
+							"areacode": "r20f7aej0kse",
+							"areaname": "N8区",
+							"description": "N8区",
+							"remain": 182,
+							"polygon": [93, 121, 93, 136, 93, 149, 93, 164, 108, 164, 123, 164, 138, 164, 138, 149, 138, 136, 138, 121, 123, 121, 108, 121, 93, 121]
+						}, {
+							"areacode": "49k1dy2gt76y",
+							"areaname": "N区",
+							"description": "N区",
+							"remain": 89,
+							"polygon": [552, 372, 554, 401, 553, 423, 545, 459, 555, 465, 558, 462, 562, 453, 568, 426, 569, 398, 565, 367, 564, 367, 561, 369, 552, 372]
+						}, {
+							"areacode": "srhh3asa81ee",
+							"areaname": "R区",
+							"description": "R区",
+							"remain": 0,
+							"polygon": [157, 469, 157, 484, 157, 497, 157, 512, 177, 512, 196, 512, 216, 512, 216, 497, 216, 484, 216, 469, 196, 469, 177, 469, 157, 469]
+						}, {
+							"areacode": "dtnat7sa81ef",
+							"areaname": "B1区",
+							"description": "B1区",
+							"remain": 0,
+							"polygon": [406, 193, 406, 214, 406, 237, 406, 258, 424, 258, 442, 258, 460, 257, 461, 237, 461, 217, 461, 193, 442, 193, 424, 193, 406, 193]
+						}, {
+							"areacode": "j2xeleej0ksk",
+							"areaname": "K区",
+							"description": "K区",
+							"remain": 190,
+							"polygon": [466, 140, 466, 155, 466, 172, 466, 187, 481, 187, 494, 187, 509, 187, 509, 172, 509, 155, 509, 140, 494, 140, 481, 140, 466, 140]
+						}, {
+							"areacode": "2ax05h2gt77e",
+							"areaname": "N15区",
+							"description": "N15区",
+							"remain": 0,
+							"polygon": [225, 530, 225, 545, 224, 565, 247, 566, 247, 578, 290, 582, 325, 580, 326, 561, 326, 545, 326, 530, 292, 530, 259, 530, 225, 530]
+						}, {
+							"areacode": "hsker374ff2t",
+							"areaname": "C3区",
+							"description": "C3区",
+							"remain": 287,
+							"polygon": [134, 364, 134, 380, 134, 396, 134, 412, 160, 412, 185, 412, 211, 412, 211, 396, 211, 380, 211, 364, 185, 364, 160, 364, 134, 364]
+						}, {
+							"areacode": "fulx09ej0ksn",
+							"areaname": "A3区",
+							"description": "A3区",
+							"remain": 0,
+							"polygon": [451, 364, 453, 373, 470, 390, 486, 399, 493, 413, 516, 414, 541, 414, 541, 398, 541, 380, 541, 364, 516, 364, 493, 364, 451, 364]
+						}, {
+							"areacode": "wg8lmjjukrk9",
+							"areaname": "C2区",
+							"description": "C2区",
+							"remain": 284,
+							"polygon": [133, 241, 133, 259, 133, 276, 133, 294, 158, 294, 185, 294, 210, 294, 210, 276, 210, 259, 210, 241, 185, 241, 158, 241, 133, 241]
+						}, {
+							"areacode": "5h7k7xej0ksq",
+							"areaname": "C1区",
+							"description": "C1区",
+							"remain": 342,
+							"polygon": [134, 304, 134, 318, 134, 333, 134, 347, 165, 347, 197, 347, 228, 347, 228, 333, 228, 318, 228, 304, 197, 304, 165, 304, 134, 304]
+						}, {
+							"areacode": "x82lwq2gt779",
+							"areaname": "N1区",
+							"description": "N1区",
+							"remain": 0,
+							"polygon": [581, 276, 581, 296, 581, 316, 604, 321, 606, 335, 607, 336, 620, 335, 620, 316, 620, 296, 620, 276, 607, 276, 594, 276, 581, 276]
+						}, {
+							"areacode": "d0c2e1ej0kss",
+							"areaname": "N5区",
+							"description": "N5区",
+							"remain": 332,
+							"polygon": [334, 75, 334, 92, 334, 109, 334, 126, 367, 126, 399, 126, 432, 126, 432, 109, 432, 92, 432, 75, 399, 75, 367, 75, 334, 75]
+						}, {
+							"areacode": "b49sdg2gt77b",
+							"areaname": "B4区",
+							"description": "B4区",
+							"remain": 239,
+							"polygon": [216, 193, 216, 215, 216, 239, 216, 261, 236, 261, 256, 261, 276, 261, 276, 239, 276, 215, 276, 193, 256, 193, 236, 193, 216, 193]
+						}, {
+							"areacode": "7ss3wnjukrk4",
+							"areaname": "N6区",
+							"description": "N6区",
+							"remain": 352,
+							"polygon": [246, 74, 246, 91, 246, 109, 246, 126, 273, 126, 299, 126, 326, 126, 326, 109, 326, 91, 326, 74, 299, 74, 273, 74, 246, 74]
+						}, {
+							"areacode": "h442c1jukrkh",
+							"areaname": "A1区",
+							"description": "A1区",
+							"remain": 0,
+							"polygon": [454, 306, 454, 320, 454, 336, 454, 350, 484, 350, 513, 350, 543, 350, 543, 336, 543, 320, 543, 306, 513, 306, 484, 306, 454, 306]
+						}, {
+							"areacode": "n3wlb4sa81f8",
+							"areaname": "N16区",
+							"description": "N16区",
+							"remain": 0,
+							"polygon": [335, 534, 335, 550, 335, 565, 335, 581, 369, 581, 404, 581, 438, 581, 438, 565, 438, 550, 438, 534, 404, 534, 369, 534, 335, 534]
+						}]
 					} 
-        
         this.seatAreas = response.data;
       } catch (e) {
         console.error('加载区域数据失败:', e);
       }
-    }
-  }
+    },
+		async loadSeatData(areaCode) {
+		      try {
+		        // const response = await this.$api.getSeatData(areaCode);
+		        let data = {"codes":["lxealffw3r9e","dqqhn6fw3r9f","ffn4swpbp95h","glxmfffw3r9u","y2e5ru3txpqr","qqdbgaxrbhw4","2l8170b9fthd","f02at8xrbhw6","11j0s7b9fthf","c7mms4pbp95e","w8s9fj3txpqy","f7blw9xrbhwa","0acmccpbp992","uddwmhb9ftm5","gxk1nsfw3rde","f9cgdlpbp995","eqgstrb9ftlx","rtla3jb9ftly","uaqpqdpbp998","rcpb3kfw3rdk","jn230mpbp99a","ful2f1pbp99b","4qqalspbp969","6uam9mb9ftmg","7r1plmpbp96b","m5sgd4fw3rds","4j85p9fw3rdt","uly7x2xrbh24","e2um5xfw3rdw","cwnk6rxrbh1u","365ykjpbp96h","644kut3txprq","w4h0h7pbp96l","dp0f9mb9ftmt","kkdkahxrbh2c","3jjpm4pbp96p","hjbac6fw3re6","rgx2ktfw3re7","5358l9b9ftmn","m6jd0xfw3re9","dfe3r0fw3rea","45exg4pbp96k","6h1cbaxrbh2m","gc2tt6fw3ree","9gd2743txpsh","qt553pb9ftjs","qmhja6pbp973","akdeap3txpsa","nhy1163txpsb","d8k96xxrbh2j","am5c02xrbh2k","my2q3gxrbh2l","l2xxampbp97a","hgk6ctpbp97b","lt6fld3txpsj","k67pb4pbp97d","77jmedpbp97e","g613acxrbh2t","37f1snb9ftk8","wnexh2pbp977","gw77wsb9ftka","037dbufw3rep","c0mp0mpbp97m","beesjqfw3rf4","ntrt3wfw3rf5","pg4n743txpsx","t8auwmb9ftkh","59jks9pbp97g","9nchuub9ftkk","jkk1dxpbp97j","82ehpyxrbh05","ckgut0b9ftkc","c3rt80pbp980","d63c823txpt7","lxe1uwfw3rfg","4qr24x3txpt9","ry1pgb3txpta","tdb6u5pbp97t","pnrgck3txptc","g4lxh43txptd","k9frsxxrbh0g","4wesmrxrbh0h","5nd00u3txpth","5ghmetfw3rcn","693uc1fw3rcp","9a9me6b9ftl6","kc8w19pbp985","cf4wkjpbp986","a0u4f0fw3rch","ccfyl9b9ftl0","tp8ldqfw3rck","ls51rkb9ftl2","r3b0xnxrbh0x","29jnap3txptw","xcx0b3fw3rd2","npb4wx3txpty","9ex9rcxrbh12","lkwjq9xrbh13","mculkjpbp98j","l8a74nfw3rcw","jfehdsxrbh16","aardj9fw3rcy","anqlf83txpr3","rbgls3fw3rdc","08abkkxrbh1b","ftqqmtb9ftlu","a6704l3txpr7","lghxxqb9ftll","r3ayu73txpr9","84muc7pbp98x","j81r9wxrbh1h","jxx0mdfw3rda","wp32mkpbp99e","xnkt9ppbp99f","77a45u3txpw0","sg3mesb9ftqd","hwh21ufw3rh0","seguj8b9ftqf","7jlk1rxrbh50","xs3ukr3txput","gr23ut3txpuu","tt2renfw3rh5","xhwgwx3txpw9","a639wgb9ftqn","9tt0xu3txpwb","jy9j1kpbp99u","3gxh8db9ftqr","p4eaqx3txpw4","3u27wexrbh5b","g89kjyxrbh5c","385rwjpbp99p","3n95prpbp99q","x52h2uxrbh5s","gusmhtpbp9a5","r4b63jb9ftmx","s7n58qfw3rhm","y62sjwfw3rhn","s10ytq3txpwf","1ubf9nfw3rhq","4trgr83txpwh","5pubr0fw3rhg","a25jtk3txpwk","3khtmwpbp9af","mdaqetfw3rhx","h58660xrbh67","117w35pbp9aj","nke3q1b9ftnb","m4n8tsfw3rj2","ptk0jn3txpwt"],"levels":["C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C","C"],"statuses":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"floorNames":["1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼","1楼"],"rowNames":["1排","1排","1排","1排","1排","1排","1排","1排","1排","1排","1排","1排","1排","1排","1排","1排","1排","2排","2排","2排","2排","2排","2排","2排","2排","2排","2排","2排","2排","2排","2排","2排","2排","2排","3排","3排","3排","3排","3排","3排","3排","3排","3排","3排","3排","3排","3排","3排","3排","3排","3排","4排","4排","4排","4排","4排","4排","4排","4排","4排","4排","4排","4排","4排","4排","4排","4排","4排","5排","5排","5排","5排","5排","5排","5排","5排","5排","5排","5排","5排","5排","5排","5排","5排","5排","6排","6排","6排","6排","6排","6排","6排","6排","6排","6排","6排","6排","6排","6排","6排","6排","6排","6排","6排","6排","6排","7排","7排","7排","7排","7排","7排","7排","7排","7排","7排","7排","7排","7排","7排","7排","7排","7排","7排","7排","7排","7排","7排","8排","8排","8排","8排","8排","8排","8排","8排","8排","8排","8排","8排","8排","8排","8排","8排","8排","8排","8排","8排","8排"],"seatNames":["17座","16座","15座","14座","13座","12座","11座","10座","9座","8座","7座","6座","5座","4座","3座","2座","1座","17座","16座","15座","14座","13座","12座","11座","10座","9座","8座","7座","6座","5座","4座","3座","2座","1座","17座","16座","15座","14座","13座","12座","11座","10座","9座","8座","7座","6座","5座","4座","3座","2座","1座","17座","16座","15座","14座","13座","12座","11座","10座","9座","8座","7座","6座","5座","4座","3座","2座","1座","17座","16座","15座","14座","13座","12座","11座","10座","9座","8座","7座","6座","5座","4座","3座","2座","1座","21座","20座","19座","18座","17座","16座","15座","14座","13座","12座","11座","10座","9座","8座","7座","6座","5座","4座","3座","2座","1座","22座","21座","20座","19座","18座","17座","16座","15座","14座","13座","12座","11座","10座","9座","8座","7座","6座","5座","4座","3座","2座","1座","21座","20座","19座","18座","17座","16座","15座","14座","13座","12座","11座","10座","9座","8座","7座","6座","5座","4座","3座","2座","1座"],"xCoords":[10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,5,6,7,8,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,4,5,6,7,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,4,6,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26],"yCoords":[10,10,10,10,10,10,10,10,10,10,10,10,10,10,10,10,10,11,11,11,11,11,11,11,11,11,11,11,11,11,11,11,11,11,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,16,17,17,17,17,17,17,17,17,17,17,17,17,17,17,17,17,17,17,17,17,17]};
+						const seatSize = 20
+						// 转换数据结构：将多个数组合并为对象数组
+						this.seatPositions = data.codes.map((code, index) => {
+							return {
+								id: code,
+								level: data.levels[index],
+								status: data.statuses[index],
+								floor: data.floorNames[index],
+								row: data.rowNames[index],
+								name: data.seatNames[index],
+								x: data.xCoords[index] * seatSize,
+								y: data.yCoords[index] * seatSize
+							};
+						});
+						this.transformMatrix = new TransformMatrix();
+						      
+						// 自动居中显示座位区域
+						this.$nextTick(() => {
+							if (this.seatPositions.length > 0) {
+								const minX = Math.min(...this.seatPositions.map(s => s.x));
+								const maxX = Math.max(...this.seatPositions.map(s => s.x));
+								const minY = Math.min(...this.seatPositions.map(s => s.y));
+								const maxY = Math.max(...this.seatPositions.map(s => s.y));
+								
+								const centerX = (minX + maxX) / 2;
+								const centerY = (minY + maxY) / 2;
+								
+								// 计算合适的缩放比例
+								const widthRatio = this.canvasWidth / (maxX - minX + 100);
+								const heightRatio = this.canvasHeight / (maxY - minY + 100);
+								const scale = Math.min(widthRatio, heightRatio, 1);
+								
+								// 应用变换
+								// this.transformMatrix.scale(scale, scale);
+								// this.transformMatrix.translate(
+								// 	this.canvasWidth/2 - centerX * scale,
+								// 	this.canvasHeight/2 - centerY * scale
+								// );
+							}
+						});
+					
+								
+		      } catch (e) {
+		        console.error('加载座位数据失败:', e);
+		        uni.showToast({ title: '加载座位失败', icon: 'none' });
+		      }
+		    },
+	}
 };
 </script>
 
diff --git a/pages/index/gesture-handler.js b/pages/index/gesture-handler.js
index c5d51df..24ffdf9 100644
--- a/pages/index/gesture-handler.js
+++ b/pages/index/gesture-handler.js
@@ -161,6 +161,13 @@ class GestureHandler {
   
   // 公共接口
   catchEvent(event) {
+		// 当触摸点数量变化时终止当前手势
+		if (this.lastTouchCount !== event.touches.length) {
+			this.panStarted = false;
+			this.lastPoints = null;
+		}
+		this.lastTouchCount = event.touches.length;
+		
     try {
       if (this.at) {
         this.at.run(event);
diff --git a/pages/index/transform-canvas.vue b/pages/index/transform-canvas.vue
index 0d1e812..77eb63b 100644
--- a/pages/index/transform-canvas.vue
+++ b/pages/index/transform-canvas.vue
@@ -26,7 +26,8 @@ export default {
         a: 1, b: 0, c: 0, d: 1, tx: 0, ty: 0
       })
     },
-		areaData:{}
+		areaData:{},
+	  seatData:{}
   },
   data() {
     return {
@@ -65,6 +66,18 @@ export default {
 				this.$nextTick(this.redraw); // 确保在下一个tick重绘
 			}
 		},
+		areaData: {
+			deep: true,
+			handler() {
+				this.$nextTick(this.redraw);
+			}
+		},
+		seatData: {
+			deep: true,
+			handler() {
+				this.$nextTick(this.redraw);
+			}
+		}
   },
   mounted() {
     this.initCanvas();
@@ -75,77 +88,37 @@ export default {
 			if (!this.areaData) return null;
 			
 			// 转换坐标到原始画布空间
-			const inverted = this.matrix.invertPoint(x, y);
+			const inverted = this.matrix.invertPoint(x, y, this.dpr);
 			console.log('checkHitArea',inverted)
 			// 遍历所有区域检测
 			for (const area of this.areaData) {
 				if (this.pointInPolygon(inverted.x, inverted.y, area.polygon)) {
-					return area.areacode;
+					return area;
 				}
 			}
 			return null;
 		},
-		// 射线法判断点是否在多边形内
-		// pointInPolygon(x, y, polygon) {
-		// 	// console.log('pointInPolygon',x, y, polygon)
-		//   // 确保多边形有足够的点构成
-		//   if (!polygon || polygon.length < 6) return false;
-		  
-		//   let inside = false;
-		//   const length = polygon.length;
-		  
-		//   // 不需要遍历最后一个点，因为它是闭合点（与第一个点相同）
-		//   for (let i = 0, j = length - 2; i < length; j = i, i += 2) {
-		//     const xi = polygon[i], yi = polygon[i + 1];
-		//     const xj = polygon[j], yj = polygon[j + 1];
-		    
-		//     // 检查点是否在边的y值范围内
-		//     const intersect = ((yi > y) !== (yj > y));
-		    
-		//     // 检查点是否在边的左侧
-		//     if (intersect) {
-		//       const slope = (xj - xi) / (yj - yi); // 边的斜率
-		//       const intersectX = xi + (y - yi) * slope;
-		      
-		//       if (x < intersectX) {
-		//         inside = !inside;
-		//       }
-		//     }
-		//   }
-		//   return inside;
-		// },
-		
-		// 在 transform-canvas.vue 中替换 pointInPolygon 方法
+	
 		pointInPolygon(x, y, polygon) {
-		  // 确保多边形的点数是偶数且至少有3个顶点
-		  if (!polygon || polygon.length < 6 || polygon.length % 2 !== 0) {
-		    return false;
+		  const points = [];
+		  for (let i = 0; i < polygon.length; i += 2) {
+		    points.push([polygon[i], polygon[i + 1]]);
 		  }
-		  
+		
 		  let inside = false;
-		  // 转换多边形点数为顶点数
-		  const vertexCount = polygon.length / 2;
-		  let j = vertexCount - 1;
+		  let j = points.length - 1;
 		  
-		  for (let i = 0; i < vertexCount; j = i++) {
-		    // 获取当前顶点和上一个顶点
-		    const xi = polygon[i * 2];
-		    const yi = polygon[i * 2 + 1];
-		    const xj = polygon[j * 2];
-		    const yj = polygon[j * 2 + 1];
+		  for (let i = 0; i < points.length; j = i++) {
+		    const [xi, yi] = points[i];
+		    const [xj, yj] = points[j];
 		    
-		    // 检查点是否在边界上 - 提高精度避免浮点数误差
-		    const onLine = this.pointOnLineSegment(x, y, xi, yi, xj, yj);
-		    if (onLine) return true;
+		    // 检测点是否在线段上
+		    if (this.pointOnLineSegment(x, y, xi, yi, xj, yj)) return true;
 		    
-		    // 检查点是否在两个顶点之间（射线法）
-		    if ((yi < y && yj >= y) || (yj < y && yi >= y)) {
-		      // 计算射线与边界的交点
+		    // 射线法核心逻辑
+		    if (yi <= y && yj > y || yj <= y && yi > y) {
 		      const slope = (xj - xi) / (yj - yi);
-		      const intersectX = xi + (y - yi) * slope;
-		      
-		      // 如果交点在点右侧，标记为穿越
-		      if (x < intersectX) {
+		      if (x <= xi + (y - yi) * slope) {
 		        inside = !inside;
 		      }
 		    }
@@ -154,6 +127,8 @@ export default {
 		  return inside;
 		},
 		
+
+		
 		// 添加点是否在线段上的检查
 		pointOnLineSegment(x, y, x1, y1, x2, y2) {
 		  // 线段的长度
@@ -178,7 +153,7 @@ export default {
 		    const projY = y1 + t * dy;
 		    
 		    // 检查点与投影点的距离（容差5px）
-		    const distance = Math.sqrt((x - projX) ** 2 + (y - projY) ** 2);
+		    const distance = Math.sqrt((x - projX) * 2 + (y - projY) * 2);
 		    return distance < 5;
 		  }
 		  
@@ -212,15 +187,16 @@ export default {
       // 显示尺寸使用prop传入的width/height
       this.canvasDisplayWidth = this.width;
       this.canvasDisplayHeight = this.height;
-      
+       // * this.dpr
+			 // * this.dpr
       // 实际像素尺寸考虑DPR
-      this.canvasActualWidth = this.width * this.dpr;
-      this.canvasActualHeight = this.height * this.dpr;
+      this.canvasActualWidth = this.width;
+      this.canvasActualHeight = this.height;
       
       if (this.canvas) {
         this.canvas.width = this.canvasActualWidth;
         this.canvas.height = this.canvasActualHeight;
-        this.ctx.scale(this.dpr, this.dpr);
+        // this.ctx.scale(this.dpr, this.dpr);
         this.redraw();
       }
     },
@@ -249,77 +225,103 @@ export default {
       }
     },
 		
-  //   async loadImage(src) {
-  //     try {
-  //       this.image = await new Promise((resolve, reject) => {
-  //         const image = this.canvas.createImage();
-  //         image.src = src;
-  //         image.onload = () => resolve(image);
-  //         image.onerror = reject;
-  //       });
-  //       this.redraw();
-  //     } catch (e) {
-  //       console.error("图片加载失败:", e);
-  //       this.image = null;
-  //       this.redraw(); // 加载失败时也需要重绘画布
-  //     }
-  //   },
-    
-    redraw() {
-      if (!this.ctx) return;
-      
-      // 保存当前状态
-      this.ctx.save();
-      
-      // 重置为初始状态
-      this.ctx.resetTransform();
-      this.ctx.clearRect(0, 0, this.canvasActualWidth, this.canvasActualHeight);
-      
-      // 应用设备像素比缩放
-      this.ctx.scale(this.dpr, this.dpr);
-      
-      // 应用变换矩阵
-      const { a, b, c, d, tx, ty } = this.matrix;
-      this.ctx.setTransform(a, b, c, d, tx, ty);
-      
-      // 绘制图片（或错误信息）
-      if (this.image) {
-        this.ctx.drawImage(
-          this.image, 
-          0, 
-          0, 
-          this.canvasDisplayWidth, 
-          this.canvasDisplayHeight
-        );
-      } 
-			// this.ctx.restore();
-      
-      // 恢复上下文状态
-			  if (this.areaData && this.areaData.length > 0) {
-			    this.areaData.forEach(area => {
-			      // if (!area.polygon || area.polygon.length < 6) return;
-			      
-			      this.ctx.beginPath();
-			      
-			      for (let i = 0; i < area.polygon.length; i += 2) {
-			        // 使用标准API
-			        if (i === 0) {
-			          this.ctx.moveTo(area.polygon[i], area.polygon[i + 1]);
-			        } else {
-			          this.ctx.lineTo(area.polygon[i], area.polygon[i + 1]);
-			        }
-			      }
-			      
-			      this.ctx.closePath();
-			      this.ctx.strokeStyle = 'rgba(255, 0, 0, 0.7)';
-			      this.ctx.lineWidth = 2;
-			      this.ctx.stroke();
-			      this.ctx.fillStyle = 'rgba(0, 255, 0, 0.2)';
-			      this.ctx.fill();
-			    });
-			  }
-			  
-    }
-  }
+	// 在redraw方法中添加视图判断
+	 checkSeatHit(x, y) {
+	    if (!this.seatData) return null;
+	    
+	    // 转换坐标到原始画布空间
+	    const inverted = this.matrix.invertPoint(x, y, this.dpr);
+	    
+	    // 遍历所有座位检测
+	    for (const seat of this.seatData) {
+	      const dx = seat.x - inverted.x;
+	      const dy = seat.y - inverted.y;
+	      const distance = Math.sqrt(dx * dx + dy * dy);
+	      
+	      // 命中检测（8px半径）
+	      if (distance < 8) {
+	        return seat;
+	      }
+	    }
+	    return null;
+	  },
+		redraw() {
+		  if (!this.ctx) return;
+		  
+		  this.ctx.save();
+		  this.ctx.resetTransform();
+		  this.ctx.clearRect(0, 0, this.canvasActualWidth, this.canvasActualHeight);
+		  this.ctx.scale(this.dpr, this.dpr);
+		  
+		  // 应用变换矩阵
+		  const { a, b, c, d, tx, ty } = this.matrix;
+		  this.ctx.setTransform(a, b, c, d, tx, ty);
+		  
+		  // 仅在区域视图显示背景图片
+		  if (this.image && this.$parent?.currentView === 'area') {
+		    this.ctx.drawImage(
+		      this.image, 
+		      0, 
+		      0, 
+		      this.canvasDisplayWidth, 
+		      this.canvasDisplayHeight
+		    );
+		  }
+		  
+		  // 绘制区域（仅在区域视图）
+		  if (this.areaData && this.areaData.length > 0 && this.$parent?.currentView === 'area') {
+		    this.drawAreas();
+		  }
+		  
+		  // 绘制座位（仅在座位视图）
+		  if (this.seatData && this.seatData.length > 0 && this.$parent?.currentView === 'seat') {
+		    this.drawSeats();
+		  }
+		  
+		  this.ctx.restore();
+		},
+	 // 添加绘制区域方法
+	 drawAreas() {
+		 this.areaData.forEach(area => {
+			 const points = [];
+			 for (let i = 0; i < area.polygon.length; i += 2) {
+				 points.push([area.polygon[i], area.polygon[i + 1]]);
+			 }
+			 
+			 this.ctx.beginPath();
+			 points.forEach(([x, y], index) => {
+				 if (index === 0) this.ctx.moveTo(x, y);
+				 else this.ctx.lineTo(x, y);
+			 });
+			 this.ctx.closePath();
+			 this.ctx.strokeStyle = 'rgba(255, 0, 0, 0.7)';
+			 this.ctx.lineWidth = 2;
+			 this.ctx.stroke();
+			 this.ctx.fillStyle = 'rgba(0, 255, 0, 0.2)';
+			 this.ctx.fill();
+		 });
+	 },
+		drawSeats() {
+			// 获取当前缩放比例
+			const scale = Math.sqrt(this.matrix.a * this.matrix.a + this.matrix.b * this.matrix.b);
+			
+			this.seatData.forEach(seat => {
+				// 使用原始坐标（变换矩阵会自动应用）
+				const x = seat.x;
+				const y = seat.y;
+				
+				this.ctx.beginPath();
+				// 根据缩放调整座位大小
+				const radius = 8 / scale;
+				this.ctx.arc(x, y, radius, 0, Math.PI * 2);
+				
+				this.ctx.fillStyle = seat.status === 1 ? '#4cd964' : '#dd524d';
+				this.ctx.fill();
+				
+				// 仅在缩放足够大时显示文字
+		
+			});
+		}
+	}
 }
 </script>
\ No newline at end of file
diff --git a/pages/index/transform-matrix.js b/pages/index/transform-matrix.js
index 274f2c8..aa5fa08 100644
--- a/pages/index/transform-matrix.js
+++ b/pages/index/transform-matrix.js
@@ -61,20 +61,17 @@ class TransformMatrix {
 	}
 	
 	// 添加逆矩阵转换方法
-	invertPoint(x, y) {
-		const det = this.a * this.d - this.b * this.c;
-		
-		// 确保行列式不为零
-		if (Math.abs(det) < 0.0001) {
-			return {x, y}; // 避免除以零的错误
-		}
-		
-		// 使用正确的逆变换公式
-		return {
-			x: (this.d * (x - this.tx) - this.c * (y - this.ty)) / det,
-			y: (this.a * (y - this.ty) - this.b * (x - this.tx)) / det
-		};
+	invertPoint(x, y, dpr) {
+		console.log('invertPoint：',dpr)
+	  const det = this.a * this.d - this.b * this.c;
+	  if (Math.abs(det) < 0.0001) return {x, y};
+	  
+	  return {
+	    x: (this.d * (x/dpr - this.tx) - this.c * (y/dpr - this.ty)) / det,
+	    y: (this.a * (y/dpr - this.ty) - this.b * (x/dpr - this.tx)) / det
+	  };
 	}
+	
 }
 
 export default TransformMatrix;
\ No newline at end of file
diff --git a/unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/gesture-canvas-page.js.map b/unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/gesture-canvas-page.js.map
index 51c4697..02d0f29 100644
--- a/unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/gesture-canvas-page.js.map
+++ b/unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/gesture-canvas-page.js.map
@@ -1 +1 @@
-{"version":3,"file":"gesture-canvas-page.js","sources":["pages/index/gesture-canvas-page.vue?type=page"],"sourcesContent":["import MiniProgramPage from '/Users/sunmeng/Desktop/wx/canvas/pages/index/gesture-canvas-page.vue'\nwx.createPage(MiniProgramPage)"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,GAAG,WAAW,eAAe;"}
\ No newline at end of file
+{"version":3,"file":"gesture-canvas-page.js","sources":["pages/index/gesture-canvas-page.vue?type=page"],"sourcesContent":["import MiniProgramPage from '/Users/sunmeng/Desktop/wx/canvas/pages/index/gesture-canvas-page.vue'\nwx.createPage(MiniProgramPage)"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,GAAG,WAAW,eAAe;"}
\ No newline at end of file
diff --git a/unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/gesture-handler.js.map b/unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/gesture-handler.js.map
index 8af3391..5c1348f 100644
--- a/unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/gesture-handler.js.map
+++ b/unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/gesture-handler.js.map
@@ -1 +1 @@
-{"version":3,"file":"gesture-handler.js","sources":["pages/index/gesture-handler.js"],"sourcesContent":["class GestureHandler {\n  constructor(context, transformMatrix, { container }) {\n    this.transformMatrix = transformMatrix;\n    this.containerRect = container;\n    this.panThreshold = 5;\n    this.panStarted = false;\n    \n    // 判断是否是小程序环境\n    this.isMiniProgram = typeof wx !== 'undefined' || typeof uni !== 'undefined';\n    \n    // 小程序环境下直接使用降级方案\n    if (this.isMiniProgram) {\n      console.log('小程序环境，使用降级手势处理器');\n      this.catchEvent = this.createSimpleGestureHandler();\n      return;\n    }\n    \n    // 非小程序环境尝试使用AnyTouch\n    try {\n      const atOptions = {\n        getPoint: touch => ({\n          x: touch.clientX - this.containerRect.left,\n          y: touch.clientY - this.containerRect.top\n        }),\n        preventDefault: false\n      };\n      \n      // 提供兼容小程序的虚拟元素\n      atOptions.element = {\n        style: {},\n        addEventListener: () => {},\n        removeEventListener: () => {},\n        ownerDocument: {\n          documentElement: {\n            style: {}\n          }\n        }\n      };\n      \n      // 动态导入AnyTouch避免小程序环境问题\n      import('any-touch').then(AnyTouch => {\n        this.at = new AnyTouch.default(atOptions);\n        this.setupGestures();\n        console.log('AnyTouch手势处理器已初始化');\n      }).catch(e => {\n        console.error('AnyTouch加载失败:', e);\n        this.catchEvent = this.createSimpleGestureHandler();\n      });\n    } catch (e) {\n      console.error('AnyTouch初始化失败:', e);\n      this.catchEvent = this.createSimpleGestureHandler();\n    }\n  }\n  \n  // 创建小程序专用的简化手势处理器\n  createSimpleGestureHandler() {\n    let isClick = true;\n    let startPoint = null;\n    let startTime = null;\n    let lastPoint = null;\n    \n    return (event) => {\n      const touches = event.touches || [];\n      \n      if (touches.length === 1) {\n        const getPoint = (t) => ({\n          x: t.x || (t.clientX - this.containerRect.left),\n          y: t.y || (t.clientY - this.containerRect.top)\n        });\n        \n        const currentPoint = getPoint(touches[0]);\n        \n        // 第一次触摸\n        if (!startPoint) {\n          startPoint = currentPoint;\n          startTime = Date.now();\n        }\n        \n        // 计算移动距离\n        const dx = currentPoint.x - startPoint.x;\n        const dy = currentPoint.y - startPoint.y;\n        const distance = Math.sqrt(dx * dx + dy * dy);\n        \n        // 如果是点击（移动距离小于阈值且时间短）\n        if (isClick && distance < 5 && Date.now() - startTime < 200) {\n          return; // 不执行移动操作\n        }\n        \n        // 标记为非点击操作\n        isClick = false;\n        \n        // 执行移动操作\n        if (lastPoint) {\n          const moveDx = currentPoint.x - lastPoint.x;\n          const moveDy = currentPoint.y - lastPoint.y;\n          \n          this.transformMatrix.tx += moveDx;\n          this.transformMatrix.ty += moveDy;\n        }\n        \n        lastPoint = currentPoint;\n      } else if (touches.length > 1) {\n        this._handlePinch(touches);\n      }\n      \n      // 在触摸结束时重置状态\n      if (event.type === 'touchend' || event.type === 'touchcancel') {\n        isClick = true;\n        startPoint = null;\n        startTime = null;\n        lastPoint = null;\n      }\n    };\n  }\n  \n  setupGestures() {\n    // 平移手势\n    this.at.on('pan', (event) => {\n      if (event.type === 'panstart') {\n        this.panStarted = false;\n      }\n      else if (event.type === 'panmove') {\n        const distance = Math.sqrt(event.deltaX**2 + event.deltaY**2);\n        \n        if (!this.panStarted && distance < this.panThreshold) return;\n        \n        if (!this.panStarted) {\n          this.panStarted = true;\n        }\n        \n        const currentScale = Math.sqrt(\n          this.transformMatrix.a * this.transformMatrix.a +\n          this.transformMatrix.b * this.transformMatrix.b\n        );\n        \n        const dx = event.deltaX / currentScale;\n        const dy = event.deltaY / currentScale;\n        \n        this.transformMatrix.translate(dx, dy);\n      } else if (event.type === 'panend') {\n        this.panStarted = false;\n      }\n    });\n    \n    // 缩放手势\n    this.at.on('pinch', (event) => {\n      if (event.type === 'pinchstart') {\n        this.lastScale = 1;\n      }\n      else if (event.type === 'pinchmove') {\n        const scaleChange = event.scale / this.lastScale;\n        this.lastScale = event.scale;\n        \n        const centerX = event.center.x;\n        const centerY = event.center.y;\n        \n        this.transformMatrix.scale(scaleChange, scaleChange, centerX, centerY);\n      }\n    });\n  }\n  \n  // 公共接口\n  catchEvent(event) {\n    try {\n      if (this.at) {\n        this.at.run(event);\n      } else if (this.catchEvent) {\n        this.catchEvent(event);\n      }\n    } catch (e) {\n      console.error('手势处理错误:', e);\n    }\n  }\n  \n  // 基础平移手势处理\n  _handlePan(touch) {\n    const getPoint = (t) => ({\n      x: t.x || (t.clientX - this.containerRect.left),\n      y: t.y || (t.clientY - this.containerRect.top)\n    });\n    \n    const currentPoint = getPoint(touch);\n    \n    if (this.lastPoint) {\n      const dx = currentPoint.x - this.lastPoint.x;\n      const dy = currentPoint.y - this.lastPoint.y;\n      \n      this.transformMatrix.tx += dx;\n      this.transformMatrix.ty += dy;\n    }\n    \n    this.lastPoint = currentPoint;\n  }\n  \n  // 基础缩放手势处理\n  _handlePinch(touches) {\n    const point1 = touches[0];\n    const point2 = touches[1];\n    \n    const getPoint = (touch) => ({\n      x: touch.x || (touch.clientX - this.containerRect.left),\n      y: touch.y || (t.clientY - this.containerRect.top)\n    });\n    \n    const currentPoints = [getPoint(point1), getPoint(point2)];\n    \n    if (this.lastPoints) {\n      const currentDistance = Math.sqrt(\n        Math.pow(currentPoints[1].x - currentPoints[0].x, 2) + \n        Math.pow(currentPoints[1].y - currentPoints[0].y, 2)\n      );\n      \n      const prevDistance = Math.sqrt(\n        Math.pow(this.lastPoints[1].x - this.lastPoints[0].x, 2) + \n        Math.pow(this.lastPoints[1].y - this.lastPoints[0].y, 2)\n      );\n      \n      if (prevDistance > 0 && currentDistance > 0) {\n        const scaleChange = currentDistance / prevDistance;\n        \n        const centerX = (currentPoints[0].x + currentPoints[1].x) / 2;\n        const centerY = (currentPoints[0].y + currentPoints[1].y) / 2;\n        \n        this.transformMatrix.scale(scaleChange, scaleChange, centerX, centerY);\n      }\n    }\n    \n    this.lastPoints = currentPoints;\n  }\n}\n\nexport default GestureHandler;"],"names":["wx","uni","t"],"mappings":"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"}
\ No newline at end of file
+{"version":3,"file":"gesture-handler.js","sources":["pages/index/gesture-handler.js"],"sourcesContent":["class GestureHandler {\n  constructor(context, transformMatrix, { container }) {\n    this.transformMatrix = transformMatrix;\n    this.containerRect = container;\n    this.panThreshold = 5;\n    this.panStarted = false;\n    \n    // 判断是否是小程序环境\n    this.isMiniProgram = typeof wx !== 'undefined' || typeof uni !== 'undefined';\n    \n    // 小程序环境下直接使用降级方案\n    if (this.isMiniProgram) {\n      console.log('小程序环境，使用降级手势处理器');\n      this.catchEvent = this.createSimpleGestureHandler();\n      return;\n    }\n    \n    // 非小程序环境尝试使用AnyTouch\n    try {\n      const atOptions = {\n        getPoint: touch => ({\n          x: touch.clientX - this.containerRect.left,\n          y: touch.clientY - this.containerRect.top\n        }),\n        preventDefault: false\n      };\n      \n      // 提供兼容小程序的虚拟元素\n      atOptions.element = {\n        style: {},\n        addEventListener: () => {},\n        removeEventListener: () => {},\n        ownerDocument: {\n          documentElement: {\n            style: {}\n          }\n        }\n      };\n      \n      // 动态导入AnyTouch避免小程序环境问题\n      import('any-touch').then(AnyTouch => {\n        this.at = new AnyTouch.default(atOptions);\n        this.setupGestures();\n        console.log('AnyTouch手势处理器已初始化');\n      }).catch(e => {\n        console.error('AnyTouch加载失败:', e);\n        this.catchEvent = this.createSimpleGestureHandler();\n      });\n    } catch (e) {\n      console.error('AnyTouch初始化失败:', e);\n      this.catchEvent = this.createSimpleGestureHandler();\n    }\n  }\n  \n  // 创建小程序专用的简化手势处理器\n  createSimpleGestureHandler() {\n    let isClick = true;\n    let startPoint = null;\n    let startTime = null;\n    let lastPoint = null;\n    \n    return (event) => {\n      const touches = event.touches || [];\n      \n      if (touches.length === 1) {\n        const getPoint = (t) => ({\n          x: t.x || (t.clientX - this.containerRect.left),\n          y: t.y || (t.clientY - this.containerRect.top)\n        });\n        \n        const currentPoint = getPoint(touches[0]);\n        \n        // 第一次触摸\n        if (!startPoint) {\n          startPoint = currentPoint;\n          startTime = Date.now();\n        }\n        \n        // 计算移动距离\n        const dx = currentPoint.x - startPoint.x;\n        const dy = currentPoint.y - startPoint.y;\n        const distance = Math.sqrt(dx * dx + dy * dy);\n        \n        // 如果是点击（移动距离小于阈值且时间短）\n        if (isClick && distance < 5 && Date.now() - startTime < 200) {\n          return; // 不执行移动操作\n        }\n        \n        // 标记为非点击操作\n        isClick = false;\n        \n        // 执行移动操作\n        if (lastPoint) {\n          const moveDx = currentPoint.x - lastPoint.x;\n          const moveDy = currentPoint.y - lastPoint.y;\n          \n          this.transformMatrix.tx += moveDx;\n          this.transformMatrix.ty += moveDy;\n        }\n        \n        lastPoint = currentPoint;\n      } else if (touches.length > 1) {\n        this._handlePinch(touches);\n      }\n      \n      // 在触摸结束时重置状态\n      if (event.type === 'touchend' || event.type === 'touchcancel') {\n        isClick = true;\n        startPoint = null;\n        startTime = null;\n        lastPoint = null;\n      }\n    };\n  }\n  \n  setupGestures() {\n    // 平移手势\n    this.at.on('pan', (event) => {\n      if (event.type === 'panstart') {\n        this.panStarted = false;\n      }\n      else if (event.type === 'panmove') {\n        const distance = Math.sqrt(event.deltaX**2 + event.deltaY**2);\n        \n        if (!this.panStarted && distance < this.panThreshold) return;\n        \n        if (!this.panStarted) {\n          this.panStarted = true;\n        }\n        \n        const currentScale = Math.sqrt(\n          this.transformMatrix.a * this.transformMatrix.a +\n          this.transformMatrix.b * this.transformMatrix.b\n        );\n        \n        const dx = event.deltaX / currentScale;\n        const dy = event.deltaY / currentScale;\n        \n        this.transformMatrix.translate(dx, dy);\n      } else if (event.type === 'panend') {\n        this.panStarted = false;\n      }\n    });\n    \n    // 缩放手势\n    this.at.on('pinch', (event) => {\n      if (event.type === 'pinchstart') {\n        this.lastScale = 1;\n      }\n      else if (event.type === 'pinchmove') {\n        const scaleChange = event.scale / this.lastScale;\n        this.lastScale = event.scale;\n        \n        const centerX = event.center.x;\n        const centerY = event.center.y;\n        \n        this.transformMatrix.scale(scaleChange, scaleChange, centerX, centerY);\n      }\n    });\n  }\n  \n  // 公共接口\n  catchEvent(event) {\n\t\t// 当触摸点数量变化时终止当前手势\n\t\tif (this.lastTouchCount !== event.touches.length) {\n\t\t\tthis.panStarted = false;\n\t\t\tthis.lastPoints = null;\n\t\t}\n\t\tthis.lastTouchCount = event.touches.length;\n\t\t\n    try {\n      if (this.at) {\n        this.at.run(event);\n      } else if (this.catchEvent) {\n        this.catchEvent(event);\n      }\n    } catch (e) {\n      console.error('手势处理错误:', e);\n    }\n  }\n  \n  // 基础平移手势处理\n  _handlePan(touch) {\n    const getPoint = (t) => ({\n      x: t.x || (t.clientX - this.containerRect.left),\n      y: t.y || (t.clientY - this.containerRect.top)\n    });\n    \n    const currentPoint = getPoint(touch);\n    \n    if (this.lastPoint) {\n      const dx = currentPoint.x - this.lastPoint.x;\n      const dy = currentPoint.y - this.lastPoint.y;\n      \n      this.transformMatrix.tx += dx;\n      this.transformMatrix.ty += dy;\n    }\n    \n    this.lastPoint = currentPoint;\n  }\n  \n  // 基础缩放手势处理\n  _handlePinch(touches) {\n    const point1 = touches[0];\n    const point2 = touches[1];\n    \n    const getPoint = (touch) => ({\n      x: touch.x || (touch.clientX - this.containerRect.left),\n      y: touch.y || (t.clientY - this.containerRect.top)\n    });\n    \n    const currentPoints = [getPoint(point1), getPoint(point2)];\n    \n    if (this.lastPoints) {\n      const currentDistance = Math.sqrt(\n        Math.pow(currentPoints[1].x - currentPoints[0].x, 2) + \n        Math.pow(currentPoints[1].y - currentPoints[0].y, 2)\n      );\n      \n      const prevDistance = Math.sqrt(\n        Math.pow(this.lastPoints[1].x - this.lastPoints[0].x, 2) + \n        Math.pow(this.lastPoints[1].y - this.lastPoints[0].y, 2)\n      );\n      \n      if (prevDistance > 0 && currentDistance > 0) {\n        const scaleChange = currentDistance / prevDistance;\n        \n        const centerX = (currentPoints[0].x + currentPoints[1].x) / 2;\n        const centerY = (currentPoints[0].y + currentPoints[1].y) / 2;\n        \n        this.transformMatrix.scale(scaleChange, scaleChange, centerX, centerY);\n      }\n    }\n    \n    this.lastPoints = currentPoints;\n  }\n}\n\nexport default GestureHandler;"],"names":["wx","uni","t"],"mappings":"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"}
\ No newline at end of file
diff --git a/unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/transform-canvas.js.map b/unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/transform-canvas.js.map
index aae62bc..da7d179 100644
--- a/unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/transform-canvas.js.map
+++ b/unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/transform-canvas.js.map
@@ -1 +1 @@
-{"version":3,"file":"transform-canvas.js","sources":["/Users/sunmeng/Desktop/wx/canvas/pages/index/transform-canvas.vue?type=component"],"sourcesContent":["import Component from '/Users/sunmeng/Desktop/wx/canvas/pages/index/transform-canvas.vue'\nwx.createComponent(Component)"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,GAAG,gBAAgB,SAAS;"}
\ No newline at end of file
+{"version":3,"file":"transform-canvas.js","sources":["/Users/sunmeng/Desktop/wx/canvas/pages/index/transform-canvas.vue?type=component"],"sourcesContent":["import Component from '/Users/sunmeng/Desktop/wx/canvas/pages/index/transform-canvas.vue'\nwx.createComponent(Component)"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,GAAG,gBAAgB,SAAS;"}
\ No newline at end of file
diff --git a/unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/transform-matrix.js.map b/unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/transform-matrix.js.map
index d30a11c..16fe670 100644
--- a/unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/transform-matrix.js.map
+++ b/unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/transform-matrix.js.map
@@ -1 +1 @@
-{"version":3,"file":"transform-matrix.js","sources":["pages/index/transform-matrix.js"],"sourcesContent":["class TransformMatrix {\n  constructor() {\n    this.reset();\n  }\n  \n  reset() {\n    this.a = 1;  // 水平缩放\n    this.b = 0;  // 垂直倾斜\n    this.c = 0;  // 水平倾斜\n    this.d = 1;  // 垂直缩放\n    this.tx = 0; // 水平移动\n    this.ty = 0; // 垂直移动\n    this.stack = [];\n  }\n  \n  translate(dx, dy) {\n    this.tx += this.a * dx + this.c * dy;\n    this.ty += this.b * dx + this.d * dy;\n  }\n  \n  scale(sx, sy, cx = 0, cy = 0) {\n    // 移动到中心点\n    this.translate(cx, cy);\n    \n    // 应用缩放\n    this.a *= sx;\n    this.b *= sx;\n    this.c *= sy;\n    this.d *= sy;\n    \n    // 移回原位置\n    this.translate(-cx, -cy);\n  }\n  \n  toArray() {\n    return [this.a, this.b, this.c, this.d, this.tx, this.ty];\n  }\n  \n  // 用于调试的字符串表示\n  toString() {\n    return `[${this.a.toFixed(2)}, ${this.b.toFixed(2)}, ${this.c.toFixed(2)}, ${this.d.toFixed(2)}, ${this.tx.toFixed(1)}, ${this.ty.toFixed(1)}]`;\n  }\n  \n  // 克隆方法\n  clone() {\n    const clone = new TransformMatrix();\n    clone.a = this.a;\n    clone.b = this.b;\n    clone.c = this.c;\n    clone.d = this.d;\n    clone.tx = this.tx;\n    clone.ty = this.ty;\n    return clone;\n  }\n\t// 添加点坐标转换方法\n\ttransformPoint(x, y) {\n\t\treturn {\n\t\t\tx: this.a * x + this.c * y + this.tx,\n\t\t\ty: this.b * x + this.d * y + this.ty\n\t\t};\n\t}\n\t\n\t// 添加逆矩阵转换方法\n\tinvertPoint(x, y) {\n\t\tconst det = this.a * this.d - this.b * this.c;\n\t\t\n\t\t// 确保行列式不为零\n\t\tif (Math.abs(det) < 0.0001) {\n\t\t\treturn {x, y}; // 避免除以零的错误\n\t\t}\n\t\t\n\t\t// 使用正确的逆变换公式\n\t\treturn {\n\t\t\tx: (this.d * (x - this.tx) - this.c * (y - this.ty)) / det,\n\t\t\ty: (this.a * (y - this.ty) - this.b * (x - this.tx)) / det\n\t\t};\n\t}\n}\n\nexport default TransformMatrix;"],"names":[],"mappings":";AAAA,MAAM,gBAAgB;AAAA,EACpB,cAAc;AACZ,SAAK,MAAK;AAAA,EACX;AAAA,EAED,QAAQ;AACN,SAAK,IAAI;AACT,SAAK,IAAI;AACT,SAAK,IAAI;AACT,SAAK,IAAI;AACT,SAAK,KAAK;AACV,SAAK,KAAK;AACV,SAAK,QAAQ;EACd;AAAA,EAED,UAAU,IAAI,IAAI;AAChB,SAAK,MAAM,KAAK,IAAI,KAAK,KAAK,IAAI;AAClC,SAAK,MAAM,KAAK,IAAI,KAAK,KAAK,IAAI;AAAA,EACnC;AAAA,EAED,MAAM,IAAI,IAAI,KAAK,GAAG,KAAK,GAAG;AAE5B,SAAK,UAAU,IAAI,EAAE;AAGrB,SAAK,KAAK;AACV,SAAK,KAAK;AACV,SAAK,KAAK;AACV,SAAK,KAAK;AAGV,SAAK,UAAU,CAAC,IAAI,CAAC,EAAE;AAAA,EACxB;AAAA,EAED,UAAU;AACR,WAAO,CAAC,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,IAAI,KAAK,EAAE;AAAA,EACzD;AAAA;AAAA,EAGD,WAAW;AACT,WAAO,IAAI,KAAK,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,GAAG,QAAQ,CAAC,CAAC,KAAK,KAAK,GAAG,QAAQ,CAAC,CAAC;AAAA,EAC7I;AAAA;AAAA,EAGD,QAAQ;AACN,UAAM,QAAQ,IAAI;AAClB,UAAM,IAAI,KAAK;AACf,UAAM,IAAI,KAAK;AACf,UAAM,IAAI,KAAK;AACf,UAAM,IAAI,KAAK;AACf,UAAM,KAAK,KAAK;AAChB,UAAM,KAAK,KAAK;AAChB,WAAO;AAAA,EACR;AAAA;AAAA,EAEF,eAAe,GAAG,GAAG;AACpB,WAAO;AAAA,MACN,GAAG,KAAK,IAAI,IAAI,KAAK,IAAI,IAAI,KAAK;AAAA,MAClC,GAAG,KAAK,IAAI,IAAI,KAAK,IAAI,IAAI,KAAK;AAAA,IACrC;AAAA,EACE;AAAA;AAAA,EAGD,YAAY,GAAG,GAAG;AACjB,UAAM,MAAM,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK;AAG5C,QAAI,KAAK,IAAI,GAAG,IAAI,MAAQ;AAC3B,aAAO,EAAC,GAAG,EAAC;AAAA,IACZ;AAGD,WAAO;AAAA,MACN,IAAI,KAAK,KAAK,IAAI,KAAK,MAAM,KAAK,KAAK,IAAI,KAAK,OAAO;AAAA,MACvD,IAAI,KAAK,KAAK,IAAI,KAAK,MAAM,KAAK,KAAK,IAAI,KAAK,OAAO;AAAA,IAC1D;AAAA,EACE;AACF;;"}
\ No newline at end of file
+{"version":3,"file":"transform-matrix.js","sources":["pages/index/transform-matrix.js"],"sourcesContent":["class TransformMatrix {\n  constructor() {\n    this.reset();\n  }\n  \n  reset() {\n    this.a = 1;  // 水平缩放\n    this.b = 0;  // 垂直倾斜\n    this.c = 0;  // 水平倾斜\n    this.d = 1;  // 垂直缩放\n    this.tx = 0; // 水平移动\n    this.ty = 0; // 垂直移动\n    this.stack = [];\n  }\n  \n  translate(dx, dy) {\n    this.tx += this.a * dx + this.c * dy;\n    this.ty += this.b * dx + this.d * dy;\n  }\n  \n  scale(sx, sy, cx = 0, cy = 0) {\n    // 移动到中心点\n    this.translate(cx, cy);\n    \n    // 应用缩放\n    this.a *= sx;\n    this.b *= sx;\n    this.c *= sy;\n    this.d *= sy;\n    \n    // 移回原位置\n    this.translate(-cx, -cy);\n  }\n  \n  toArray() {\n    return [this.a, this.b, this.c, this.d, this.tx, this.ty];\n  }\n  \n  // 用于调试的字符串表示\n  toString() {\n    return `[${this.a.toFixed(2)}, ${this.b.toFixed(2)}, ${this.c.toFixed(2)}, ${this.d.toFixed(2)}, ${this.tx.toFixed(1)}, ${this.ty.toFixed(1)}]`;\n  }\n  \n  // 克隆方法\n  clone() {\n    const clone = new TransformMatrix();\n    clone.a = this.a;\n    clone.b = this.b;\n    clone.c = this.c;\n    clone.d = this.d;\n    clone.tx = this.tx;\n    clone.ty = this.ty;\n    return clone;\n  }\n\t// 添加点坐标转换方法\n\ttransformPoint(x, y) {\n\t\treturn {\n\t\t\tx: this.a * x + this.c * y + this.tx,\n\t\t\ty: this.b * x + this.d * y + this.ty\n\t\t};\n\t}\n\t\n\t// 添加逆矩阵转换方法\n\tinvertPoint(x, y, dpr) {\n\t\tconsole.log('invertPoint：',dpr)\n\t  const det = this.a * this.d - this.b * this.c;\n\t  if (Math.abs(det) < 0.0001) return {x, y};\n\t  \n\t  return {\n\t    x: (this.d * (x/dpr - this.tx) - this.c * (y/dpr - this.ty)) / det,\n\t    y: (this.a * (y/dpr - this.ty) - this.b * (x/dpr - this.tx)) / det\n\t  };\n\t}\n\t\n}\n\nexport default TransformMatrix;"],"names":["uni"],"mappings":";;AAAA,MAAM,gBAAgB;AAAA,EACpB,cAAc;AACZ,SAAK,MAAK;AAAA,EACX;AAAA,EAED,QAAQ;AACN,SAAK,IAAI;AACT,SAAK,IAAI;AACT,SAAK,IAAI;AACT,SAAK,IAAI;AACT,SAAK,KAAK;AACV,SAAK,KAAK;AACV,SAAK,QAAQ;EACd;AAAA,EAED,UAAU,IAAI,IAAI;AAChB,SAAK,MAAM,KAAK,IAAI,KAAK,KAAK,IAAI;AAClC,SAAK,MAAM,KAAK,IAAI,KAAK,KAAK,IAAI;AAAA,EACnC;AAAA,EAED,MAAM,IAAI,IAAI,KAAK,GAAG,KAAK,GAAG;AAE5B,SAAK,UAAU,IAAI,EAAE;AAGrB,SAAK,KAAK;AACV,SAAK,KAAK;AACV,SAAK,KAAK;AACV,SAAK,KAAK;AAGV,SAAK,UAAU,CAAC,IAAI,CAAC,EAAE;AAAA,EACxB;AAAA,EAED,UAAU;AACR,WAAO,CAAC,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,IAAI,KAAK,EAAE;AAAA,EACzD;AAAA;AAAA,EAGD,WAAW;AACT,WAAO,IAAI,KAAK,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,GAAG,QAAQ,CAAC,CAAC,KAAK,KAAK,GAAG,QAAQ,CAAC,CAAC;AAAA,EAC7I;AAAA;AAAA,EAGD,QAAQ;AACN,UAAM,QAAQ,IAAI;AAClB,UAAM,IAAI,KAAK;AACf,UAAM,IAAI,KAAK;AACf,UAAM,IAAI,KAAK;AACf,UAAM,IAAI,KAAK;AACf,UAAM,KAAK,KAAK;AAChB,UAAM,KAAK,KAAK;AAChB,WAAO;AAAA,EACR;AAAA;AAAA,EAEF,eAAe,GAAG,GAAG;AACpB,WAAO;AAAA,MACN,GAAG,KAAK,IAAI,IAAI,KAAK,IAAI,IAAI,KAAK;AAAA,MAClC,GAAG,KAAK,IAAI,IAAI,KAAK,IAAI,IAAI,KAAK;AAAA,IACrC;AAAA,EACE;AAAA;AAAA,EAGD,YAAY,GAAG,GAAG,KAAK;AACtBA,kBAAAA,4DAAY,gBAAe,GAAG;AAC7B,UAAM,MAAM,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK;AAC5C,QAAI,KAAK,IAAI,GAAG,IAAI;AAAQ,aAAO,EAAC,GAAG,EAAC;AAExC,WAAO;AAAA,MACL,IAAI,KAAK,KAAK,IAAE,MAAM,KAAK,MAAM,KAAK,KAAK,IAAE,MAAM,KAAK,OAAO;AAAA,MAC/D,IAAI,KAAK,KAAK,IAAE,MAAM,KAAK,MAAM,KAAK,KAAK,IAAE,MAAM,KAAK,OAAO;AAAA,IACpE;AAAA,EACE;AAEF;;"}
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/common/vendor.js b/unpackage/dist/dev/mp-weixin/common/vendor.js
index 3998d6f..1b30128 100644
--- a/unpackage/dist/dev/mp-weixin/common/vendor.js
+++ b/unpackage/dist/dev/mp-weixin/common/vendor.js
@@ -6882,7 +6882,7 @@ function initOnError() {
 function initRuntimeSocketService() {
   const hosts = "127.0.0.1,172.10.0.127";
   const port = "8090";
-  const id = "mp-weixin_IDV0HS";
+  const id = "mp-weixin_8j0jyd";
   const lazy = typeof swan !== "undefined";
   let restoreError = lazy ? () => {
   } : initOnError();
diff --git a/unpackage/dist/dev/mp-weixin/pages/index/gesture-canvas-page.js b/unpackage/dist/dev/mp-weixin/pages/index/gesture-canvas-page.js
index 2c142f6..06b849c 100644
--- a/unpackage/dist/dev/mp-weixin/pages/index/gesture-canvas-page.js
+++ b/unpackage/dist/dev/mp-weixin/pages/index/gesture-canvas-page.js
@@ -18,8 +18,13 @@ const _sfc_main = {
       scaleValue: 1,
       touchPoints: 0,
       lastGestureTime: 0,
-      seatAreas: []
+      seatAreas: [],
       // 座位区域数据
+      currentView: "area",
+      seatPositions: [],
+      // 座位数据
+      selectedArea: null
+      // 当前选中分区
     };
   },
   async mounted() {
@@ -34,12 +39,31 @@ const _sfc_main = {
     handleCanvasClick(e) {
       if (!this.containerRect)
         return;
-      const x = e.detail.x - this.containerRect.left;
-      const y = e.detail.y - this.containerRect.top;
-      const hitArea = this.$refs.canvasRef.checkHitArea(x, y);
-      common_vendor.index.__f__("log", "at pages/index/gesture-canvas-page.vue:82", "hitArea", hitArea);
-      if (hitArea) {
-        common_vendor.index.__f__("log", "at pages/index/gesture-canvas-page.vue:84", "点击区域:", hitArea);
+      const dpr = this.$refs.canvasRef.dpr || 1;
+      const x = (e.detail.x - this.containerRect.left) * dpr;
+      const y = (e.detail.y - this.containerRect.top) * dpr;
+      if (this.currentView === "area") {
+        const hitArea = this.$refs.canvasRef.checkHitArea(x, y);
+        if (hitArea) {
+          common_vendor.index.showModal({
+            title: "请确认",
+            content: `您确实要选择分区:${hitArea.areaname}吗?`,
+            showCancel: true,
+            success: async (res) => {
+              if (res.confirm) {
+                this.selectedArea = hitArea;
+                this.currentView = "seat";
+                this.loadSeatData(hitArea.areacode);
+              }
+              common_vendor.index.__f__("log", "at pages/index/gesture-canvas-page.vue:102", res, "showModa-- success");
+            }
+          });
+        }
+      } else if (this.currentView === "seat") {
+        const hitSeat = this.$refs.canvasRef.checkSeatHit(x, y);
+        if (hitSeat) {
+          common_vendor.index.__f__("log", "at pages/index/gesture-canvas-page.vue:109", "选中座位:", hitSeat);
+        }
       }
     },
     async getContainerPosition() {
@@ -63,7 +87,7 @@ const _sfc_main = {
             return;
           }
         } catch (e) {
-          common_vendor.index.__f__("error", "at pages/index/gesture-canvas-page.vue:113", "获取容器位置失败:", e);
+          common_vendor.index.__f__("error", "at pages/index/gesture-canvas-page.vue:140", "获取容器位置失败:", e);
         }
         await new Promise((r) => setTimeout(r, 100));
         retryCount++;
@@ -75,7 +99,7 @@ const _sfc_main = {
           container: this.containerRect
         });
       } catch (e) {
-        common_vendor.index.__f__("error", "at pages/index/gesture-canvas-page.vue:128", "手势处理器初始化失败:", e);
+        common_vendor.index.__f__("error", "at pages/index/gesture-canvas-page.vue:155", "手势处理器初始化失败:", e);
         this.gestureHandler = {
           catchEvent: (event) => {
             if (event.touches.length > 0) {
@@ -163,11 +187,346 @@ const _sfc_main = {
         const response = {
           "code": 200,
           "message": "",
-          "data": [{ "areacode": "03tkrrjukrgu", "areaname": "主席台", "description": "主席台", "remain": 100, "polygon": [262, 154, 262, 165, 262, 177, 262, 188, 314, 188, 365, 188, 417, 188, 417, 177, 417, 165, 417, 154, 365, 154, 314, 154, 262, 154] }, { "areacode": "ea0jg3jukrgw", "areaname": "A区", "description": "A区", "remain": 1e3, "polygon": [105, 94, 105, 125, 105, 158, 105, 189, 183, 189, 251, 189, 250, 147, 336, 147, 337, 125, 337, 94, 259, 94, 183, 94, 105, 94] }, { "areacode": "832fe6ej0kqc", "areaname": "C区", "description": "C区", "remain": 1e3, "polygon": [106, 418, 106, 452, 106, 487, 106, 521, 183, 521, 261, 521, 338, 521, 338, 487, 338, 452, 338, 418, 261, 418, 183, 418, 106, 418] }, { "areacode": "p5naxqej0kqd", "areaname": "B区", "description": "B区", "remain": 1e3, "polygon": [345, 93, 345, 125, 344, 147, 425, 148, 425, 188, 499, 190, 576, 190, 576, 158, 576, 125, 576, 93, 499, 93, 422, 93, 345, 93] }, { "areacode": "uknpk3sa819j", "areaname": "D区", "description": "D区", "remain": 1e3, "polygon": [347, 419, 347, 453, 347, 487, 347, 521, 423, 521, 499, 521, 575, 521, 575, 487, 575, 453, 575, 419, 499, 419, 423, 419, 347, 419] }]
+          "data": [{
+            "areacode": "0pwkru74ffwg",
+            "areaname": "B2区",
+            "description": "B2区",
+            "remain": 0,
+            "polygon": [348, 193, 348, 216, 348, 240, 348, 263, 363, 263, 377, 263, 392, 263, 392, 240, 392, 216, 392, 193, 377, 193, 363, 193, 348, 193]
+          }, {
+            "areacode": "9kb27u2gt75p",
+            "areaname": "A2区",
+            "description": "A2区",
+            "remain": 286,
+            "polygon": [488, 251, 473, 262, 453, 281, 455, 290, 494, 290, 518, 290, 542, 290, 542, 273, 542, 257, 536, 205, 521, 207, 494, 240, 488, 251]
+          }, {
+            "areacode": "3raruc74ffwj",
+            "areaname": "N3区",
+            "description": "N3区",
+            "remain": 0,
+            "polygon": [527, 96, 519, 107, 536, 140, 564, 172, 596, 182, 610, 176, 611, 166, 594, 149, 581, 138, 583, 142, 567, 119, 560, 114, 527, 96]
+          }, {
+            "areacode": "h50wgwsa81a3",
+            "areaname": "H1区",
+            "description": "H1区",
+            "remain": 48,
+            "polygon": [348, 144, 348, 152, 348, 162, 348, 170, 361, 170, 374, 170, 388, 169, 387, 162, 387, 152, 387, 144, 374, 144, 361, 144, 348, 144]
+          }, {
+            "areacode": "st0w88ej0kmu",
+            "areaname": "N20区",
+            "description": "N20区",
+            "remain": 0,
+            "polygon": [582, 341, 582, 361, 582, 381, 602, 380, 600, 400, 614, 401, 620, 401, 622, 366, 619, 360, 621, 341, 614, 341, 597, 341, 582, 341]
+          }, {
+            "areacode": "sbk5lljukrhk",
+            "areaname": "G区",
+            "description": "G区",
+            "remain": 87,
+            "polygon": [113, 371, 113, 397, 113, 424, 113, 450, 118, 450, 124, 450, 129, 450, 129, 424, 129, 397, 129, 371, 124, 371, 118, 371, 113, 371]
+          }, {
+            "areacode": "1ehnqusa81a6",
+            "areaname": "N11区",
+            "description": "N11区",
+            "remain": 93,
+            "polygon": [58, 323, 58, 345, 58, 367, 58, 389, 71, 389, 83, 389, 96, 389, 96, 367, 96, 345, 96, 323, 83, 323, 71, 323, 58, 323]
+          }, {
+            "areacode": "ecc4b9sa81a7",
+            "areaname": "L区",
+            "description": "L区",
+            "remain": 0,
+            "polygon": [541, 196, 554, 223, 553, 252, 554, 282, 555, 285, 564, 285, 568, 284, 567, 253, 568, 222, 559, 191, 564, 188, 555, 188, 541, 196]
+          }, {
+            "areacode": "04fglh2gt760",
+            "areaname": "N2区",
+            "description": "N2区",
+            "remain": 0,
+            "polygon": [577, 204, 579, 216, 579, 240, 602, 252, 602, 267, 609, 267, 618, 267, 621, 240, 615, 221, 611, 191, 609, 189, 595, 194, 577, 204]
+          }, {
+            "areacode": "au80sb74ffwt",
+            "areaname": "E区",
+            "description": "E区",
+            "remain": 86,
+            "polygon": [114, 215, 114, 236, 114, 257, 114, 278, 119, 278, 124, 278, 129, 278, 129, 257, 129, 236, 129, 215, 124, 215, 119, 215, 114, 215]
+          }, {
+            "areacode": "k872hp2gt762",
+            "areaname": "N14区",
+            "description": "N14区",
+            "remain": 0,
+            "polygon": [155, 529, 149, 538, 148, 542, 142, 551, 170, 563, 192, 563, 213, 563, 213, 550, 213, 538, 213, 525, 192, 525, 170, 525, 155, 529]
+          }, {
+            "areacode": "tkh95d74ffww",
+            "areaname": "J区",
+            "description": "J区",
+            "remain": 137,
+            "polygon": [393, 137, 393, 152, 393, 168, 393, 183, 414, 183, 434, 183, 455, 183, 455, 168, 455, 152, 455, 137, 434, 137, 414, 137, 393, 137]
+          }, {
+            "areacode": "etnhc7sa81ae",
+            "areaname": "N17区",
+            "description": "N17区",
+            "remain": 0,
+            "polygon": [445, 532, 445, 544, 445, 555, 445, 567, 468, 567, 492, 567, 515, 560, 515, 555, 515, 544, 503, 527, 492, 532, 468, 532, 445, 532]
+          }, {
+            "areacode": "qpy6ce74ffwy",
+            "areaname": "G区",
+            "description": "G区",
+            "remain": 131,
+            "polygon": [224, 139, 224, 153, 224, 169, 224, 183, 245, 183, 265, 183, 286, 183, 286, 169, 286, 153, 286, 139, 265, 139, 245, 139, 224, 139]
+          }, {
+            "areacode": "21er312gt766",
+            "areaname": "N10区",
+            "description": "N10区",
+            "remain": 98,
+            "polygon": [60, 256, 60, 276, 60, 297, 60, 317, 73, 317, 85, 317, 98, 317, 98, 297, 98, 276, 98, 256, 85, 256, 73, 256, 60, 256]
+          }, {
+            "areacode": "uxem1b74ffwp",
+            "areaname": "N9区",
+            "description": "N9区",
+            "remain": 153,
+            "polygon": [63, 181, 63, 203, 63, 224, 63, 246, 76, 246, 89, 246, 102, 246, 102, 224, 102, 203, 102, 181, 89, 181, 76, 181, 63, 181]
+          }, {
+            "areacode": "qaqq5bsa81aj",
+            "areaname": "N7区",
+            "description": "N7区",
+            "remain": 149,
+            "polygon": [159, 87, 159, 100, 159, 113, 159, 126, 185, 126, 212, 126, 238, 126, 238, 113, 238, 100, 238, 87, 212, 87, 185, 87, 159, 87]
+          }, {
+            "areacode": "q41b0u74ffwr",
+            "areaname": "M区",
+            "description": "M区",
+            "remain": 75,
+            "polygon": [552, 283, 552, 309, 552, 335, 552, 361, 557, 361, 564, 361, 569, 361, 569, 335, 569, 309, 569, 283, 564, 283, 557, 283, 552, 283]
+          }, {
+            "areacode": "mh5c6g74ff2d",
+            "areaname": "N4区",
+            "description": "N4区",
+            "remain": 147,
+            "polygon": [440, 89, 440, 101, 440, 113, 440, 125, 471, 125, 503, 125, 507, 114, 512, 105, 512, 99, 505, 95, 492, 89, 471, 89, 440, 89]
+          }, {
+            "areacode": "hfhsd4jukrml",
+            "areaname": "Q区",
+            "description": "Q区",
+            "remain": 0,
+            "polygon": [223, 467, 223, 483, 223, 499, 223, 515, 257, 515, 290, 515, 324, 515, 324, 499, 324, 483, 324, 467, 290, 467, 257, 467, 223, 467]
+          }, {
+            "areacode": "t0bugwsa81e7",
+            "areaname": "O区",
+            "description": "O区",
+            "remain": 0,
+            "polygon": [437, 472, 437, 486, 437, 501, 437, 515, 465, 515, 492, 515, 514, 502, 523, 499, 520, 486, 497, 463, 476, 469, 465, 472, 437, 472]
+          }, {
+            "areacode": "t5uyd3ej0ks0",
+            "areaname": "N13区",
+            "description": "N13区",
+            "remain": 178,
+            "polygon": [89, 485, 89, 499, 89, 514, 89, 528, 106, 528, 123, 528, 140, 528, 140, 514, 140, 499, 140, 485, 123, 485, 106, 485, 89, 485]
+          }, {
+            "areacode": "qtjhh7sa81e9",
+            "areaname": "N18区",
+            "description": "N18区",
+            "remain": 0,
+            "polygon": [528, 486, 535, 509, 535, 520, 536, 527, 552, 532, 540, 531, 551, 544, 582, 511, 595, 495, 566, 480, 566, 482, 540, 470, 528, 486]
+          }, {
+            "areacode": "pmmm6m74ff28",
+            "areaname": "N19区",
+            "description": "N19区",
+            "remain": 0,
+            "polygon": [583, 409, 583, 435, 595, 461, 589, 482, 600, 484, 605, 481, 610, 473, 611, 463, 617, 442, 619, 413, 615, 409, 599, 409, 583, 409]
+          }, {
+            "areacode": "3wtt3fsa81eb",
+            "areaname": "D区",
+            "description": "D区",
+            "remain": 69,
+            "polygon": [111, 290, 111, 314, 111, 339, 111, 363, 116, 363, 122, 363, 127, 363, 127, 339, 127, 314, 127, 290, 122, 290, 116, 290, 111, 290]
+          }, {
+            "areacode": "nums6x2gt76l",
+            "areaname": "N12区",
+            "description": "N12区",
+            "remain": 142,
+            "polygon": [57, 390, 57, 419, 57, 447, 57, 476, 71, 476, 85, 476, 99, 476, 99, 447, 99, 419, 99, 390, 85, 390, 71, 390, 57, 390]
+          }, {
+            "areacode": "241p54ej0ks5",
+            "areaname": "D4区",
+            "description": "D4区",
+            "remain": 0,
+            "polygon": [234, 412, 223, 423, 215, 440, 215, 463, 236, 463, 256, 463, 277, 463, 277, 440, 277, 419, 277, 396, 256, 396, 242, 402, 234, 412]
+          }, {
+            "areacode": "l7rlk92gt76n",
+            "areaname": "P区",
+            "description": "P区",
+            "remain": 0,
+            "polygon": [355, 486, 355, 501, 329, 500, 329, 515, 365, 515, 400, 515, 436, 515, 436, 500, 436, 484, 436, 469, 400, 469, 360, 469, 355, 486]
+          }, {
+            "areacode": "5sbc1qsa81eg",
+            "areaname": "B3区",
+            "description": "B3区",
+            "remain": 0,
+            "polygon": [286, 193, 286, 216, 286, 238, 286, 261, 302, 261, 319, 261, 335, 261, 335, 238, 335, 216, 335, 193, 319, 193, 302, 193, 286, 193]
+          }, {
+            "areacode": "xb036djukrjt",
+            "areaname": "D3区",
+            "description": "D3区",
+            "remain": 0,
+            "polygon": [286, 398, 286, 419, 286, 441, 286, 462, 302, 462, 317, 462, 333, 462, 333, 441, 333, 419, 333, 398, 317, 398, 302, 398, 286, 398]
+          }, {
+            "areacode": "w9f0t474ff2g",
+            "areaname": "D2区",
+            "description": "D2区",
+            "remain": 0,
+            "polygon": [347, 396, 347, 418, 347, 441, 347, 463, 362, 463, 376, 463, 391, 463, 391, 441, 391, 418, 391, 396, 376, 396, 362, 396, 347, 396]
+          }, {
+            "areacode": "ng0y77sa81ek",
+            "areaname": "D1区",
+            "description": "D1区",
+            "remain": 0,
+            "polygon": [404, 397, 404, 419, 404, 440, 404, 462, 424, 462, 444, 462, 464, 462, 464, 440, 460, 435, 457, 425, 443, 411, 424, 397, 404, 397]
+          }, {
+            "areacode": "fgwf442gt76u",
+            "areaname": "H2区",
+            "description": "H2区",
+            "remain": 50,
+            "polygon": [293, 144, 293, 153, 293, 162, 293, 171, 307, 171, 321, 171, 335, 171, 335, 162, 335, 153, 335, 144, 321, 144, 307, 144, 293, 144]
+          }, {
+            "areacode": "3bl5tw74ff2k",
+            "areaname": "F区",
+            "description": "F区",
+            "remain": 0,
+            "polygon": [163, 139, 163, 155, 163, 170, 163, 186, 181, 186, 199, 186, 217, 186, 217, 170, 217, 155, 217, 139, 199, 139, 181, 139, 163, 139]
+          }, {
+            "areacode": "r20f7aej0kse",
+            "areaname": "N8区",
+            "description": "N8区",
+            "remain": 182,
+            "polygon": [93, 121, 93, 136, 93, 149, 93, 164, 108, 164, 123, 164, 138, 164, 138, 149, 138, 136, 138, 121, 123, 121, 108, 121, 93, 121]
+          }, {
+            "areacode": "49k1dy2gt76y",
+            "areaname": "N区",
+            "description": "N区",
+            "remain": 89,
+            "polygon": [552, 372, 554, 401, 553, 423, 545, 459, 555, 465, 558, 462, 562, 453, 568, 426, 569, 398, 565, 367, 564, 367, 561, 369, 552, 372]
+          }, {
+            "areacode": "srhh3asa81ee",
+            "areaname": "R区",
+            "description": "R区",
+            "remain": 0,
+            "polygon": [157, 469, 157, 484, 157, 497, 157, 512, 177, 512, 196, 512, 216, 512, 216, 497, 216, 484, 216, 469, 196, 469, 177, 469, 157, 469]
+          }, {
+            "areacode": "dtnat7sa81ef",
+            "areaname": "B1区",
+            "description": "B1区",
+            "remain": 0,
+            "polygon": [406, 193, 406, 214, 406, 237, 406, 258, 424, 258, 442, 258, 460, 257, 461, 237, 461, 217, 461, 193, 442, 193, 424, 193, 406, 193]
+          }, {
+            "areacode": "j2xeleej0ksk",
+            "areaname": "K区",
+            "description": "K区",
+            "remain": 190,
+            "polygon": [466, 140, 466, 155, 466, 172, 466, 187, 481, 187, 494, 187, 509, 187, 509, 172, 509, 155, 509, 140, 494, 140, 481, 140, 466, 140]
+          }, {
+            "areacode": "2ax05h2gt77e",
+            "areaname": "N15区",
+            "description": "N15区",
+            "remain": 0,
+            "polygon": [225, 530, 225, 545, 224, 565, 247, 566, 247, 578, 290, 582, 325, 580, 326, 561, 326, 545, 326, 530, 292, 530, 259, 530, 225, 530]
+          }, {
+            "areacode": "hsker374ff2t",
+            "areaname": "C3区",
+            "description": "C3区",
+            "remain": 287,
+            "polygon": [134, 364, 134, 380, 134, 396, 134, 412, 160, 412, 185, 412, 211, 412, 211, 396, 211, 380, 211, 364, 185, 364, 160, 364, 134, 364]
+          }, {
+            "areacode": "fulx09ej0ksn",
+            "areaname": "A3区",
+            "description": "A3区",
+            "remain": 0,
+            "polygon": [451, 364, 453, 373, 470, 390, 486, 399, 493, 413, 516, 414, 541, 414, 541, 398, 541, 380, 541, 364, 516, 364, 493, 364, 451, 364]
+          }, {
+            "areacode": "wg8lmjjukrk9",
+            "areaname": "C2区",
+            "description": "C2区",
+            "remain": 284,
+            "polygon": [133, 241, 133, 259, 133, 276, 133, 294, 158, 294, 185, 294, 210, 294, 210, 276, 210, 259, 210, 241, 185, 241, 158, 241, 133, 241]
+          }, {
+            "areacode": "5h7k7xej0ksq",
+            "areaname": "C1区",
+            "description": "C1区",
+            "remain": 342,
+            "polygon": [134, 304, 134, 318, 134, 333, 134, 347, 165, 347, 197, 347, 228, 347, 228, 333, 228, 318, 228, 304, 197, 304, 165, 304, 134, 304]
+          }, {
+            "areacode": "x82lwq2gt779",
+            "areaname": "N1区",
+            "description": "N1区",
+            "remain": 0,
+            "polygon": [581, 276, 581, 296, 581, 316, 604, 321, 606, 335, 607, 336, 620, 335, 620, 316, 620, 296, 620, 276, 607, 276, 594, 276, 581, 276]
+          }, {
+            "areacode": "d0c2e1ej0kss",
+            "areaname": "N5区",
+            "description": "N5区",
+            "remain": 332,
+            "polygon": [334, 75, 334, 92, 334, 109, 334, 126, 367, 126, 399, 126, 432, 126, 432, 109, 432, 92, 432, 75, 399, 75, 367, 75, 334, 75]
+          }, {
+            "areacode": "b49sdg2gt77b",
+            "areaname": "B4区",
+            "description": "B4区",
+            "remain": 239,
+            "polygon": [216, 193, 216, 215, 216, 239, 216, 261, 236, 261, 256, 261, 276, 261, 276, 239, 276, 215, 276, 193, 256, 193, 236, 193, 216, 193]
+          }, {
+            "areacode": "7ss3wnjukrk4",
+            "areaname": "N6区",
+            "description": "N6区",
+            "remain": 352,
+            "polygon": [246, 74, 246, 91, 246, 109, 246, 126, 273, 126, 299, 126, 326, 126, 326, 109, 326, 91, 326, 74, 299, 74, 273, 74, 246, 74]
+          }, {
+            "areacode": "h442c1jukrkh",
+            "areaname": "A1区",
+            "description": "A1区",
+            "remain": 0,
+            "polygon": [454, 306, 454, 320, 454, 336, 454, 350, 484, 350, 513, 350, 543, 350, 543, 336, 543, 320, 543, 306, 513, 306, 484, 306, 454, 306]
+          }, {
+            "areacode": "n3wlb4sa81f8",
+            "areaname": "N16区",
+            "description": "N16区",
+            "remain": 0,
+            "polygon": [335, 534, 335, 550, 335, 565, 335, 581, 369, 581, 404, 581, 438, 581, 438, 565, 438, 550, 438, 534, 404, 534, 369, 534, 335, 534]
+          }]
         };
         this.seatAreas = response.data;
       } catch (e) {
-        common_vendor.index.__f__("error", "at pages/index/gesture-canvas-page.vue:248", "加载区域数据失败:", e);
+        common_vendor.index.__f__("error", "at pages/index/gesture-canvas-page.vue:574", "加载区域数据失败:", e);
+      }
+    },
+    async loadSeatData(areaCode) {
+      try {
+        let data = { "codes": ["lxealffw3r9e", "dqqhn6fw3r9f", "ffn4swpbp95h", "glxmfffw3r9u", "y2e5ru3txpqr", "qqdbgaxrbhw4", "2l8170b9fthd", "f02at8xrbhw6", "11j0s7b9fthf", "c7mms4pbp95e", "w8s9fj3txpqy", "f7blw9xrbhwa", "0acmccpbp992", "uddwmhb9ftm5", "gxk1nsfw3rde", "f9cgdlpbp995", "eqgstrb9ftlx", "rtla3jb9ftly", "uaqpqdpbp998", "rcpb3kfw3rdk", "jn230mpbp99a", "ful2f1pbp99b", "4qqalspbp969", "6uam9mb9ftmg", "7r1plmpbp96b", "m5sgd4fw3rds", "4j85p9fw3rdt", "uly7x2xrbh24", "e2um5xfw3rdw", "cwnk6rxrbh1u", "365ykjpbp96h", "644kut3txprq", "w4h0h7pbp96l", "dp0f9mb9ftmt", "kkdkahxrbh2c", "3jjpm4pbp96p", "hjbac6fw3re6", "rgx2ktfw3re7", "5358l9b9ftmn", "m6jd0xfw3re9", "dfe3r0fw3rea", "45exg4pbp96k", "6h1cbaxrbh2m", "gc2tt6fw3ree", "9gd2743txpsh", "qt553pb9ftjs", "qmhja6pbp973", "akdeap3txpsa", "nhy1163txpsb", "d8k96xxrbh2j", "am5c02xrbh2k", "my2q3gxrbh2l", "l2xxampbp97a", "hgk6ctpbp97b", "lt6fld3txpsj", "k67pb4pbp97d", "77jmedpbp97e", "g613acxrbh2t", "37f1snb9ftk8", "wnexh2pbp977", "gw77wsb9ftka", "037dbufw3rep", "c0mp0mpbp97m", "beesjqfw3rf4", "ntrt3wfw3rf5", "pg4n743txpsx", "t8auwmb9ftkh", "59jks9pbp97g", "9nchuub9ftkk", "jkk1dxpbp97j", "82ehpyxrbh05", "ckgut0b9ftkc", "c3rt80pbp980", "d63c823txpt7", "lxe1uwfw3rfg", "4qr24x3txpt9", "ry1pgb3txpta", "tdb6u5pbp97t", "pnrgck3txptc", "g4lxh43txptd", "k9frsxxrbh0g", "4wesmrxrbh0h", "5nd00u3txpth", "5ghmetfw3rcn", "693uc1fw3rcp", "9a9me6b9ftl6", "kc8w19pbp985", "cf4wkjpbp986", "a0u4f0fw3rch", "ccfyl9b9ftl0", "tp8ldqfw3rck", "ls51rkb9ftl2", "r3b0xnxrbh0x", "29jnap3txptw", "xcx0b3fw3rd2", "npb4wx3txpty", "9ex9rcxrbh12", "lkwjq9xrbh13", "mculkjpbp98j", "l8a74nfw3rcw", "jfehdsxrbh16", "aardj9fw3rcy", "anqlf83txpr3", "rbgls3fw3rdc", "08abkkxrbh1b", "ftqqmtb9ftlu", "a6704l3txpr7", "lghxxqb9ftll", "r3ayu73txpr9", "84muc7pbp98x", "j81r9wxrbh1h", "jxx0mdfw3rda", "wp32mkpbp99e", "xnkt9ppbp99f", "77a45u3txpw0", "sg3mesb9ftqd", "hwh21ufw3rh0", "seguj8b9ftqf", "7jlk1rxrbh50", "xs3ukr3txput", "gr23ut3txpuu", "tt2renfw3rh5", "xhwgwx3txpw9", "a639wgb9ftqn", "9tt0xu3txpwb", "jy9j1kpbp99u", "3gxh8db9ftqr", "p4eaqx3txpw4", "3u27wexrbh5b", "g89kjyxrbh5c", "385rwjpbp99p", "3n95prpbp99q", "x52h2uxrbh5s", "gusmhtpbp9a5", "r4b63jb9ftmx", "s7n58qfw3rhm", "y62sjwfw3rhn", "s10ytq3txpwf", "1ubf9nfw3rhq", "4trgr83txpwh", "5pubr0fw3rhg", "a25jtk3txpwk", "3khtmwpbp9af", "mdaqetfw3rhx", "h58660xrbh67", "117w35pbp9aj", "nke3q1b9ftnb", "m4n8tsfw3rj2", "ptk0jn3txpwt"], "levels": ["C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C", "C"], "statuses": [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1], "floorNames": ["1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼", "1楼"], "rowNames": ["1排", "1排", "1排", "1排", "1排", "1排", "1排", "1排", "1排", "1排", "1排", "1排", "1排", "1排", "1排", "1排", "1排", "2排", "2排", "2排", "2排", "2排", "2排", "2排", "2排", "2排", "2排", "2排", "2排", "2排", "2排", "2排", "2排", "2排", "3排", "3排", "3排", "3排", "3排", "3排", "3排", "3排", "3排", "3排", "3排", "3排", "3排", "3排", "3排", "3排", "3排", "4排", "4排", "4排", "4排", "4排", "4排", "4排", "4排", "4排", "4排", "4排", "4排", "4排", "4排", "4排", "4排", "4排", "5排", "5排", "5排", "5排", "5排", "5排", "5排", "5排", "5排", "5排", "5排", "5排", "5排", "5排", "5排", "5排", "5排", "6排", "6排", "6排", "6排", "6排", "6排", "6排", "6排", "6排", "6排", "6排", "6排", "6排", "6排", "6排", "6排", "6排", "6排", "6排", "6排", "6排", "7排", "7排", "7排", "7排", "7排", "7排", "7排", "7排", "7排", "7排", "7排", "7排", "7排", "7排", "7排", "7排", "7排", "7排", "7排", "7排", "7排", "7排", "8排", "8排", "8排", "8排", "8排", "8排", "8排", "8排", "8排", "8排", "8排", "8排", "8排", "8排", "8排", "8排", "8排", "8排", "8排", "8排", "8排"], "seatNames": ["17座", "16座", "15座", "14座", "13座", "12座", "11座", "10座", "9座", "8座", "7座", "6座", "5座", "4座", "3座", "2座", "1座", "17座", "16座", "15座", "14座", "13座", "12座", "11座", "10座", "9座", "8座", "7座", "6座", "5座", "4座", "3座", "2座", "1座", "17座", "16座", "15座", "14座", "13座", "12座", "11座", "10座", "9座", "8座", "7座", "6座", "5座", "4座", "3座", "2座", "1座", "17座", "16座", "15座", "14座", "13座", "12座", "11座", "10座", "9座", "8座", "7座", "6座", "5座", "4座", "3座", "2座", "1座", "17座", "16座", "15座", "14座", "13座", "12座", "11座", "10座", "9座", "8座", "7座", "6座", "5座", "4座", "3座", "2座", "1座", "21座", "20座", "19座", "18座", "17座", "16座", "15座", "14座", "13座", "12座", "11座", "10座", "9座", "8座", "7座", "6座", "5座", "4座", "3座", "2座", "1座", "22座", "21座", "20座", "19座", "18座", "17座", "16座", "15座", "14座", "13座", "12座", "11座", "10座", "9座", "8座", "7座", "6座", "5座", "4座", "3座", "2座", "1座", "21座", "20座", "19座", "18座", "17座", "16座", "15座", "14座", "13座", "12座", "11座", "10座", "9座", "8座", "7座", "6座", "5座", "4座", "3座", "2座", "1座"], "xCoords": [10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 5, 6, 7, 8, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 4, 5, 6, 7, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 4, 6, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26], "yCoords": [10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 13, 13, 13, 13, 13, 13, 13, 13, 13, 13, 13, 13, 13, 13, 13, 13, 13, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 15, 15, 15, 15, 15, 15, 15, 15, 15, 15, 15, 15, 15, 15, 15, 15, 15, 15, 15, 15, 15, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 17, 17, 17, 17, 17, 17, 17, 17, 17, 17, 17, 17, 17, 17, 17, 17, 17, 17, 17, 17, 17] };
+        const seatSize = 20;
+        this.seatPositions = data.codes.map((code, index) => {
+          return {
+            id: code,
+            level: data.levels[index],
+            status: data.statuses[index],
+            floor: data.floorNames[index],
+            row: data.rowNames[index],
+            name: data.seatNames[index],
+            x: data.xCoords[index] * seatSize,
+            y: data.yCoords[index] * seatSize
+          };
+        });
+        this.transformMatrix = new pages_index_transformMatrix.TransformMatrix();
+        this.$nextTick(() => {
+          if (this.seatPositions.length > 0) {
+            const minX = Math.min(...this.seatPositions.map((s) => s.x));
+            const maxX = Math.max(...this.seatPositions.map((s) => s.x));
+            const minY = Math.min(...this.seatPositions.map((s) => s.y));
+            const maxY = Math.max(...this.seatPositions.map((s) => s.y));
+            const centerX = (minX + maxX) / 2;
+            const centerY = (minY + maxY) / 2;
+            const widthRatio = this.canvasWidth / (maxX - minX + 100);
+            const heightRatio = this.canvasHeight / (maxY - minY + 100);
+            const scale = Math.min(widthRatio, heightRatio, 1);
+          }
+        });
+      } catch (e) {
+        common_vendor.index.__f__("error", "at pages/index/gesture-canvas-page.vue:624", "加载座位数据失败:", e);
+        common_vendor.index.showToast({ title: "加载座位失败", icon: "none" });
       }
     }
   }
@@ -189,7 +548,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       height: $data.canvasHeight,
       matrix: $data.transformMatrix,
       imgUrl: "https://assets.tech.troyrc.com/sx25/images/events/XBDT.jpg",
-      areaData: $data.seatAreas
+      areaData: $data.currentView === "area" ? $data.seatAreas : [],
+      seatData: $data.currentView === "seat" ? $data.seatPositions : []
     }),
     h: common_vendor.o((...args) => $options.handleTouchEvent && $options.handleTouchEvent(...args)),
     i: common_vendor.o((...args) => $options.handleTouchEvent && $options.handleTouchEvent(...args)),
diff --git a/unpackage/dist/dev/mp-weixin/pages/index/gesture-handler.js b/unpackage/dist/dev/mp-weixin/pages/index/gesture-handler.js
index 1cba230..7e3aa97 100644
--- a/unpackage/dist/dev/mp-weixin/pages/index/gesture-handler.js
+++ b/unpackage/dist/dev/mp-weixin/pages/index/gesture-handler.js
@@ -123,6 +123,11 @@ class GestureHandler {
   }
   // 公共接口
   catchEvent(event) {
+    if (this.lastTouchCount !== event.touches.length) {
+      this.panStarted = false;
+      this.lastPoints = null;
+    }
+    this.lastTouchCount = event.touches.length;
     try {
       if (this.at) {
         this.at.run(event);
@@ -130,7 +135,7 @@ class GestureHandler {
         this.catchEvent(event);
       }
     } catch (e) {
-      common_vendor.index.__f__("error", "at pages/index/gesture-handler.js:171", "手势处理错误:", e);
+      common_vendor.index.__f__("error", "at pages/index/gesture-handler.js:178", "手势处理错误:", e);
     }
   }
   // 基础平移手势处理
diff --git a/unpackage/dist/dev/mp-weixin/pages/index/transform-canvas.js b/unpackage/dist/dev/mp-weixin/pages/index/transform-canvas.js
index 7c25c2d..138da9c 100644
--- a/unpackage/dist/dev/mp-weixin/pages/index/transform-canvas.js
+++ b/unpackage/dist/dev/mp-weixin/pages/index/transform-canvas.js
@@ -20,7 +20,8 @@ const _sfc_main = {
         ty: 0
       })
     },
-    areaData: {}
+    areaData: {},
+    seatData: {}
   },
   data() {
     return {
@@ -62,6 +63,18 @@ const _sfc_main = {
       handler() {
         this.$nextTick(this.redraw);
       }
+    },
+    areaData: {
+      deep: true,
+      handler() {
+        this.$nextTick(this.redraw);
+      }
+    },
+    seatData: {
+      deep: true,
+      handler() {
+        this.$nextTick(this.redraw);
+      }
     }
   },
   mounted() {
@@ -72,59 +85,30 @@ const _sfc_main = {
     checkHitArea(x, y) {
       if (!this.areaData)
         return null;
-      const inverted = this.matrix.invertPoint(x, y);
-      common_vendor.index.__f__("log", "at pages/index/transform-canvas.vue:79", "checkHitArea", inverted);
+      const inverted = this.matrix.invertPoint(x, y, this.dpr);
+      common_vendor.index.__f__("log", "at pages/index/transform-canvas.vue:92", "checkHitArea", inverted);
       for (const area of this.areaData) {
         if (this.pointInPolygon(inverted.x, inverted.y, area.polygon)) {
-          return area.areacode;
+          return area;
         }
       }
       return null;
     },
-    // 射线法判断点是否在多边形内
-    // pointInPolygon(x, y, polygon) {
-    // 	// uni.__f__('log','at pages/index/transform-canvas.vue:90','pointInPolygon',x, y, polygon)
-    //   // 确保多边形有足够的点构成
-    //   if (!polygon || polygon.length < 6) return false;
-    //   let inside = false;
-    //   const length = polygon.length;
-    //   // 不需要遍历最后一个点，因为它是闭合点（与第一个点相同）
-    //   for (let i = 0, j = length - 2; i < length; j = i, i += 2) {
-    //     const xi = polygon[i], yi = polygon[i + 1];
-    //     const xj = polygon[j], yj = polygon[j + 1];
-    //     // 检查点是否在边的y值范围内
-    //     const intersect = ((yi > y) !== (yj > y));
-    //     // 检查点是否在边的左侧
-    //     if (intersect) {
-    //       const slope = (xj - xi) / (yj - yi); // 边的斜率
-    //       const intersectX = xi + (y - yi) * slope;
-    //       if (x < intersectX) {
-    //         inside = !inside;
-    //       }
-    //     }
-    //   }
-    //   return inside;
-    // },
-    // 在 transform-canvas.vue 中替换 pointInPolygon 方法
     pointInPolygon(x, y, polygon) {
-      if (!polygon || polygon.length < 6 || polygon.length % 2 !== 0) {
-        return false;
+      const points = [];
+      for (let i = 0; i < polygon.length; i += 2) {
+        points.push([polygon[i], polygon[i + 1]]);
       }
       let inside = false;
-      const vertexCount = polygon.length / 2;
-      let j = vertexCount - 1;
-      for (let i = 0; i < vertexCount; j = i++) {
-        const xi = polygon[i * 2];
-        const yi = polygon[i * 2 + 1];
-        const xj = polygon[j * 2];
-        const yj = polygon[j * 2 + 1];
-        const onLine = this.pointOnLineSegment(x, y, xi, yi, xj, yj);
-        if (onLine)
+      let j = points.length - 1;
+      for (let i = 0; i < points.length; j = i++) {
+        const [xi, yi] = points[i];
+        const [xj, yj] = points[j];
+        if (this.pointOnLineSegment(x, y, xi, yi, xj, yj))
           return true;
-        if (yi < y && yj >= y || yj < y && yi >= y) {
+        if (yi <= y && yj > y || yj <= y && yi > y) {
           const slope = (xj - xi) / (yj - yi);
-          const intersectX = xi + (y - yi) * slope;
-          if (x < intersectX) {
+          if (x <= xi + (y - yi) * slope) {
             inside = !inside;
           }
         }
@@ -143,7 +127,7 @@ const _sfc_main = {
       if (t >= 0 && t <= 1) {
         const projX = x1 + t * dx;
         const projY = y1 + t * dy;
-        const distance = Math.sqrt((x - projX) ** 2 + (y - projY) ** 2);
+        const distance = Math.sqrt((x - projX) * 2 + (y - projY) * 2);
         return distance < 5;
       }
       return false;
@@ -165,12 +149,11 @@ const _sfc_main = {
     updateCanvasSize() {
       this.canvasDisplayWidth = this.width;
       this.canvasDisplayHeight = this.height;
-      this.canvasActualWidth = this.width * this.dpr;
-      this.canvasActualHeight = this.height * this.dpr;
+      this.canvasActualWidth = this.width;
+      this.canvasActualHeight = this.height;
       if (this.canvas) {
         this.canvas.width = this.canvasActualWidth;
         this.canvas.height = this.canvasActualHeight;
-        this.ctx.scale(this.dpr, this.dpr);
         this.redraw();
       }
     },
@@ -190,26 +173,27 @@ const _sfc_main = {
         });
         this.redraw();
       } catch (e) {
-        common_vendor.index.__f__("error", "at pages/index/transform-canvas.vue:247", "图片加载失败:", e);
+        common_vendor.index.__f__("error", "at pages/index/transform-canvas.vue:223", "图片加载失败:", e);
         this.image = null;
       }
     },
-    //   async loadImage(src) {
-    //     try {
-    //       this.image = await new Promise((resolve, reject) => {
-    //         const image = this.canvas.createImage();
-    //         image.src = src;
-    //         image.onload = () => resolve(image);
-    //         image.onerror = reject;
-    //       });
-    //       this.redraw();
-    //     } catch (e) {
-    //       uni.__f__('error','at pages/index/transform-canvas.vue:262',"图片加载失败:", e);
-    //       this.image = null;
-    //       this.redraw(); // 加载失败时也需要重绘画布
-    //     }
-    //   },
+    // 在redraw方法中添加视图判断
+    checkSeatHit(x, y) {
+      if (!this.seatData)
+        return null;
+      const inverted = this.matrix.invertPoint(x, y, this.dpr);
+      for (const seat of this.seatData) {
+        const dx = seat.x - inverted.x;
+        const dy = seat.y - inverted.y;
+        const distance = Math.sqrt(dx * dx + dy * dy);
+        if (distance < 8) {
+          return seat;
+        }
+      }
+      return null;
+    },
     redraw() {
+      var _a, _b, _c;
       if (!this.ctx)
         return;
       this.ctx.save();
@@ -218,7 +202,7 @@ const _sfc_main = {
       this.ctx.scale(this.dpr, this.dpr);
       const { a, b, c, d, tx, ty } = this.matrix;
       this.ctx.setTransform(a, b, c, d, tx, ty);
-      if (this.image) {
+      if (this.image && ((_a = this.$parent) == null ? void 0 : _a.currentView) === "area") {
         this.ctx.drawImage(
           this.image,
           0,
@@ -227,24 +211,47 @@ const _sfc_main = {
           this.canvasDisplayHeight
         );
       }
-      if (this.areaData && this.areaData.length > 0) {
-        this.areaData.forEach((area) => {
-          this.ctx.beginPath();
-          for (let i = 0; i < area.polygon.length; i += 2) {
-            if (i === 0) {
-              this.ctx.moveTo(area.polygon[i], area.polygon[i + 1]);
-            } else {
-              this.ctx.lineTo(area.polygon[i], area.polygon[i + 1]);
-            }
-          }
-          this.ctx.closePath();
-          this.ctx.strokeStyle = "rgba(255, 0, 0, 0.7)";
-          this.ctx.lineWidth = 2;
-          this.ctx.stroke();
-          this.ctx.fillStyle = "rgba(0, 255, 0, 0.2)";
-          this.ctx.fill();
-        });
+      if (this.areaData && this.areaData.length > 0 && ((_b = this.$parent) == null ? void 0 : _b.currentView) === "area") {
+        this.drawAreas();
       }
+      if (this.seatData && this.seatData.length > 0 && ((_c = this.$parent) == null ? void 0 : _c.currentView) === "seat") {
+        this.drawSeats();
+      }
+      this.ctx.restore();
+    },
+    // 添加绘制区域方法
+    drawAreas() {
+      this.areaData.forEach((area) => {
+        const points = [];
+        for (let i = 0; i < area.polygon.length; i += 2) {
+          points.push([area.polygon[i], area.polygon[i + 1]]);
+        }
+        this.ctx.beginPath();
+        points.forEach(([x, y], index) => {
+          if (index === 0)
+            this.ctx.moveTo(x, y);
+          else
+            this.ctx.lineTo(x, y);
+        });
+        this.ctx.closePath();
+        this.ctx.strokeStyle = "rgba(255, 0, 0, 0.7)";
+        this.ctx.lineWidth = 2;
+        this.ctx.stroke();
+        this.ctx.fillStyle = "rgba(0, 255, 0, 0.2)";
+        this.ctx.fill();
+      });
+    },
+    drawSeats() {
+      const scale = Math.sqrt(this.matrix.a * this.matrix.a + this.matrix.b * this.matrix.b);
+      this.seatData.forEach((seat) => {
+        const x = seat.x;
+        const y = seat.y;
+        this.ctx.beginPath();
+        const radius = 8 / scale;
+        this.ctx.arc(x, y, radius, 0, Math.PI * 2);
+        this.ctx.fillStyle = seat.status === 1 ? "#4cd964" : "#dd524d";
+        this.ctx.fill();
+      });
     }
   }
 };
diff --git a/unpackage/dist/dev/mp-weixin/pages/index/transform-matrix.js b/unpackage/dist/dev/mp-weixin/pages/index/transform-matrix.js
index 853131c..76d811f 100644
--- a/unpackage/dist/dev/mp-weixin/pages/index/transform-matrix.js
+++ b/unpackage/dist/dev/mp-weixin/pages/index/transform-matrix.js
@@ -1,4 +1,5 @@
 "use strict";
+const common_vendor = require("../../common/vendor.js");
 class TransformMatrix {
   constructor() {
     this.reset();
@@ -50,14 +51,14 @@ class TransformMatrix {
     };
   }
   // 添加逆矩阵转换方法
-  invertPoint(x, y) {
+  invertPoint(x, y, dpr) {
+    common_vendor.index.__f__("log", "at pages/index/transform-matrix.js:65", "invertPoint：", dpr);
     const det = this.a * this.d - this.b * this.c;
-    if (Math.abs(det) < 1e-4) {
+    if (Math.abs(det) < 1e-4)
       return { x, y };
-    }
     return {
-      x: (this.d * (x - this.tx) - this.c * (y - this.ty)) / det,
-      y: (this.a * (y - this.ty) - this.b * (x - this.tx)) / det
+      x: (this.d * (x / dpr - this.tx) - this.c * (y / dpr - this.ty)) / det,
+      y: (this.a * (y / dpr - this.ty) - this.b * (x / dpr - this.tx)) / det
     };
   }
 }