src/views/Calculate/CalculateCommunityByCreator.vue

@@ -76,6 +76,21 @@
             class="elevation-1"
             hide-default-footer
           >
+            <template slot="body.prepend">
+              <tr>
+                <td colspan="2">
+                  합계
+                </td>
+                <td>{{ sumField('totalCan').toLocaleString() }} 캔</td>
+                <td>{{ sumField('totalKrw').toLocaleString() }} 원</td>
+                <td>{{ sumField('paymentFee').toLocaleString() }} 원</td>
+                <td>{{ sumField('settlementAmount').toLocaleString() }} 원</td>
+                <td>{{ sumField('tax').toLocaleString() }} 원</td>
+                <td>{{ sumField('depositAmount').toLocaleString() }} 원</td>
+                <td />
+              </tr>
+            </template>
+
             <template v-slot:item.email="{ item }">
               {{ item.email }}
             </template>
@@ -260,6 +275,10 @@ export default {
       this.$dialog.notify.success(message)
     },
 
+    sumField(key) {
+      return this.items.reduce((a, b) => a + (b[key] || 0), 0)
+    },
+
     async next() {
       await this.getCalculateCommunityByCreator()
     },

src/views/Calculate/CalculateContentByCreator.vue

@@ -76,6 +76,21 @@
             class="elevation-1"
             hide-default-footer
           >
+            <template slot="body.prepend">
+              <tr>
+                <td colspan="2">
+                  합계
+                </td>
+                <td>{{ sumField('totalCan').toLocaleString() }} 캔</td>
+                <td>{{ sumField('totalKrw').toLocaleString() }} 원</td>
+                <td>{{ sumField('paymentFee').toLocaleString() }} 원</td>
+                <td>{{ sumField('settlementAmount').toLocaleString() }} 원</td>
+                <td>{{ sumField('tax').toLocaleString() }} 원</td>
+                <td>{{ sumField('depositAmount').toLocaleString() }} 원</td>
+                <td />
+              </tr>
+            </template>
+
             <template v-slot:item.email="{ item }">
               {{ item.email }}
             </template>
@@ -260,6 +275,10 @@ export default {
       this.$dialog.notify.success(message)
     },
 
+    sumField(key) {
+      return this.items.reduce((a, b) => a + (b[key] || 0), 0)
+    },
+
     async next() {
       await this.getCalculateContentByCreator()
     },

src/views/Calculate/CalculateLiveByCreator.vue

@@ -76,6 +76,21 @@
             class="elevation-1"
             hide-default-footer
           >
+            <template slot="body.prepend">
+              <tr>
+                <td colspan="2">
+                  합계
+                </td>
+                <td>{{ sumField('totalCan').toLocaleString() }} 캔</td>
+                <td>{{ sumField('totalKrw').toLocaleString() }} 원</td>
+                <td>{{ sumField('paymentFee').toLocaleString() }} 원</td>
+                <td>{{ sumField('settlementAmount').toLocaleString() }} 원</td>
+                <td>{{ sumField('tax').toLocaleString() }} 원</td>
+                <td>{{ sumField('depositAmount').toLocaleString() }} 원</td>
+                <td />
+              </tr>
+            </template>
+
             <template v-slot:item.email="{ item }">
               {{ item.email }}
             </template>
@@ -260,6 +275,10 @@ export default {
       this.$dialog.notify.success(message)
     },
 
+    sumField(key) {
+      return this.items.reduce((a, b) => a + (b[key] || 0), 0)
+    },
+
     async next() {
       await this.getCalculateLiveByCreator()
     },