From 9b7290f01927cda092d1f9d70b4f7a8248d126b0 Mon Sep 17 00:00:00 2001
From: gyq <875626088@qq.com>
Date: Tue, 2 Dec 2025 14:30:06 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=8F=B0=E6=A1=8C=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E6=95=88=E6=9E=9C=EF=BC=8C=E4=BF=AE=E5=A4=8D=E5=87=BA?=
 =?UTF-8?q?=E8=8F=9C=E5=BE=85=E5=87=BA=E8=8F=9C=E6=95=B0=E9=87=8F=E4=B8=8D?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/src/views/home.vue | 71 ++++++++++++++++-----------------
 1 file changed, 34 insertions(+), 37 deletions(-)

diff --git a/src/renderer/src/views/home.vue b/src/renderer/src/views/home.vue
index 75dcfd1..e58d8af 100644
--- a/src/renderer/src/views/home.vue
+++ b/src/renderer/src/views/home.vue
@@ -48,35 +48,38 @@
             </div> -->
         </div>
         <div class="table_list_wrap" v-if="checkType == 1">
-            <div class="item list" :class="{ empty: tableList.length <= 0 }">
-                <div class="tab_item" :class="{ active: selectItem.orderId === item.orderId }" v-for="item in tableList"
-                    :key="item.orderId" @click="changeTableItem(item)">
-                    <div class="tab_header_wrap">
-                        {{ item.tableName }} | {{ item.areaName }}
-                    </div>
-                    <div class="content">
-                        <div class="btn_wrap">
-                            <div class="btn">
-                                <el-button :type="selectItem.orderId === item.orderId ? 'danger' : 'primary'"
-                                    style="width: 100%;">待出菜（{{ item.pendingDishCount
-                                    }}）</el-button>
-                            </div>
+            <div class="item" :class="{ empty: tableList.length <= 0 }">
+                <div class="list">
+                    <div class="tab_item" :class="{ active: index === selectItemIndex }"
+                        v-for="(item, index) in tableList" :key="item.orderId" @click="changeTableItem(index)">
+                        <div class="tab_header_wrap">
+                            {{ item.tableName }} | {{ item.areaName }}
                         </div>
-                        <!-- <div class="people_wrap">
+                        <div class="content">
+                            <div class="btn_wrap">
+                                <div class="btn">
+                                    <el-button :type="index === selectItemIndex ? 'danger' : 'primary'"
+                                        style="width: 100%;">待出菜（{{ item.pendingDishCount
+                                        }}）</el-button>
+                                </div>
+                            </div>
+                            <!-- <div class="people_wrap">
                             <peopleIcon />
                             <span>1人</span>
                         </div> -->
+                        </div>
                     </div>
+                    <el-empty v-if="tableList.length <= 0"></el-empty>
                 </div>
-                <el-empty v-if="tableList.length <= 0"></el-empty>
             </div>
-            <div class="item table_info">
+            <div class="item table_info" v-if="tableList.length">
                 <div class="table_info_wrap">
-                    <el-button type="primary">{{ selectItem.tableName || '-' }} | {{ selectItem.areaName || '-'
+                    <el-button type="primary">{{ tableList[selectItemIndex].tableName || '-' }} | {{
+                        tableList[selectItemIndex].areaName || '-'
                     }}</el-button>
-                    <el-text>待出菜（{{ selectItem.pendingDishCount }}）</el-text>
-                    <el-text>员工名称：{{ selectItem.staffName || notStaff }}</el-text>
-                    <el-text>下单时间：{{ selectItem.orderTime || '-' }}</el-text>
+                    <el-text>待出菜（{{ tableList[selectItemIndex].pendingDishCount }}）</el-text>
+                    <el-text>员工名称：{{ tableList[selectItemIndex].staffName || notStaff }}</el-text>
+                    <el-text>下单时间：{{ tableList[selectItemIndex].orderTime || '-' }}</el-text>
                 </div>
                 <div class="table_wrap">
                     <el-table :data="tableData.list" border stripe>
@@ -118,7 +121,7 @@
                 <div class="table" v-for="(item, index) in goodsTableData" :key="index">
                     <div class="goods_table_title">
                         <span>{{ item.productName }} 待出菜（{{ item.total
-                            }}）</span>
+                        }}）</span>
                     </div>
                     <el-table :data="item.foodItems" border stripe>
                         <el-table-column label="下单台桌" prop="areaName">
@@ -216,6 +219,7 @@ const checkType = ref(1)
 
 // 清除搜索内容
 function inputClear() {
+    selectItemIndex.value = 0
     goodsListActive.value = -1
     checkTypeHandle({ value: checkType.value })
 }
@@ -257,7 +261,7 @@ const queryForm = reactive({
 
 // 按台桌查看
 const tableList = ref([])
-const selectItem = ref({})
+const selectItemIndex = ref(0)
 async function getKitchenTableAjax() {
     try {
         const res = await getKitchenTable({
@@ -265,14 +269,9 @@ async function getKitchenTableAjax() {
         })
         tableList.value = res
         if (res.length > 0) {
-            if (!selectItem.value.orderId) {
-                selectItem.value = res[0]
-            }
             getKitchenTableFoodsAjax()
-
-            console.log(selectItem.value);
         } else {
-            selectItem.value = {}
+            selectItemIndex.value = 0
             tableData.list = []
         }
     } catch (error) {
@@ -281,8 +280,8 @@ async function getKitchenTableAjax() {
 }
 
 // 切换台桌
-function changeTableItem(item) {
-    selectItem.value = item
+function changeTableItem(index) {
+    selectItemIndex.value = index
     getKitchenTableFoodsAjax()
 }
 
@@ -293,9 +292,9 @@ const tableData = reactive({
 async function getKitchenTableFoodsAjax() {
     try {
         const res = await getKitchenTableFoods({
-            orderId: selectItem.value.orderId,
-            tableCode: selectItem.value.tableCode,
-            isNoTable: selectItem.value.tableCode ? '' : 1
+            orderId: tableList.value[selectItemIndex.value].orderId,
+            tableCode: tableList.value[selectItemIndex.value].tableCode,
+            isNoTable: tableList.value[selectItemIndex.value].tableCode ? '' : 1
         })
 
         res.forEach(item => {
@@ -596,12 +595,10 @@ onUnmounted(() => {
         .item {
             flex: 1;
 
-            &.list {
+            .list {
                 display: grid;
                 grid-template-columns: repeat(4, 1fr);
-                grid-template-rows: repeat(auto, 1fr);
-                grid-column-gap: var(--padding);
-                grid-row-gap: var(--padding);
+                gap: var(--padding);
 
                 &.empty {
                     display: flex;