台桌列表样式调整

src/views/table/table_list.vue

@@ -70,13 +70,13 @@
             <div class="row">
               <span class="tips">客座次数：{{ item.maxCapacity }}人</span>
             </div>
-            <div class="row">
+            <div class="row btn-group">
               <template v-if="item.status == 'idle'">
                 <el-button
                   type="primary"
                   :disabled="!item.tableId || item.status === 'closed'"
                   @click="diancanShow(item)"
-                  >点餐</el-button>
+                  >开始点餐</el-button>
               </template>
               <template v-if="item.status == 'using'">
                 <el-button
@@ -281,7 +281,13 @@ export default {
     display: flex;
     justify-content: center;
   }
-
+  .btn-group{
+    display: flex;
+    gap: 10px;
+  }
+  ::v-deep .el-button{
+    width: 100%;
+  }
   .item {
     border: 1px solid #ddd;
     display: flex;