From 349adcdc5f73ade6e32e4ac77b5aefb4cc5ee97b Mon Sep 17 00:00:00 2001
From: kzhrk <info@kzhrk.com>
Date: Sat, 11 Apr 2020 10:56:29 +0900
Subject: [PATCH 1/3] =?UTF-8?q?v-data-table=E3=81=AEtbody=E3=81=AE?=
 =?UTF-8?q?=E8=A6=8B=E5=87=BA=E3=81=97=E3=82=BB=E3=83=AB=E3=82=92th?=
 =?UTF-8?q?=E3=81=AB=E5=A4=89=E6=9B=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/AgencyBarChart.vue      | 13 ++++++++++++-
 components/DataTable.vue           | 15 ++++++++++++++-
 components/MetroBarChart.vue       | 13 ++++++++++++-
 components/TimeBarChart.vue        | 11 ++++++++++-
 components/TimeStackedBarChart.vue | 13 ++++++++++++-
 5 files changed, 60 insertions(+), 5 deletions(-)

diff --git a/components/AgencyBarChart.vue b/components/AgencyBarChart.vue
index 957a8ab3c232e..7e11003226169 100644
--- a/components/AgencyBarChart.vue
+++ b/components/AgencyBarChart.vue
@@ -28,7 +28,18 @@
       :mobile-breakpoint="0"
       class="cardTable"
       item-key="name"
-    />
+    >
+      <template v-slot:body="{ items }">
+        <tbody>
+          <tr v-for="item in items" :key="item.text">
+            <th>{{ item.text }}</th>
+            <td>{{ item[0] }}</td>
+            <td>{{ item[1] }}</td>
+            <td>{{ item[2] }}</td>
+          </tr>
+        </tbody>
+      </template>
+    </v-data-table>
   </data-view>
 </template>
 
diff --git a/components/DataTable.vue b/components/DataTable.vue
index 0fb93ecbeb196..22ca224e35c6f 100644
--- a/components/DataTable.vue
+++ b/components/DataTable.vue
@@ -14,7 +14,19 @@
       :mobile-breakpoint="0"
       :custom-sort="customSort"
       class="cardTable"
-    />
+    >
+      <template v-slot:body="{ items }">
+        <tbody>
+          <tr v-for="item in items" :key="item.text">
+            <th>{{ item['公表日'] }}</th>
+            <td>{{ item['居住地'] }}</td>
+            <td>{{ item['年代'] }}</td>
+            <td>{{ item['性別'] }}</td>
+            <td>{{ item['退院'] }}</td>
+          </tr>
+        </tbody>
+      </template>
+    </v-data-table>
     <div class="note">
       {{ $t('※退院には、死亡退院を含む') }}
     </div>
@@ -63,6 +75,7 @@
         }
 
         &:nth-child(odd) {
+          th,
           td {
             background: rgba($gray-4, 0.3);
           }
diff --git a/components/MetroBarChart.vue b/components/MetroBarChart.vue
index 8ae6c161f7f03..569a9479bc06d 100644
--- a/components/MetroBarChart.vue
+++ b/components/MetroBarChart.vue
@@ -28,7 +28,18 @@
       :mobile-breakpoint="0"
       class="cardTable"
       item-key="name"
-    />
+    >
+      <template v-slot:body="{ items }">
+        <tbody>
+          <tr v-for="item in items" :key="item.text">
+            <th>{{ item.text }}</th>
+            <td>{{ item[0] }}</td>
+            <td>{{ item[1] }}</td>
+            <td>{{ item[2] }}</td>
+          </tr>
+        </tbody>
+      </template>
+    </v-data-table>
     <template v-slot:footer>
       <external-link
         :url="'https://smooth-biz.metro.tokyo.lg.jp/pdf/202004date3.pdf'"
diff --git a/components/TimeBarChart.vue b/components/TimeBarChart.vue
index 5e24420dedd9a..265359bb81af1 100644
--- a/components/TimeBarChart.vue
+++ b/components/TimeBarChart.vue
@@ -46,7 +46,16 @@
       :mobile-breakpoint="0"
       class="cardTable"
       item-key="name"
-    />
+    >
+      <template v-slot:body="{ items }">
+        <tbody>
+          <tr v-for="item in items" :key="item.text">
+            <th>{{ item.text }}</th>
+            <td>{{ item['0'] }}</td>
+          </tr>
+        </tbody>
+      </template>
+    </v-data-table>
     <template v-slot:infoPanel>
       <data-view-basic-info-panel
         :l-text="displayInfo.lText"
diff --git a/components/TimeStackedBarChart.vue b/components/TimeStackedBarChart.vue
index fac1fb7346ddf..fc73839a6d6c9 100644
--- a/components/TimeStackedBarChart.vue
+++ b/components/TimeStackedBarChart.vue
@@ -79,8 +79,19 @@
       :fixed-header="true"
       :disable-sort="true"
       :mobile-breakpoint="0"
+      class="cardTable"
       item-key="name"
-    />
+    >
+      <template v-slot:body="{ items }">
+        <tbody>
+          <tr v-for="item in items" :key="item.text">
+            <th>{{ item.text }}</th>
+            <td>{{ item['0'] }}</td>
+            <td>{{ item['1'] }}</td>
+          </tr>
+        </tbody>
+      </template>
+    </v-data-table>
     <p :class="$style.DataViewDesc">
       <slot name="additionalNotes" />
     </p>

From c44d53034504003d88d72a719362e940865bc4d3 Mon Sep 17 00:00:00 2001
From: kzhrk <info@kzhrk.com>
Date: Sat, 11 Apr 2020 11:46:57 +0900
Subject: [PATCH 2/3] =?UTF-8?q?v-slot:body=E3=81=A7=E5=AE=9A=E7=BE=A9?=
 =?UTF-8?q?=E3=81=97=E3=81=9Fth,=20td=E3=81=AB=E3=82=AF=E3=83=A9=E3=82=B9?=
 =?UTF-8?q?=E3=82=92=E4=BB=98=E4=B8=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/AgencyBarChart.vue      |  8 ++++----
 components/DataTable.vue           | 10 +++++-----
 components/MetroBarChart.vue       |  8 ++++----
 components/TimeBarChart.vue        |  4 ++--
 components/TimeStackedBarChart.vue |  6 +++---
 5 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/components/AgencyBarChart.vue b/components/AgencyBarChart.vue
index 7e11003226169..3438aabab5084 100644
--- a/components/AgencyBarChart.vue
+++ b/components/AgencyBarChart.vue
@@ -32,10 +32,10 @@
       <template v-slot:body="{ items }">
         <tbody>
           <tr v-for="item in items" :key="item.text">
-            <th>{{ item.text }}</th>
-            <td>{{ item[0] }}</td>
-            <td>{{ item[1] }}</td>
-            <td>{{ item[2] }}</td>
+            <th class="text-start">{{ item.text }}</th>
+            <td class="text-start">{{ item[0] }}</td>
+            <td class="text-start">{{ item[1] }}</td>
+            <td class="text-start">{{ item[2] }}</td>
           </tr>
         </tbody>
       </template>
diff --git a/components/DataTable.vue b/components/DataTable.vue
index 22ca224e35c6f..88aa78f8d6f22 100644
--- a/components/DataTable.vue
+++ b/components/DataTable.vue
@@ -18,11 +18,11 @@
       <template v-slot:body="{ items }">
         <tbody>
           <tr v-for="item in items" :key="item.text">
-            <th>{{ item['公表日'] }}</th>
-            <td>{{ item['居住地'] }}</td>
-            <td>{{ item['年代'] }}</td>
-            <td>{{ item['性別'] }}</td>
-            <td>{{ item['退院'] }}</td>
+            <th class="text-start">{{ item['公表日'] }}</th>
+            <td class="text-start">{{ item['居住地'] }}</td>
+            <td class="text-start">{{ item['年代'] }}</td>
+            <td class="text-start">{{ item['性別'] }}</td>
+            <td class="text-center">{{ item['退院'] }}</td>
           </tr>
         </tbody>
       </template>
diff --git a/components/MetroBarChart.vue b/components/MetroBarChart.vue
index 569a9479bc06d..7101867d6cb49 100644
--- a/components/MetroBarChart.vue
+++ b/components/MetroBarChart.vue
@@ -32,10 +32,10 @@
       <template v-slot:body="{ items }">
         <tbody>
           <tr v-for="item in items" :key="item.text">
-            <th>{{ item.text }}</th>
-            <td>{{ item[0] }}</td>
-            <td>{{ item[1] }}</td>
-            <td>{{ item[2] }}</td>
+            <th class="text-start">{{ item.text }}</th>
+            <td class="text-start">{{ item[0] }}</td>
+            <td class="text-start">{{ item[1] }}</td>
+            <td class="text-start">{{ item[2] }}</td>
           </tr>
         </tbody>
       </template>
diff --git a/components/TimeBarChart.vue b/components/TimeBarChart.vue
index 265359bb81af1..dd69472abcf3f 100644
--- a/components/TimeBarChart.vue
+++ b/components/TimeBarChart.vue
@@ -50,8 +50,8 @@
       <template v-slot:body="{ items }">
         <tbody>
           <tr v-for="item in items" :key="item.text">
-            <th>{{ item.text }}</th>
-            <td>{{ item['0'] }}</td>
+            <th class="text-start">{{ item.text }}</th>
+            <td class="text-start">{{ item['0'] }}</td>
           </tr>
         </tbody>
       </template>
diff --git a/components/TimeStackedBarChart.vue b/components/TimeStackedBarChart.vue
index fc73839a6d6c9..79c0b3e350955 100644
--- a/components/TimeStackedBarChart.vue
+++ b/components/TimeStackedBarChart.vue
@@ -85,9 +85,9 @@
       <template v-slot:body="{ items }">
         <tbody>
           <tr v-for="item in items" :key="item.text">
-            <th>{{ item.text }}</th>
-            <td>{{ item['0'] }}</td>
-            <td>{{ item['1'] }}</td>
+            <th class="text-start">{{ item.text }}</th>
+            <td class="text-start">{{ item['0'] }}</td>
+            <td class="text-start">{{ item['1'] }}</td>
           </tr>
         </tbody>
       </template>

From 12e70aa5db09b9e9e90e25017e6a44ef4f736711 Mon Sep 17 00:00:00 2001
From: kzhrk <info@kzhrk.com>
Date: Sat, 11 Apr 2020 11:47:52 +0900
Subject: [PATCH 3/3] =?UTF-8?q?th=E3=82=BF=E3=82=B0=E3=81=AEfont-weight?=
 =?UTF-8?q?=E3=82=92=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/DataTable.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/components/DataTable.vue b/components/DataTable.vue
index 88aa78f8d6f22..9d4bbc44dada3 100644
--- a/components/DataTable.vue
+++ b/components/DataTable.vue
@@ -64,6 +64,10 @@
       tr {
         color: $gray-1;
 
+        th {
+          font-weight: normal;
+        }
+
         td {
           padding: 8px 10px;
           height: auto;