From b672420c5735f233e75a97bc14a15a1add49c472 Mon Sep 17 00:00:00 2001
From: XLor <yjl9903@vip.qq.com>
Date: Tue, 5 Mar 2024 16:23:13 +0800
Subject: [PATCH] feat: move current city first

---
 components/City.vue | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/components/City.vue b/components/City.vue
index 734c6ef..f8b7a4e 100644
--- a/components/City.vue
+++ b/components/City.vue
@@ -24,6 +24,8 @@ import CreateLog from './CreateLog.vue';
 
 const props = defineProps<{ city: CityInfo }>();
 
+const currentCity = props.city;
+
 const timestamp = useTimestamp({ interval: 10 * 1000 });
 
 const store = useLatestLogs();
@@ -37,16 +39,28 @@ const store = useLatestLogs();
     <CardContent>
       <Table>
         <TableHeader>
-          <TableRow
+          <TableRow class="boder-t"
             ><TableHead class="w-[120px]">商品</TableHead
-            ><TableHead v-for="city in cities" :key="city.name">{{ city.name }}</TableHead
+            ><TableHead class="border-r">{{ currentCity.name }}</TableHead
+            ><TableHead
+              v-for="city in cities.filter((c) => c.name !== currentCity.name)"
+              :key="city.name"
+              >{{ city.name }}</TableHead
             ><TableHead class="w-[100px]">操作</TableHead></TableRow
           >
         </TableHeader>
         <TableBody>
           <TableRow v-for="product in city.products" :key="product.name">
             <TableCell>{{ product.name }}</TableCell>
-            <TableCell v-for="target in cities" :key="target.name"
+            <TableCell class="border-r"
+              ><Price
+                :timestamp="timestamp"
+                :log="store.getLatestLog(city.name, product.name, currentCity.name)"
+              ></Price
+            ></TableCell>
+            <TableCell
+              v-for="target in cities.filter((c) => c.name !== currentCity.name)"
+              :key="target.name"
               ><Price
                 :timestamp="timestamp"
                 :log="store.getLatestLog(city.name, product.name, target.name)"