From 8378fd0c5f09dbfe081dab1bc8081b7a43935dfd Mon Sep 17 00:00:00 2001
From: li <ljf@com>
Date: Wed, 11 Feb 2026 02:20:41 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E9=97=AE=E8=B7=AF=E6=A0=8F?=
 =?UTF-8?q?=E7=8B=AC=E7=AB=8B=E6=94=BE=E5=9C=A8=E8=B7=AF=E5=8D=95=E5=BA=95?=
 =?UTF-8?q?=E9=83=A8=EF=BC=8C=E4=B8=8D=E9=81=AE=E6=8C=A1=E8=B7=AF=E5=8D=95?=
 =?UTF-8?q?=E4=B8=8D=E6=8C=A4=E7=BB=9F=E8=AE=A1=E6=A0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/PlayWay.vue | 73 ++++++++++++++++++++------------------
 1 file changed, 38 insertions(+), 35 deletions(-)

diff --git a/src/components/PlayWay.vue b/src/components/PlayWay.vue
index d0adfab7..47d6fccf 100644
--- a/src/components/PlayWay.vue
+++ b/src/components/PlayWay.vue
@@ -30,27 +30,6 @@
             <span class="badge black">{{ Lang[Type].game }}</span>
             <span class="game-info">{{ tableData.number_tab_number || '0-0' }}</span>
           </div>
-          <!-- 问路 -->
-          <div class="ask-panel-inline" 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>
-            </div>
-          </div>
         </div>
         <!-- NiuNiu/TC Stats -->
         <div class="left-stats" v-else-if="[4, 5].includes(tableData.game_id)">
@@ -79,6 +58,27 @@
           <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>
+        </div>
+      </div>
     </div>
 
     <!-- Fallback for Other Games -->
@@ -263,50 +263,53 @@ export default {
     }
 
     /* Ask Panel - Integrated into grid (bottom 3 rows, far right) */
-    .ask-panel-inline {
-      margin-left: auto;
+    .ask-bar {
       display: flex;
-      gap: 8px;
+      justify-content: flex-end;
       align-items: center;
+      gap: 12px;
+      padding: 3px 10px;
+      background: #f5f5f5;
+      border-top: 1px solid #e0e0e0;
 
       .ask-group {
         display: flex;
         align-items: center;
-        gap: 3px;
+        gap: 4px;
         cursor: pointer;
 
         .ask-label {
-          font-size: 10px;
-          font-weight: 500;
+          font-size: 11px;
+          font-weight: 600;
           margin-right: 2px;
         }
 
         .dot {
           display: inline-block;
           &.solid {
-            width: 8px;
-            height: 8px;
+            width: 10px;
+            height: 10px;
             border-radius: 50%;
             &.red { background: #e40000; }
             &.blue { background: #0056ee; }
           }
           &.hollow {
-            width: 7px;
-            height: 7px;
+            width: 9px;
+            height: 9px;
             border-radius: 50%;
-            border: 1.5px solid;
+            border: 2px solid;
             &.red { border-color: #e40000; }
             &.blue { border-color: #0056ee; }
           }
           &.slash {
-            width: 7px;
-            height: 7px;
+            width: 9px;
+            height: 9px;
             position: relative;
             &::before {
               content: '';
               position: absolute;
               top: 0; left: 50%;
-              width: 1.5px;
+              width: 2px;
               height: 100%;
               transform: rotate(45deg);
             }