From 6e6cd9772b6dc8e842672729c2be0d8b727afdc8 Mon Sep 17 00:00:00 2001
From: li <ljf@com>
Date: Wed, 11 Feb 2026 02:24:21 +0800
Subject: [PATCH] =?UTF-8?q?revert:=20=E5=9B=9E=E6=BB=9A=E9=97=AE=E8=B7=AF?=
 =?UTF-8?q?=E9=9D=A2=E6=9D=BF=E7=9B=B8=E5=85=B3=E4=BF=AE=E6=94=B9=EF=BC=8C?=
 =?UTF-8?q?=E6=81=A2=E5=A4=8D=E5=8E=9F=E5=A7=8B=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/PlayWay.vue | 148 +++++++++++++++++++++----------------
 src/views/play.vue         |   2 -
 2 files changed, 83 insertions(+), 67 deletions(-)

diff --git a/src/components/PlayWay.vue b/src/components/PlayWay.vue
index 47d6fccf..a114f343 100644
--- a/src/components/PlayWay.vue
+++ b/src/components/PlayWay.vue
@@ -56,27 +56,36 @@
       <div class="road-box-container">
         <div class="road-box">
           <canvas class="canvas" ref="refItem"></canvas>
-        </div>
-      </div>
-      <!-- 问路栏 -->
-      <div class="ask-bar" v-if="[1,2].includes(tableData.game_id)">
-        <div class="ask-group" @click="askWay('banker')">
-          <span class="ask-label text-red">{{ Lang[Type].askbanker }}</span>
-          <span class="dot hollow red" v-if="autoaskData.BbigEyeRoadisshow && autoaskData.BbigEyeRoadcolor == 'red'"></span>
-          <span class="dot hollow blue" v-if="autoaskData.BbigEyeRoadisshow && autoaskData.BbigEyeRoadcolor == 'blue'"></span>
-          <span class="dot solid red" v-if="autoaskData.Bpathwayisshow && autoaskData.Bpathwaycolor == 'red'"></span>
-          <span class="dot solid blue" v-if="autoaskData.Bpathwayisshow && autoaskData.Bpathwaycolor == 'blue'"></span>
-          <span class="dot slash red" v-if="autoaskData.Broachisshow && autoaskData.Broachcolor == 'red'"></span>
-          <span class="dot slash blue" v-if="autoaskData.Broachisshow && autoaskData.Broachcolor == 'blue'"></span>
-        </div>
-        <div class="ask-group" @click="askWay('player')">
-          <span class="ask-label text-blue">{{ Lang[Type].askplayer }}</span>
-          <span class="dot hollow red" v-if="autoaskData.PbigEyeRoadisshow && autoaskData.PbigEyeRoadcolor == 'red'"></span>
-          <span class="dot hollow blue" v-if="autoaskData.PbigEyeRoadisshow && autoaskData.PbigEyeRoadcolor == 'blue'"></span>
-          <span class="dot solid red" v-if="autoaskData.Ppathwayisshow && autoaskData.Ppathwaycolor == 'red'"></span>
-          <span class="dot solid blue" v-if="autoaskData.Ppathwayisshow && autoaskData.Ppathwaycolor == 'blue'"></span>
-          <span class="dot slash red" v-if="autoaskData.Proachisshow && autoaskData.Proachcolor == 'red'"></span>
-          <span class="dot slash blue" v-if="autoaskData.Proachisshow && autoaskData.Proachcolor == 'blue'"></span>
+          
+          <!-- Ask Way Overlay (Bottom Right) -->
+          <div class="ask-panel" v-if="[1,2].includes(tableData.game_id)">
+            <div class="ask-group banker" @click="askWay('banker')">
+                <div class="ask-title text-red">{{ Lang[Type].askbanker }}</div>
+                <div class="ask-icons">
+                    <span class="dot hollow red" v-if="autoaskData.BbigEyeRoadisshow && autoaskData.BbigEyeRoadcolor == 'red'"></span>
+                    <span class="dot hollow blue" v-if="autoaskData.BbigEyeRoadisshow && autoaskData.BbigEyeRoadcolor == 'blue'"></span>
+                    
+                    <span class="dot solid red" v-if="autoaskData.Bpathwayisshow && autoaskData.Bpathwaycolor == 'red'"></span>
+                    <span class="dot solid blue" v-if="autoaskData.Bpathwayisshow && autoaskData.Bpathwaycolor == 'blue'"></span>
+                    
+                    <span class="dot slash red" v-if="autoaskData.Broachisshow && autoaskData.Broachcolor == 'red'"></span>
+                    <span class="dot slash blue" v-if="autoaskData.Broachisshow && autoaskData.Broachcolor == 'blue'"></span>
+                </div>
+            </div>
+            <div class="ask-group player" @click="askWay('player')">
+                <div class="ask-title text-blue">{{ Lang[Type].askplayer }}</div>
+                <div class="ask-icons">
+                    <span class="dot hollow red" v-if="autoaskData.PbigEyeRoadisshow && autoaskData.PbigEyeRoadcolor == 'red'"></span>
+                    <span class="dot hollow blue" v-if="autoaskData.PbigEyeRoadisshow && autoaskData.PbigEyeRoadcolor == 'blue'"></span>
+                    
+                    <span class="dot solid red" v-if="autoaskData.Ppathwayisshow && autoaskData.Ppathwaycolor == 'red'"></span>
+                    <span class="dot solid blue" v-if="autoaskData.Ppathwayisshow && autoaskData.Ppathwaycolor == 'blue'"></span>
+                    
+                    <span class="dot slash red" v-if="autoaskData.Proachisshow && autoaskData.Proachcolor == 'red'"></span>
+                    <span class="dot slash blue" v-if="autoaskData.Proachisshow && autoaskData.Proachcolor == 'blue'"></span>
+                </div>
+            </div>
+          </div>
         </div>
       </div>
     </div>
@@ -263,63 +272,72 @@ export default {
     }
 
     /* Ask Panel - Integrated into grid (bottom 3 rows, far right) */
-    .ask-bar {
+    .ask-panel {
+      position: absolute;
+      right: 0;
+      bottom: 0;
+      width: 25%; /* Roughly 6/24 of width */
+      height: 50%; /* Covers bottom 3 rows (50% of 6 rows) */
       display: flex;
-      justify-content: flex-end;
-      align-items: center;
-      gap: 12px;
-      padding: 3px 10px;
-      background: #f5f5f5;
-      border-top: 1px solid #e0e0e0;
+      background: #fff;
+      border-left: 1px solid #eee;
+      border-top: 1px solid #eee;
+      z-index: 10;
 
       .ask-group {
+        flex: 1;
         display: flex;
+        flex-direction: column;
         align-items: center;
-        gap: 4px;
+        justify-content: center;
         cursor: pointer;
-
-        .ask-label {
-          font-size: 11px;
-          font-weight: 600;
-          margin-right: 2px;
+        
+        &.banker {
+          border-right: 1px solid #f5f5f5;
         }
 
-        .dot {
-          display: inline-block;
-          &.solid {
-            width: 10px;
-            height: 10px;
-            border-radius: 50%;
-            &.red { background: #e40000; }
-            &.blue { background: #0056ee; }
-          }
-          &.hollow {
-            width: 9px;
-            height: 9px;
-            border-radius: 50%;
-            border: 2px solid;
-            &.red { border-color: #e40000; }
-            &.blue { border-color: #0056ee; }
-          }
-          &.slash {
-            width: 9px;
-            height: 9px;
-            position: relative;
-            &::before {
-              content: '';
-              position: absolute;
-              top: 0; left: 50%;
-              width: 2px;
-              height: 100%;
-              transform: rotate(45deg);
+        .ask-title {
+          font-size: 11px !important;
+          font-weight: 500;
+          color: #333;
+          margin-bottom: 2px;
+          white-space: nowrap;
+        }
+
+        .ask-icons {
+          display: flex;
+          gap: 4px;
+          align-items: center;
+
+          .dot {
+            display: inline-block;
+            &.solid {
+              width: 10px;
+              height: 10px;
+              border-radius: 50%;
+              &.red { background: #e40000; }
+              &.blue { background: #0056ee; }
+            }
+            &.hollow {
+              width: 8px;
+              height: 8px;
+              border-radius: 50%;
+              border: 1.5px solid;
+              &.red { border-color: #e40000; }
+              &.blue { border-color: #0056ee; }
+            }
+            &.slash {
+              width: 2px;
+              height: 10px;
+              transform: rotate(-45deg);
+              border-radius: 1px;
+              &.red { background: #e40000; }
+              &.blue { background: #0056ee; }
             }
-            &.red::before { background: #e40000; }
-            &.blue::before { background: #0056ee; }
           }
         }
       }
     }
-
   }
 }
 
diff --git a/src/views/play.vue b/src/views/play.vue
index f869f422..39ee241a 100644
--- a/src/views/play.vue
+++ b/src/views/play.vue
@@ -1092,10 +1092,8 @@ export default {
             break
           case "startBetCountDown": //倒计时
             if (data.count_down == 10) {
-              console.log('[DEBUG] 播放 last_10_seconds')
               audioMp3(["last_10_seconds"]).Play()
             } else if (data.count_down < 9) {
-              console.log('[DEBUG] 播放 time')
               audioMp3(["time"]).Play()
             }
             break