feat(portrait): 新增撤销下注功能并优化竖屏布局体验

新增撤销功能：
- 添加 undoChip 方法，支持撤销当前区域最后一次下注
- 在确认下注组件中新增橙色撤销按钮（箭头图标）
- 所有游戏桌组件（百家乐/龙虎/牛牛/色碟/骰宝/轮盘）统一集成撤销功能

竖屏布局优化：
- 修复下注盘样式优先级问题，确保平铺全屏显示（移除 left/right 偏移）
- 路单区域改为横向布局：路单画布在左，统计信息在右，扑克牌区域独立显示
- 路单高度从 180px 增加到 250px，提升可视性
- 优化牛牛扑克牌布局为 2x2 网格，适配竖屏空间

UI 增强：
- 添加红色边框高亮效果（脉冲动画），突出当前选中的下注区域
- 优化按钮布局和间距，提升触控体验
- 调整字体大小和内边距，适配竖屏显示密度

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

src/assets/style/portrait.scss

@@ -508,15 +508,17 @@ $tie-green: #27ae60;
           margin: 0 !important;
           box-sizing: border-box !important;
 
-          > .view {
+          /* 重复选择器增加优先级，覆盖 scoped 样式 */
+          .view.view {
             position: relative !important;
-            left: auto !important;
+            left: 0 !important;  /* 覆盖原始的 left: 3rem */
-            right: auto !important;
+            right: 0 !important;  /* 覆盖原始的 right: 3rem */
             bottom: auto !important;
             width: 100% !important;
             height: 100px !important;
             transform: perspective(380px) rotateX(6deg) !important;
             margin: 0 !important;  /* 移除margin，让内容占满宽度 */
+            padding: 0 !important;  /* 移除padding */
             max-width: 100% !important;  /* 确保不被限制宽度 */
             min-width: 100% !important;
 
@@ -525,6 +527,14 @@ $tie-green: #27ae60;
               height: 100% !important;
               width: 100% !important;
             }
+
+            /* 百家乐和龙虎游戏确保全宽 */
+            &.baccarat,
+            &.longhu {
+              width: 100% !important;
+              max-width: 100% !important;
+              min-width: 100% !important;
+            }
           }
 
           /* 确认/取消按钮 - 竖屏位置调整，最小化按钮 */
@@ -555,9 +565,22 @@ $tie-green: #27ae60;
             }
           }
 
-          /* 百家乐特定样式 */
+          /* 百家乐特定样式 - 同时针对 .view.baccarat */
-          .baccarat {
+          .baccarat.baccarat,
+          .view.baccarat {
+            width: 100% !important;
+            max-width: 100% !important;
+            min-width: 100% !important;
+            margin: 0 !important;
+            padding: 0 !important;
+            left: 0 !important;
+            right: 0 !important;
+
             .list {
+              width: 100% !important;
+              margin: 0 !important;
+              padding: 0 !important;
+
               .item {
                 .text {
                   font-size: 0.24rem !important;
@@ -575,9 +598,22 @@ $tie-green: #27ae60;
             }
           }
 
-          /* 龙虎特定样式 */
+          /* 龙虎特定样式 - 同时针对 .view.longhu */
-          .longhu {
+          .longhu.longhu,
+          .view.longhu {
+            width: 100% !important;
+            max-width: 100% !important;
+            min-width: 100% !important;
+            margin: 0 !important;
+            padding: 0 !important;
+            left: 0 !important;
+            right: 0 !important;
+
             .list {
+              width: 100% !important;
+              margin: 0 !important;
+              padding: 0 !important;
+
               .item {
                 .text {
                   font-size: 0.24rem !important;
@@ -675,23 +711,29 @@ $tie-green: #27ae60;
       transform: none !important;
       position: relative;
       width: 100%;
-      height: 180px;
+      height: 250px;
       background: $card-bg;
       border-top: 2px solid $border-color;
       flex: 1;
       order: 3;
-      min-height: 180px;
+      min-height: 250px;
-      max-height: 220px;
+      max-height: 300px;
+      display: flex !important;
+      flex-direction: row !important;
 
       .playway {
         height: 100% !important;
-        width: 100%;
+        flex: 1 !important;
-        display: flex;
+        display: flex !important;
-        flex-direction: column;
+        flex-direction: row !important;  /* 横向布局：路单画布在左，统计信息在右 */
+        align-items: stretch !important;
+        order: 2 !important;
 
         .canvas-box {
-          flex: 1;
+          flex: 1 !important;  /* 路单画布占据剩余空间，给16张牌足够的横向显示空间 */
-          min-height: 100px;
+          min-width: 0 !important;  /* 允许缩小 */
+          width: auto !important;
+          height: 100% !important;
           position: relative;
 
           .canvas {
@@ -707,73 +749,90 @@ $tie-green: #27ae60;
 
         .btn-box {
           flex: none;
-          height: 65px !important;
+          width: 150px !important;
-          font-size: 0.26rem !important;
+          height: 100% !important;
-          padding: 0.08rem 0.15rem;
+          font-size: 0.24rem !important;
+          padding: 0.06rem 0.1rem;
           display: flex;
-          align-items: center;
+          flex-direction: column;
+          border-left: 1px solid $border-color;
           background: rgba(0, 0, 0, 0.3);
 
           .left,
           .right {
             flex: 1;
             display: flex;
-            flex-wrap: wrap;
+            flex-direction: column;
-            align-items: center;
+            justify-content: space-evenly;
+            align-items: flex-start;
           }
 
           .left .item,
           .right .item {
-            font-size: 0.26rem !important;
+            font-size: 0.24rem !important;
-            padding: 0.05rem 0.12rem !important;
+            padding: 0.03rem 0.08rem !important;
-            margin: 0.02rem;
+            margin: 0.02rem 0;
+            width: 100%;
 
             .lab {
-              font-size: 0.24rem !important;
+              font-size: 0.22rem !important;
             }
 
             .num {
-              font-size: 0.26rem !important;
+              font-size: 0.24rem !important;
               font-weight: bold;
             }
           }
 
           .ask {
-            padding: 0.06rem 0.12rem !important;
+            padding: 0.04rem 0.08rem !important;
-            margin: 0.02rem;
+            margin: 0.02rem 0;
+            width: 100%;
 
             .text {
-              font-size: 0.24rem !important;
+              font-size: 0.22rem !important;
             }
 
             .btn {
               display: flex;
-              gap: 0.05rem;
+              gap: 0.04rem;
 
               .li {
-                width: 0.26rem !important;
+                width: 0.24rem !important;
-                height: 0.26rem !important;
+                height: 0.24rem !important;
               }
             }
           }
         }
 
         .totle-box {
-          width: auto !important;
+          flex: none;
-          min-width: 140px !important;
+          width: 100px !important;
-          max-width: 40%;
+          height: 100% !important;
+          margin: 0 !important;
+          border-left: 1px solid $border-color !important;
 
           .list {
-            font-size: 0.26rem !important;
+            width: 100% !important;
-            padding: 0.06rem 0.1rem !important;
+            height: 100% !important;
+            display: flex !important;
+            flex-direction: column !important;
+            justify-content: space-evenly !important;
+            align-items: flex-start !important;
+            font-size: 0.22rem !important;
+            padding: 0.06rem 0.08rem !important;
 
             .item {
-              line-height: 1.3;
+              line-height: 1.4;
-              margin: 0.02rem 0;
+              margin: 0.01rem 0;
+              width: 100%;
+
+              .lab {
+                font-size: 0.2rem !important;
+              }
 
-              .lab,
               .num {
-                font-size: 0.24rem !important;
+                font-size: 0.22rem !important;
               }
             }
           }
@@ -781,7 +840,55 @@ $tie-green: #27ae60;
       }
 
       .pokerView {
-        pointer-events: none;
+        flex: none !important;
+        width: 200px !important;
+        height: 100% !important;
+        position: relative !important;
+        pointer-events: none !important;
+        order: 1 !important;
+        border-right: 1px solid $border-color;
+
+        /* 牛牛扑克牌布局 */
+        .poker-box.nn {
+          width: 100% !important;
+          height: 100% !important;
+          display: flex !important;
+          flex-direction: row !important;
+          flex-wrap: wrap !important;
+          padding: 0.05rem !important;
+
+          .list {
+            width: 50% !important;
+            height: 50% !important;
+            display: flex !important;
+            flex-direction: column !important;
+            align-items: center !important;
+            justify-content: flex-start !important;
+            padding: 0.03rem !important;
+            box-sizing: border-box !important;
+
+            .title {
+              font-size: 0.24rem !important;
+              margin-bottom: 0.02rem !important;
+            }
+
+            .role {
+              font-size: 0.2rem !important;
+              margin-bottom: 0.02rem !important;
+            }
+
+            .item {
+              width: 0.4rem !important;
+              height: 0.56rem !important;
+              margin: 0.01rem 0 !important;
+
+              .card {
+                width: 100% !important;
+                height: 100% !important;
+              }
+            }
+          }
+        }
       }
     }
 

src/components/PlayTable/Index.vue

@@ -27,6 +27,7 @@
       @downBet="downBet"
       @confirmChip="confirmChip"
       @cancelChip="cancelChip"
+      @undoChip="undoChip"
     />
     <!-- 龙虎 -->
     <TableLonghu
@@ -41,6 +42,7 @@
       @downBet="downBet"
       @confirmChip="confirmChip"
       @cancelChip="cancelChip"
+      @undoChip="undoChip"
     />
     <!-- 牛牛 -->
     <TableBullbull
@@ -56,6 +58,7 @@
       @downBet="downBet"
       @confirmChip="confirmChip"
       @cancelChip="cancelChip"
+      @undoChip="undoChip"
     />
     <!-- 色碟 -->
     <TableToning
@@ -70,6 +73,7 @@
       @downBet="downBet"
       @confirmChip="confirmChip"
       @cancelChip="cancelChip"
+      @undoChip="undoChip"
     />
     <!-- 骰宝 -->
     <TableDice
@@ -83,6 +87,7 @@
       @downBet="downBet"
       @confirmChip="confirmChip"
       @cancelChip="cancelChip"
+      @undoChip="undoChip"
     />
     <!-- 轮盘 -->
 
@@ -103,6 +108,7 @@
           @downBet="downBet"
           @confirmChip="confirmChip"
           @cancelChip="cancelChip"
+          @undoChip="undoChip"
         />
       </Transition>
       <Transition
@@ -121,6 +127,7 @@
           @downBet="downBet"
           @confirmChip="confirmChip"
           @cancelChip="cancelChip"
+          @undoChip="undoChip"
         />
       </Transition>
     </template>
@@ -357,6 +364,33 @@ export default {
       })
     }
 
+    // 撤销当前区域最后一次下注
+    const undoChip = () => {
+      if (touch.value) {
+        const type = touch.value
+        // 找到当前区域所有自己下注的筹码
+        const selfChips = chipArray[type].filter((v) => v.type == "self")
+        if (selfChips.length > 0) {
+          // 移除最后一个筹码
+          const lastChip = selfChips[selfChips.length - 1]
+          const lastIndex = chipArray[type].lastIndexOf(lastChip)
+          chipArray[type].splice(lastIndex, 1)
+
+          // 更新金额
+          downChip[type] = Math.max(0, downChip[type] - lastChip.value)
+          sendChip[type] = Math.max(0, sendChip[type] - lastChip.value)
+
+          // 播放音效
+          audioMp3(["push"]).Play()
+
+          // 如果没有筹码了，取消触摸状态
+          if (chipArray[type].filter((v) => v.type == "self").length === 0) {
+            touch.value = null
+          }
+        }
+      }
+    }
+
     // 确认下注
     const confirmChip = () => {
       if (props.sendMode == "startBetCountDown") {
@@ -647,6 +681,7 @@ export default {
       downBet,
       resetChip,
       cancelChip,
+      undoChip,
       confirmChip
     }
   }
@@ -735,4 +770,17 @@ $gold: #c5a059;
     color: #f3c866;
   }
 }
+
+/* 竖屏模式下，移除左右空白，下注盘平铺全屏 */
+@media screen and (orientation: portrait) {
+  .playtable {
+    .view {
+      left: 0 !important;
+      right: 0 !important;
+      width: 100% !important;
+      margin: 0 !important;
+      padding: 0 !important;
+    }
+  }
+}
 </style>

src/components/PlayTable/TableBaccarat.vue

@@ -6,6 +6,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.small_amount,
             show: touch == 'small_amount'
@@ -27,6 +28,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.player_pair_amount,
             show: touch == 'player_pair_amount'
@@ -49,6 +51,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.luck_six_amount,
             show: touch == 'luck_six_amount'
@@ -71,6 +74,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.banker_pair_amount,
             show: touch == 'banker_pair_amount'
@@ -92,6 +96,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{ money: downChip.big_amount, show: touch == 'big_amount' }"
         ></confirmBet>
         <chipView
@@ -112,6 +117,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.player_amount,
             show: touch == 'player_amount'
@@ -133,6 +139,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{ money: downChip.tie_amount, show: touch == 'tie_amount' }"
         ></confirmBet>
         <chipView
@@ -151,6 +158,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.banker_amount,
             show: touch == 'banker_amount'
@@ -237,7 +245,10 @@ export default {
     const cancelChip = () => {
       context.emit("cancelChip")
     }
-    return { Type, Lang, downBet, confirmChip, cancelChip }
+    const undoChip = () => {
+      context.emit("undoChip")
+    }
+    return { Type, Lang, downBet, confirmChip, cancelChip, undoChip }
   }
 }
 </script>

src/components/PlayTable/TableBullbull.vue

@@ -8,6 +8,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.amount_player_1_banker_times,
             show: touch == 'amount_player_1_banker_times',
@@ -35,6 +36,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.amount_player_1_banker,
             show: touch == 'amount_player_1_banker'
@@ -58,6 +60,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.amount_player_1_times,
             show: touch == 'amount_player_1_times',
@@ -83,6 +86,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.amount_player_1,
             show: touch == 'amount_player_1'
@@ -110,6 +114,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.amount_player_2_banker_times,
             show: touch == 'amount_player_2_banker_times',
@@ -137,6 +142,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.amount_player_2_banker,
             show: touch == 'amount_player_2_banker'
@@ -162,6 +168,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.amount_player_2_times,
             show: touch == 'amount_player_2_times',
@@ -187,6 +194,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.amount_player_2,
             show: touch == 'amount_player_2'
@@ -214,6 +222,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.amount_player_3_banker_times,
             show: touch == 'amount_player_3_banker_times',
@@ -242,6 +251,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.amount_player_3_banker,
             show: touch == 'amount_player_3_banker'
@@ -265,6 +275,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.amount_player_3_times,
             show: touch == 'amount_player_3_times',
@@ -290,6 +301,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.amount_player_3,
             show: touch == 'amount_player_3'
@@ -364,7 +376,10 @@ export default {
     const cancelChip = () => {
       context.emit("cancelChip")
     }
-    return { Type, Lang, downBet, confirmChip, cancelChip }
+    const undoChip = () => {
+      context.emit("undoChip")
+    }
+    return { Type, Lang, downBet, confirmChip, cancelChip, undoChip }
   }
 }
 </script>

src/components/PlayTable/TableDice.vue

@@ -7,6 +7,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.small,
             show: touch == 'small'
@@ -31,6 +32,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.two_11,
               show: touch == 'two_11'
@@ -52,6 +54,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.two_22,
               show: touch == 'two_22'
@@ -73,6 +76,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.two_33,
               show: touch == 'two_33'
@@ -97,6 +101,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.three_111,
               show: touch == 'three_111'
@@ -119,6 +124,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.three_222,
               show: touch == 'three_222'
@@ -141,6 +147,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.three_333,
               show: touch == 'three_333'
@@ -166,6 +173,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.leopard,
               show: touch == 'leopard'
@@ -222,6 +230,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.three_444,
               show: touch == 'three_444'
@@ -244,6 +253,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.three_555,
               show: touch == 'three_555'
@@ -266,6 +276,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.three_666,
               show: touch == 'three_666'
@@ -291,6 +302,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.two_44,
               show: touch == 'two_44'
@@ -312,6 +324,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.two_55,
               show: touch == 'two_55'
@@ -333,6 +346,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.two_66,
               show: touch == 'two_66'
@@ -354,6 +368,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.big,
             show: touch == 'big'
@@ -378,6 +393,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.number_4,
             show: touch == 'number_4'
@@ -399,6 +415,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.number_5,
             show: touch == 'number_5'
@@ -420,6 +437,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.number_6,
             show: touch == 'number_6'
@@ -441,6 +459,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.number_7,
             show: touch == 'number_7'
@@ -462,6 +481,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.number_8,
             show: touch == 'number_8'
@@ -483,6 +503,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.number_9,
             show: touch == 'number_9'
@@ -504,6 +525,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.number_10,
             show: touch == 'number_10'
@@ -525,6 +547,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.number_11,
             show: touch == 'number_11'
@@ -546,6 +569,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.number_12,
             show: touch == 'number_12'
@@ -567,6 +591,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.number_13,
             show: touch == 'number_13'
@@ -588,6 +613,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.number_14,
             show: touch == 'number_14'
@@ -609,6 +635,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.number_15,
             show: touch == 'number_15'
@@ -630,6 +657,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.number_16,
             show: touch == 'number_16'
@@ -651,6 +679,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.number_17,
             show: touch == 'number_17'
@@ -674,6 +703,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.two_12,
             show: touch == 'two_12'
@@ -695,6 +725,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.two_13,
             show: touch == 'two_13'
@@ -716,6 +747,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.two_14,
             show: touch == 'two_14'
@@ -737,6 +769,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.two_15,
             show: touch == 'two_15'
@@ -758,6 +791,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.two_16,
             show: touch == 'two_16'
@@ -779,6 +813,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.two_23,
             show: touch == 'two_23'
@@ -800,6 +835,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.two_24,
             show: touch == 'two_24'
@@ -821,6 +857,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.two_25,
             show: touch == 'two_25'
@@ -842,6 +879,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.two_26,
             show: touch == 'two_26'
@@ -863,6 +901,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.two_34,
             show: touch == 'two_34'
@@ -884,6 +923,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.two_35,
             show: touch == 'two_35'
@@ -905,6 +945,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.two_36,
             show: touch == 'two_36'
@@ -926,6 +967,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.two_45,
             show: touch == 'two_45'
@@ -947,6 +989,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.two_46,
             show: touch == 'two_46'
@@ -968,6 +1011,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.two_56,
             show: touch == 'two_56'
@@ -992,6 +1036,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.singular,
             show: touch == 'singular'
@@ -1015,6 +1060,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.living_1,
                 show: touch == 'living_1'
@@ -1035,6 +1081,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.living_2,
                 show: touch == 'living_2'
@@ -1055,6 +1102,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.living_3,
                 show: touch == 'living_3'
@@ -1075,6 +1123,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.living_4,
                 show: touch == 'living_4'
@@ -1095,6 +1144,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.living_5,
                 show: touch == 'living_5'
@@ -1115,6 +1165,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.living_6,
                 show: touch == 'living_6'
@@ -1142,6 +1193,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.plural,
             show: touch == 'plural'
@@ -1210,7 +1262,10 @@ export default {
     const cancelChip = () => {
       context.emit("cancelChip")
     }
-    return { Type, Lang, downBet, confirmChip, cancelChip }
+    const undoChip = () => {
+      context.emit("undoChip")
+    }
+    return { Type, Lang, downBet, confirmChip, cancelChip, undoChip }
   }
 }
 </script>

src/components/PlayTable/TableLonghu.vue

@@ -6,6 +6,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.banker_amount,
             show: touch == 'banker_amount'
@@ -27,6 +28,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{ money: downChip.tie_amount, show: touch == 'tie_amount' }"
         ></confirmBet>
         <chipView
@@ -45,6 +47,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.player_amount,
             show: touch == 'player_amount'
@@ -117,7 +120,10 @@ export default {
     const cancelChip = () => {
       context.emit("cancelChip")
     }
-    return { Type, Lang, downBet, confirmChip, cancelChip }
+    const undoChip = () => {
+      context.emit("undoChip")
+    }
+    return { Type, Lang, downBet, confirmChip, cancelChip, undoChip }
   }
 }
 </script>

src/components/PlayTable/TableRouletteEuropean.vue

@@ -7,6 +7,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.straight_0,
               show: touch == 'straight_0'
@@ -29,6 +30,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_3,
                 show: touch == 'straight_3'
@@ -48,6 +50,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_6,
                 show: touch == 'straight_6'
@@ -67,6 +70,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_9,
                 show: touch == 'straight_9'
@@ -86,6 +90,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_12,
                 show: touch == 'straight_12'
@@ -105,6 +110,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_15,
                 show: touch == 'straight_15'
@@ -124,6 +130,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_18,
                 show: touch == 'straight_18'
@@ -143,6 +150,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_21,
                 show: touch == 'straight_21'
@@ -162,6 +170,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_24,
                 show: touch == 'straight_24'
@@ -181,6 +190,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_27,
                 show: touch == 'straight_27'
@@ -200,6 +210,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_30,
                 show: touch == 'straight_30'
@@ -219,6 +230,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_33,
                 show: touch == 'straight_33'
@@ -238,6 +250,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_36,
                 show: touch == 'straight_36'
@@ -259,6 +272,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_2,
                 show: touch == 'straight_2'
@@ -278,6 +292,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_5,
                 show: touch == 'straight_5'
@@ -297,6 +312,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_8,
                 show: touch == 'straight_8'
@@ -316,6 +332,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_11,
                 show: touch == 'straight_11'
@@ -335,6 +352,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_14,
                 show: touch == 'straight_14'
@@ -354,6 +372,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_17,
                 show: touch == 'straight_17'
@@ -373,6 +392,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_20,
                 show: touch == 'straight_20'
@@ -392,6 +412,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_23,
                 show: touch == 'straight_23'
@@ -411,6 +432,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_26,
                 show: touch == 'straight_26'
@@ -430,6 +452,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_29,
                 show: touch == 'straight_29'
@@ -449,6 +472,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_32,
                 show: touch == 'straight_32'
@@ -468,6 +492,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_35,
                 show: touch == 'straight_35'
@@ -489,6 +514,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_1,
                 show: touch == 'straight_1'
@@ -508,6 +534,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_4,
                 show: touch == 'straight_4'
@@ -527,6 +554,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_7,
                 show: touch == 'straight_7'
@@ -546,6 +574,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_10,
                 show: touch == 'straight_10'
@@ -565,6 +594,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_13,
                 show: touch == 'straight_13'
@@ -584,6 +614,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_16,
                 show: touch == 'straight_16'
@@ -603,6 +634,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_19,
                 show: touch == 'straight_19'
@@ -622,6 +654,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_22,
                 show: touch == 'straight_22'
@@ -641,6 +674,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_25,
                 show: touch == 'straight_25'
@@ -660,6 +694,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_28,
                 show: touch == 'straight_28'
@@ -679,6 +714,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_31,
                 show: touch == 'straight_31'
@@ -698,6 +734,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_34,
                 show: touch == 'straight_34'
@@ -719,6 +756,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.dozen_1,
                 show: touch == 'dozen_1'
@@ -739,6 +777,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.dozen_2,
                 show: touch == 'dozen_2'
@@ -759,6 +798,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.dozen_3,
                 show: touch == 'dozen_3'
@@ -781,6 +821,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.low,
                 show: touch == 'low'
@@ -801,6 +842,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.even,
                 show: touch == 'even'
@@ -820,6 +862,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.red,
                 show: touch == 'red'
@@ -839,6 +882,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.black,
                 show: touch == 'black'
@@ -858,6 +902,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.odd,
                 show: touch == 'odd'
@@ -877,6 +922,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.high,
                 show: touch == 'high'
@@ -900,6 +946,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.column_3,
               show: touch == 'column_3'
@@ -919,6 +966,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.column_2,
               show: touch == 'column_2'
@@ -938,6 +986,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.column_1,
               show: touch == 'column_1'
@@ -1006,11 +1055,14 @@ export default {
     const cancelChip = () => {
       context.emit("cancelChip")
     }
+    const undoChip = () => {
+      context.emit("undoChip")
+    }
 
     const testClick = () => {
       console.log("点击有效")
     }
-    return { Type, Lang, downBet, confirmChip, cancelChip, testClick }
+    return { Type, Lang, downBet, confirmChip, cancelChip, undoChip, testClick }
   }
 }
 </script>

src/components/PlayTable/TableRouletteFrench.vue

@@ -8,6 +8,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.straight_24,
               show: touch == 'straight_24'
@@ -27,6 +28,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.straight_16,
               show: touch == 'straight_16'
@@ -46,6 +48,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.straight_33,
               show: touch == 'straight_33'
@@ -65,6 +68,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.straight_1,
               show: touch == 'straight_1'
@@ -84,6 +88,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.straight_20,
               show: touch == 'straight_20'
@@ -103,6 +108,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.straight_14,
               show: touch == 'straight_14'
@@ -122,6 +128,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.straight_31,
               show: touch == 'straight_31'
@@ -141,6 +148,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.straight_9,
               show: touch == 'straight_9'
@@ -160,6 +168,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.straight_22,
               show: touch == 'straight_22'
@@ -179,6 +188,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.straight_18,
               show: touch == 'straight_18'
@@ -198,6 +208,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.straight_29,
               show: touch == 'straight_29'
@@ -217,6 +228,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.straight_7,
               show: touch == 'straight_7'
@@ -236,6 +248,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.straight_28,
               show: touch == 'straight_28'
@@ -255,6 +268,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.straight_12,
               show: touch == 'straight_12'
@@ -274,6 +288,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.straight_35,
               show: touch == 'straight_35'
@@ -296,6 +311,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_5,
                 show: touch == 'straight_5'
@@ -315,6 +331,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_10,
                 show: touch == 'straight_10'
@@ -334,6 +351,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_23,
                 show: touch == 'straight_23'
@@ -353,6 +371,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_8,
                 show: touch == 'straight_8'
@@ -379,6 +398,7 @@
                 <confirmBet
                   @confirm="confirmChip"
                   @cancel="cancelChip"
+          @undo="undoChip"
                   :data="{
                     money: downChip.theThird,
                     show: touch == 'theThird'
@@ -397,6 +417,7 @@
                 <confirmBet
                   @confirm="confirmChip"
                   @cancel="cancelChip"
+          @undo="undoChip"
                   :data="{
                     money: downChip.orphans,
                     show: touch == 'orphans'
@@ -419,6 +440,7 @@
                 <confirmBet
                   @confirm="confirmChip"
                   @cancel="cancelChip"
+          @undo="undoChip"
                   :data="{
                     money: downChip.neighborsOfZero,
                     show: touch == 'neighborsOfZero'
@@ -444,6 +466,7 @@
                 <confirmBet
                   @confirm="confirmChip"
                   @cancel="cancelChip"
+          @undo="undoChip"
                   :data="{
                     money: downChip.zeroGame,
                     show: touch == 'zeroGame'
@@ -463,6 +486,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_3,
                 show: touch == 'straight_3'
@@ -482,6 +506,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_26,
                 show: touch == 'straight_26'
@@ -501,6 +526,7 @@
             <confirmBet
               @confirm="confirmChip"
               @cancel="cancelChip"
+          @undo="undoChip"
               :data="{
                 money: downChip.straight_0,
                 show: touch == 'straight_0'
@@ -523,6 +549,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.straight_30,
               show: touch == 'straight_30'
@@ -542,6 +569,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.straight_11,
               show: touch == 'straight_11'
@@ -561,6 +589,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.straight_36,
               show: touch == 'straight_36'
@@ -580,6 +609,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.straight_13,
               show: touch == 'straight_13'
@@ -599,6 +629,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.straight_27,
               show: touch == 'straight_27'
@@ -618,6 +649,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.straight_6,
               show: touch == 'straight_6'
@@ -637,6 +669,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.straight_34,
               show: touch == 'straight_34'
@@ -656,6 +689,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.straight_17,
               show: touch == 'straight_17'
@@ -675,6 +709,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.straight_25,
               show: touch == 'straight_25'
@@ -694,6 +729,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.straight_2,
               show: touch == 'straight_2'
@@ -713,6 +749,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.straight_21,
               show: touch == 'straight_21'
@@ -732,6 +769,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.straight_4,
               show: touch == 'straight_4'
@@ -751,6 +789,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.straight_19,
               show: touch == 'straight_19'
@@ -770,6 +809,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.straight_15,
               show: touch == 'straight_15'
@@ -789,6 +829,7 @@
           <confirmBet
             @confirm="confirmChip"
             @cancel="cancelChip"
+          @undo="undoChip"
             :data="{
               money: downChip.straight_32,
               show: touch == 'straight_32'
@@ -862,11 +903,14 @@ export default {
     const cancelChip = () => {
       context.emit("cancelChip")
     }
+    const undoChip = () => {
+      context.emit("undoChip")
+    }
 
     const testClick = () => {
       // console.log("点击有效")
     }
-    return { Type, Lang, downBet, confirmChip, cancelChip, testClick }
+    return { Type, Lang, downBet, confirmChip, cancelChip, undoChip, testClick }
   }
 }
 </script>

src/components/PlayTable/TableToning.vue

@@ -6,6 +6,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.toning_zero,
             show: touch == 'toning_zero'
@@ -32,6 +33,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.toning_plural,
             show: touch == 'toning_plural'
@@ -53,6 +55,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.toning_singular,
             show: touch == 'toning_singular'
@@ -74,6 +77,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.toning_four,
             show: touch == 'toning_four'
@@ -102,6 +106,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.toning_one,
             show: touch == 'toning_one'
@@ -128,6 +133,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.toning_small,
             show: touch == 'toning_small'
@@ -149,6 +155,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.toning_big,
             show: touch == 'toning_big'
@@ -170,6 +177,7 @@
         <confirmBet
           @confirm="confirmChip"
           @cancel="cancelChip"
+          @undo="undoChip"
           :data="{
             money: downChip.toning_three,
             show: touch == 'toning_three'
@@ -243,7 +251,10 @@ export default {
     const cancelChip = () => {
       context.emit("cancelChip")
     }
-    return { Type, Lang, downBet, confirmChip, cancelChip }
+    const undoChip = () => {
+      context.emit("undoChip")
+    }
+    return { Type, Lang, downBet, confirmChip, cancelChip, undoChip }
   }
 }
 </script>

src/components/PlayWay.vue

@@ -498,4 +498,71 @@ $gold: #c5a059;
     }
   }
 }
+
+/* 竖屏模式下，路单内容适配 */
+@media screen and (orientation: portrait) {
+  .playway.playway {
+    display: flex !important;
+    flex-direction: row !important;
+    align-items: stretch !important;
+    width: 100% !important;
+    height: 100% !important;
+
+    .canvas-box.canvas-box {
+      flex: 1 !important;
+      min-width: 0 !important;
+      width: auto !important;
+      height: 100% !important;
+      margin: 0 !important;
+    }
+
+    .btn-box.btn-box {
+      flex: none !important;
+      width: 150px !important;
+      height: 100% !important;
+      margin: 0 !important;
+      border-left: 1px solid #444 !important;
+      flex-direction: column !important;
+
+      .left,
+      .right {
+        flex: 1 !important;
+        flex-direction: column !important;
+        justify-content: space-evenly !important;
+      }
+    }
+
+    .totle-box.totle-box {
+      flex: none !important;
+      width: 100px !important;
+      height: 100% !important;
+      margin: 0 !important;
+      border-left: 1px solid #444 !important;
+
+      .list.list {
+        width: 100% !important;
+        height: 100% !important;
+        font-size: 0.22rem !important;
+        padding: 0.06rem 0.08rem !important;
+        display: flex !important;
+        flex-direction: column !important;
+        justify-content: space-evenly !important;
+        align-items: flex-start !important;
+
+        .item {
+          width: 100% !important;
+          margin: 0.01rem 0 !important;
+
+          .lab {
+            font-size: 0.2rem !important;
+          }
+
+          .num {
+            font-size: 0.22rem !important;
+          }
+        }
+      }
+    }
+  }
+}
 </style>

src/components/Poker.vue

@@ -1057,4 +1057,5 @@ export default {
 .poker-box.pt_nn .list .role {
   transform: rotateX(0deg);
 }
+
 </style>

src/components/confirmBet.vue

@@ -1,7 +1,11 @@
 <template>
   <div class="touch-view" :class="{ pointer: !data.show }">
+    <!-- 红色边框高亮效果 -->
+    <div class="highlight-border" v-if="data.show"></div>
+
     <div class="btn-box" v-if="data.show">
       <span class="cancel btn" @click.stop="cancel"></span>
+      <span class="undo btn" @click.stop="undo"></span>
       <span class="confirm btn" @click.stop="confirm"></span>
     </div>
     <div
@@ -48,11 +52,16 @@ export default {
     const cancel = () => {
       emit("cancel")
     }
+    // 撤销上一步
+    const undo = () => {
+      emit("undo")
+    }
     return {
       Type,
       Lang,
       confirm,
       cancel,
+      undo,
       props
     }
   }
@@ -61,19 +70,36 @@ export default {
 <style lang="scss" scoped>
 /* 深色豪华主题配色 */
 $gold: #c5a059;
+$red-highlight: #ff3b3b;
 
 .pointer {
   pointer-events: none;
 }
 .touch-view {
   position: absolute;
-  width: 2 * 1.35rem;
+  width: 3.5rem;
   z-index: 99;
   left: 50%;
   bottom: 80%;
   transform: translateX(-50%);
   text-align: center;
   height: 1rem;
+
+  /* 红色边框高亮效果 */
+  .highlight-border {
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    width: calc(100% + 0.4rem);
+    height: calc(100% + 1.8rem);
+    border: 3px solid $red-highlight;
+    border-radius: 0.2rem;
+    pointer-events: none;
+    z-index: -1;
+    animation: pulse-border 1.5s ease-in-out infinite;
+  }
+
   .num {
     background: rgba(197, 160, 89, 0.9);
     border-radius: 1rem;
@@ -87,20 +113,60 @@ $gold: #c5a059;
   .btn-box {
     display: flex;
     justify-content: center;
+    align-items: center;
     margin-bottom: 0.05rem;
+    gap: 0.15rem;
+
     .btn {
       width: 0.95 * 1.35rem;
       height: 0.95 * 1.35rem;
       background: url("~@/assets/images/sprite_btn.png");
       background-size: 2.2 * 1.35rem auto;
+      cursor: pointer;
+      transition: transform 0.1s ease;
+
+      &:active {
+        transform: scale(0.95);
+      }
+
+      /* 取消按钮 - 红色 X */
       &.cancel {
         background-position: -0.07 * 1.35rem -0.04 * 1.35rem;
         &:active {
           background-position: -1.18 * 1.35rem -0.04 * 1.35rem;
         }
       }
+
+      /* 撤销按钮 - 橙色箭头 */
+      &.undo {
+        width: 1rem;
+        height: 1rem;
+        background: linear-gradient(135deg, #ff9a3d 0%, #ff6b3d 100%);
+        border-radius: 50%;
+        box-shadow: 0 2px 8px rgba(255, 107, 61, 0.5);
+        position: relative;
+
+        &::before {
+          content: "";
+          position: absolute;
+          left: 50%;
+          top: 50%;
+          transform: translate(-50%, -50%);
+          width: 0.5rem;
+          height: 0.5rem;
+          border-left: 3px solid #fff;
+          border-bottom: 3px solid #fff;
+          transform: translate(-40%, -50%) rotate(45deg);
+        }
+
+        &:active {
+          background: linear-gradient(135deg, #e88935 0%, #e85f35 100%);
+          box-shadow: 0 1px 4px rgba(255, 107, 61, 0.3);
+        }
+      }
+
+      /* 确认按钮 - 绿色勾 */
       &.confirm {
-        margin-left: 0.1rem;
         background-position: -0.05 * 1.35rem -1.14 * 1.35rem;
         &:active {
           background-position: -1.17 * 1.35rem -1.13 * 1.35rem;
@@ -109,4 +175,17 @@ $gold: #c5a059;
     }
   }
 }
+
+/* 红色边框脉冲动画 */
+@keyframes pulse-border {
+  0%,
+  100% {
+    opacity: 0.8;
+    border-color: $red-highlight;
+  }
+  50% {
+    opacity: 1;
+    border-color: lighten($red-highlight, 10%);
+  }
+}
 </style>

src/views/play.vue

@@ -8,7 +8,7 @@
   >
     <div class="nav">
       <div class="left">
-        <div class="back" @click="router.replace({ name: routerStack })"></div>
+        <div class="back" @click="handleBack"></div>
         <div class="user">
           <div class="name">
             {{ userInfo.username }}
@@ -384,6 +384,23 @@ export default {
       showSwitchtab(false)
       showSwitchCamera(false)
     }
+
+    // 处理返回按钮
+    const handleBack = () => {
+      // 检查是否从 Portal 跳转过来
+      const urlParams = new URLSearchParams(window.location.search)
+      const from = urlParams.get('from')
+      const returnUrl = urlParams.get('returnUrl')
+
+      if (from === 'portal' && returnUrl) {
+        // 返回到 Portal
+        window.location.href = decodeURIComponent(returnUrl)
+      } else {
+        // 返回到游戏大厅
+        router.replace({ name: routerStack.value })
+      }
+    }
+
     // 显示快捷换台列表
     const showSwitchtab = (type) => {
       store.commit("app/standbyTime")
@@ -1210,6 +1227,7 @@ export default {
       offCamera,
       toggleAplayer,
       clearChip,
+      handleBack,
       cancelChip,
       showMenu,
       showSetFree,
@@ -1502,4 +1520,33 @@ $gold: #c5a059;
     }
   }
 }
+
+/* 竖屏模式下，路单区域平铺全屏 */
+@media screen and (orientation: portrait) {
+  .play .view {
+    .wayView {
+      width: 100% !important;
+      max-width: 100% !important;
+      height: 250px !important;
+      min-height: 250px !important;
+      margin: 0 !important;
+      padding: 0 !important;
+      left: 0 !important;
+      right: 0 !important;
+      display: flex !important;
+      flex-direction: row !important;
+
+      .pokerView {
+        order: 1 !important;
+        flex: none !important;
+        width: 200px !important;
+      }
+
+      .playway {
+        order: 2 !important;
+        flex: 1 !important;
+      }
+    }
+  }
+}
 </style>