From f6c0c98d37d3fa7536236384a48ff7b70076e21f Mon Sep 17 00:00:00 2001
From: Arif Rahman Hakim <new.arifrh199@gmail.com>
Date: Fri, 6 Sep 2024 19:16:14 +0800
Subject: [PATCH] feat: sync volume for report using data in contract

---
 src/api/contractApi.ts                        | 29 +++++++++++++++++++
 .../report/FormReportByActivity.vue           | 19 +++++++++---
 2 files changed, 44 insertions(+), 4 deletions(-)

diff --git a/src/api/contractApi.ts b/src/api/contractApi.ts
index 4e9e149..b5678d8 100644
--- a/src/api/contractApi.ts
+++ b/src/api/contractApi.ts
@@ -60,6 +60,35 @@ export const getContractStatistic = async () => {
   return result.data;
 };
 
+export const getContractActivityVolume = async (
+  outputId: string,
+  period: string
+) => {
+  const auth = useAuthStore();
+
+  const query = {
+    outputId: outputId,
+    period: period,
+  };
+
+  const response = await fetch(
+    `${BASE_URL}/v1/contracts/activity/volume?` + new URLSearchParams(query),
+    {
+      headers: {
+        Authorization: `Bearer ${auth.token}`,
+      },
+    }
+  );
+
+  const result = await response.json();
+
+  if (!response.ok) {
+    throw new Error(result.message);
+  }
+
+  return result.data;
+};
+
 export const printContracts = async (payload: any) => {
   const auth = useAuthStore();
 
diff --git a/src/components/report/FormReportByActivity.vue b/src/components/report/FormReportByActivity.vue
index 6ba8c2b..a28145c 100644
--- a/src/components/report/FormReportByActivity.vue
+++ b/src/components/report/FormReportByActivity.vue
@@ -4,13 +4,11 @@
       <el-select v-model="form.output.outputId" placeholder="Pilih Nama Output" clearable filterable>
         <el-option v-for="output in outputs" :key="output._id" :label="output.name" :value="output._id">
           <span style="float: left">{{ output.name }}</span>
-          <span
-            style="
+          <span style="
               float: right;
               color: var(--el-text-color-secondary);
               font-size: 13px;
-            "
-          >
+            ">
             {{ output.activity.name }}
           </span>
         </el-option>
@@ -44,6 +42,7 @@
           </el-upload>
           <el-button type="success" @click="downloadMasterPartner()">Unduh Master Data Mitra</el-button>
           <el-button @click="downloadTemplateImportPartner()">Template Impor Mitra</el-button>
+          <el-button @click="syncPartner()">Sinkronisasi Mitra</el-button>
         </div>
       </template>
     </el-card>
@@ -64,6 +63,7 @@ import { getOutputs } from "@/api/outputApi";
 import { generatePeriods } from "@/utils/date";
 import { downloadPartners, getPartners } from "@/api/partnerApi";
 import { downloadTemplatePartner } from "@/api/reportApi";
+import { getContractActivityVolume } from "@/api/contractApi";
 
 const formRef = ref<FormInstance>();
 const fileInput = ref<UploadInstance>();
@@ -122,6 +122,17 @@ const downloadTemplateImportPartner = () => {
   downloadTemplatePartner()
 }
 
+const syncPartner = async () => {
+  const result = await getContractActivityVolume(form.output.outputId, form.contract.period)
+
+  result.forEach((rawPartner: any) => {
+    form.partners.push({
+      partnerId: rawPartner.partnerId,
+      total: rawPartner.volume,
+    });
+  });
+}
+
 const handleFileChange = async (uploadFile: UploadFile, uploadFiles: UploadFiles) => {
   const raw = await uploadFile.raw?.text();