src/views/Calculate/CalculateLive.vue

@@ -55,19 +55,20 @@
             class="elevation-1"
             hide-default-footer
           >
-            <template slot="body.prepend">
+            <template v-slot:item.email="{ item }">
-              <tr>
+              {{ item.email }}
-                <td colspan="5">
+            </template>
-                  합계
+
-                </td>
+            <template v-slot:item.nickname="{ item }">
-                <td>{{ sumField('numberOfPeople').toLocaleString() }} 명</td>
+              {{ item.nickname }}
-                <td>{{ sumField('totalAmount').toLocaleString() }} 캔</td>
+            </template>
-                <td>{{ sumField('totalKrw').toLocaleString() }} 원</td>
+
-                <td>{{ sumField('paymentFee').toLocaleString() }} 원</td>
+            <template v-slot:item.date="{ item }">
-                <td>{{ sumField('settlementAmount').toLocaleString() }} 원</td>
+              {{ item.date }}
-                <td>{{ sumField('tax').toLocaleString() }} 원</td>
+            </template>
-                <td>{{ sumField('depositAmount').toLocaleString() }} 원</td>
+
-              </tr>
+            <template v-slot:item.title="{ item }">
+              {{ item.title }}
             </template>
 
             <template v-slot:item.entranceFee="{ item }">
@@ -144,7 +145,7 @@ export default {
           field: "entranceFee",
         },
         {
-          label: "유료방참여인원",
+          label: "인원",
           field: "numberOfPeople",
         },
         {
@@ -203,7 +204,7 @@ export default {
           value: 'entranceFee',
         },
         {
-          text: '유료방참여인원',
+          text: '인원',
           align: 'center',
           sortable: false,
           value: 'numberOfPeople',
@@ -279,10 +280,6 @@ export default {
       this.$dialog.notify.success(message)
     },
 
-    sumField(key) {
-      return this.items.reduce((a, b) => a + (b[key] || 0), 0)
-    },
-
     async getCalculateLive() {
       this.is_loading = true