增加点击订单数量跳转到订单列表页面

src/views/home/data_tables.vue

@@ -57,8 +57,14 @@
         <!-- <el-table-column label="区域id" prop="areaId"></el-table-column> -->
         <el-table-column label="区域名称" prop="areaName"></el-table-column>
         <!-- <el-table-column label="门店id" prop="shopId"></el-table-column> -->
-        <el-table-column label="台桌id" prop="tableId"></el-table-column>
-        <el-table-column label="订单数量" prop="orderCount"></el-table-column>
+        <el-table-column label="台桌号" prop="tableId"></el-table-column>
+        <el-table-column label="订单数量" prop="orderCount">
+          <template v-slot="scope">
+            <div class="cursor-pointer" @click="toTableOrderList(scope.row)">
+              {{ scope.row.orderCount }}
+            </div>
+          </template>
+        </el-table-column>
         <el-table-column label="订单金额" prop="orderAmount"></el-table-column>
         
       </el-table>
@@ -127,6 +133,16 @@ export default {
     this.getTableData();
   },
   methods: {
+    //携带table id跳转到订单列表页面
+    toTableOrderList(data){
+      console.log(data)
+      this.$router.push({
+        path:'/order_manage/order_list',
+        query:{
+          tableName: data.tableName
+        }
+     })
+    },
     // 导出Excel
     async downloadHandle() {
       try {
@@ -254,6 +270,9 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.cursor-pointer{
+  cursor: pointer;
+}
 .collect_wrap {
   display: flex;
   gap: 14px;