From fd25ae4a563bd9cbde93a61fc64c4dfe5036c996 Mon Sep 17 00:00:00 2001
From: "sas.fajri" <sas.fajri@gmail.com>
Date: Thu, 25 Jun 2026 14:48:40 +0700
Subject: [PATCH] FHM17062601CPONE - clone resume individu cponev8

---
 .../api/price.js                              |  187 +++
 .../api/resume.js                             |  148 ++
 .../components/onePriceHeader.vue             | 1001 ++++++++++++
 .../components/onePriceList.vue               |  992 ++++++++++++
 .../components/oneResumeLeft.vue              |  646 ++++++++
 .../components/oneResumeRight.vue             | 1392 +++++++++++++++++
 .../one-mcu-resume-individu-cponev8/index.php |  101 ++
 .../modules/components/onePriceHeader.vue     | 1001 ++++++++++++
 .../modules/components/onePriceList.vue       |  992 ++++++++++++
 .../modules/components/oneResumeLeft.vue      |  624 ++++++++
 .../modules/components/oneResumeRight.vue     | 1183 ++++++++++++++
 .../modules/price.js                          |  475 ++++++
 .../modules/resume.js                         |  460 ++++++
 .../one-mcu-resume-individu-cponev8/store.js  |   28 +
 14 files changed, 9230 insertions(+)
 create mode 100644 test/vuex/one-mcu-resume-individu-cponev8/api/price.js
 create mode 100644 test/vuex/one-mcu-resume-individu-cponev8/api/resume.js
 create mode 100644 test/vuex/one-mcu-resume-individu-cponev8/components/onePriceHeader.vue
 create mode 100644 test/vuex/one-mcu-resume-individu-cponev8/components/onePriceList.vue
 create mode 100644 test/vuex/one-mcu-resume-individu-cponev8/components/oneResumeLeft.vue
 create mode 100644 test/vuex/one-mcu-resume-individu-cponev8/components/oneResumeRight.vue
 create mode 100644 test/vuex/one-mcu-resume-individu-cponev8/index.php
 create mode 100644 test/vuex/one-mcu-resume-individu-cponev8/modules/components/onePriceHeader.vue
 create mode 100644 test/vuex/one-mcu-resume-individu-cponev8/modules/components/onePriceList.vue
 create mode 100644 test/vuex/one-mcu-resume-individu-cponev8/modules/components/oneResumeLeft.vue
 create mode 100644 test/vuex/one-mcu-resume-individu-cponev8/modules/components/oneResumeRight.vue
 create mode 100644 test/vuex/one-mcu-resume-individu-cponev8/modules/price.js
 create mode 100644 test/vuex/one-mcu-resume-individu-cponev8/modules/resume.js
 create mode 100644 test/vuex/one-mcu-resume-individu-cponev8/store.js

diff --git a/test/vuex/one-mcu-resume-individu-cponev8/api/price.js b/test/vuex/one-mcu-resume-individu-cponev8/api/price.js
new file mode 100644
index 0000000..184e956
--- /dev/null
+++ b/test/vuex/one-mcu-resume-individu-cponev8/api/price.js
@@ -0,0 +1,187 @@
+const URL = "/one-api/mockup/mdprice/mdprice/";
+
+// https://devcpone.aplikasi.web.id/one-api/mockup/mdprice/mdprice/searchpriceheader/
+
+export async function search(prm) {
+    try {
+        var resp = await axios.post(URL + 'searchpriceheader', prm);
+        if (resp.status != 200) {
+            return {
+                status: "ERR",
+                message: resp.statusText
+            };
+        }
+        let data = resp.data;
+        return data;
+    } catch (e) {
+        return {
+            status: "ERR",
+            message: e.message
+        };
+    }
+}
+export async function insertheader(prm) {
+    try {
+        var resp = await axios.post(URL + 'insertpriceheader', prm);
+        if (resp.status != 200) {
+            return {
+                status: "ERR",
+                message: resp.statusText
+            };
+        }
+        let data = resp.data;
+        return data;
+    } catch (e) {
+        return {
+            status: "ERR",
+            message: e.message
+        };
+    }
+}
+export async function editheader(prm) {
+    try {
+        var resp = await axios.post(URL + 'editpriceheader', prm);
+        if (resp.status != 200) {
+            return {
+                status: "ERR",
+                message: resp.statusText
+            };
+        }
+        let data = resp.data;
+        return data;
+    } catch (e) {
+        return {
+            status: "ERR",
+            message: e.message
+        };
+    }
+}
+export async function deleteheader(prm) {
+    try {
+        var resp = await axios.post(URL + 'deletepriceheader', prm);
+        if (resp.status != 200) {
+            return {
+                status: "ERR",
+                message: resp.statusText
+            };
+        }
+        let data = resp.data;
+        return data;
+    } catch (e) {
+        return {
+            status: "ERR",
+            message: e.message
+        };
+    }
+}
+export async function getfilterprice(prm) {
+    try {
+        var resp = await axios.post(URL + 'getfilterprice', prm);
+        if (resp.status != 200) {
+            return {
+                status: "ERR",
+                message: resp.statusText
+            };
+        }
+        let data = resp.data;
+        return data;
+    } catch (e) {
+        return {
+            status: "ERR",
+            message: e.message
+        };
+    }
+}
+export async function searchpricetest(prm) {
+    try {
+        var resp = await axios.post(URL + 'searchpricetest', prm);
+        if (resp.status != 200) {
+            return {
+                status: "ERR",
+                message: resp.statusText
+            };
+        }
+        let data = resp.data;
+        return data;
+    } catch (e) {
+        return {
+            status: "ERR",
+            message: e.message
+        };
+    }
+}
+export async function savetest(prm) {
+    try {
+        var resp = await axios.post(URL + 'savetest', prm);
+        if (resp.status != 200) {
+            return {
+                status: "ERR",
+                message: resp.statusText
+            };
+        }
+        let data = resp.data;
+        return data;
+    } catch (e) {
+        return {
+            status: "ERR",
+            message: e.message
+        };
+    }
+}
+export async function searchpricetestautocomplete(prm) {
+    try {
+        var resp = await axios.post(URL + 'searchpriceheaderautocomplete', prm);
+        if (resp.status != 200) {
+            return {
+                status: "ERR",
+                message: resp.statusText
+            };
+        }
+        let data = resp.data;
+        return data;
+    } catch (e) {
+        return {
+            status: "ERR",
+            message: e.message
+        };
+    }
+}
+export async function copyharga(prm) {
+    try {
+        var resp = await axios.post(URL + 'copyharga', prm);
+        if (resp.status != 200) {
+            return {
+                status: "ERR",
+                message: resp.statusText
+            };
+        }
+        let data = resp.data;
+        return data;
+    } catch (e) {
+        return {
+            status: "ERR",
+            message: e.message
+        };
+    }
+}
+export async function validateheader(prm) {
+    try {
+        var resp = await axios.post(URL + 'validateheader', prm);
+        if (resp.status != 200) {
+            return {
+                status: "ERR",
+                message: resp.statusText
+            };
+        }
+        let data = resp.data;
+        return data;
+    } catch (e) {
+        return {
+            status: "ERR",
+            message: e.message
+        };
+    }
+}
+
+
+
diff --git a/test/vuex/one-mcu-resume-individu-cponev8/api/resume.js b/test/vuex/one-mcu-resume-individu-cponev8/api/resume.js
new file mode 100644
index 0000000..bc57fcf
--- /dev/null
+++ b/test/vuex/one-mcu-resume-individu-cponev8/api/resume.js
@@ -0,0 +1,148 @@
+const URL = "/one-api/mockup/mcuoffline/Resumeindividucponev8/";
+
+// https://devcpone.aplikasi.web.id/one-api/mockup/mdprice/mdprice/searchpriceheader/
+
+export async function getsetup(prm) {
+    try {
+        var resp = await axios.post(URL + 'getsetup', prm);
+        if (resp.status != 200) {
+            return {
+                status: "ERR",
+                message: resp.statusText
+            };
+        }
+        let data = resp.data;
+        return data;
+    } catch (e) {
+        return {
+            status: "ERR",
+            message: e.message
+        };
+    }
+}
+export async function search(prm) {
+    try {
+        var resp = await axios.post(URL + 'search', prm);
+        if (resp.status != 200) {
+            return {
+                status: "ERR",
+                message: resp.statusText
+            };
+        }
+        let data = resp.data;
+        return data;
+    } catch (e) {
+        return {
+            status: "ERR",
+            message: e.message
+        };
+    }
+}
+export async function getdetail(prm) {
+    try {
+        var resp = await axios.post(URL + 'getdetail', prm);
+        if (resp.status != 200) {
+            return {
+                status: "ERR",
+                message: resp.statusText
+            };
+        }
+        let data = resp.data;
+        return data;
+    } catch (e) {
+        return {
+            status: "ERR",
+            message: e.message
+        };
+    }
+}
+export async function getdoctor(prm) {
+    try {
+        var resp = await axios.post(URL + 'getdoctor', prm);
+        if (resp.status != 200) {
+            return {
+                status: "ERR",
+                message: resp.statusText
+            };
+        }
+        let data = resp.data;
+        return data;
+    } catch (e) {
+        return {
+            status: "ERR",
+            message: e.message
+        };
+    }
+}
+export async function getFitnessCategory(prm) {
+    try {
+        var resp = await axios.post(URL + 'getFitnessCategory', prm);
+        if (resp.status != 200) {
+            return {
+                status: "ERR",
+                message: resp.statusText
+            };
+        }
+        let data = resp.data;
+        return data;
+    } catch (e) {
+        return {
+            status: "ERR",
+            message: e.message
+        };
+    }
+}
+export async function generateFitnessCategory(prm) {
+    try {
+        var resp = await axios.post(URL + 'generateFitnessCategory', prm);
+        if (resp.status != 200) {
+            return {
+                status: "ERR",
+                message: resp.statusText
+            };
+        }
+        let data = resp.data;
+        return data;
+    } catch (e) {
+        return {
+            status: "ERR",
+            message: e.message
+        };
+    }
+}
+export async function save(prm) {
+    try {
+        var resp = await axios.post(URL + 'save', prm);
+        if (resp.status != 200) {
+            return {
+                status: "ERR",
+                message: resp.statusText
+            };
+        }
+        let data = resp.data;
+        return data;
+    } catch (e) {
+        return {
+            status: "ERR",
+            message: e.message
+        };
+    }
+}
+export async function savedoctor(prm) {
+    try {
+        var resp = await axios.post(URL + 'savedoctor', prm);
+        if (resp.status != 200) {
+            return {
+                status: "ERR",
+                message: resp.statusText
+            };
+        }
+        let data = resp.data;
+        return data;
+    } catch (e) {
+        return {
+            status: "ERR",
+            message: e.message
+        };
+    }
+}
diff --git a/test/vuex/one-mcu-resume-individu-cponev8/components/onePriceHeader.vue b/test/vuex/one-mcu-resume-individu-cponev8/components/onePriceHeader.vue
new file mode 100644
index 0000000..46b96e1
--- /dev/null
+++ b/test/vuex/one-mcu-resume-individu-cponev8/components/onePriceHeader.vue
@@ -0,0 +1,1001 @@
+a<template>
+  <div>
+    <v-snackbar
+      color="success"
+      v-model="snackbarSuccess"
+      right="right"
+      :timeout="3000"
+      top="top"
+    >
+      {{ successMsg }}
+      <v-btn color="white" flat @click="snackbarSuccess = false"> Close </v-btn>
+    </v-snackbar>
+    <v-snackbar
+      color="error"
+      v-model="snackbarError"
+      right="right"
+      :timeout="3000"
+      top="top"
+    >
+      {{ errorMsg }}
+      <v-btn color="white" flat @click="snackbarError = false"> Close </v-btn>
+    </v-snackbar>
+
+    <v-dialog persistent v-model="dialogPriceHeader" width="500">
+      <v-card>
+        <v-card-title class="headline grey lighten-2" primary-title>
+          <v-layout align-center justify-space-between row fill-height>
+            <div>FORM HARGA</div>
+            <kbd v-if="dialogAct === 'edit'">{{
+              selectedPriceHeader.headerCode
+            }}</kbd>
+            <kbd v-if="dialogAct === 'add'">CODE</kbd>
+          </v-layout>
+        </v-card-title>
+        <v-card-text>
+          <v-text-field
+            label="Nama"
+            placeholder="masukan nama"
+            v-model="nameHeader"
+            outline
+          ></v-text-field>
+          <!-- <v-menu
+            v-model="menuFormDateStart"
+            :close-on-content-click="false"
+            :nudge-right="40"
+            lazy
+            transition="scale-transition"
+            offset-y
+            full-width
+            max-width="290px"
+            min-width="290px"
+          >
+            <template v-slot:activator="{ on }">
+              <v-text-field
+                class="mr-2"
+                v-model="formatedStartDateHeader"
+                label="Tanggal Awal"
+                outline
+                readonly
+                v-on="on"
+                @blur="date = deFormatedDate(formatedStartDateHeader)"
+              ></v-text-field>
+            </template>
+            <v-date-picker
+              v-model="startDateHeaderForm"
+              no-title
+              @input="menuFormDateStart = false"
+            ></v-date-picker>
+          </v-menu>
+          <v-menu
+            v-model="menuFormDateEnd"
+            :close-on-content-click="false"
+            :nudge-right="40"
+            lazy
+            transition="scale-transition"
+            offset-y
+            full-width
+            max-width="290px"
+            min-width="290px"
+          >
+            <template v-slot:activator="{ on }">
+              <v-text-field
+                class="mr-2"
+                v-model="formatedEndDateHeader"
+                label="Tanggal Akhir"
+                outline
+                readonly
+                v-on="on"
+                @blur="date = deFormatedDate(formatedEndDateHeader)"
+              ></v-text-field>
+            </template>
+            <v-date-picker
+              v-model="endDateHeaderForm"
+              :min="
+                new Date(this.startDateHeaderForm).toISOString().substr(0, 10)
+              "
+              no-title
+              @input="menuFormDateEnd = false"
+            ></v-date-picker>
+          </v-menu> -->
+        </v-card-text>
+        <v-divider></v-divider>
+        <v-card-actions>
+          <v-spacer></v-spacer>
+          <v-btn
+            color="error"
+            :disabled="loading"
+            flat
+            @click="dialogPriceHeader = false"
+          >
+            BATAL
+          </v-btn>
+          <v-btn
+            color="primary"
+            :disabled="loading"
+            flat
+            @click="savePriceHeader"
+          >
+            SIMPAN
+          </v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+    <v-dialog persistent v-model="dialogDeleteHeader" width="500">
+      <v-card>
+        <v-card-title class="headline grey lighten-2" primary-title>
+          <v-layout align-center justify-space-between row fill-height>
+            <div>KONFIRMASI</div>
+          </v-layout>
+        </v-card-title>
+        <v-card-text
+          >Apakah anda yakin akan menghapus harga
+          <kbd class="mx-2">{{ selectedPriceHeader.headerCode }}</kbd>
+          <span>{{ selectedPriceHeader.headerName }}</span> ?
+        </v-card-text>
+        <v-divider></v-divider>
+        <v-card-actions>
+          <v-spacer></v-spacer>
+          <v-btn
+            color="error"
+            :disabled="loading"
+            flat
+            @click="dialogDeleteHeader = false"
+          >
+            BATAL
+          </v-btn>
+          <v-btn
+            color="warning"
+            :disabled="loading"
+            flat
+            @click="deletePriceHeader()"
+          >
+            YAKIN
+          </v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+    <v-dialog persistent v-model="dialogCopyHarga" width="500">
+      <v-card>
+        <v-card-title class="headline grey lighten-2" primary-title>
+          <v-layout align-center justify-space-between row fill-height>
+            <div>FORM COPY HARGA</div>
+
+            <kbd>CODE</kbd>
+          </v-layout>
+        </v-card-title>
+        <v-card-text>
+          <v-text-field
+            label="Nama"
+            placeholder="masukan nama"
+            v-model="nameHeader"
+            outline
+          ></v-text-field>
+          <v-autocomplete
+            label="Price Header"
+            v-model="selectedPriceHeaderCopy"
+            :items="priceHeaderCopyList"
+            item-text="headerName"
+            outline
+            return-object
+            :search-input.sync="searchPriceHeaderCopy"
+            no-data-text="Pilih Price Header"
+          >
+            <template slot="item" slot-scope="{ item }">
+              <v-list-tile-content>
+                <v-list-tile-title v-text="item.headerName"></v-list-tile-title>
+              </v-list-tile-content>
+            </template>
+          </v-autocomplete>
+          <v-checkbox v-model="copyPacket" label="Copy Packet"></v-checkbox>
+          <!-- <v-menu
+            v-model="menuFormDateStart"
+            :close-on-content-click="false"
+            :nudge-right="40"
+            lazy
+            transition="scale-transition"
+            offset-y
+            full-width
+            max-width="290px"
+            min-width="290px"
+          >
+            <template v-slot:activator="{ on }">
+              <v-text-field
+                class="mr-2"
+                v-model="formatedStartDateHeader"
+                label="Tanggal Awal"
+                outline
+                readonly
+                v-on="on"
+                @blur="date = deFormatedDate(formatedStartDateHeader)"
+              ></v-text-field>
+            </template>
+            <v-date-picker
+              v-model="startDateHeaderForm"
+              no-title
+              @input="menuFormDateStart = false"
+            ></v-date-picker>
+          </v-menu>
+          <v-menu
+            v-model="menuFormDateEnd"
+            :close-on-content-click="false"
+            :nudge-right="40"
+            lazy
+            transition="scale-transition"
+            offset-y
+            full-width
+            max-width="290px"
+            min-width="290px"
+          >
+            <template v-slot:activator="{ on }">
+              <v-text-field
+                class="mr-2"
+                v-model="formatedEndDateHeader"
+                label="Tanggal Akhir"
+                outline
+                readonly
+                v-on="on"
+                @blur="date = deFormatedDate(formatedEndDateHeader)"
+              ></v-text-field>
+            </template>
+            <v-date-picker
+              v-model="endDateHeaderForm"
+              :min="
+                new Date(this.startDateHeaderForm).toISOString().substr(0, 10)
+              "
+              no-title
+              @input="menuFormDateEnd = false"
+            ></v-date-picker>
+          </v-menu> -->
+        </v-card-text>
+        <v-divider></v-divider>
+        <v-card-actions>
+          <v-spacer></v-spacer>
+          <v-btn
+            color="error"
+            :disabled="loading"
+            flat
+            @click="dialogCopyHarga = false"
+          >
+            BATAL
+          </v-btn>
+          <v-btn color="primary" :disabled="loading" flat @click="copyprice">
+            SIMPAN
+          </v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+    <v-layout column>
+      <v-layout align-center column>
+        <v-toolbar dark color="primary">
+          <v-toolbar-title class="white--text">HARGA</v-toolbar-title>
+          <v-spacer></v-spacer>
+          <v-btn @click="openDialogAdd()" icon>
+            <v-icon>add_box</v-icon>
+          </v-btn>
+          <v-btn @click="openDialogCopy()" icon>
+            <v-icon>content_copy</v-icon>
+          </v-btn>
+        </v-toolbar>
+        <v-card style="width: 100%;" class="mb-2 pa-2 searchbox">
+          <!-- :disabled="loading" -->
+          <v-text-field
+            v-model="searchPrice"
+            label="Cari nama"
+            :loading="loading"
+            hide-details
+            outline
+          ></v-text-field>
+        </v-card>
+      </v-layout>
+      <v-card style="overflow-y: scroll; height: 65vh;" class="fill-height">
+        <v-data-table
+          :loading="loading"
+          :items="priceHeaderList"
+          class="v-table elevation-1"
+          hide-actions
+          hide-headers
+        >
+          <v-progress-linear
+            v-slot:progress="loading"
+            color="blue"
+            :indeterminate="true"
+          ></v-progress-linear>
+          <template v-slot:items="props">
+            <tr
+              v-bind:class="{
+                'deep-orange lighten-4': isSelected(props.item),
+              }"
+              @click="selectMe(props.item)"
+            >
+              <td width="85%" class="py-2">
+                <!-- v-bind:class="{ 'amber lighten-4': isSelected(props.item) }" -->
+                <v-layout align-start justify-start row fill-height>
+                  <v-flex xs2>
+                    <!-- <v-tooltip bottom>
+                      <template v-slot:activator="{ on }"> -->
+                    <!-- v-on="on" -->
+                    <v-icon
+                      color="success"
+                      v-if="props.item.headerValidate === 'Y'"
+                      class="ml-1"
+                    >
+                      check_circle
+                    </v-icon>
+                    <!-- </template>
+                      <span>Sudah di validasi</span>
+                    </v-tooltip> -->
+
+                    <!-- <v-tooltip bottom>
+                      <template v-slot:activator="{ on }"> -->
+                    <!-- v-on="on" -->
+                    <v-icon
+                      color="blue"
+                      v-if="
+                        props.item.headerValidate === 'N' &&
+                        props.item.readyValidate === 'Y'
+                      "
+                      class="ml-1"
+                    >
+                      info
+                    </v-icon>
+                    <!-- </template>
+                      <span>Siap Validasi</span>
+                    </v-tooltip> -->
+                    <!-- <v-tooltip bottom>
+                      <template v-slot:activator="{ on }"> -->
+                    <!-- v-on="on" -->
+                    <v-icon
+                      color="warning"
+                      v-if="
+                        props.item.headerValidate === 'N' &&
+                        props.item.readyValidate === 'N'
+                      "
+                      class="ml-1"
+                    >
+                      error
+                    </v-icon>
+                    <!-- </template>
+                      <span>Belum mengisi price</span>
+                    </v-tooltip> -->
+                  </v-flex>
+                  <v-flex xs10>
+                    <p style="" class="mb-1">
+                      <kbd class="mr-2">{{ props.item.headerCode }}</kbd>
+                      <span class="font-weight-bold">
+                        {{ props.item.headerName }}
+                      </span>
+                    </p></v-flex
+                  >
+                </v-layout>
+                <!-- <div style="color: brown" class="mb-0">
+                  {{ props.item.headerStartDate }} -
+                  {{ props.item.headerEndDate }}
+                </div> -->
+              </td>
+              <td width="15%" class="py-2">
+                <!-- @click="selectMe(props.item)"
+                  v-bind:class="{ 'amber lighten-4': isSelected(props.item) }" -->
+                <v-layout justify-space-between row>
+                  <v-icon
+                    color="blue"
+                    @click="openDialogEdit(props.item)"
+                    class="mr-1"
+                    v-if="props.item.headerValidate === 'N'"
+                    style="cursor: pointer;"
+                  >
+                    edit
+                  </v-icon>
+                  <v-icon
+                    color="red "
+                    v-if="props.item.headerValidate === 'N'"
+                    @click="openDialogDelete(props.item)"
+                    class="ml-1"
+                    style="cursor: pointer;"
+                  >
+                    delete
+                  </v-icon>
+                </v-layout>
+              </td>
+            </tr>
+          </template>
+        </v-data-table>
+      </v-card>
+      <v-card class="pa-2">
+        <div class="text-xs-left">
+          <v-pagination v-model="page" :length="totalPageHeader"></v-pagination>
+        </div>
+      </v-card>
+    </v-layout>
+  </div>
+</template>
+<style scoped>
+  .searchbox .v-input.v-text-field .v-input__slot {
+    min-height: 60px;
+  }
+
+  .searchbox .v-btn {
+    min-height: 60px;
+  }
+
+  table.v-table tbody td,
+  table.v-table tbody th {
+    height: 40px;
+  }
+
+  table.v-table thead tr {
+    height: 40px;
+  }
+
+  .scroll-container {
+    scroll-padding: 50px 0 0 50px;
+  }
+
+  ::-webkit-scrollbar {
+    width: 7px;
+  }
+
+  /* this targets the default scrollbar (compulsory) */
+
+  ::-webkit-scrollbar-track {
+    background-color: #73baf3;
+  }
+
+  /* the new scrollbar will have a flat appearance with the set background color */
+
+  ::-webkit-scrollbar-thumb {
+    background-color: #2196f3;
+  }
+
+  /* this will style the thumb, ignoring the track */
+
+  ::-webkit-scrollbar-button {
+    background-color: #0079da;
+  }
+
+  /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
+
+  ::-webkit-scrollbar-corner {
+    background-color: black;
+  }
+</style>
+<script>
+  module.exports = {
+    //   components: {
+    //     "one-dialog-info": httpVueLoader("../../common/oneDialogInfo.vue"),
+    //     "one-dialog-alert": httpVueLoader("../../common/oneDialogAlert.vue"),
+    //   },
+    mounted() {
+      this.$store.dispatch("price/searchPriceHeader");
+      this.$store.dispatch("price/getpricefilter");
+      this.$store.dispatch("price/getpricefilter");
+    },
+    methods: {
+      formatDate(date) {
+        if (!date) return null;
+
+        const [year, month, day] = date.split("-");
+        return `${day}-${month}-${year}`;
+      },
+      deFormatedDate(date) {
+        if (!date) return null;
+
+        const [day, month, year] = date.split("-");
+        return `${year}-${month.padStart(2, "0")}-${day.padStart(2, "0")}`;
+      },
+
+      closeDialogQrCode() {
+        this.dialogQrCode = false;
+      },
+      copyprice() {
+        this.$store.dispatch("price/copyharga");
+      },
+      savePriceHeader() {
+        console.log(this.dialogAct);
+        if (this.dialogAct === "add") {
+          this.$store.dispatch("price/insertPriceHeader");
+        } else if (this.dialogAct === "edit") {
+          this.$store.dispatch("price/editPriceHeader");
+        }
+      },
+      deletePriceHeader() {
+        this.$store.dispatch("price/deletePriceHeader");
+      },
+      selectMe(val) {
+        if (this.loading) {
+          return;
+        }
+
+        this.selectedPriceHeader = val;
+      },
+      isSelected(val) {
+        return this.selectedPriceHeader.headerID === val.headerID;
+      },
+      openDialogAdd() {
+        this.dialogAct = "add";
+        this.dialogPriceHeader = true;
+      },
+      openDialogCopy() {
+        this.dialogCopyHarga = true;
+        this.selectedPriceHeaderCopy = {};
+        this.headerName = "";
+      },
+      openDialogDelete(val) {
+        if (this.loading) {
+          return;
+        }
+        this.selectedPriceHeader = val;
+        this.dialogDeleteHeader = true;
+      },
+      openDialogEdit(val) {
+        if (this.loading) {
+          return;
+        }
+        this.dialogAct = "edit";
+        // {
+        //       "headerID": "0",
+        //       "headerName": "",
+        //       "headerStartDate": "",
+        //       "headerEndDate": "",
+        //       "headerCode": "CODE"
+        //   }
+        this.selectedPriceHeader = val;
+        this.nameHeader = this.selectedPriceHeader.headerName;
+        this.startDateHeaderForm = this.selectedPriceHeader.headerStartDate;
+        this.endDateHeaderForm = this.selectedPriceHeader.headerEndDate;
+        this.dialogPriceHeader = true;
+      },
+      handleChangeFIlter() {
+        let submitted = [];
+        data = this.priceTestList;
+        if (data !== undefined && data !== null) {
+          for (let i = 0; i < data.length; i++) {
+            const e = data[i];
+            if (
+              e.priceAmount !== "" &&
+              e.priceAmount !== null &&
+              e.priceAmount !== undefined
+            ) {
+              if (
+                isNaN(e.priceAmount) ||
+                isNaN(e.priceDisc) ||
+                isNaN(e.priceDiscRp)
+              ) {
+                alert("Input test " + e.testName + " salah, mohon ulangi");
+                return;
+              }
+              diskon = parseFloat(e.priceDisc);
+              diskonRp = parseFloat(e.priceDiscRp);
+              amount = parseFloat(e.priceAmount);
+              total = parseFloat(e.subTotal);
+              if (diskon > 100) {
+                alert(
+                  "Diskon % test " +
+                    e.testName +
+                    " Tidak boleh lebih dari 100, mohon ulangi"
+                );
+                return;
+              }
+              if (diskon < 0) {
+                alert(
+                  "Diskon % test " +
+                    e.testName +
+                    " Tidak boleh kurang dari 0, mohon ulangi"
+                );
+                return;
+              }
+              if (diskonRp > amount) {
+                alert(
+                  "Diskon Rp test " +
+                    e.testName +
+                    " Tidak boleh lebih dari price amount, mohon ulangi"
+                );
+                return;
+              }
+              if (diskonRp < 0) {
+                alert(
+                  "Diskon Rp test " +
+                    e.testName +
+                    " Tidak boleh kurang dari 0, mohon ulangi"
+                );
+                return;
+              }
+              if (total < 0) {
+                alert(
+                  "Total test " +
+                    e.testName +
+                    " Tidak boleh kurang dari 0, mohon ulangi"
+                );
+                return;
+              }
+              if (total > amount) {
+                console.log(total);
+                console.log(amount);
+                alert(
+                  "Total test " +
+                    e.testName +
+                    " Tidak boleh lebih dari price amount, mohon ulangi"
+                );
+                return;
+              }
+
+              if (e.isChange == "Y") {
+                submitted.push(e);
+              }
+            }
+          }
+        }
+        console.log(submitted);
+        // priceAmount
+        // priceDisc
+        // priceDiscRp
+        // subTotal
+        // testID
+        return submitted;
+      },
+
+      thrsearchphautocomplete: _.debounce(function () {
+        this.$store.dispatch("price/searchPriceHeaderAutocomplete", {
+          search: this.searchPriceHeaderCopy,
+        });
+      }, 800),
+    },
+    computed: {
+      priceTestList: {
+        get() {
+          return this.$store.state.price.priceTestList;
+        },
+        set(val) {
+          this.$store.commit("price/update_priceTestList", val);
+        },
+      },
+      searchPrice: {
+        get() {
+          return this.$store.state.price.searchPrice;
+        },
+        set(val) {
+          let dt = this.handleChangeFIlter();
+          if (dt.length > 0) {
+            if (
+              confirm(
+                "Data belum belum tersimpan,  Apakah anda yakin untuk melanjutkan ?"
+              )
+            ) {
+              this.$store.commit("price/update_searchPrice", val);
+              this.$store.dispatch("price/searchPriceHeader");
+              return;
+            } else {
+              return;
+            }
+          } else {
+            this.$store.commit("price/update_searchPrice", val);
+            this.$store.dispatch("price/searchPriceHeader");
+          }
+        },
+      },
+      priceHeaderList: {
+        get() {
+          return this.$store.state.price.priceHeaderList;
+        },
+        set(val) {
+          this.$store.commit("price/update_priceHeaderList", val);
+        },
+      },
+      loading: {
+        get() {
+          return this.$store.state.price.loading;
+        },
+        set(val) {
+          this.$store.commit("price/update_loading", val);
+        },
+      },
+      page: {
+        get() {
+          return this.$store.state.price.page;
+        },
+        set(val) {
+          let dt = this.handleChangeFIlter();
+          if (dt.length > 0) {
+            if (
+              confirm(
+                "Data belum belum tersimpan,  Apakah anda yakin untuk melanjutkan ?"
+              )
+            ) {
+              this.$store.commit("price/update_page", val);
+              this.selectedPriceHeader = {
+                headerID: "0",
+                headerName: "",
+                headerStartDate: "",
+                headerEndDate: "",
+                headerCode: "CODE",
+              };
+              this.$store.dispatch("price/searchPriceHeader");
+              return;
+            } else {
+              return;
+            }
+          } else {
+            this.$store.commit("price/update_page", val);
+            this.selectedPriceHeader = {
+              headerID: "0",
+              headerName: "",
+              headerStartDate: "",
+              headerEndDate: "",
+              headerCode: "CODE",
+            };
+            this.$store.dispatch("price/searchPriceHeader");
+          }
+        },
+      },
+      totalPageHeader: {
+        get() {
+          return this.$store.state.price.totalPageHeader;
+        },
+        set(val) {
+          this.$store.commit("price/update_totalPageHeader", val);
+        },
+      },
+      errorMsg: {
+        get() {
+          return this.$store.state.price.errorMsg;
+        },
+        set(val) {
+          this.$store.commit("price/update_errorMsg", val);
+        },
+      },
+      snackbarError: {
+        get() {
+          return this.$store.state.price.snackbarError;
+        },
+        set(val) {
+          this.$store.commit("price/update_snackbarError", val);
+        },
+      },
+      snackbarSuccess: {
+        get() {
+          return this.$store.state.price.snackbarSuccess;
+        },
+        set(val) {
+          this.$store.commit("price/update_snackbarSuccess", val);
+        },
+      },
+      selectedPriceHeader: {
+        get() {
+          return this.$store.state.price.selectedPriceHeader;
+        },
+        set(val) {
+          let dt = this.handleChangeFIlter();
+          if (dt.length > 0) {
+            if (
+              confirm(
+                "Data belum belum tersimpan,  Apakah anda yakin untuk melanjutkan ?"
+              )
+            ) {
+              this.$store.commit("price/update_selectedPriceHeader", val);
+              this.$store.dispatch("price/searchpricetest");
+              return;
+            } else {
+              return;
+            }
+          } else {
+            this.$store.commit("price/update_selectedPriceHeader", val);
+            this.$store.dispatch("price/searchpricetest");
+          }
+        },
+      },
+
+      successMsg: {
+        get() {
+          return this.$store.state.price.successMsg;
+        },
+        set(val) {
+          this.$store.commit("price/update_successMsg", val);
+        },
+      },
+      dialogPriceHeader: {
+        get() {
+          return this.$store.state.price.dialogPriceHeader;
+        },
+        set(val) {
+          this.$store.commit("price/update_dialogPriceHeader", val);
+          if (val === false) {
+            this.nameHeader = "";
+          }
+        },
+      },
+      startDateHeaderForm: {
+        get() {
+          return this.$store.state.price.startDateHeader;
+        },
+        set(val) {
+          console.log("sd");
+          console.log(val);
+          this.$store.commit("price/update_startDateHeader", val);
+          let sd = new Date(val);
+          let ed = new Date(this.endDateHeaderForm);
+          if (sd > ed) {
+            this.endDateHeaderForm = val;
+          }
+        },
+      },
+      endDateHeaderForm: {
+        get() {
+          return this.$store.state.price.endDateHeader;
+        },
+        set(val) {
+          this.$store.commit("price/update_endDateHeader", val);
+          console.log("ed");
+          console.log(val);
+        },
+      },
+      nameHeader: {
+        get() {
+          return this.$store.state.price.nameHeader;
+        },
+        set(val) {
+          this.$store.commit("price/update_nameHeader", val);
+        },
+      },
+      dialogDeleteHeader: {
+        get() {
+          return this.$store.state.price.dialogDeleteHeader;
+        },
+        set(val) {
+          this.$store.commit("price/update_dialogDeleteHeader", val);
+        },
+      },
+      dialogCopyHarga: {
+        get() {
+          return this.$store.state.price.dialogCopyHarga;
+        },
+        set(val) {
+          this.$store.commit("price/update_dialogCopyHarga", val);
+          if (val === false) {
+            this.nameHeader = "";
+          }
+        },
+      },
+      priceHeaderCopyList: {
+        get() {
+          return this.$store.state.price.priceHeaderCopyList;
+        },
+        set(val) {
+          this.$store.commit("price/update_priceHeaderCopyList", val);
+        },
+      },
+      selectedPriceHeaderCopy: {
+        get() {
+          return this.$store.state.price.selectedPriceHeaderCopy;
+        },
+        set(val) {
+          this.$store.commit("price/update_selectedPriceHeaderCopy", val);
+        },
+      },
+      copyPacket: {
+        get() {
+          return this.$store.state.price.copyPacket;
+        },
+        set(val) {
+          this.$store.commit("price/update_copyPacket", val);
+        },
+      },
+      formatedStartDateHeader() {
+        return this.formatDate(this.startDateHeaderForm);
+      },
+      formatedEndDateHeader() {
+        return this.formatDate(this.endDateHeaderForm);
+      },
+    },
+    watch: {
+      // search_company(val, old) {
+      //   if (val == old) return;
+      //   if (!val) return;
+      //   if (val.length < 1) return;
+      //   if (this.$store.state.patient.update_autocomplete_status == 1) return;
+      //   this.thr_search_company();
+      // },
+      // search_doctor(val, old) {
+      //   if (val == old) return;
+      //   if (!val) return;
+      //   if (val.length < 1) return;
+      //   if (this.$store.state.patient.update_autocomplete_status == 1) return;
+      //   this.thr_search_doctor();
+      // },
+      // search_test(val, old) {
+      //   if (val == old) return;
+      //   if (!val) return;
+      //   if (val.length < 1) return;
+      //   if (this.$store.state.patient.update_autocomplete_status == 1) return;
+      //   this.thr_search_test();
+      // },
+      searchPriceHeaderCopy(val, old) {
+        if (val == old) return;
+        if (!val) return;
+        if (val.length < 1) return;
+        this.thrsearchphautocomplete();
+      },
+    },
+    data() {
+      return {
+        searchPriceHeaderCopy: "",
+        selected_delivery: {},
+        search_company: "",
+        search_test: "",
+        menuFormDateStart: false,
+        menuFormDateEnd: false,
+        date: new Date().toISOString().substr(0, 10),
+        dialogAct: "add",
+        items: [],
+        menustartdate: false,
+        menuenddate: false,
+        errors: [],
+        sheet: false,
+        indeterminatex: false,
+        checkednotall: false,
+        bar_chx_all: false,
+        selected_barcode: [],
+        dialogtimeline: false,
+        search_doctor: "",
+        headers: [
+          {
+            text: "",
+            align: "center",
+            sortable: false,
+            value: "lab",
+            width: "2%",
+            class: "pa-2 blue darken-2 white--text",
+          },
+          {
+            text: "NO",
+            align: "center",
+            sortable: false,
+            value: "lab",
+            width: "5%",
+            class: "pa-2 blue darken-2 white--text",
+          },
+          {
+            text: "NO REG",
+            align: "center",
+            sortable: false,
+            value: "lab",
+            width: "8%",
+            class: "pa-2 blue darken-2 white--text",
+          },
+          {
+            text: "NAMA",
+            align: "center",
+            sortable: false,
+            value: "name",
+            width: "15%",
+            class: "pa-2 blue darken-2 white--text",
+          },
+          {
+            text: "CORPORATE",
+            align: "center",
+            sortable: false,
+            value: "name",
+            width: "15%",
+            class: "pa-2 blue darken-2 white--text",
+          },
+          {
+            text: "PEMERIKSAAN",
+            align: "center",
+            sortable: false,
+            value: "status",
+            width: "20%",
+            class: "pa-2 blue darken-2 white--text",
+          },
+
+          {
+            text: "TOTAL",
+            align: "center",
+            sortable: false,
+            value: "status",
+            width: "5%",
+            class: "pa-2 blue darken-2 white--text",
+          },
+        ],
+      };
+    },
+  };
+</script>
diff --git a/test/vuex/one-mcu-resume-individu-cponev8/components/onePriceList.vue b/test/vuex/one-mcu-resume-individu-cponev8/components/onePriceList.vue
new file mode 100644
index 0000000..a5b5cc8
--- /dev/null
+++ b/test/vuex/one-mcu-resume-individu-cponev8/components/onePriceList.vue
@@ -0,0 +1,992 @@
+<template>
+  <div>
+    <v-dialog persistent v-model="dialogValidasi" width="500">
+      <v-card>
+        <v-card-title class="headline grey lighten-2" primary-title>
+          <v-layout align-center justify-space-between row fill-height>
+            <div>KONFIRMASI</div>
+          </v-layout>
+        </v-card-title>
+        <v-card-text
+          >Apakah anda yakin akan mevalidasi
+          <kbd class="mx-2">{{ selectedPriceHeader.headerCode }}</kbd>
+          <span>{{ selectedPriceHeader.headerName }}</span> ?
+        </v-card-text>
+        <v-divider></v-divider>
+        <v-card-actions>
+          <v-spacer></v-spacer>
+          <v-btn
+            color="error"
+            :disabled="loading"
+            flat
+            @click="dialogValidasi = false"
+          >
+            BATAL
+          </v-btn>
+          <v-btn
+            color="success"
+            :disabled="loading"
+            flat
+            @click="validateHeader()"
+          >
+            YAKIN
+          </v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+    <v-layout class="fill-height" column>
+      <v-layout align-center column>
+        <v-toolbar dark color="primary">
+          <v-toolbar-title class="white--text">
+            <kbd class="mr-2">{{ this.selectedPriceHeader.headerCode }}</kbd>
+            {{ this.selectedPriceHeader.headerName }}</v-toolbar-title
+          >
+          <v-spacer></v-spacer>
+          <!-- v-if="selectedPriceHeader.headerValidate === 'N'" -->
+          <v-btn color="success" :disabled="loading" @click="handleSave()"
+            >Simpan</v-btn
+          >
+          <!-- selectedPriceHeader.headerValidate === 'N' && -->
+          <v-btn
+            :disabled="loading"
+            color="warning"
+            @click="dialogValidasi = true"
+            >Validasi
+          </v-btn>
+          <!-- <v-btn
+            :disabled="loading"
+            v-if="
+              selectedPriceHeader.headerValidate === 'Y' &&
+              selectedPriceHeader.validatePacket === 'Y' &&
+              selectedPriceHeader.readyValidate === 'Y'
+            "
+            color="warning"
+            @click="dialogValidasi = true"
+            >Validasi
+          </v-btn> -->
+        </v-toolbar>
+        <v-card style="width: 100%" class="mb-2 pa-2 searchbox">
+          <v-layout row>
+            <v-flex xs4 class="mr-1">
+              <v-text-field
+                label="Kode/nama"
+                hide-details
+                :loading="loading"
+                v-model="filterName"
+                outline
+              ></v-text-field>
+            </v-flex>
+            <v-flex xs4 class="mr-1 ml-1">
+              <v-autocomplete
+                label="Sub Group"
+                v-model="selectedFilterSubGroup"
+                :items="filterSubGroup"
+                item-text="name"
+                outline
+                hide-details
+                :disabled="loading"
+                return-object
+                :loading="loading"
+                no-data-text="Pilih Sub Group"
+              >
+                <template slot="item" slot-scope="{ item }">
+                  <v-list-tile-content>
+                    <v-list-tile-title v-text="item.name"></v-list-tile-title>
+                  </v-list-tile-content>
+                </template>
+              </v-autocomplete>
+            </v-flex>
+            <v-flex xs4 class="ml-1">
+              <v-autocomplete
+                label="Status"
+                v-model="selectedFilterStatus"
+                :items="filterStatus"
+                item-text="name"
+                outline
+                hide-details
+                return-object
+                :disabled="loading"
+                :loading="loading"
+                no-data-text="Pilih Status"
+              >
+                <template slot="item" slot-scope="{ item }">
+                  <v-list-tile-content>
+                    <v-list-tile-title v-text="item.name"></v-list-tile-title>
+                  </v-list-tile-content>
+                </template>
+              </v-autocomplete>
+            </v-flex>
+          </v-layout>
+        </v-card>
+      </v-layout>
+      <v-card style="overflow-y: scroll; height: 65vh" class="fill-height">
+        <v-data-table
+          :loading="loading"
+          :items="priceTestList"
+          :headers="headers"
+          class="v-table elevation-1"
+          hide-actions
+        >
+          <template v-slot:headers="props">
+            <tr>
+              <th
+                v-for="header in props.headers"
+                :width="header.width"
+                :class="header.class"
+              >
+                {{ header.text }}
+              </th>
+            </tr>
+          </template>
+          <v-progress-linear
+            v-slot:progress="loading"
+            color="blue"
+            :indeterminate="true"
+          ></v-progress-linear>
+          <template v-slot:items="props">
+            <tr>
+              <td class="py-2">
+                <div style="color: brown" class="mb-0">
+                  <v-btn
+                    small
+                    color="success"
+                    class="white--text"
+                    v-if="props.item.status === 'Y'"
+                  >
+                    <v-icon left dark>check</v-icon>
+                  </v-btn>
+                  <v-btn
+                    small
+                    color="error"
+                    class="white--text"
+                    v-if="props.item.status === 'N'"
+                  >
+                    <v-icon right dark>close</v-icon>
+                  </v-btn>
+                </div>
+              </td>
+              <td class="py-2">
+                <!-- v-bind:class="{ 'amber lighten-4': isSelected(props.item) }" -->
+                <p style="" class="mb-1">
+                  <kbd class="mr-2">{{ props.item.testCode }}</kbd>
+                  <span class="font-weight-bold">
+                    {{ props.item.testName }}
+                  </span>
+                </p>
+              </td>
+              <td class="py-2">
+                <!-- v-bind:class="{ 'amber lighten-4': isSelected(props.item) }" -->
+                <v-text-field
+                  label="Amount"
+                  type="number"
+                  v-model="props.item.priceAmount"
+                  hide-details
+                  :disabled="
+                    (selectedPriceHeader.headerValidate === 'Y' &&
+                      props.item.status === 'Y') ||
+                    loading
+                  "
+                  @input="handleChangeAmount(props.item)"
+                  outline
+                ></v-text-field>
+                <!-- v-on:change="handleChangeAmount(props.item.priceAmount)" -->
+                <!-- :rules="[rules.min]" -->
+              </td>
+              <td class="py-2">
+                <v-text-field
+                  label="Diskon %"
+                  type="number"
+                  v-model="props.item.priceDisc"
+                  @input="handleChangeDisc(props.item)"
+                  :disabled="
+                    props.item.priceAmount === NaN ||
+                    props.item.priceAmount === null ||
+                    props.item.priceAmount === undefined ||
+                    props.item.priceAmount <= 0 ||
+                    props.item.priceAmount === '' ||
+                    (selectedPriceHeader.headerValidate === 'Y' &&
+                      props.item.status === 'Y') ||
+                    loading
+                  "
+                  hide-details
+                  outline
+                ></v-text-field>
+                <!-- :rules="[rules.min, rules.maxPersen]" -->
+              </td>
+              <td class="py-2">
+                <!-- v-bind:class="{ 'amber lighten-4': isSelected(props.item) }" -->
+                <v-text-field
+                  label="Diskon Rp"
+                  type="number"
+                  v-model="props.item.priceDiscRp"
+                  @input="handleChangeDiscRp(props.item)"
+                  :disabled="
+                    props.item.priceAmount === NaN ||
+                    props.item.priceAmount === null ||
+                    props.item.priceAmount === undefined ||
+                    props.item.priceAmount <= 0 ||
+                    props.item.priceAmount === '' ||
+                    (selectedPriceHeader.headerValidate === 'Y' &&
+                      props.item.status === 'Y') ||
+                    loading
+                  "
+                  hide-details
+                  outline
+                ></v-text-field>
+                <!-- :rules="[rules.min]" -->
+              </td>
+              <td class="py-2">
+                <!-- v-bind:class="{ 'amber lighten-4': isSelected(props.item) }" -->
+                <v-text-field
+                  label="Total"
+                  type="number"
+                  readonly
+                  v-model="props.item.subTotal"
+                  hide-details
+                  outline
+                ></v-text-field>
+                <!-- :rules="[rules.min]" -->
+              </td>
+            </tr>
+          </template>
+        </v-data-table>
+      </v-card>
+      <v-card class="pa-2">
+        <div class="text-xs-left">
+          <v-pagination
+            v-model="priceTestPage"
+            :length="priceTestPageTotal"
+          ></v-pagination>
+        </div>
+      </v-card>
+    </v-layout>
+  </div>
+</template>
+<style scoped>
+.searchbox .v-input.v-text-field .v-input__slot {
+  min-height: 60px;
+}
+.searchbox .v-btn {
+  min-height: 60px;
+}
+table.v-table tbody td,
+table.v-table tbody th {
+  height: 40px;
+}
+
+table.v-table thead tr {
+  height: 40px;
+}
+.scroll-container {
+  scroll-padding: 50px 0 0 50px;
+}
+
+::-webkit-scrollbar {
+  width: 7px;
+}
+
+/* this targets the default scrollbar (compulsory) */
+
+::-webkit-scrollbar-track {
+  background-color: #73baf3;
+}
+
+/* the new scrollbar will have a flat appearance with the set background color */
+
+::-webkit-scrollbar-thumb {
+  background-color: #2196f3;
+}
+
+/* this will style the thumb, ignoring the track */
+
+::-webkit-scrollbar-button {
+  background-color: #0079da;
+}
+
+/* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
+
+::-webkit-scrollbar-corner {
+  background-color: black;
+}
+</style>
+<script>
+// const { data } = require("./onePriceHeader.vue");
+
+module.exports = {
+  //   components: {
+  //     "one-dialog-info": httpVueLoader("../../common/oneDialogInfo.vue"),
+  //     "one-dialog-alert": httpVueLoader("../../common/oneDialogAlert.vue"),
+  //   },
+  mounted() {},
+  methods: {
+    closeDialogQrCode() {
+      this.dialogQrCode = false;
+    },
+    handleChangeAmount(data) {
+      console.log(data);
+      // priceAmount
+      // priceDisc
+      // priceDiscRp
+      // subTotal
+      // testID
+      if (data.priceAmount.trim() === "") {
+        return;
+      }
+      data.isChange = "Y";
+      cek = parseFloat(data.priceAmount);
+      if (isNaN(cek)) {
+        data.subTotal = 0;
+        alert("Inputan tes " + data.testName + "harus berupa angka");
+        return;
+      }
+      if (parseFloat(data.priceAmount) < 0) {
+        alert(" price amount test " + data.testName + "Kurang dari 0");
+        return;
+      }
+      amount = parseFloat(data.priceAmount);
+      diskon = 0;
+      if (
+        data.priceDisc !== "" &&
+        data.priceDisc !== null &&
+        data.priceDisc !== "0" &&
+        data.priceDisc !== 0
+      ) {
+        diskon = parseFloat(data.priceDisc);
+      }
+
+      diskonRp = 0;
+      if (
+        data.priceDiscRp !== "" &&
+        data.priceDiscRp !== null &&
+        data.priceDiscRp !== "0" &&
+        data.priceDiscRp !== 0
+      ) {
+        diskonRp = parseFloat(data.priceDiscRp);
+      }
+      total = 0;
+      if (data.subTotal !== "" && data.subTotal !== null) {
+        total = parseFloat(data.subTotal);
+      }
+      let newTotal = 0;
+
+      diskonAmount = (diskon / 100) * amount;
+      newTotal = amount - diskonAmount - diskonRp;
+
+      console.log("new total");
+      console.log(newTotal);
+      if (newTotal < 0) {
+        alert("Total tes " + data.testName + " tidak boleh kurang dari 0");
+        return;
+      }
+      if (newTotal == NaN) {
+        newTotal = 0;
+      }
+      data.subTotal = newTotal;
+    },
+    handleChangeDisc(data) {
+      data.isChange = "Y";
+
+      console.log(data);
+      // data.priceDiscRp = 0;
+      // priceAmount
+      // priceDisc
+      // priceDiscRp
+      // subTotal
+      // testID
+      if (data.priceDisc.trim() === "") {
+        return;
+      }
+      cek = parseFloat(data.priceDisc);
+      if (isNaN(cek)) {
+        alert("Inputan tes " + data.testName + "harus berupa angka");
+        return;
+      }
+      if (parseFloat(data.priceAmount) < 0) {
+        alert(" price amount test " + data.testName + "Kurang dari 0");
+        return;
+      }
+      amount = parseFloat(data.priceAmount);
+      diskon = 0;
+      if (
+        data.priceDisc !== "" &&
+        data.priceDisc !== null &&
+        data.priceDisc !== "0" &&
+        data.priceDisc !== 0
+      ) {
+        diskon = parseFloat(data.priceDisc);
+      }
+      if (diskon < 0 || diskon > 100) {
+        alert(
+          "Diskon tes " +
+            data.testName +
+            " tidak boleh kurang dari 0 dan tidak boleh lebih dari 100"
+        );
+        return;
+      }
+
+      diskonRp = 0;
+      if (
+        data.priceDiscRp !== "" &&
+        data.priceDiscRp !== null &&
+        data.priceDiscRp !== "0" &&
+        data.priceDiscRp !== 0
+      ) {
+        diskonRp = parseFloat(data.priceDiscRp);
+      }
+      total = 0;
+      if (data.subTotal !== "" && data.subTotal !== null) {
+        total = parseFloat(data.subTotal);
+      }
+      let newTotal = 0;
+
+      diskonAmount = (diskon / 100) * amount;
+      newTotal = amount - diskonAmount - diskonRp;
+
+      if (newTotal < 0) {
+        alert("Total tes " + data.testName + " tidak boleh kurang dari 0");
+        return;
+      }
+      console.log("new total");
+      console.log(newTotal);
+      if (newTotal < 0) {
+        alert(
+          "Total tes " +
+            data.testName +
+            " tidak boleh kurang dari  price amount"
+        );
+        return;
+      }
+      if (newTotal == NaN) {
+        newTotal = 0;
+      }
+      data.subTotal = newTotal;
+    },
+    handleChangeDiscRp(data) {
+      data.isChange = "Y";
+      if (data.priceDisc.trim() === "") {
+        return;
+      }
+
+      console.log(data);
+
+      // priceAmount
+      // priceDisc
+      // priceDiscRp
+      // subTotal
+      // testID
+      if (data.priceDiscRp.trim() === "") {
+        return;
+      }
+      cek = parseFloat(data.priceDiscRp);
+      if (isNaN(cek) && data.priceDiscRp !== "") {
+        alert("Inputan tes " + data.testName + "harus berupa angka");
+        return;
+      }
+      if (parseFloat(data.priceDiscRp) < 0) {
+        alert(" price amount test " + data.testName + "Kurang dari 0");
+        return;
+      }
+      amount = parseFloat(data.priceAmount);
+      diskon = 0;
+      if (
+        data.priceDisc !== "" &&
+        data.priceDisc !== null &&
+        data.priceDisc !== "0" &&
+        data.priceDisc !== 0
+      ) {
+        diskon = parseFloat(data.priceDisc);
+      }
+
+      diskonRp = 0;
+      if (
+        data.priceDiscRp !== "" &&
+        data.priceDiscRp !== null &&
+        data.priceDiscRp !== "0" &&
+        data.priceDiscRp !== 0
+      ) {
+        diskonRp = parseFloat(data.priceDiscRp);
+      }
+      if (diskonRp < 0 || diskonRp > amount) {
+        alert(
+          "Diskon tes " +
+            data.testName +
+            " tidak boleh kurang dari 0 dan tidak boleh lebih dari price amount"
+        );
+        return;
+      }
+      total = 0;
+      if (data.subTotal !== "" && data.subTotal !== null) {
+        total = parseFloat(data.subTotal);
+      }
+      let newTotal = 0;
+      diskonAmount = (diskon / 100) * amount;
+      newTotal = amount - diskonAmount - diskonRp;
+
+      console.log("new total");
+      console.log(newTotal);
+      if (newTotal < 0) {
+        alert("Total tes " + data.testName + " tidak boleh kurang dari 0");
+        return;
+      }
+      if (newTotal == NaN) {
+        newTotal = 0;
+      }
+      data.subTotal = newTotal;
+    },
+    handleSave() {
+      let submitted = [];
+      data = this.priceTestList;
+      for (let i = 0; i < data.length; i++) {
+        const e = data[i];
+        if (
+          e.priceAmount !== "" &&
+          e.priceAmount !== null &&
+          e.priceAmount !== undefined
+        ) {
+          if (
+            isNaN(e.priceAmount) ||
+            isNaN(e.priceDisc) ||
+            isNaN(e.priceDiscRp)
+          ) {
+            alert("Input test " + e.testName + " salah, mohon ulangi");
+            return;
+          }
+          diskon = parseFloat(e.priceDisc);
+          diskonRp = parseFloat(e.priceDiscRp);
+          amount = parseFloat(e.priceAmount);
+          total = parseFloat(e.subTotal);
+          if (diskon > 100) {
+            alert(
+              "Diskon % test " +
+                e.testName +
+                " Tidak boleh lebih dari 100, mohon ulangi"
+            );
+            return;
+          }
+          if (diskon < 0) {
+            alert(
+              "Diskon % test " +
+                e.testName +
+                " Tidak boleh kurang dari 0, mohon ulangi"
+            );
+            return;
+          }
+          if (diskonRp > amount) {
+            alert(
+              "Diskon Rp test " +
+                e.testName +
+                " Tidak boleh lebih dari price amount, mohon ulangi"
+            );
+            return;
+          }
+          if (diskonRp < 0) {
+            alert(
+              "Diskon Rp test " +
+                e.testName +
+                " Tidak boleh kurang dari 0, mohon ulangi"
+            );
+            return;
+          }
+          if (total < 0) {
+            alert(
+              "Total test " +
+                e.testName +
+                " Tidak boleh kurang dari 0, mohon ulangi"
+            );
+            return;
+          }
+          if (total > amount) {
+            console.log(total);
+            console.log(amount);
+            alert(
+              "Total test " +
+                e.testName +
+                " Tidak boleh lebih dari price amount, mohon ulangi"
+            );
+            return;
+          }
+
+          if (e.isChange == "Y") {
+            submitted.push(e);
+          }
+        }
+      }
+      console.log(submitted);
+      if (submitted.length > 0) {
+        console.log("submitted > 0");
+        this.$store.dispatch("price/savetest", {
+          test: submitted,
+        });
+      } else {
+        alert("Tidak ada yang perlu disimpan");
+      }
+      // priceAmount
+      // priceDisc
+      // priceDiscRp
+      // subTotal
+      // testID
+    },
+    handleChangeFIlter() {
+      let submitted = [];
+      data = this.priceTestList;
+      if (data !== undefined && data !== null) {
+        for (let i = 0; i < data.length; i++) {
+          const e = data[i];
+          if (
+            e.priceAmount !== "" &&
+            e.priceAmount !== null &&
+            e.priceAmount !== undefined
+          ) {
+            if (
+              isNaN(e.priceAmount) ||
+              isNaN(e.priceDisc) ||
+              isNaN(e.priceDiscRp)
+            ) {
+              alert("Input test " + e.testName + " salah, mohon ulangi");
+              return;
+            }
+            diskon = parseFloat(e.priceDisc);
+            diskonRp = parseFloat(e.priceDiscRp);
+            amount = parseFloat(e.priceAmount);
+            total = parseFloat(e.subTotal);
+            if (diskon > 100) {
+              alert(
+                "Diskon % test " +
+                  e.testName +
+                  " Tidak boleh lebih dari 100, mohon ulangi"
+              );
+              return;
+            }
+            if (diskon < 0) {
+              alert(
+                "Diskon % test " +
+                  e.testName +
+                  " Tidak boleh kurang dari 0, mohon ulangi"
+              );
+              return;
+            }
+            if (diskonRp > amount) {
+              alert(
+                "Diskon Rp test " +
+                  e.testName +
+                  " Tidak boleh lebih dari price amount, mohon ulangi"
+              );
+              return;
+            }
+            if (diskonRp < 0) {
+              alert(
+                "Diskon Rp test " +
+                  e.testName +
+                  " Tidak boleh kurang dari 0, mohon ulangi"
+              );
+              return;
+            }
+            if (total < 0) {
+              alert(
+                "Total test " +
+                  e.testName +
+                  " Tidak boleh kurang dari 0, mohon ulangi"
+              );
+              return;
+            }
+            if (total > amount) {
+              console.log(total);
+              console.log(amount);
+              alert(
+                "Total test " +
+                  e.testName +
+                  " Tidak boleh lebih dari price amount, mohon ulangi"
+              );
+              return;
+            }
+
+            if (e.isChange == "Y") {
+              submitted.push(e);
+            }
+          }
+        }
+      }
+      console.log(submitted);
+      // priceAmount
+      // priceDisc
+      // priceDiscRp
+      // subTotal
+      // testID
+      return submitted;
+    },
+    validateHeader() {
+      this.$store.dispatch("price/validateheader");
+    },
+  },
+  computed: {
+    filterName: {
+      get() {
+        return this.$store.state.price.filterName;
+      },
+      set(val) {
+        let dt = this.handleChangeFIlter();
+        if (dt !== undefined && dt !== null) {
+          if (dt.length > 0) {
+            if (
+              confirm(
+                "Data belum belum tersimpan,  Apakah anda yakin untuk melanjutkan ?"
+              )
+            ) {
+              this.$store.commit("price/update_filterName", val);
+              this.$store.dispatch("price/searchpricetest");
+              return;
+            } else {
+              return;
+            }
+          } else {
+            this.$store.commit("price/update_filterName", val);
+            this.$store.dispatch("price/searchpricetest");
+          }
+        }
+      },
+    },
+    filterSubGroup: {
+      get() {
+        return this.$store.state.price.filterSubGroup;
+      },
+      set(val) {
+        this.$store.commit("price/update_filterSubGroup", val);
+      },
+    },
+    filterStatus: {
+      get() {
+        return this.$store.state.price.filterStatus;
+      },
+      set(val) {
+        this.$store.commit("price/update_filterStatus", val);
+      },
+    },
+    selectedFilterSubGroup: {
+      get() {
+        return this.$store.state.price.selectedFilterSubGroup;
+      },
+      set(val) {
+        let dt = this.handleChangeFIlter();
+        if (dt !== undefined && dt !== null) {
+          if (dt.length > 0) {
+            if (
+              confirm(
+                "Data belum belum tersimpan,  Apakah anda yakin untuk melanjutkan ?"
+              )
+            ) {
+              this.$store.commit("price/update_selectedFilterSubGroup", val);
+              this.$store.dispatch("price/searchpricetest");
+              return;
+            } else {
+              return;
+            }
+          } else {
+            this.$store.commit("price/update_selectedFilterSubGroup", val);
+            this.$store.dispatch("price/searchpricetest");
+          }
+        }
+      },
+    },
+    selectedFilterStatus: {
+      get() {
+        return this.$store.state.price.selectedFilterStatus;
+      },
+      set(val) {
+        let dt = this.handleChangeFIlter();
+        if (dt !== undefined && dt !== null) {
+          if (dt.length > 0) {
+            if (
+              confirm(
+                "Data belum belum tersimpan,  Apakah anda yakin untuk melanjutkan ?"
+              )
+            ) {
+              this.$store.commit("price/update_selectedFilterStatus", val);
+              this.$store.dispatch("price/searchpricetest");
+              return;
+            } else {
+              return;
+            }
+          } else {
+            this.$store.commit("price/update_selectedFilterStatus", val);
+            this.$store.dispatch("price/searchpricetest");
+          }
+        }
+      },
+    },
+    loading: {
+      get() {
+        return this.$store.state.price.loading;
+      },
+      set(val) {
+        this.$store.commit("price/update_loading", val);
+      },
+    },
+
+    errorMsg: {
+      get() {
+        return this.$store.state.price.errorMsg;
+      },
+      set(val) {
+        this.$store.commit("price/update_errorMsg", val);
+      },
+    },
+    snackbarError: {
+      get() {
+        return this.$store.state.price.snackbarError;
+      },
+      set(val) {
+        this.$store.commit("price/update_snackbarError", val);
+      },
+    },
+    snackbarSuccess: {
+      get() {
+        return this.$store.state.price.snackbarSuccess;
+      },
+      set(val) {
+        this.$store.commit("price/update_snackbarSuccess", val);
+      },
+    },
+    selectedPriceHeader: {
+      get() {
+        return this.$store.state.price.selectedPriceHeader;
+      },
+      set(val) {
+        this.$store.commit("price/update_selectedPriceHeader", val);
+        this.$store.dispatch("price/searchpricetest");
+      },
+    },
+
+    successMsg: {
+      get() {
+        return this.$store.state.price.successMsg;
+      },
+      set(val) {
+        this.$store.commit("price/update_successMsg", val);
+      },
+    },
+    priceTestList: {
+      get() {
+        return this.$store.state.price.priceTestList;
+      },
+      set(val) {
+        this.$store.commit("price/update_priceTestList", val);
+      },
+    },
+    priceTestPageTotal: {
+      get() {
+        return this.$store.state.price.priceTestPageTotal;
+      },
+      set(val) {
+        this.$store.commit("price/update_priceTestPageTotal", val);
+      },
+    },
+    dialogValidasi: {
+      get() {
+        return this.$store.state.price.dialogValidasi;
+      },
+      set(val) {
+        this.$store.commit("price/update_dialogValidasi", val);
+      },
+    },
+    priceTestPage: {
+      get() {
+        return this.$store.state.price.priceTestPage;
+      },
+      set(val) {
+        dt = this.handleChangeFIlter();
+        if (dt.length > 0) {
+          if (
+            confirm(
+              "Data belum belum tersimpan,  Apakah anda yakin untuk melanjutkan ?"
+            )
+          ) {
+            this.$store.commit("price/update_priceTestPage", val);
+            this.$store.dispatch("price/searchpricetest");
+          }
+        } else {
+          this.$store.commit("price/update_priceTestPage", val);
+          this.$store.dispatch("price/searchpricetest");
+        }
+      },
+    },
+  },
+  watch: {},
+  data() {
+    return {
+      selected_delivery: {},
+      search_company: "",
+      search_test: "",
+      menufilterdatestart: false,
+      menufilterdateend: false,
+      date: new Date().toISOString().substr(0, 10),
+      items: [],
+      menustartdate: false,
+      menuenddate: false,
+      errors: [],
+      sheet: false,
+      indeterminatex: false,
+      checkednotall: false,
+      bar_chx_all: false,
+      selected_barcode: [],
+      dialogtimeline: false,
+      search_doctor: "",
+      dialogWarning: false,
+      dialogWarningMsg: "",
+      rules: {
+        min: (v) => v > 0 || "Minimum value 1",
+        maxPersen: (v) => v <= 100 || "Maximum value 100",
+      },
+      headers: [
+        {
+          text: "STATUS",
+          align: "center",
+          sortable: false,
+          value: "lab",
+          width: "10%",
+          class: "pa-2 blue darken-2 white--text",
+        },
+        {
+          text: "TEST",
+          align: "center",
+          sortable: false,
+          value: "lab",
+          width: "25%",
+          class: "pa-2 blue darken-2 white--text",
+        },
+        {
+          text: "AMOUNT",
+          align: "center",
+          sortable: false,
+          value: "lab",
+          width: "15%",
+          class: "pa-2 blue darken-2 white--text",
+        },
+        {
+          text: "DISKON",
+          align: "center",
+          sortable: false,
+          value: "name",
+          width: "15%",
+          class: "pa-2 blue darken-2 white--text",
+        },
+        {
+          text: "DISKON RP",
+          align: "center",
+          sortable: false,
+          value: "name",
+          width: "15%",
+          class: "pa-2 blue darken-2 white--text",
+        },
+        {
+          text: "TOTAL",
+          align: "center",
+          sortable: false,
+          value: "status",
+          width: "20%",
+          class: "pa-2 blue darken-2 white--text",
+        },
+      ],
+    };
+  },
+};
+</script>
diff --git a/test/vuex/one-mcu-resume-individu-cponev8/components/oneResumeLeft.vue b/test/vuex/one-mcu-resume-individu-cponev8/components/oneResumeLeft.vue
new file mode 100644
index 0000000..19c0967
--- /dev/null
+++ b/test/vuex/one-mcu-resume-individu-cponev8/components/oneResumeLeft.vue
@@ -0,0 +1,646 @@
+<template>
+  <div>
+    <!-- :title="printtitle" :width="printwidth" :height="500" :status="openprint"
+    :urlprint="urlprint" @close-dialog-print="closePrint" -->
+    <v-dialog v-model="openprint" width="80%">
+      <v-card>
+        <v-card-title class="headline grey lighten-2" primary-title>
+          Cetak Label
+        </v-card-title>
+
+        <v-card-text>
+          <v-layout wrap align-center>
+            <v-flex xs12>
+              <v-select
+                :items="LabelTypeList"
+                v-model="selectedLabelType"
+              ></v-select>
+            </v-flex>
+            <v-flex xs12>
+              <object :data="urlprint" width="100%" height="500"></object>
+            </v-flex>
+          </v-layout>
+        </v-card-text>
+
+        <v-divider></v-divider>
+
+        <v-card-actions>
+          <v-spacer></v-spacer>
+          <v-btn color="primary" flat @click="closePrint"> Tutup </v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+    <v-snackbar
+      color="success"
+      v-model="snackbarSuccess"
+      right="right"
+      :timeout="3000"
+      top="top"
+    >
+      {{ successMsg }}
+      <v-btn color="white" flat @click="snackbarSuccess = false"> Close </v-btn>
+    </v-snackbar>
+    <v-snackbar
+      color="warning"
+      v-model="snackbarWarning"
+      right="right"
+      :timeout="3000"
+      top="top"
+    >
+      {{ warningMsg }}
+      <v-btn color="white" flat @click="snackbarWarning = false"> Close </v-btn>
+    </v-snackbar>
+    <v-snackbar
+      color="error"
+      v-model="snackbarError"
+      right="right"
+      :timeout="3000"
+      top="top"
+    >
+      {{ errorMsg }}
+      <v-btn color="white" flat @click="snackbarError = false"> Close </v-btn>
+    </v-snackbar>
+    <v-layout class="fill-height" column>
+      <v-card style="width: 100%;" class="mb-2 pa-2">
+        <v-layout row wrap>
+          <v-flex xs12 class="mb-2">
+            <v-autocomplete
+              label="Pilih Proyek MCU"
+              v-model="selectedSetup"
+              :items="setupList"
+              item-text="Mgm_McuLabel"
+              outline
+              hide-details
+              return-object
+              no-data-text="Pilih Proyek MCU"
+            >
+              <template slot="item" slot-scope="{ item }">
+                <v-list-tile-content>
+                  <v-list-tile-title
+                    v-text="item.Mgm_McuLabel"
+                  ></v-list-tile-title>
+                </v-list-tile-content>
+              </template>
+            </v-autocomplete>
+          </v-flex>
+          <v-flex xs6 class="mb-2">
+            <v-menu
+              v-model="menuFormDateStart"
+              :close-on-content-click="false"
+              :nudge-right="40"
+              lazy
+              transition="scale-transition"
+              offset-y
+              full-width
+              max-width="290px"
+              min-width="290px"
+            >
+              <template v-slot:activator="{ on }">
+                <v-text-field
+                  class="mr-2"
+                  v-model="formatedStartDate"
+                  label="Tanggal Awal"
+                  outline
+                  hide-details
+                  readonly
+                  v-on="on"
+                  @blur="deFormatedDate(formatedStartDate)"
+                ></v-text-field>
+              </template>
+              <v-date-picker
+                v-model="startDate"
+                no-title
+                @input="menuFormDateStart = false"
+              ></v-date-picker>
+            </v-menu>
+          </v-flex>
+          <v-flex xs6 class="mb-2">
+            <v-menu
+              v-model="menuFormDateEnd"
+              :close-on-content-click="false"
+              :nudge-right="40"
+              lazy
+              transition="scale-transition"
+              offset-y
+              full-width
+              max-width="290px"
+              min-width="290px"
+            >
+              <template v-slot:activator="{ on }">
+                <v-text-field
+                  class="ml-2"
+                  v-model="formatedEndDate"
+                  label="Tanggal Akhir"
+                  outline
+                  readonly
+                  hide-details
+                  v-on="on"
+                  @blur="deFormatedDate(formatedEndDate)"
+                ></v-text-field>
+              </template>
+              <v-date-picker
+                v-model="endDate"
+                no-title
+                @input="menuFormDateEnd = false"
+              ></v-date-picker>
+            </v-menu>
+          </v-flex>
+          <v-flex xs12>
+            <v-text-field
+              label="Cari..."
+              outline
+              hide-details
+              v-model="search"
+            ></v-text-field>
+          </v-flex>
+        </v-layout>
+      </v-card>
+    </v-layout>
+    <v-layout
+      row
+      wrap
+      v-if="
+        selectedSetup.Mgm_McuID !== null &&
+        selectedSetup.Mgm_McuID !== undefined
+      "
+    >
+      <v-card class="py-2 px-2" style="width: 100%;">
+        <div>
+          <v-btn depressed small @click="print()" color="warning"
+            >Cetak Label</v-btn
+          >
+        </div>
+        <!-- <span
+          
+          class="icon-medium-fill-base-small xs1 white--text blue-grey icon-print"
+        ></span> -->
+      </v-card>
+    </v-layout>
+    <v-card style="overflow-y: scroll; height: 55vh;" class="fill-height">
+      <v-data-table
+        :loading="loading"
+        :items="patientList"
+        :headers="headers"
+        class="v-table elevation-1"
+        hide-actions
+      >
+        <template v-slot:headers="props">
+          <tr>
+            <th
+              v-for="header in props.headers"
+              :width="header.width"
+              :class="header.class"
+            >
+              {{ header.text }}
+            </th>
+          </tr>
+        </template>
+        <v-progress-linear
+          v-slot:progress="loading"
+          color="blue"
+          :indeterminate="true"
+        ></v-progress-linear>
+        <template v-slot:items="props">
+          <tr @click="selectMe(props.item)">
+            <!-- 'deep-orange darken-1': props.item.status !== 'NEW', -->
+            <td
+              v-bind:class="{
+                'yellow lighten-4': isSelected(props.item),
+                'py-2 align-center text-sm-left': true,
+              }"
+            >
+              <!-- <v-layout
+                align-start
+                justify-start
+                row
+                fill-height
+                class="text-sm-left"
+              >
+                <v-flex v-if="props.item.status !== 'NEW'" xs3
+                  ><v-icon color="success" right>check_circle</v-icon>
+                </v-flex>
+                <v-flex xs9>
+                </v-flex>
+              </v-layout> -->
+              <p
+                v-bind:class="{
+                  'green--text': props.item.status !== 'NEW',
+                }"
+                class="font-weight-bold body-2"
+              >
+                {{ props.item.labNumber }}
+              </p>
+            </td>
+            <td
+              v-bind:class="{
+                'yellow lighten-4': isSelected(props.item),
+                'py-2': true,
+              }"
+            >
+              <p class="body-2">{{ props.item.orderDate }}</p>
+            </td>
+            <td
+              v-bind:class="{
+                'yellow lighten-4': isSelected(props.item),
+                'py-2': true,
+              }"
+            >
+              <p class="body-2">{{ props.item.patientFullname }}</p>
+            </td>
+          </tr>
+        </template>
+      </v-data-table>
+    </v-card>
+    <v-card class="pa-2">
+      <div class="text-xs-left">
+        <v-pagination v-model="page" :length="totalPage"></v-pagination>
+      </div>
+    </v-card>
+    <!-- <one-dialog-print-label
+      :title="printtitle"
+      :width="printwidth"
+      :height="500"
+      :status="openprint"
+      :urlprint="urlprint"
+      @close-dialog-print="closePrint"
+    ></one-dialog-print-label> -->
+  </div>
+</template>
+<style scoped>
+  .searchbox .v-input.v-text-field .v-input__slot {
+    min-height: 60px;
+  }
+  .searchbox .v-btn {
+    min-height: 60px;
+  }
+  table.v-table tbody td,
+  table.v-table tbody th {
+    height: 40px;
+  }
+
+  table.v-table thead tr {
+    height: 40px;
+  }
+  .scroll-container {
+    scroll-padding: 50px 0 0 50px;
+  }
+
+  ::-webkit-scrollbar {
+    width: 7px;
+  }
+
+  /* this targets the default scrollbar (compulsory) */
+
+  ::-webkit-scrollbar-track {
+    background-color: #73baf3;
+  }
+
+  /* the new scrollbar will have a flat appearance with the set background color */
+
+  ::-webkit-scrollbar-thumb {
+    background-color: #2196f3;
+  }
+
+  /* this will style the thumb, ignoring the track */
+
+  ::-webkit-scrollbar-button {
+    background-color: #0079da;
+  }
+
+  /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
+
+  ::-webkit-scrollbar-corner {
+    background-color: black;
+  }
+</style>
+<script>
+  // const { data } = require("./onePriceHeader.vue");
+
+  module.exports = {
+    components: {
+      "one-dialog-print-label": httpVueLoader(
+        "../../common/oneDialogPrintX.vue"
+      ),
+    },
+    mounted() {
+      this.$store.dispatch("resume/getsetup");
+      this.$store.dispatch("resume/getFitnessCategory");
+    },
+    methods: {
+      closePrint() {
+        this.openprint = false;
+      },
+      print() {
+        let user = one_user();
+        var d = new Date();
+        var n = d.getTime();
+        // https://cpone.aplikasi.web.id/birt/run?__report=report/one/rekap/rpt_mcu_patient_label.rptdesign&__format=pdf&PStartDate=2024-07-15&PEndDate=2024-07-15&PMcuID=61&PType=divisi&username=joko@gmail.com&tm=1721657764454
+        let rptname = "rpt_mcu_patient_label";
+        this.urlprint =
+          "/birt/run?__report=report/one/rekap/" +
+          rptname +
+          ".rptdesign&__format=pdf" +
+          "&PStartDate=" +
+          this.startDate +
+          "&PEndDate=" +
+          this.endDate +
+          "&PMcuID=" +
+          this.selectedSetup.Mgm_McuID +
+          "&PType=" +
+          this.selectedLabelType.toLowerCase() +
+          "&username=" +
+          user.M_StaffName +
+          "&tm=" +
+          n;
+        this.openprint = true;
+      },
+      formatDate(date) {
+        if (!date) return null;
+
+        const [year, month, day] = date.split("-");
+        return `${day}-${month}-${year}`;
+      },
+      deFormatedDate(date) {
+        if (!date) return null;
+
+        const [day, month, year] = date.split("-");
+        return `${year}-${month.padStart(2, "0")}-${day.padStart(2, "0")}`;
+      },
+      selectMe(val) {
+        if (this.loading || this.loadingDetail || this.loadingSave) {
+          this.snackbarWarning = true;
+          this.warningMsg =
+            "Loading sedang berlangsung, silahkan tunggu loading selesai untuk memilih pasien lain";
+          return;
+        }
+        // this.loading = true;
+        this.$store.commit("resume/reset_input");
+        this.selectedPatient = val;
+        this.patientDetail = {
+          detail: [],
+          puasaStatus: null,
+          puasaLabel: ""
+        };
+        this.$store.dispatch("resume/getdetail");
+      },
+      isSelected(val) {
+        return this.selectedPatient.orderID === val.orderID;
+      },
+    },
+    computed: {
+      errorMsg: {
+        get() {
+          return this.$store.state.resume.errorMsg;
+        },
+        set(val) {
+          this.$store.commit("resume/update_errorMsg", val);
+        },
+      },
+      successMsg: {
+        get() {
+          return this.$store.state.resume.successMsg;
+        },
+        set(val) {
+          this.$store.commit("resume/update_successMsg", val);
+        },
+      },
+      snackbarError: {
+        get() {
+          return this.$store.state.resume.snackbarError;
+        },
+        set(val) {
+          this.$store.commit("resume/update_snackbarError", val);
+        },
+      },
+      snackbarSuccess: {
+        get() {
+          return this.$store.state.resume.snackbarSuccess;
+        },
+        set(val) {
+          this.$store.commit("resume/update_snackbarSuccess", val);
+        },
+      },
+      setupList: {
+        get() {
+          return this.$store.state.resume.setupList;
+        },
+        set(val) {
+          this.$store.commit("resume/update_setupList", val);
+        },
+      },
+      selectedSetup: {
+        get() {
+          return this.$store.state.resume.selectedSetup;
+        },
+        set(val) {
+          this.$store.commit("resume/update_selectedSetup", val);
+          this.selectedPatient = {};
+          this.patientDetail = {
+            detail: [],
+            puasaStatus: null,
+            puasaLabel: ""
+          };
+        },
+      },
+      startDate: {
+        get() {
+          return this.$store.state.resume.startDate;
+        },
+        set(val) {
+          this.$store.commit("resume/update_startDate", val);
+          this.selectedPatient = {};
+          this.patientDetail = {
+            detail: [],
+            puasaStatus: null,
+            puasaLabel: ""
+          };
+          this.page = 1;
+          if (!this.changeSetup) this.$store.dispatch("resume/search");
+        },
+      },
+      endDate: {
+        get() {
+          return this.$store.state.resume.endDate;
+        },
+        set(val) {
+          this.selectedPatient = {};
+          this.patientDetail = {
+            detail: [],
+            puasaStatus: null,
+            puasaLabel: ""
+          };
+          this.page = 1;
+          this.$store.commit("resume/update_endDate", val);
+          if (!this.changeSetup) this.$store.dispatch("resume/search");
+        },
+      },
+      patientDetail: {
+        get() {
+          return this.$store.state.resume.patientDetail;
+        },
+        set(val) {
+          this.$store.commit("resume/update_patientDetail", val);
+        },
+      },
+      search: {
+        get() {
+          return this.$store.state.resume.search;
+        },
+        set(val) {
+          this.selectedPatient = {};
+          this.patientDetail = {
+            detail: [],
+            puasaStatus: null,
+            puasaLabel: ""
+          };
+          this.page = 1;
+          this.$store.commit("resume/update_search", val);
+          if (!this.changeSetup) this.$store.dispatch("resume/search");
+        },
+      },
+      patientList: {
+        get() {
+          return this.$store.state.resume.patientList;
+        },
+        set(val) {
+          this.$store.commit("resume/update_patientList", val);
+        },
+      },
+      selectedPatient: {
+        get() {
+          return this.$store.state.resume.selectedPatient;
+        },
+        set(val) {
+          this.$store.commit("resume/update_selectedPatient", val);
+        },
+      },
+      totalPage: {
+        get() {
+          return this.$store.state.resume.totalPage;
+        },
+        set(val) {
+          this.$store.commit("resume/update_totalPage", val);
+        },
+      },
+      page: {
+        get() {
+          return this.$store.state.resume.page;
+        },
+        set(val) {
+          this.selectedPatient = {};
+          this.patientDetail = {
+            detail: [],
+            puasaStatus: null,
+            puasaLabel: ""
+          };
+          this.$store.commit("resume/update_page", val);
+          if (!this.changeSetup) this.$store.dispatch("resume/search");
+        },
+      },
+      loading: {
+        get() {
+          return this.$store.state.resume.loading;
+        },
+        set(val) {
+          this.$store.commit("resume/update_loading", val);
+        },
+      },
+      loadingSave: {
+        get() {
+          return this.$store.state.resume.loadingSave;
+        },
+        set(val) {
+          this.$store.commit("resume/update_loadingSave", val);
+        },
+      },
+      loadingDetail: {
+        get() {
+          return this.$store.state.resume.loadingDetail;
+        },
+        set(val) {
+          this.$store.commit("resume/update_loadingDetail", val);
+        },
+      },
+      formatedStartDate() {
+        return this.formatDate(this.startDate);
+      },
+      formatedEndDate() {
+        return this.formatDate(this.endDate);
+      },
+    },
+    watch: {
+      selectedSetup(val, old) {
+        this.changeSetup = true;
+        this.page = 1;
+        this.endDate = val.Mgm_McuEndDate;
+        this.startDate = val.Mgm_McuStartDate;
+        this.$store.dispatch("resume/search");
+        this.changeSetup = false;
+      },
+      selectedLabelType(val, old) {
+        let user = one_user();
+        var d = new Date();
+        var n = d.getTime();
+        // https://cpone.aplikasi.web.id/birt/run?__report=report/one/rekap/rpt_mcu_patient_label.rptdesign&__format=pdf&PStartDate=2024-07-15&PEndDate=2024-07-15&PMcuID=61&PType=divisi&username=joko@gmail.com&tm=1721657764454
+        let rptname = "rpt_mcu_patient_label";
+        this.urlprint =
+          "/birt/run?__report=report/one/rekap/" +
+          rptname +
+          ".rptdesign&__format=pdf" +
+          "&PStartDate=" +
+          this.startDate +
+          "&PEndDate=" +
+          this.endDate +
+          "&PMcuID=" +
+          this.selectedSetup.Mgm_McuID +
+          "&PType=" +
+          val.toLowerCase() +
+          "&username=" +
+          user.M_StaffName +
+          "&tm=" +
+          n;
+      },
+    },
+    data() {
+      return {
+        menuFormDateStart: false,
+        menuFormDateEnd: false,
+        changeSetup: false,
+        printtitle: "",
+        printwidth: "80%",
+        openprint: false,
+        urlprint: "",
+        selectedLabelType: "Departement",
+        LabelTypeList: ["Departement", "Divisi"],
+        snackbarWarning: false,
+        warningMsg: "",
+        headers: [
+          {
+            text: "NO REG",
+            align: "left",
+            sortable: false,
+            value: "lab",
+            width: "20%",
+            class: "pa-2 blue lighten-3 white--text",
+          },
+          {
+            text: "TGL. ORDER",
+            align: "left",
+            sortable: false,
+            value: "lab",
+            width: "30%",
+            class: "pa-2 blue lighten-3 white--text",
+          },
+          {
+            text: "PASIEN",
+            align: "left",
+            sortable: false,
+            value: "lab",
+            width: "50%",
+            class: "pa-2 blue lighten-3 white--text",
+          },
+        ],
+      };
+    },
+  };
+</script>
diff --git a/test/vuex/one-mcu-resume-individu-cponev8/components/oneResumeRight.vue b/test/vuex/one-mcu-resume-individu-cponev8/components/oneResumeRight.vue
new file mode 100644
index 0000000..fce800d
--- /dev/null
+++ b/test/vuex/one-mcu-resume-individu-cponev8/components/oneResumeRight.vue
@@ -0,0 +1,1392 @@
+<template>
+  <div>
+    <v-dialog v-model="dialogFitness" width="700">
+      <v-card>
+        <v-card-title class="headline grey lighten-2" primary-title>
+          Hasil Generate Kategori Fitness
+        </v-card-title>
+
+        <v-card-text>
+          <v-layout row wrap class="mb-3">
+            <v-flex xs2 style="font-weight: bold;"> Kismpulan :</v-flex>
+            <v-flex xs10 style="font-weight: bold;">
+              {{ dataFitness.status.name }} ({{ dataFitness.status.name_eng }})
+            </v-flex>
+          </v-layout>
+          <v-data-table :headers="headersRstFitness" :items="dataFitness.data" hide-actions class="elevation-1">
+            <template v-slot:header="{ props }">
+              <tr>
+                <th v-for="header in props.headers" :key="header.text">
+                  {{ header.text }}
+                </th>
+              </tr>
+            </template>
+
+            <template v-slot:items="props">
+              <td class="text-xs-left">{{ props.item.type }}</td>
+              <td class="text-xs-left">{{ props.item.Nat_TestName }}</td>
+              <td class="text-xs-left">{{ props.item.Mcu_KelainanName }}</td>
+              <td class="text-xs-left">
+                {{ props.item.Mcu_FitnessCategoryName }} ({{
+                  props.item.Mcu_FitnessCategoryEng
+                }})
+              </td>
+            </template>
+          </v-data-table>
+        </v-card-text>
+
+        <v-divider></v-divider>
+
+        <v-card-actions>
+          <v-spacer></v-spacer>
+          <v-btn color="primary" flat @click="dialogFitness = false">
+            Tutup
+          </v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+    <v-dialog persistent v-model="dialogDoctor" width="500">
+      <!-- <template v-slot:activator="{ on }">
+        <v-btn color="red lighten-2" dark v-on="on"> Click Me </v-btn>
+      </template> -->
+
+      <v-card>
+        <v-card-title class="headline grey lighten-2" primary-title>
+          Pilih Dokter
+        </v-card-title>
+
+        <v-card-text>
+          <v-autocomplete label="Dokter" v-model="selectedDoctor" class="mt-1" :items="doctorList"
+            :search-input.sync="searchDoctor" auto-select-first hide-details style="font-size: 14px;" no-filter
+            item-text="doctorName" return-object :loading="loading" no-data-text="Pilih Dokter">
+            <!-- :disabled="disableAutocomplete()" -->
+            <template slot="item" slot-scope="{ item }">
+              <v-list-tile-content>
+                <v-list-tile-title v-text="item.doctorName"></v-list-tile-title>
+              </v-list-tile-content>
+            </template>
+          </v-autocomplete>
+        </v-card-text>
+
+        <v-divider></v-divider>
+
+        <v-card-actions>
+          <v-spacer></v-spacer>
+          <v-btn color="error" flat @click="closeDialogDoctor()"> Tutup </v-btn>
+          <v-btn color="success" flat @click="saveDoctor()">Simpan</v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+    <v-layout class="fill-height" column>
+      <v-card class="pa-2">
+        <v-layout row wrap>
+          <v-flex xs2>
+            <v-card class="pa-2 blue darken-4">
+              <v-img :src="selectedPatient.patientFotoThumb" height="160" contain></v-img>
+            </v-card>
+          </v-flex>
+          <v-flex xs10>
+            <v-layout row wrap>
+              <v-flex xs12 class="ml-3">
+                <div style="justify-content: space-between; display: flex;">
+                  <span class="display-1 font-weight-bold">
+                    {{ selectedPatient.labNumber }}
+                  </span>
+
+                  <v-btn v-if="patientDetail.detail.length > 0" flat icon color="blue" @click="reloadDetail()">
+                    <v-icon>refresh</v-icon>
+                  </v-btn>
+                </div>
+              </v-flex>
+              <v-flex xs12 class="ml-3"><v-divider></v-divider></v-flex>
+
+              <v-flex xs5 class="ml-3"><v-text-field label="NAMA PASIEN" readonly
+                  v-model="selectedPatient.patientFullname">
+                </v-text-field></v-flex>
+              <v-flex xs3 class="ml-3"><v-text-field label="JENIS KELAMIN" readonly
+                  v-model="selectedPatient.patientGender"></v-text-field></v-flex>
+              <v-flex xs2 class="ml-3"><v-text-field label="TANGGAL LAHIR" readonly
+                  v-model="selectedPatient.patientDOB"></v-text-field></v-flex>
+              <v-flex xs5 class="ml-3"><v-text-field label="UMUR" readonly
+                  v-model="selectedPatient.patientAge"></v-text-field></v-flex>
+              <v-flex xs5 class="ml-3"><v-text-field label="PERUSAHAAN" readonly
+                  v-model="selectedPatient.corporateName"></v-text-field></v-flex>
+            </v-layout>
+          </v-flex>
+        </v-layout>
+      </v-card>
+      <v-card v-if="patientDetail.detail.length > 0 && !loading && !loadingDetail && !loadingSave"
+        class="pa-3 mt-2 fill-height">
+        <v-layout v-if="loading || loadingSave || loadingDetail" row wrap>
+          <v-flex xs12>
+            <v-progress-linear :indeterminate="true"></v-progress-linear>
+          </v-flex>
+        </v-layout>
+        <v-layout row wrap class="py-2" justify-center>
+          <v-flex xs6 align-content-center>
+            <div red--text text--lighten-1 class="p-0">
+              <v-chip color="primary" text-color="white" label>
+                <v-icon left>label</v-icon>RESUME
+              </v-chip>
+              <v-chip @click="openDialogDoctor(patientDetail)" label color="info" outline>
+                <v-icon left>assignment_ind</v-icon>
+                {{ getDoctorName(patientDetail.doctorName) }}
+              </v-chip>
+            </div>
+            <v-spacer></v-spacer>
+          </v-flex>
+          <v-flex align-content-center text-md-right xs6>
+            <v-layout row wrap>
+              <v-flex align-content-center text-md-right><v-autocomplete label="Tipe Print" v-model="selectedPrintType"
+                  :items="printType" item-text="name" box hide-details return-object no-data-text="Tipe Print">
+                </v-autocomplete></v-flex>
+              <v-flex align-content-center text-md-right shrink>
+                <span v-if="
+                  patientDetail.resumeID !== 0 &&
+                  patientDetail.resumeID !== null
+                " @click="printTipeFunction()"
+                  class="icon-medium-fill-base xs1 white--text blue-grey icon-print"></span>
+                <span @click="save()" v-if="patientDetail.status === 'NEW'"
+                  class="icon-medium-fill-base xs1 white--text info icon-save"></span>
+                <span @click="unvalidate()" v-if="patientDetail.status === 'VAL'"
+                  class="icon-medium-fill-base xs1 white--text warning icon-unval"></span>
+                <!--<v-btn v-if="test.status === 'NEW'" @click="val1(test,'val1')" small color="warning">Verifikasi</v-btn>-->
+                <!-- @click="val1(test, 'val')" -->
+                <span @click="validate()" v-if="patientDetail.status === 'NEW'"
+                  class="icon-medium-fill-base xs1 white--text warning icon-v"></span>
+              </v-flex>
+            </v-layout>
+          </v-flex>
+          <!-- <v-flex text-md-right>
+  
+
+            <span
+              v-if="
+                patientDetail.resumeID !== 0 && patientDetail.resumeID !== null
+              "
+              @click="printCover()"
+              class="icon-medium-fill-base-small xs1 white--text teal icon-print"
+            ></span>
+            <span
+              v-if="
+                patientDetail.resumeID !== 0 && patientDetail.resumeID !== null
+              "
+              @click="printGabungan()"
+              class="icon-medium-fill-base-small xs1 white--text light-green icon-print"
+            ></span>
+            <span
+              v-if="
+                patientDetail.resumeID !== 0 && patientDetail.resumeID !== null
+              "
+              @click="printGabunganKop()"
+              class="icon-medium-fill-base-small xs1 white--text deep-purple icon-print"
+            ></span>
+            <span
+              v-if="
+                patientDetail.resumeID !== 0 && patientDetail.resumeID !== null
+              "
+              @click="print2tahun()"
+              class="icon-medium-fill-base-small xs1 white--text brown icon-print"
+            ></span>
+            <span
+              v-if="
+                patientDetail.resumeID !== 0 && patientDetail.resumeID !== null
+              "
+              @click="printkesimpulansaran()"
+              class="icon-medium-fill-base-small xs1 white--text red icon-print"
+            ></span>
+            <span
+              v-if="
+                patientDetail.resumeID !== 0 && patientDetail.resumeID !== null
+              "
+              @click="print()"
+              class="icon-medium-fill-base-small xs1 white--text blue-grey icon-print"
+            ></span>
+          </v-flex> -->
+        </v-layout>
+
+        <v-divider></v-divider>
+        <div></div>
+        <v-layout row wrap class="pa-2" style="overflow-y: scroll; height: 55vh;">
+          <v-flex xs12 class="mb-1 mt-2 font-weight-bold" v-if="getTitle('NONLAB')">
+            NONLAB
+          </v-flex>
+          <v-flex xs12 v-for="dtl in patientDetail.detail">
+            <v-textarea :label="dtl.testName" outline auto-grow rows="1" v-if="dtl.category === 'NONLAB'"
+              :disabled="disableForm()" v-model="dtl.result" @input="handleChangeInput(dtl)">
+            </v-textarea>
+          </v-flex>
+          <v-flex xs12 class="mb-1 mt-2 font-weight-bold" v-if="getTitle('FISIK')">
+            FISIK
+          </v-flex>
+          <v-flex xs12 v-for="dtl in patientDetail.detail">
+            <v-textarea :label="dtl.testName" auto-grow rows="1" outline v-if="dtl.category === 'FISIK'"
+              :disabled="disableForm()" v-model="dtl.result" @input="handleChangeInput(dtl)">
+            </v-textarea>
+          </v-flex>
+          <v-flex xs12 class="mb-1 mt-2 font-weight-bold" v-if="getTitle('LAB')">
+            LABORATORIUM
+          </v-flex>
+          <v-flex xs12 v-for="dtl in patientDetail.detail">
+            <v-textarea :label="dtl.testName" auto-grow rows="1" outline hide-details v-if="dtl.category === 'LAB'"
+              :disabled="disableForm()" v-model="dtl.result" @input="handleChangeInput(dtl)">
+            </v-textarea>
+            <p v-if="dtl.category === 'LAB'" class="mb-4 mt-3 ml-3">
+              <span style="font-weight: bold;">{{ dtl.testName }} : </span>
+              <!-- {{ dtl.generateKelainan }} -->
+              <span v-html="dtl.generateKelainan"></span>
+            </p>
+          </v-flex>
+
+          <v-flex xs12 class="mb-1 mt-2 font-weight-bold" v-if="showPuasaCard">
+            <v-divider></v-divider>
+          </v-flex>
+
+          <v-flex xs12 class="mb-1 mt-2 font-weight-bold" v-if="showPuasaCard">
+            PUASA / TIDAK PUASA
+          </v-flex>
+
+          <v-flex xs12 v-if="showPuasaCard">
+            <v-text-field
+              :value="patientDetail.puasaLabel"
+              outline
+              disabled
+              hide-details
+            ></v-text-field>
+          </v-flex>
+
+          <v-flex xs12 class="mb-1 mt-2 font-weight-bold" v-if="showPuasaCard">
+            <v-divider></v-divider>
+          </v-flex>
+          
+          <v-flex xs12 class="mb-1 mt-2 font-weight-bold">
+            KATEGORI FITNESS
+          </v-flex>
+          <v-flex xs7 class="mb-1 mt-2">
+            <v-select full-width :items="fitnessCategory" item-text="name" item-value="id" class="mini-select"
+              :disabled="disableForm()" v-model="selectedFitnessCategory" box label="Kategori Fitness"></v-select>
+          </v-flex>
+          <v-flex xs5 class="mb-1 mt-2 font-weight-bold px-2">
+            <v-btn :disabled="disableForm()" @click="generateFitness()" color="info" block>Generate</v-btn>
+          </v-flex>
+          <v-flex xs12 class="mb-1 mt-2 font-weight-bold"> KESIMPULAN </v-flex>
+          <v-flex xs12>
+            <v-textarea label="KESIMPULAN" v-model="patientDetail.kesimpulan" :disabled="disableForm()"
+              @input="handleChangeInputHeader(patientDetail)" auto-grow rows="1" box></v-textarea>
+          </v-flex>
+          <v-flex xs12>
+            <v-textarea label="CONCLUSION" v-model="patientDetail.conclusion" :disabled="disableForm()"
+              @input="handleChangeInputHeader(patientDetail)" auto-grow rows="1" box></v-textarea>
+          </v-flex>
+          <v-flex xs12 class="mb-1 mt-2 font-weight-bold"> REKOMENDASI </v-flex>
+          <v-flex xs12>
+            <v-textarea v-model="patientDetail.rekomendasi" label="REKOMENDASI"
+              @input="handleChangeInputHeader(patientDetail)" :disabled="disableForm()" auto-grow rows="1"
+              box></v-textarea>
+          </v-flex>
+          <v-flex xs12>
+            <v-textarea v-model="patientDetail.recomendation" label="RECOMENDATION"
+              @input="handleChangeInputHeader(patientDetail)" :disabled="disableForm()" auto-grow rows="1"
+              box></v-textarea>
+          </v-flex>
+          <v-flex xs12 class="mb-1 mt-2 font-weight-bold"> SARAN </v-flex>
+          <v-flex xs12>
+            <v-textarea v-model="patientDetail.saran" :disabled="disableForm()"
+              @input="handleChangeInputHeader(patientDetail)" auto-grow rows="1" label="SARAN" box></v-textarea>
+          </v-flex>
+          <v-flex xs12>
+            <v-textarea v-model="patientDetail.advice" :disabled="disableForm()"
+              @input="handleChangeInputHeader(patientDetail)" auto-grow rows="1" label="ADVICE" box></v-textarea>
+          </v-flex>
+        </v-layout>
+      </v-card>
+      <v-card v-if="patientDetail.detail.length === 0 && !loading && !loadingDetail && !loadingSave" class="pa-3 mt-2">
+        <v-layout v-if="loading" row wrap>
+          <v-flex xs12>
+            <v-progress-linear :indeterminate="true"></v-progress-linear>
+          </v-flex>
+        </v-layout>
+        <!-- <p class="display-1 font-weight-bold">Belum ada hasil</p> -->
+        <p class="display-1 font-weight-bold text-center">
+          Belum ada hasil
+        </p>
+      </v-card>
+
+      <v-card v-if="patientDetail.detail.length === 0 && (loading || loadingDetail || loadingSave)" class="pa-3 mt-2">
+        <v-layout v-if="loading || loadingDetail || loadingSave" row wrap>
+          <v-flex xs12>
+            <v-progress-linear :indeterminate="true"></v-progress-linear>
+          </v-flex>
+        </v-layout>
+        <p class="display-1 font-weight-bold ma-3" style="font-style: italic;">
+          Menanti sejenak janganlah gusar, <br />
+          Loading sebentar pasti kelar,<br />
+          Sabar menunggu, tenang di hati, <br />
+          Sebentar lagi akan puas hati!
+        </p>
+      </v-card>
+      <v-card v-if="patientDetail.detail.length > 0 && (loading || loadingDetail || loadingSave)" class="pa-3 mt-2">
+        <v-layout v-if="loading || loadingDetail || loadingSave" row wrap>
+          <v-flex xs12>
+            <v-progress-linear :indeterminate="true"></v-progress-linear>
+          </v-flex>
+        </v-layout>
+        <p class="display-1 font-weight-bold ma-3" style="font-style: italic;">
+          Menanti sejenak janganlah gusar, <br />
+          Loading sebentar pasti kelar,<br />
+          Sabar menunggu, tenang di hati, <br />
+          Sebentar lagi akan puas hati!
+        </p>
+      </v-card>
+    </v-layout>
+    <!-- <one-dialog-print
+      :title="printtitle"
+      :width="printwidth"
+      :height="500"
+      :status="openprint"
+      :urlprint="urlprint"
+      @close-dialog-print="closePrint"
+    ></one-dialog-print> -->
+    <v-dialog v-model="openprint" width="80%">
+      <v-card>
+        <v-card-title class="headline grey lighten-2" primary-title>
+          {{ printtitle }}
+        </v-card-title>
+
+        <v-card-text>
+          <v-layout wrap align-center>
+            <v-flex xs12 v-if="selectedPrintType.reportName === 'patientlabel'">
+              <v-select :items="LabelTypeList" v-model="selectedLabelType"></v-select>
+            </v-flex>
+            <v-flex xs12>
+              <object :data="urlprint" width="100%" height="500"></object>
+            </v-flex>
+          </v-layout>
+        </v-card-text>
+
+        <v-divider></v-divider>
+
+        <v-card-actions>
+          <v-spacer></v-spacer>
+          <v-btn color="primary" flat @click="closePrint"> Tutup </v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+  </div>
+</template>
+<style scoped>
+.searchbox .v-input.v-text-field .v-input__slot {
+  min-height: 60px;
+}
+
+.searchbox .v-btn {
+  min-height: 60px;
+}
+
+table.v-table tbody td,
+table.v-table tbody th {
+  height: 40px;
+}
+
+table.v-table thead tr {
+  height: 40px;
+}
+
+.scroll-container {
+  scroll-padding: 50px 0 0 50px;
+}
+
+::-webkit-scrollbar {
+  width: 7px;
+}
+
+/* this targets the default scrollbar (compulsory) */
+
+::-webkit-scrollbar-track {
+  background-color: #73baf3;
+}
+
+/* the new scrollbar will have a flat appearance with the set background color */
+
+::-webkit-scrollbar-thumb {
+  background-color: #2196f3;
+}
+
+/* this will style the thumb, ignoring the track */
+
+::-webkit-scrollbar-button {
+  background-color: #0079da;
+}
+
+/* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
+
+::-webkit-scrollbar-corner {
+  background-color: black;
+}
+</style>
+<script>
+// const { data } = require("./onePriceHeader.vue");
+
+module.exports = {
+  components: {
+    "one-dialog-print": httpVueLoader("../../common/oneDialogPrintX.vue"),
+  },
+  mounted() { },
+  methods: {
+    generateFitness() {
+      this.$store.dispatch("resume/generateFitnessCategory");
+    },
+    closePrint() {
+      this.openprint = false;
+    },
+    reloadDetail() {
+      this.$store.dispatch("resume/getdetail");
+    },
+    printTipeFunction() {
+      // {
+      //     name: "Hasil Resume Individu",
+      //     reportName: "resume",
+      //   },
+      //   {
+      //     name: "Kesimpulan dan Saran",
+      //     reportName: "kesimpulandansaran",
+      //   },
+      //   {
+      //     name: "Kesimpulan dan Saran 2 Tahun Logo",
+      //     reportName: "kesimpulandansaran2logo",
+      //   },
+      //   {
+      //     name: "Kesimpulan dan Saran 2 Tahun",
+      //     reportName: "kesimpulandansaran2",
+      //   },
+      //   {
+      //     name: "Gabungan Logo",
+      //     reportName: "gabunganlogo",
+      //   },
+      //   {
+      //     name: "Gabungan",
+      //     reportName: "gabungan",
+      //   },
+      //   {
+      //     name: "Gabungan 2 Tahun Logo",
+      //     reportName: "gabungan2logo",
+      //   },
+      //   {
+      //     name: "Gabungan 2 Tahun",
+      //     reportName: "gabungan2",
+      //   },
+      //   {
+      //     name: "Cover",
+      //     reportName: "cover",
+      //   },
+      let user = one_user();
+      var d = new Date();
+      var n = d.getTime();
+
+      //cover
+      this.printtitle = this.selectedPrintType.name;
+      $bg = this.selectedPatient.bg_prm ? this.selectedPatient.bg_prm : "bgdflt"
+      if (this.selectedPrintType.reportName === "cover") {
+        let rptname = "rpt_mcu_resume_cover";
+        this.urlprint =
+          "/birt/run?__report=report/one/mcu/" +
+          rptname +
+          ".rptdesign&__format=pdf&username=" +
+          user.M_StaffName +
+          "&PID=" +
+          this.patientDetail.resumeID +
+          "&tm=" +
+          n;
+      } else if (this.selectedPrintType.reportName === "coverprimaya") {
+        let rptname = "rpt_mcu_resume_cover_primaya";
+        this.urlprint =
+          "/birt/run?__report=report/one/mcu/" +
+          rptname +
+          ".rptdesign&__format=pdf&username=" +
+          user.M_StaffName +
+          "&PID=" +
+          this.patientDetail.resumeID +
+          "&tm=" +
+          n;
+      } else if (this.selectedPrintType.reportName === "kesimpulandansaran") {
+        let rptname = "rpt_mcu_saran_kesimpulan_v2";
+        this.urlprint =
+          "/birt/run?__report=report/one/mcu/" +
+          rptname +
+          ".rptdesign&__format=pdf&username=" +
+          user.M_StaffName +
+          "&PID=" +
+          this.patientDetail.resumeID +
+          "&tm=" +
+          n;
+      } else if (
+        this.selectedPrintType.reportName === "kesimpulandansaran2logo"
+      ) {
+        // https://devcpone.aplikasi.web.id/birt/frameset?__report=report/one/mcu/rpt_mcu_saran_kesimpulan_portal.rptdesign&__format=pdf&username=admin&PID=6&tm=240805134257
+        let rptname = "rpt_mcu_saran_kesimpulan_portal";
+        this.urlprint =
+          "/birt/run?__report=report/one/mcu/" +
+          rptname +
+          ".rptdesign&__format=pdf&username=" +
+          user.M_StaffName +
+          "&PID=" +
+          this.patientDetail.resumeID +
+          "&tm=" +
+          n;
+      }else if (
+        this.selectedPrintType.reportName === "kesimpulandansaran2logobg"
+      ) {
+        // https://devcpone.aplikasi.web.id/birt/frameset?__report=report/one/mcu/rpt_mcu_saran_kesimpulan_portal.rptdesign&__format=pdf&username=admin&PID=6&tm=240805134257
+        let rptname = "rpt_mcu_saran_kesimpulan" + (this.selectedPatient.bg_prm ? this.selectedPatient.bg_prm : "") + "_portal";
+        this.urlprint =
+          "/birt/run?__report=report/one/mcu/" +
+          rptname +
+          ".rptdesign&__format=pdf&username=" +
+          user.M_StaffName +
+          "&PID=" +
+          this.patientDetail.resumeID +
+          "&tm=" +
+          n;
+      } else if (
+        this.selectedPrintType.reportName === "kesimpulandansaran2"
+      ) {
+        let rptname = "rpt_mcu_saran_kesimpulan";
+        this.urlprint =
+          "/birt/run?__report=report/one/mcu/" +
+          rptname +
+          ".rptdesign&__format=pdf&username=" +
+          user.M_StaffName +
+          "&PID=" +
+          this.patientDetail.resumeID +
+          "&tm=" +
+          n;
+      } else if (this.selectedPrintType.reportName === "resume") {
+        let rptname = "rpt_mcu_resume";
+        this.urlprint =
+          "/birt/run?__report=report/one/mcu/" +
+          rptname +
+          ".rptdesign&__format=pdf&username=" +
+          user.M_StaffName +
+          "&PID=" +
+          this.patientDetail.resumeID +
+          "&tm=" +
+          n;
+      } else if (this.selectedPrintType.reportName === "gabunganlogo") {
+        // https://cpone.aplikasi.web.id/one-api/tools/listrptpatienttahunanportal/get_list_patient_rpt/322
+        this.urlprint =
+          "/one-api/tools/listrptpatienttahunanportal/get_list_patient_rpt/" +
+          this.selectedPatient.orderID +
+          "/" +
+          n;
+      } else if (this.selectedPrintType.reportName === "gabunganlogobg") {
+        // https://cpone.aplikasi.web.id/one-api/tools/listrptpatienttahunanportal/get_list_patient_rpt/322
+        this.urlprint =
+          "/one-api/tools/listrptpatienttahunanportalbg/get_list_patient_rpt/" +
+          this.selectedPatient.orderID +
+          "/" +
+          $bg +
+          "/" +
+          n;
+      } else if (this.selectedPrintType.reportName === "gabunganlogoeng") {
+        // https://cpone.aplikasi.web.id/one-api/tools/listrptpatienttahunanportal/get_list_patient_rpt/322
+        this.urlprint =
+          "/one-api/tools/listrptpatienttahunanportaleng/get_list_patient_rpt/" +
+          this.selectedPatient.orderID +
+          "/" +
+          n;
+      } else if (this.selectedPrintType.reportName === "gabunganlogoengbg") {
+        // https://cpone.aplikasi.web.id/one-api/tools/listrptpatienttahunanportal/get_list_patient_rpt/322
+        this.urlprint =
+          "/one-api/tools/listrptpatienttahunanportalengbg/get_list_patient_rpt/" +
+          this.selectedPatient.orderID +
+          "/" +
+          $bg +
+          "/" +
+          n;
+      } else if (
+        this.selectedPrintType.reportName === "gabunganlogoprimaya"
+      ) {
+        // https://cpone.aplikasi.web.id/one-api/tools/listrptpatienttahunanportal/get_list_patient_rpt/322
+        this.urlprint =
+          "/one-api/tools/listrptpatienttahunanportalprimaya/get_list_patient_rpt/" +
+          this.selectedPatient.orderID +
+          "/" +
+          n;
+      }else if (
+        this.selectedPrintType.reportName === "gabunganlogoprimayabg"
+      ) {
+        // https://cpone.aplikasi.web.id/one-api/tools/listrptpatienttahunanportal/get_list_patient_rpt/322
+        this.urlprint =
+          "/one-api/tools/listrptpatienttahunanportalprimayabg/get_list_patient_rpt/" +
+          this.selectedPatient.orderID +
+          "/" +
+          $bg +
+          "/" +
+          n;
+      } else if (this.selectedPrintType.reportName === "gabungan") {
+        // https://cpone.aplikasi.web.id/one-api/tools/listrptpatienttahunan/get_list_patient_rpt/322
+        this.urlprint =
+          "/one-api/tools/listrptpatienttahunan/get_list_patient_rpt/" +
+          this.selectedPatient.orderID +
+          "/" +
+          n;
+      } else if (this.selectedPrintType.reportName === "gabunganeng") {
+        // https://cpone.aplikasi.web.id/one-api/tools/listrptpatienttahunan/get_list_patient_rpt/322
+        this.urlprint =
+          "/one-api/tools/listrptpatienttahunaneng/get_list_patient_rpt/" +
+          this.selectedPatient.orderID +
+          "/" +
+          n;
+      } else if (this.selectedPrintType.reportName === "gabunganprimaya") {
+        // https://cpone.aplikasi.web.id/one-api/tools/listrptpatienttahunan/get_list_patient_rpt/322
+        this.urlprint =
+          "/one-api/tools/listrptpatienttahunanprimaya/get_list_patient_rpt/" +
+          this.selectedPatient.orderID +
+          "/" +
+          n;
+      } else if (
+        this.selectedPrintType.reportName === "gabunganlogotanpakesimpulan"
+      ) {
+        // https://cpone.aplikasi.web.id/one-api/tools/listrptpatienttahunanportal/get_list_patient_rpt/322
+        this.urlprint =
+          "/one-api/tools/listrptpatienttahunanportal/get_list_patient_rpt/" +
+          this.selectedPatient.orderID +
+          "/" +
+          n +
+          "/Y";
+      } else if (
+        this.selectedPrintType.reportName === "gabunganlogotanpakesimpulanbg"
+      ) {
+        // https://cpone.aplikasi.web.id/one-api/tools/listrptpatienttahunanportal/get_list_patient_rpt/322
+        this.urlprint =
+          "/one-api/tools/listrptpatienttahunanportalbg/get_list_patient_rpt/" +
+          this.selectedPatient.orderID +
+          "/" +
+          $bg +
+          "/" +
+          n +
+          "/Y";
+      } else if (
+        this.selectedPrintType.reportName === "gabunganlogotanpakesimpulaneng"
+      ) {
+        // https://cpone.aplikasi.web.id/one-api/tools/listrptpatienttahunanportal/get_list_patient_rpt/322
+        this.urlprint =
+          "/one-api/tools/listrptpatienttahunanportaleng/get_list_patient_rpt/" +
+          this.selectedPatient.orderID +
+          "/" +
+          n +
+          "/Y";
+      } else if (
+        this.selectedPrintType.reportName === "gabungantanpakesimpulan"
+      ) {
+        // https://cpone.aplikasi.web.id/one-api/tools/listrptpatienttahunan/get_list_patient_rpt/322
+        this.urlprint =
+          "/one-api/tools/listrptpatienttahunan/get_list_patient_rpt/" +
+          this.selectedPatient.orderID +
+          "/" +
+          n +
+          "/Y";
+      } else if (
+        this.selectedPrintType.reportName === "gabungantanpakesimpulaneng"
+      ) {
+        // https://cpone.aplikasi.web.id/one-api/tools/listrptpatienttahunan/get_list_patient_rpt/322
+        this.urlprint =
+          "/one-api/tools/listrptpatienttahunaneng/get_list_patient_rpt/" +
+          this.selectedPatient.orderID +
+          "/" +
+          n +
+          "/Y";
+      } else if (this.selectedPrintType.reportName === "gabungan2logo") {
+        this.urlprint =
+          "/one-api/tools/listrptpatientportal/get_list_patient_rpt/" +
+          this.selectedPatient.orderID +
+          "/" +
+          n;
+      } else if (this.selectedPrintType.reportName === "gabungan2logobg") {
+        this.urlprint =
+          "/one-api/tools/listrptpatientportalbg/get_list_patient_rpt/" +
+          this.selectedPatient.orderID +
+          "/" +
+          $bg +
+          "/" +
+          n;
+      } else if (this.selectedPrintType.reportName === "gabungan2") {
+        this.urlprint =
+          "/one-api/tools/listrptpatient/get_list_patient_rpt/" +
+          this.selectedPatient.orderID +
+          "/" +
+          n;
+      }
+      else if (this.selectedPrintType.reportName === "haji") {
+        this.urlprint =
+          "/one-api/tools/listrptpatienthaji/get_list_patient_rpt/" +
+          this.selectedPatient.reIDHaji +
+          "/" +
+          n;
+      }
+      else if (this.selectedPrintType.reportName === "hajiportal") {
+        this.urlprint =
+          "/one-api/tools/listrptpatienthajiportal/get_list_patient_rpt/" +
+          this.selectedPatient.reIDHaji +
+          "/" +
+          n;
+      }
+
+      else if (this.selectedPrintType.reportName === "patientlabel") {
+        // https://cpone.aplikasi.web.id/birt/run?__report=report/one/rekap/rpt_mcu_patient_label_lab.rptdesign&__format=pdf&PStartDate=2024-07-14&PEndDate=2024-12-31&PMcuID=61&PType=departement&PNolab=R2407150004&username=PETUGAS%20SAMPLE%20LAB&tm=1744013116037
+        // https://devcpone.aplikasi.web.id/birt/run?__report=report/one/mcu/mcu_fisik_haji.rptdesign&__format=pdf&PID=9220&PType=fisik&username=adhi&tm=1717726294764
+        let sd = this.$store.state.resume.startDate;
+        let ed = this.$store.state.resume.endDate;
+        let mcu = this.$store.state.resume.selectedSetup;
+        this.urlprint =
+          "/birt/run?__report=report/one/rekap/" +
+          "rpt_mcu_patient_label_lab" +
+          ".rptdesign&__format=pdf&username=" +
+          user.M_StaffName +
+          "&PNolab=" +
+          this.selectedPatient.labNumber +
+          "&PType=" +
+          this.selectedLabelType.toLowerCase() +
+          "&tm=" +
+          n +
+          "&PStartDate=" +
+          sd +
+          "&PEndDate=" +
+          ed +
+          "&PMcuID=" +
+          mcu.Mgm_McuID;
+      }
+      this.openprint = true;
+    },
+    print() {
+      let user = one_user();
+      var d = new Date();
+      var n = d.getTime();
+      // https://devcpone.aplikasi.web.id/birt/run?__report=report/one/rekap/rpt_list_handover_001.rptdesign&__format=pdf&PID=4&username=joko@gmail.com&tm=1722401933188
+      let rptname = "rpt_mcu_resume";
+      this.urlprint =
+        "/birt/run?__report=report/one/mcu/" +
+        rptname +
+        ".rptdesign&__format=pdf&username=" +
+        user.M_StaffName +
+        "&PID=" +
+        this.patientDetail.resumeID +
+        "&tm=" +
+        n;
+      this.openprint = true;
+    },
+    print2tahun() {
+      let user = one_user();
+      var d = new Date();
+      var n = d.getTime();
+      //devcpone.aplikasi.web.id/birt/run?__report=report/one/mcu/rpt_mcu_resume.rptdesign&__format=pdf&PID=1&username=adhi&tm=1717726294764
+      let rptname = "rpt_mcu_saran_kesimpulan";
+      this.urlprint =
+        "/birt/run?__report=report/one/mcu/" +
+        rptname +
+        ".rptdesign&__format=pdf&username=" +
+        user.M_StaffName +
+        "&PID=" +
+        this.patientDetail.resumeID +
+        "&tm=" +
+        n;
+      this.openprint = true;
+    },
+    printkesimpulansaran() {
+      let user = one_user();
+      var d = new Date();
+      var n = d.getTime();
+      //devcpone.aplikasi.web.id/birt/run?__report=report/one/mcu/rpt_mcu_saran_kesimpulan_v2.rptdesign&__format=pdf&PID=1&username=adhi&tm=1717726294764
+      let rptname = "rpt_mcu_saran_kesimpulan_v2";
+      this.urlprint =
+        "/birt/run?__report=report/one/mcu/" +
+        rptname +
+        ".rptdesign&__format=pdf&username=" +
+        user.M_StaffName +
+        "&PID=" +
+        this.patientDetail.resumeID +
+        "&tm=" +
+        n;
+      this.openprint = true;
+    },
+    printCover() {
+      let user = one_user();
+      var d = new Date();
+      var n = d.getTime();
+      //devcpone.aplikasi.web.id/birt/run?__report=report/one/mcu/rpt_mcu_resume.rptdesign&__format=pdf&PID=1&username=adhi&tm=1717726294764
+      let rptname = "rpt_mcu_resume_cover";
+      this.urlprint =
+        "/birt/run?__report=report/one/mcu/" +
+        rptname +
+        ".rptdesign&__format=pdf&username=" +
+        user.M_StaffName +
+        "&PID=" +
+        this.patientDetail.resumeID +
+        "&tm=" +
+        n;
+      this.openprint = true;
+    },
+    printGabungan() {
+      let user = one_user();
+      var d = new Date();
+      var n = d.getTime();
+      //https://cpone.aplikasi.web.id/one-api/tools/listrptpatient/get_list_patient_rpt/322sss
+      let rptname = "rpt_mcu_resume_cover";
+
+      this.urlprint =
+        "/one-api/tools/listrptpatient/get_list_patient_rpt/" +
+        this.selectedPatient.orderID;
+      this.openprint = true;
+    },
+    printGabunganKop() {
+      let user = one_user();
+      var d = new Date();
+      var n = d.getTime();
+      // https://cpone.aplikasi.web.id/one-api/tools/listrptpatientportal/get_list_patient_rpt/322
+      //https://cpone.aplikasi.web.id/one-api/tools/listrptpatient/get_list_patient_rpt/322sss
+      let rptname = "rpt_mcu_resume_cover";
+      this.urlprint =
+        "/one-api/tools/listrptpatientportal/get_list_patient_rpt/" +
+        this.selectedPatient.orderID;
+      this.openprint = true;
+    },
+    saveDoctor() {
+      //   let dctr = {};
+      //   this.searchDoctor = "";
+      //   this.selectedDoctor = dctr;
+      //   this.dialogDoctor = false;
+
+      this.$store.dispatch("resume/savedoctor", {
+        id: this.patientDetail.orderID,
+        doctorid: this.selectedDoctor.doctorID,
+      });
+    },
+    getTitle(title) {
+      let rtn = false;
+      for (let i = 0; i < this.patientDetail.detail.length; i++) {
+        if (
+          this.patientDetail.detail[i]["category"].toLowerCase() ===
+          title.toLowerCase()
+        ) {
+          rtn = true;
+        }
+      }
+      return rtn;
+    },
+    disableForm() {
+      let disable = false;
+      if (
+        this.patientDetail.status.toLowerCase() !== "new" ||
+        this.loading ||
+        this.loadingDetail ||
+        this.loadingSave
+      ) {
+        disable = true;
+      }
+      return disable;
+    },
+    save() {
+      if (this.loading || this.loadingSave || this.loadingDetail) return;
+      let cekLab = false;
+      this.patientDetail.detail.forEach((e) => {
+        if (
+          e.category == "LAB" &&
+          e.generateKelainan.includes("belum ada hasil")
+        ) {
+          cekLab = true;
+        }
+      });
+      let text = "Apakah anda yakin menyimpan resume individu ini ?";
+      if (cekLab) {
+        text =
+          "Ada pemeriksaan lab yang belum memiliki hasil, apakah anda yakin menyimpan data ? \n\n*untuk generate ulang hasil lab saat hasil sudah ada silahkan kosongkan inputnya";
+      }
+      if (!confirm(text)) {
+        return;
+      }
+
+      let data = this.selectedPatient;
+      data.header = this.patientDetail;
+      data.detail = this.patientDetail.detail;
+      data.kesimpulan = this.kesimpulan;
+      data.rekomendasi = this.rekomendasi;
+      data.fitnessCategory = this.selectedFitnessCategory;
+      data.saran = this.saran;
+      data.act = "NEW";
+      let prm = {
+        data: data,
+      };
+      console.log(prm);
+      // return;
+      this.$store.dispatch("resume/save", prm);
+    },
+    validate() {
+      if (this.loading || this.loadingSave || this.loadingDetail) return;
+      if (
+        this.patientDetail.resumeDoctorID === "0" ||
+        this.patientDetail.resumeDoctorID === 0 ||
+        this.patientDetail.resumeDoctorID === "" ||
+        this.patientDetail.resumeDoctorID === null
+      ) {
+        alert("Pilih dokter terlebih dahulu");
+        return;
+      }
+
+      let cekLab = false;
+      this.patientDetail.detail.forEach((e) => {
+        if (
+          e.category == "LAB" &&
+          e.generateKelainan.includes("belum ada hasil")
+        ) {
+          cekLab = true;
+        }
+      });
+      let text = "Apakah anda yakin validasi resume individu ini ?";
+      if (cekLab) {
+        text =
+          "Ada pemeriksaan lab yang belum memiliki hasil, apakah anda yakin validasi data ?\n\n*untuk generate ulang hasil lab saat hasil sudah ada silahkan kosongkan inputnya";
+      }
+      if (!confirm(text)) {
+        return;
+      }
+      let data = this.selectedPatient;
+
+      data.header = this.patientDetail;
+      data.detail = this.patientDetail.detail;
+      data.kesimpulan = this.kesimpulan;
+      data.rekomendasi = this.rekomendasi;
+      data.saran = this.saran;
+      data.fitnessCategory = this.selectedFitnessCategory;
+      data.act = "VAL";
+      let prm = {
+        data: data,
+      };
+      console.log(prm);
+      this.$store.dispatch("resume/save", prm);
+    },
+    unvalidate() {
+      if (this.loading || this.loadingSave || this.loadingDetail) return;
+
+      let data = this.selectedPatient;
+      data.header = this.patientDetail;
+      data.detail = this.patientDetail.detail;
+      data.kesimpulan = this.kesimpulan;
+      data.rekomendasi = this.rekomendasi;
+      data.saran = this.saran;
+      data.act = "UNVAL";
+      let prm = {
+        data: data,
+      };
+      console.log(prm);
+      this.$store.dispatch("resume/save", prm);
+    },
+    getDoctorName(name) {
+      console.log(name);
+      console.log("Name");
+      let nm = name;
+      if (name === null || name === "") {
+        nm = "Pilih Dokter";
+      }
+      return nm;
+    },
+    openDialogDoctor(val) {
+      if (this.loading || this.loadingSave || this.loadingDetail) return;
+      if (val["status"] !== "NEW") return;
+      console.log(val);
+      this.selectedDoctrorTest = val;
+      let dctr = {
+        M_DoctorID: val.doctorID,
+        doctorID: val.doctordoctorIDName,
+        M_DoctorPrefix: "",
+        M_DoctorPrefix2: "",
+        M_DoctorName: "",
+        M_DoctorSuffix: "",
+        M_DoctorSuffix2: "",
+        M_DoctorCode: "",
+        doctorName: val.doctorName,
+      };
+      this.searchDoctor = val.doctorName;
+      this.selectedDoctor = dctr;
+      this.dialogDoctor = true;
+    },
+    closeDialogDoctor() {
+      this.selectedDoctrorTest = {};
+      let dctr = {};
+      this.searchDoctor = "";
+      this.selectedDoctor = dctr;
+      this.dialogDoctor = false;
+    },
+    resetInput() {
+      this.$store.commit("resume/reset_input");
+    },
+    handleChangeInput(data) {
+      // console.log(data);
+      let pd = this.patientDetail;
+      pd.detail.forEach((e) => {
+        if (e.detailOrderID === data.detailOrderID) {
+          e = data;
+        }
+      });
+      this.patientDetail = pd;
+    },
+    handleChangeInputHeader(data) {
+      // console.log(data);
+      let pd = this.patientDetail;
+      pd.kesimpulan = data.kesimpulan;
+      pd.rekomendasi = data.rekomendasi;
+      pd.saran = data.saran;
+      this.patientDetail = pd;
+    },
+    thr_search_doctor: _.debounce(function () {
+      prm = {
+        search: this.searchDoctor,
+      };
+      this.$store.dispatch("resume/getdoctorlist", prm);
+    }, 100),
+  },
+  computed: {
+    dataFitness: {
+      get() {
+        return this.$store.state.resume.dataFitness;
+      },
+      set(val) {
+        this.$store.commit("resume/update_dataFitness", val);
+      },
+    },
+    dialogFitness: {
+      get() {
+        return this.$store.state.resume.dialogFitness;
+      },
+      set(val) {
+        this.$store.commit("resume/update_dialogFitness", val);
+      },
+    },
+    selectedFitnessCategory: {
+      get() {
+        return this.$store.state.resume.selectedFitnessCategory;
+      },
+      set(val) {
+        this.$store.commit("resume/update_selectedFitnessCategory", val);
+      },
+    },
+    fitnessCategory: {
+      get() {
+        return this.$store.state.resume.fitnessCategory;
+      },
+      set(val) {
+        this.$store.commit("resume/update_fitnessCategory", val);
+      },
+    },
+    selectedPatient: {
+      get() {
+        return this.$store.state.resume.selectedPatient;
+      },
+      set(val) {
+        this.$store.commit("resume/update_selectedPatient", val);
+      },
+    },
+    loading: {
+      get() {
+        return this.$store.state.resume.loading;
+      },
+      set(val) {
+        this.$store.commit("resume/update_loading", val);
+      },
+    },
+    loadingSave: {
+      get() {
+        return this.$store.state.resume.loadingSave;
+      },
+      set(val) {
+        this.$store.commit("resume/update_loadingSave", val);
+      },
+    },
+    loadingDetail: {
+      get() {
+        return this.$store.state.resume.loadingDetail;
+      },
+      set(val) {
+        this.$store.commit("resume/update_loadingDetail", val);
+      },
+    },
+    patientDetail: {
+      get() {
+        return this.$store.state.resume.patientDetail;
+      },
+      set(val) {
+        this.$store.commit("resume/update_patientDetail", val);
+      },
+    },
+    // rekomendasi: "",
+    // saran: "",
+    // kesimpulan: "",
+    rekomendasi: {
+      get() {
+        return this.$store.state.resume.rekomendasi;
+      },
+      set(val) {
+        this.$store.commit("resume/update_rekomendasi", val);
+      },
+    },
+    saran: {
+      get() {
+        return this.$store.state.resume.saran;
+      },
+      set(val) {
+        this.$store.commit("resume/update_saran", val);
+      },
+    },
+    kesimpulan: {
+      get() {
+        return this.$store.state.resume.kesimpulan;
+      },
+      set(val) {
+        this.$store.commit("resume/update_kesimpulan", val);
+      },
+    },
+    doctorList() {
+      return this.$store.state.resume.doctorList;
+    },
+    selectedDoctor: {
+      get() {
+        return this.$store.state.resume.selectedDoctor;
+      },
+      set(val) {
+        this.$store.commit("resume/update_selectedDoctor", val);
+      },
+    },
+    searchDoctor: {
+      get() {
+        return this.$store.state.resume.searchDoctor;
+      },
+      set(val) {
+        this.$store.commit("resume/update_searchDoctor", val);
+      },
+    },
+    dialogDoctor: {
+      get() {
+        return this.$store.state.resume.dialogDoctor;
+      },
+      set(val) {
+        this.$store.commit("resume/update_dialogDoctor", val);
+      },
+    },
+    showPuasaCard() {
+      return (
+        this.patientDetail &&
+        this.patientDetail.puasaStatus !== null &&
+        this.patientDetail.puasaStatus !== "" &&
+        this.patientDetail.puasaLabel !== ""
+      );
+    },
+  },
+  watch: {
+    searchDoctor(val, old) {
+      console.log(val);
+      if (val == old) return;
+      if (!val) return;
+      if (val.length < 1) return;
+      if (this.selectedDoctor.M_DoctorName == val) return;
+      this.thr_search_doctor();
+    },
+    selectedLabelType(val, old) {
+      if (val == old) return;
+      if (this.selectedPrintType.reportName === "patientlabel") {
+        // https://cpone.aplikasi.web.id/birt/run?__report=report/one/rekap/rpt_mcu_patient_label_lab.rptdesign&__format=pdf&PStartDate=2024-07-14&PEndDate=2024-12-31&PMcuID=61&PType=departement&PNolab=R2407150004&username=PETUGAS%20SAMPLE%20LAB&tm=1744013116037
+        // https://devcpone.aplikasi.web.id/birt/run?__report=report/one/mcu/mcu_fisik_haji.rptdesign&__format=pdf&PID=9220&PType=fisik&username=adhi&tm=1717726294764
+        let sd = this.$store.state.resume.startDate;
+        let ed = this.$store.state.resume.endDate;
+        let mcu = this.$store.state.resume.selectedSetup;
+        let user = one_user();
+        var d = new Date();
+        var n = d.getTime();
+        this.urlprint =
+          "/birt/run?__report=report/one/rekap/" +
+          "rpt_mcu_patient_label_lab" +
+          ".rptdesign&__format=pdf&username=" +
+          user.M_StaffName +
+          "&PNolab=" +
+          this.selectedPatient.labNumber +
+          "&PType=" +
+          this.selectedLabelType.toLowerCase() +
+          "&tm=" +
+          n +
+          "&PStartDate=" +
+          sd +
+          "&PEndDate=" +
+          ed +
+          "&PMcuID=" +
+          mcu.Mgm_McuID;
+      }
+    },
+  },
+  data() {
+    return {
+      headersRstFitness: [
+        { text: "Tipe", value: "type" },
+        { text: "Nama Test", value: "Nat_TestName" },
+        { text: "Nama Kelainan", value: "Nat_TestName" },
+        { text: "Kategori Fitness", value: "Mcu_FitnessCategoryName" },
+      ],
+      printtitle: "",
+      printwidth: "80%",
+      openprint: false,
+      selectedLabelType: "Departement",
+      LabelTypeList: ["Departement", "Divisi"],
+      urlprint: "",
+      printType: [
+        {
+          name: "Hasil Resume Individu",
+          reportName: "resume",
+        },
+        {
+          name: "Kesimpulan dan Saran",
+          reportName: "kesimpulandansaran",
+        },
+        {
+          name: "Kesimpulan dan Saran 2 Tahun Logo",
+          reportName: "kesimpulandansaran2logo",
+        },
+        {
+          name: "Kesimpulan dan Saran 2 Tahun",
+          reportName: "kesimpulandansaran2",
+        },
+        {
+          name: "Gabungan Logo",
+          reportName: "gabunganlogo",
+        },
+        {
+          name: "Gabungan Logo (ENG)",
+          reportName: "gabunganlogoeng",
+        },
+        {
+          name: "Gabungan Logo Primaya",
+          reportName: "gabunganlogoprimaya",
+        },
+        {
+          name: "Gabungan",
+          reportName: "gabungan",
+        },
+        {
+          name: "Gabungan Logo Tanpa Kesimpulan",
+          reportName: "gabunganlogotanpakesimpulan",
+        },
+        {
+          name: "Gabungan (ENG)",
+          reportName: "gabunganeng",
+        },
+        {
+          name: "Gabungan Tanpa Kesimpulan",
+          reportName: "gabungantanpakesimpulan",
+        },
+        {
+          name: "Gabungan 2 Tahun Logo",
+          reportName: "gabungan2logo",
+        },
+        {
+          name: "Gabungan 2 Tahun",
+          reportName: "gabungan2",
+        },
+        {
+          name: "Kesimpulan dan Saran 2 Tahun Logo (CB)",
+          reportName: "kesimpulandansaran2logobg",
+        },
+        {
+          name: "Gabungan Logo (CB)",
+          reportName: "gabunganlogobg",
+        },
+        {
+          name: "Gabungan Logo (ENG) (CB)",
+          reportName: "gabunganlogoengbg",
+        },
+        {
+          name: "Gabungan Logo Primaya (CB)",
+          reportName: "gabunganlogoprimayabg",
+        },
+        {
+          name: "Gabungan Logo Tanpa Kesimpulan (CB)",
+          reportName: "gabunganlogotanpakesimpulanbg",
+        },
+        {
+          name: "Gabungan 2 Tahun Logo (CB)",
+          reportName: "gabungan2logobg",
+        },
+        {
+          name: "Cover",
+          reportName: "cover",
+        },
+        {
+          name: "Cover Primaya",
+          reportName: "coverprimaya",
+        },
+        {
+          name: "Haji",
+          reportName: "haji",
+        },
+        {
+          name: "Haji Portal",
+          reportName: "hajiportal",
+        },
+        {
+          name: "Label Pasien",
+          reportName: "patientlabel",
+        },
+      ],
+      selectedPrintType: {
+        name: "Cover",
+        reportName: "cover",
+      },
+      headers: [
+        {
+          text: "STATUS",
+          align: "center",
+          sortable: false,
+          value: "lab",
+          width: "10%",
+          class: "pa-2 blue darken-2 white--text",
+        },
+        {
+          text: "TEST",
+          align: "center",
+          sortable: false,
+          value: "lab",
+          width: "25%",
+          class: "pa-2 blue darken-2 white--text",
+        },
+        {
+          text: "AMOUNT",
+          align: "center",
+          sortable: false,
+          value: "lab",
+          width: "15%",
+          class: "pa-2 blue darken-2 white--text",
+        },
+        {
+          text: "DISKON",
+          align: "center",
+          sortable: false,
+          value: "name",
+          width: "15%",
+          class: "pa-2 blue darken-2 white--text",
+        },
+        {
+          text: "DISKON RP",
+          align: "center",
+          sortable: false,
+          value: "name",
+          width: "15%",
+          class: "pa-2 blue darken-2 white--text",
+        },
+        {
+          text: "TOTAL",
+          align: "center",
+          sortable: false,
+          value: "status",
+          width: "20%",
+          class: "pa-2 blue darken-2 white--text",
+        },
+      ],
+    };
+  },
+};
+</script>
diff --git a/test/vuex/one-mcu-resume-individu-cponev8/index.php b/test/vuex/one-mcu-resume-individu-cponev8/index.php
new file mode 100644
index 0000000..6f59750
--- /dev/null
+++ b/test/vuex/one-mcu-resume-individu-cponev8/index.php
@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+   <meta charset="UTF-8">
+   <meta name="viewport" content="width=device-width, initial-scale=1.0">
+   <meta http-equiv="X-UA-Compatible" content="ie=edge">
+   <title>CPOne</title>
+   <link rel="stylesheet" href="../../../libs/vendor/css/google-fonts.css">
+   <link rel="stylesheet" href="../../../libs/vendor/css/icomoon-fonts.css">
+   <link rel="stylesheet" href="../../../libs/vendor/css/vuetify.min.css">
+</head>
+
+<body>
+   <div v-cloak id="app">
+      <v-app id="smartApp">
+         <one-navbar></one-navbar>
+         <v-content style="background:#F5E8DF!important">
+            <v-container fluid fill-height class="pl-1 pr-1 pt-2 pb-2">
+               <v-layout row wrap>
+                  <v-flex xs4 class="left" fill-height pa-1>
+                     <one-resume-left></one-resume-left>
+                  </v-flex>
+                  <v-flex xs8 class="right" fill-height pa-1>
+                     <one-resume-right></one-resume-right>
+                  </v-flex>
+                  <!--   <v-flex xs6 class="right" fill-height pa-1> -->
+                  <!-- komponen kanan -->
+                  <!--    <one-fo-cashier-payment></one-fo-cashier-payment>-->
+                  <!-- </v-flex> -->
+               </v-layout>
+            </v-container>
+         </v-content>
+         <one-footer> </one-footer>
+      </v-app>
+   </div>
+
+   <!-- Vendor -->
+   <script src="../../../libs/vendor/moment.min.js"></script>
+   <script src="../../../libs/vendor/numeral.min.js"></script>
+   <script src="../../../libs/vendor/moment-locale-id.js"></script>
+   <script src="../../../libs/vendor/lodash.js"></script>
+   <script src="../../../libs/vendor/axios.min.js"></script>
+   <script src="../../../libs/vendor/vue.js"></script>
+   <script src="../../../libs/vendor/vuex.js"></script>
+   <script src="../../../libs/vendor/vuetify.js"></script>
+   <script src="../../../libs/vendor/httpVueLoader.js"></script>
+   <script src="../../../libs/one_global.js"></script>
+   <!-- <script src="../../../libs/one_print_barcode.js"></script>
+   <script src="../../../libs/one_print_robo.js"></script> -->
+   <!-- App Script -->
+   <?php
+   $ts = "?ts=" . Date("ymdhis");
+   ?>
+   <script type="module">
+      window.calculate_age = function(inp_dob) {
+         var now = moment(new Date())
+         var dob = moment(new Date(inp_dob))
+         var year = now.diff(dob, 'years')
+         dob.add(year, 'years')
+         var month = now.diff(dob, 'months')
+         dob.add(month, 'months')
+         var day = now.diff(dob, 'days')
+         if (isNaN(year)) return ''
+         return `${year} tahun ${month} bulan ${day} hari`
+      }
+
+
+      import {
+         store
+      } from './store.js<?php echo $ts ?>';
+      //for testing
+      window.store = store;
+      new Vue({
+         store,
+         el: '#app',
+         methods: {
+            tab_selected: function(tab) {
+               return this.$store.state.tab_selected == tab
+            }
+         },
+         components: {
+            'one-navbar': httpVueLoader('../../../apps/components/oneNavbarComponent.vue'),
+            'one-footer': httpVueLoader('../../../apps/components/oneFooter.vue'),
+            'one-resume-left': httpVueLoader('./components/oneResumeLeft.vue'),
+            'one-resume-right': httpVueLoader('./components/oneResumeRight.vue'),
+         }
+      })
+   </script>
+   <style>
+      [v-cloak] {
+         display: none
+      }
+
+      .left {}
+
+      .right {}
+   </style>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/test/vuex/one-mcu-resume-individu-cponev8/modules/components/onePriceHeader.vue b/test/vuex/one-mcu-resume-individu-cponev8/modules/components/onePriceHeader.vue
new file mode 100644
index 0000000..5035b73
--- /dev/null
+++ b/test/vuex/one-mcu-resume-individu-cponev8/modules/components/onePriceHeader.vue
@@ -0,0 +1,1001 @@
+<template>
+  <div>
+    <v-snackbar
+      color="success"
+      v-model="snackbarSuccess"
+      right="right"
+      :timeout="3000"
+      top="top"
+    >
+      {{ successMsg }}
+      <v-btn color="white" flat @click="snackbarSuccess = false"> Close </v-btn>
+    </v-snackbar>
+    <v-snackbar
+      color="error"
+      v-model="snackbarError"
+      right="right"
+      :timeout="3000"
+      top="top"
+    >
+      {{ errorMsg }}
+      <v-btn color="white" flat @click="snackbarError = false"> Close </v-btn>
+    </v-snackbar>
+
+    <v-dialog persistent v-model="dialogPriceHeader" width="500">
+      <v-card>
+        <v-card-title class="headline grey lighten-2" primary-title>
+          <v-layout align-center justify-space-between row fill-height>
+            <div>FORM HARGA</div>
+            <kbd v-if="dialogAct === 'edit'">{{
+              selectedPriceHeader.headerCode
+            }}</kbd>
+            <kbd v-if="dialogAct === 'add'">CODE</kbd>
+          </v-layout>
+        </v-card-title>
+        <v-card-text>
+          <v-text-field
+            label="Nama"
+            placeholder="masukan nama"
+            v-model="nameHeader"
+            outline
+          ></v-text-field>
+          <!-- <v-menu
+            v-model="menuFormDateStart"
+            :close-on-content-click="false"
+            :nudge-right="40"
+            lazy
+            transition="scale-transition"
+            offset-y
+            full-width
+            max-width="290px"
+            min-width="290px"
+          >
+            <template v-slot:activator="{ on }">
+              <v-text-field
+                class="mr-2"
+                v-model="formatedStartDateHeader"
+                label="Tanggal Awal"
+                outline
+                readonly
+                v-on="on"
+                @blur="date = deFormatedDate(formatedStartDateHeader)"
+              ></v-text-field>
+            </template>
+            <v-date-picker
+              v-model="startDateHeaderForm"
+              no-title
+              @input="menuFormDateStart = false"
+            ></v-date-picker>
+          </v-menu>
+          <v-menu
+            v-model="menuFormDateEnd"
+            :close-on-content-click="false"
+            :nudge-right="40"
+            lazy
+            transition="scale-transition"
+            offset-y
+            full-width
+            max-width="290px"
+            min-width="290px"
+          >
+            <template v-slot:activator="{ on }">
+              <v-text-field
+                class="mr-2"
+                v-model="formatedEndDateHeader"
+                label="Tanggal Akhir"
+                outline
+                readonly
+                v-on="on"
+                @blur="date = deFormatedDate(formatedEndDateHeader)"
+              ></v-text-field>
+            </template>
+            <v-date-picker
+              v-model="endDateHeaderForm"
+              :min="
+                new Date(this.startDateHeaderForm).toISOString().substr(0, 10)
+              "
+              no-title
+              @input="menuFormDateEnd = false"
+            ></v-date-picker>
+          </v-menu> -->
+        </v-card-text>
+        <v-divider></v-divider>
+        <v-card-actions>
+          <v-spacer></v-spacer>
+          <v-btn
+            color="error"
+            :disabled="loading"
+            flat
+            @click="dialogPriceHeader = false"
+          >
+            BATAL
+          </v-btn>
+          <v-btn
+            color="primary"
+            :disabled="loading"
+            flat
+            @click="savePriceHeader"
+          >
+            SIMPAN
+          </v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+    <v-dialog persistent v-model="dialogDeleteHeader" width="500">
+      <v-card>
+        <v-card-title class="headline grey lighten-2" primary-title>
+          <v-layout align-center justify-space-between row fill-height>
+            <div>KONFIRMASI</div>
+          </v-layout>
+        </v-card-title>
+        <v-card-text
+          >Apakah anda yakin akan menghapus harga
+          <kbd class="mx-2">{{ selectedPriceHeader.headerCode }}</kbd>
+          <span>{{ selectedPriceHeader.headerName }}</span> ?
+        </v-card-text>
+        <v-divider></v-divider>
+        <v-card-actions>
+          <v-spacer></v-spacer>
+          <v-btn
+            color="error"
+            :disabled="loading"
+            flat
+            @click="dialogDeleteHeader = false"
+          >
+            BATAL
+          </v-btn>
+          <v-btn
+            color="warning"
+            :disabled="loading"
+            flat
+            @click="deletePriceHeader()"
+          >
+            YAKIN
+          </v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+    <v-dialog persistent v-model="dialogCopyHarga" width="500">
+      <v-card>
+        <v-card-title class="headline grey lighten-2" primary-title>
+          <v-layout align-center justify-space-between row fill-height>
+            <div>FORM COPY HARGA</div>
+
+            <kbd>CODE</kbd>
+          </v-layout>
+        </v-card-title>
+        <v-card-text>
+          <v-text-field
+            label="Nama"
+            placeholder="masukan nama"
+            v-model="nameHeader"
+            outline
+          ></v-text-field>
+          <v-autocomplete
+            label="Price Header"
+            v-model="selectedPriceHeaderCopy"
+            :items="priceHeaderCopyList"
+            item-text="headerName"
+            outline
+            return-object
+            :search-input.sync="searchPriceHeaderCopy"
+            no-data-text="Pilih Price Header"
+          >
+            <template slot="item" slot-scope="{ item }">
+              <v-list-tile-content>
+                <v-list-tile-title v-text="item.headerName"></v-list-tile-title>
+              </v-list-tile-content>
+            </template>
+          </v-autocomplete>
+          <v-checkbox v-model="copyPacket" label="Copy Packet"></v-checkbox>
+          <!-- <v-menu
+            v-model="menuFormDateStart"
+            :close-on-content-click="false"
+            :nudge-right="40"
+            lazy
+            transition="scale-transition"
+            offset-y
+            full-width
+            max-width="290px"
+            min-width="290px"
+          >
+            <template v-slot:activator="{ on }">
+              <v-text-field
+                class="mr-2"
+                v-model="formatedStartDateHeader"
+                label="Tanggal Awal"
+                outline
+                readonly
+                v-on="on"
+                @blur="date = deFormatedDate(formatedStartDateHeader)"
+              ></v-text-field>
+            </template>
+            <v-date-picker
+              v-model="startDateHeaderForm"
+              no-title
+              @input="menuFormDateStart = false"
+            ></v-date-picker>
+          </v-menu>
+          <v-menu
+            v-model="menuFormDateEnd"
+            :close-on-content-click="false"
+            :nudge-right="40"
+            lazy
+            transition="scale-transition"
+            offset-y
+            full-width
+            max-width="290px"
+            min-width="290px"
+          >
+            <template v-slot:activator="{ on }">
+              <v-text-field
+                class="mr-2"
+                v-model="formatedEndDateHeader"
+                label="Tanggal Akhir"
+                outline
+                readonly
+                v-on="on"
+                @blur="date = deFormatedDate(formatedEndDateHeader)"
+              ></v-text-field>
+            </template>
+            <v-date-picker
+              v-model="endDateHeaderForm"
+              :min="
+                new Date(this.startDateHeaderForm).toISOString().substr(0, 10)
+              "
+              no-title
+              @input="menuFormDateEnd = false"
+            ></v-date-picker>
+          </v-menu> -->
+        </v-card-text>
+        <v-divider></v-divider>
+        <v-card-actions>
+          <v-spacer></v-spacer>
+          <v-btn
+            color="error"
+            :disabled="loading"
+            flat
+            @click="dialogCopyHarga = false"
+          >
+            BATAL
+          </v-btn>
+          <v-btn color="primary" :disabled="loading" flat @click="copyprice">
+            SIMPAN
+          </v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+    <v-layout column>
+      <v-layout align-center column>
+        <v-toolbar dark color="primary">
+          <v-toolbar-title class="white--text">HARGA</v-toolbar-title>
+          <v-spacer></v-spacer>
+          <v-btn @click="openDialogAdd()" icon>
+            <v-icon>add_box</v-icon>
+          </v-btn>
+          <v-btn @click="openDialogCopy()" icon>
+            <v-icon>content_copy</v-icon>
+          </v-btn>
+        </v-toolbar>
+        <v-card style="width: 100%;" class="mb-2 pa-2 searchbox">
+          <!-- :disabled="loading" -->
+          <v-text-field
+            v-model="searchPrice"
+            label="Cari nama"
+            :loading="loading"
+            hide-details
+            outline
+          ></v-text-field>
+        </v-card>
+      </v-layout>
+      <v-card style="overflow-y: scroll; height: 65vh;" class="fill-height">
+        <v-data-table
+          :loading="loading"
+          :items="priceHeaderList"
+          class="v-table elevation-1"
+          hide-actions
+          hide-headers
+        >
+          <v-progress-linear
+            v-slot:progress="loading"
+            color="blue"
+            :indeterminate="true"
+          ></v-progress-linear>
+          <template v-slot:items="props">
+            <tr
+              v-bind:class="{
+                'deep-orange lighten-4': isSelected(props.item),
+              }"
+              @click="selectMe(props.item)"
+            >
+              <td width="85%" class="py-2">
+                <!-- v-bind:class="{ 'amber lighten-4': isSelected(props.item) }" -->
+                <v-layout align-start justify-start row fill-height>
+                  <v-flex xs2>
+                    <!-- <v-tooltip bottom>
+                      <template v-slot:activator="{ on }"> -->
+                    <!-- v-on="on" -->
+                    <v-icon
+                      color="success"
+                      v-if="props.item.headerValidate === 'Y'"
+                      class="ml-1"
+                    >
+                      check_circle
+                    </v-icon>
+                    <!-- </template>
+                      <span>Sudah di validasi</span>
+                    </v-tooltip> -->
+
+                    <!-- <v-tooltip bottom>
+                      <template v-slot:activator="{ on }"> -->
+                    <!-- v-on="on" -->
+                    <v-icon
+                      color="blue"
+                      v-if="
+                        props.item.headerValidate === 'N' &&
+                        props.item.readyValidate === 'Y'
+                      "
+                      class="ml-1"
+                    >
+                      info
+                    </v-icon>
+                    <!-- </template>
+                      <span>Siap Validasi</span>
+                    </v-tooltip> -->
+                    <!-- <v-tooltip bottom>
+                      <template v-slot:activator="{ on }"> -->
+                    <!-- v-on="on" -->
+                    <v-icon
+                      color="warning"
+                      v-if="
+                        props.item.headerValidate === 'N' &&
+                        props.item.readyValidate === 'N'
+                      "
+                      class="ml-1"
+                    >
+                      error
+                    </v-icon>
+                    <!-- </template>
+                      <span>Belum mengisi price</span>
+                    </v-tooltip> -->
+                  </v-flex>
+                  <v-flex xs10>
+                    <p style="" class="mb-1">
+                      <kbd class="mr-2">{{ props.item.headerCode }}</kbd>
+                      <span class="font-weight-bold">
+                        {{ props.item.headerName }}
+                      </span>
+                    </p></v-flex
+                  >
+                </v-layout>
+                <!-- <div style="color: brown" class="mb-0">
+                  {{ props.item.headerStartDate }} -
+                  {{ props.item.headerEndDate }}
+                </div> -->
+              </td>
+              <td width="15%" class="py-2">
+                <!-- @click="selectMe(props.item)"
+                  v-bind:class="{ 'amber lighten-4': isSelected(props.item) }" -->
+                <v-layout justify-space-between row>
+                  <v-icon
+                    color="blue"
+                    @click="openDialogEdit(props.item)"
+                    class="mr-1"
+                    v-if="props.item.headerValidate === 'N'"
+                    style="cursor: pointer;"
+                  >
+                    edit
+                  </v-icon>
+                  <v-icon
+                    color="red "
+                    v-if="props.item.headerValidate === 'N'"
+                    @click="openDialogDelete(props.item)"
+                    class="ml-1"
+                    style="cursor: pointer;"
+                  >
+                    delete
+                  </v-icon>
+                </v-layout>
+              </td>
+            </tr>
+          </template>
+        </v-data-table>
+      </v-card>
+      <v-card class="pa-2">
+        <div class="text-xs-left">
+          <v-pagination v-model="page" :length="totalPageHeader"></v-pagination>
+        </div>
+      </v-card>
+    </v-layout>
+  </div>
+</template>
+<style scoped>
+  .searchbox .v-input.v-text-field .v-input__slot {
+    min-height: 60px;
+  }
+
+  .searchbox .v-btn {
+    min-height: 60px;
+  }
+
+  table.v-table tbody td,
+  table.v-table tbody th {
+    height: 40px;
+  }
+
+  table.v-table thead tr {
+    height: 40px;
+  }
+
+  .scroll-container {
+    scroll-padding: 50px 0 0 50px;
+  }
+
+  ::-webkit-scrollbar {
+    width: 7px;
+  }
+
+  /* this targets the default scrollbar (compulsory) */
+
+  ::-webkit-scrollbar-track {
+    background-color: #73baf3;
+  }
+
+  /* the new scrollbar will have a flat appearance with the set background color */
+
+  ::-webkit-scrollbar-thumb {
+    background-color: #2196f3;
+  }
+
+  /* this will style the thumb, ignoring the track */
+
+  ::-webkit-scrollbar-button {
+    background-color: #0079da;
+  }
+
+  /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
+
+  ::-webkit-scrollbar-corner {
+    background-color: black;
+  }
+</style>
+<script>
+  module.exports = {
+    //   components: {
+    //     "one-dialog-info": httpVueLoader("../../common/oneDialogInfo.vue"),
+    //     "one-dialog-alert": httpVueLoader("../../common/oneDialogAlert.vue"),
+    //   },
+    mounted() {
+      this.$store.dispatch("price/searchPriceHeader");
+      this.$store.dispatch("price/getpricefilter");
+      this.$store.dispatch("price/getpricefilter");
+    },
+    methods: {
+      formatDate(date) {
+        if (!date) return null;
+
+        const [year, month, day] = date.split("-");
+        return `${day}-${month}-${year}`;
+      },
+      deFormatedDate(date) {
+        if (!date) return null;
+
+        const [day, month, year] = date.split("-");
+        return `${year}-${month.padStart(2, "0")}-${day.padStart(2, "0")}`;
+      },
+
+      closeDialogQrCode() {
+        this.dialogQrCode = false;
+      },
+      copyprice() {
+        this.$store.dispatch("price/copyharga");
+      },
+      savePriceHeader() {
+        console.log(this.dialogAct);
+        if (this.dialogAct === "add") {
+          this.$store.dispatch("price/insertPriceHeader");
+        } else if (this.dialogAct === "edit") {
+          this.$store.dispatch("price/editPriceHeader");
+        }
+      },
+      deletePriceHeader() {
+        this.$store.dispatch("price/deletePriceHeader");
+      },
+      selectMe(val) {
+        if (this.loading) {
+          return;
+        }
+
+        this.selectedPriceHeader = val;
+      },
+      isSelected(val) {
+        return this.selectedPriceHeader.headerID === val.headerID;
+      },
+      openDialogAdd() {
+        this.dialogAct = "add";
+        this.dialogPriceHeader = true;
+      },
+      openDialogCopy() {
+        this.dialogCopyHarga = true;
+        this.selectedPriceHeaderCopy = {};
+        this.headerName = "";
+      },
+      openDialogDelete(val) {
+        if (this.loading) {
+          return;
+        }
+        this.selectedPriceHeader = val;
+        this.dialogDeleteHeader = true;
+      },
+      openDialogEdit(val) {
+        if (this.loading) {
+          return;
+        }
+        this.dialogAct = "edit";
+        // {
+        //       "headerID": "0",
+        //       "headerName": "",
+        //       "headerStartDate": "",
+        //       "headerEndDate": "",
+        //       "headerCode": "CODE"
+        //   }
+        this.selectedPriceHeader = val;
+        this.nameHeader = this.selectedPriceHeader.headerName;
+        this.startDateHeaderForm = this.selectedPriceHeader.headerStartDate;
+        this.endDateHeaderForm = this.selectedPriceHeader.headerEndDate;
+        this.dialogPriceHeader = true;
+      },
+      handleChangeFIlter() {
+        let submitted = [];
+        data = this.priceTestList;
+        if (data !== undefined && data !== null) {
+          for (let i = 0; i < data.length; i++) {
+            const e = data[i];
+            if (
+              e.priceAmount !== "" &&
+              e.priceAmount !== null &&
+              e.priceAmount !== undefined
+            ) {
+              if (
+                isNaN(e.priceAmount) ||
+                isNaN(e.priceDisc) ||
+                isNaN(e.priceDiscRp)
+              ) {
+                alert("Input test " + e.testName + " salah, mohon ulangi");
+                return;
+              }
+              diskon = parseFloat(e.priceDisc);
+              diskonRp = parseFloat(e.priceDiscRp);
+              amount = parseFloat(e.priceAmount);
+              total = parseFloat(e.subTotal);
+              if (diskon > 100) {
+                alert(
+                  "Diskon % test " +
+                    e.testName +
+                    " Tidak boleh lebih dari 100, mohon ulangi"
+                );
+                return;
+              }
+              if (diskon < 0) {
+                alert(
+                  "Diskon % test " +
+                    e.testName +
+                    " Tidak boleh kurang dari 0, mohon ulangi"
+                );
+                return;
+              }
+              if (diskonRp > amount) {
+                alert(
+                  "Diskon Rp test " +
+                    e.testName +
+                    " Tidak boleh lebih dari price amount, mohon ulangi"
+                );
+                return;
+              }
+              if (diskonRp < 0) {
+                alert(
+                  "Diskon Rp test " +
+                    e.testName +
+                    " Tidak boleh kurang dari 0, mohon ulangi"
+                );
+                return;
+              }
+              if (total < 0) {
+                alert(
+                  "Total test " +
+                    e.testName +
+                    " Tidak boleh kurang dari 0, mohon ulangi"
+                );
+                return;
+              }
+              if (total > amount) {
+                console.log(total);
+                console.log(amount);
+                alert(
+                  "Total test " +
+                    e.testName +
+                    " Tidak boleh lebih dari price amount, mohon ulangi"
+                );
+                return;
+              }
+
+              if (e.isChange == "Y") {
+                submitted.push(e);
+              }
+            }
+          }
+        }
+        console.log(submitted);
+        // priceAmount
+        // priceDisc
+        // priceDiscRp
+        // subTotal
+        // testID
+        return submitted;
+      },
+
+      thrsearchphautocomplete: _.debounce(function () {
+        this.$store.dispatch("price/searchPriceHeaderAutocomplete", {
+          search: this.searchPriceHeaderCopy,
+        });
+      }, 800),
+    },
+    computed: {
+      priceTestList: {
+        get() {
+          return this.$store.state.price.priceTestList;
+        },
+        set(val) {
+          this.$store.commit("price/update_priceTestList", val);
+        },
+      },
+      searchPrice: {
+        get() {
+          return this.$store.state.price.searchPrice;
+        },
+        set(val) {
+          let dt = this.handleChangeFIlter();
+          if (dt.length > 0) {
+            if (
+              confirm(
+                "Data belum belum tersimpan,  Apakah anda yakin untuk melanjutkan ?"
+              )
+            ) {
+              this.$store.commit("price/update_searchPrice", val);
+              this.$store.dispatch("price/searchPriceHeader");
+              return;
+            } else {
+              return;
+            }
+          } else {
+            this.$store.commit("price/update_searchPrice", val);
+            this.$store.dispatch("price/searchPriceHeader");
+          }
+        },
+      },
+      priceHeaderList: {
+        get() {
+          return this.$store.state.price.priceHeaderList;
+        },
+        set(val) {
+          this.$store.commit("price/update_priceHeaderList", val);
+        },
+      },
+      loading: {
+        get() {
+          return this.$store.state.price.loading;
+        },
+        set(val) {
+          this.$store.commit("price/update_loading", val);
+        },
+      },
+      page: {
+        get() {
+          return this.$store.state.price.page;
+        },
+        set(val) {
+          let dt = this.handleChangeFIlter();
+          if (dt.length > 0) {
+            if (
+              confirm(
+                "Data belum belum tersimpan,  Apakah anda yakin untuk melanjutkan ?"
+              )
+            ) {
+              this.$store.commit("price/update_page", val);
+              this.selectedPriceHeader = {
+                headerID: "0",
+                headerName: "",
+                headerStartDate: "",
+                headerEndDate: "",
+                headerCode: "CODE",
+              };
+              this.$store.dispatch("price/searchPriceHeader");
+              return;
+            } else {
+              return;
+            }
+          } else {
+            this.$store.commit("price/update_page", val);
+            this.selectedPriceHeader = {
+              headerID: "0",
+              headerName: "",
+              headerStartDate: "",
+              headerEndDate: "",
+              headerCode: "CODE",
+            };
+            this.$store.dispatch("price/searchPriceHeader");
+          }
+        },
+      },
+      totalPageHeader: {
+        get() {
+          return this.$store.state.price.totalPageHeader;
+        },
+        set(val) {
+          this.$store.commit("price/update_totalPageHeader", val);
+        },
+      },
+      errorMsg: {
+        get() {
+          return this.$store.state.price.errorMsg;
+        },
+        set(val) {
+          this.$store.commit("price/update_errorMsg", val);
+        },
+      },
+      snackbarError: {
+        get() {
+          return this.$store.state.price.snackbarError;
+        },
+        set(val) {
+          this.$store.commit("price/update_snackbarError", val);
+        },
+      },
+      snackbarSuccess: {
+        get() {
+          return this.$store.state.price.snackbarSuccess;
+        },
+        set(val) {
+          this.$store.commit("price/update_snackbarSuccess", val);
+        },
+      },
+      selectedPriceHeader: {
+        get() {
+          return this.$store.state.price.selectedPriceHeader;
+        },
+        set(val) {
+          let dt = this.handleChangeFIlter();
+          if (dt.length > 0) {
+            if (
+              confirm(
+                "Data belum belum tersimpan,  Apakah anda yakin untuk melanjutkan ?"
+              )
+            ) {
+              this.$store.commit("price/update_selectedPriceHeader", val);
+              this.$store.dispatch("price/searchpricetest");
+              return;
+            } else {
+              return;
+            }
+          } else {
+            this.$store.commit("price/update_selectedPriceHeader", val);
+            this.$store.dispatch("price/searchpricetest");
+          }
+        },
+      },
+
+      successMsg: {
+        get() {
+          return this.$store.state.price.successMsg;
+        },
+        set(val) {
+          this.$store.commit("price/update_successMsg", val);
+        },
+      },
+      dialogPriceHeader: {
+        get() {
+          return this.$store.state.price.dialogPriceHeader;
+        },
+        set(val) {
+          this.$store.commit("price/update_dialogPriceHeader", val);
+          if (val === false) {
+            this.nameHeader = "";
+          }
+        },
+      },
+      startDateHeaderForm: {
+        get() {
+          return this.$store.state.price.startDateHeader;
+        },
+        set(val) {
+          console.log("sd");
+          console.log(val);
+          this.$store.commit("price/update_startDateHeader", val);
+          let sd = new Date(val);
+          let ed = new Date(this.endDateHeaderForm);
+          if (sd > ed) {
+            this.endDateHeaderForm = val;
+          }
+        },
+      },
+      endDateHeaderForm: {
+        get() {
+          return this.$store.state.price.endDateHeader;
+        },
+        set(val) {
+          this.$store.commit("price/update_endDateHeader", val);
+          console.log("ed");
+          console.log(val);
+        },
+      },
+      nameHeader: {
+        get() {
+          return this.$store.state.price.nameHeader;
+        },
+        set(val) {
+          this.$store.commit("price/update_nameHeader", val);
+        },
+      },
+      dialogDeleteHeader: {
+        get() {
+          return this.$store.state.price.dialogDeleteHeader;
+        },
+        set(val) {
+          this.$store.commit("price/update_dialogDeleteHeader", val);
+        },
+      },
+      dialogCopyHarga: {
+        get() {
+          return this.$store.state.price.dialogCopyHarga;
+        },
+        set(val) {
+          this.$store.commit("price/update_dialogCopyHarga", val);
+          if (val === false) {
+            this.nameHeader = "";
+          }
+        },
+      },
+      priceHeaderCopyList: {
+        get() {
+          return this.$store.state.price.priceHeaderCopyList;
+        },
+        set(val) {
+          this.$store.commit("price/update_priceHeaderCopyList", val);
+        },
+      },
+      selectedPriceHeaderCopy: {
+        get() {
+          return this.$store.state.price.selectedPriceHeaderCopy;
+        },
+        set(val) {
+          this.$store.commit("price/update_selectedPriceHeaderCopy", val);
+        },
+      },
+      copyPacket: {
+        get() {
+          return this.$store.state.price.copyPacket;
+        },
+        set(val) {
+          this.$store.commit("price/update_copyPacket", val);
+        },
+      },
+      formatedStartDateHeader() {
+        return this.formatDate(this.startDateHeaderForm);
+      },
+      formatedEndDateHeader() {
+        return this.formatDate(this.endDateHeaderForm);
+      },
+    },
+    watch: {
+      // search_company(val, old) {
+      //   if (val == old) return;
+      //   if (!val) return;
+      //   if (val.length < 1) return;
+      //   if (this.$store.state.patient.update_autocomplete_status == 1) return;
+      //   this.thr_search_company();
+      // },
+      // search_doctor(val, old) {
+      //   if (val == old) return;
+      //   if (!val) return;
+      //   if (val.length < 1) return;
+      //   if (this.$store.state.patient.update_autocomplete_status == 1) return;
+      //   this.thr_search_doctor();
+      // },
+      // search_test(val, old) {
+      //   if (val == old) return;
+      //   if (!val) return;
+      //   if (val.length < 1) return;
+      //   if (this.$store.state.patient.update_autocomplete_status == 1) return;
+      //   this.thr_search_test();
+      // },
+      searchPriceHeaderCopy(val, old) {
+        if (val == old) return;
+        if (!val) return;
+        if (val.length < 1) return;
+        this.thrsearchphautocomplete();
+      },
+    },
+    data() {
+      return {
+        searchPriceHeaderCopy: "",
+        selected_delivery: {},
+        search_company: "",
+        search_test: "",
+        menuFormDateStart: false,
+        menuFormDateEnd: false,
+        date: new Date().toISOString().substr(0, 10),
+        dialogAct: "add",
+        items: [],
+        menustartdate: false,
+        menuenddate: false,
+        errors: [],
+        sheet: false,
+        indeterminatex: false,
+        checkednotall: false,
+        bar_chx_all: false,
+        selected_barcode: [],
+        dialogtimeline: false,
+        search_doctor: "",
+        headers: [
+          {
+            text: "",
+            align: "center",
+            sortable: false,
+            value: "lab",
+            width: "2%",
+            class: "pa-2 blue darken-2 white--text",
+          },
+          {
+            text: "NO",
+            align: "center",
+            sortable: false,
+            value: "lab",
+            width: "5%",
+            class: "pa-2 blue darken-2 white--text",
+          },
+          {
+            text: "NO REG",
+            align: "center",
+            sortable: false,
+            value: "lab",
+            width: "8%",
+            class: "pa-2 blue darken-2 white--text",
+          },
+          {
+            text: "NAMA",
+            align: "center",
+            sortable: false,
+            value: "name",
+            width: "15%",
+            class: "pa-2 blue darken-2 white--text",
+          },
+          {
+            text: "CORPORATE",
+            align: "center",
+            sortable: false,
+            value: "name",
+            width: "15%",
+            class: "pa-2 blue darken-2 white--text",
+          },
+          {
+            text: "PEMERIKSAAN",
+            align: "center",
+            sortable: false,
+            value: "status",
+            width: "20%",
+            class: "pa-2 blue darken-2 white--text",
+          },
+
+          {
+            text: "TOTAL",
+            align: "center",
+            sortable: false,
+            value: "status",
+            width: "5%",
+            class: "pa-2 blue darken-2 white--text",
+          },
+        ],
+      };
+    },
+  };
+</script>
diff --git a/test/vuex/one-mcu-resume-individu-cponev8/modules/components/onePriceList.vue b/test/vuex/one-mcu-resume-individu-cponev8/modules/components/onePriceList.vue
new file mode 100644
index 0000000..a5b5cc8
--- /dev/null
+++ b/test/vuex/one-mcu-resume-individu-cponev8/modules/components/onePriceList.vue
@@ -0,0 +1,992 @@
+<template>
+  <div>
+    <v-dialog persistent v-model="dialogValidasi" width="500">
+      <v-card>
+        <v-card-title class="headline grey lighten-2" primary-title>
+          <v-layout align-center justify-space-between row fill-height>
+            <div>KONFIRMASI</div>
+          </v-layout>
+        </v-card-title>
+        <v-card-text
+          >Apakah anda yakin akan mevalidasi
+          <kbd class="mx-2">{{ selectedPriceHeader.headerCode }}</kbd>
+          <span>{{ selectedPriceHeader.headerName }}</span> ?
+        </v-card-text>
+        <v-divider></v-divider>
+        <v-card-actions>
+          <v-spacer></v-spacer>
+          <v-btn
+            color="error"
+            :disabled="loading"
+            flat
+            @click="dialogValidasi = false"
+          >
+            BATAL
+          </v-btn>
+          <v-btn
+            color="success"
+            :disabled="loading"
+            flat
+            @click="validateHeader()"
+          >
+            YAKIN
+          </v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+    <v-layout class="fill-height" column>
+      <v-layout align-center column>
+        <v-toolbar dark color="primary">
+          <v-toolbar-title class="white--text">
+            <kbd class="mr-2">{{ this.selectedPriceHeader.headerCode }}</kbd>
+            {{ this.selectedPriceHeader.headerName }}</v-toolbar-title
+          >
+          <v-spacer></v-spacer>
+          <!-- v-if="selectedPriceHeader.headerValidate === 'N'" -->
+          <v-btn color="success" :disabled="loading" @click="handleSave()"
+            >Simpan</v-btn
+          >
+          <!-- selectedPriceHeader.headerValidate === 'N' && -->
+          <v-btn
+            :disabled="loading"
+            color="warning"
+            @click="dialogValidasi = true"
+            >Validasi
+          </v-btn>
+          <!-- <v-btn
+            :disabled="loading"
+            v-if="
+              selectedPriceHeader.headerValidate === 'Y' &&
+              selectedPriceHeader.validatePacket === 'Y' &&
+              selectedPriceHeader.readyValidate === 'Y'
+            "
+            color="warning"
+            @click="dialogValidasi = true"
+            >Validasi
+          </v-btn> -->
+        </v-toolbar>
+        <v-card style="width: 100%" class="mb-2 pa-2 searchbox">
+          <v-layout row>
+            <v-flex xs4 class="mr-1">
+              <v-text-field
+                label="Kode/nama"
+                hide-details
+                :loading="loading"
+                v-model="filterName"
+                outline
+              ></v-text-field>
+            </v-flex>
+            <v-flex xs4 class="mr-1 ml-1">
+              <v-autocomplete
+                label="Sub Group"
+                v-model="selectedFilterSubGroup"
+                :items="filterSubGroup"
+                item-text="name"
+                outline
+                hide-details
+                :disabled="loading"
+                return-object
+                :loading="loading"
+                no-data-text="Pilih Sub Group"
+              >
+                <template slot="item" slot-scope="{ item }">
+                  <v-list-tile-content>
+                    <v-list-tile-title v-text="item.name"></v-list-tile-title>
+                  </v-list-tile-content>
+                </template>
+              </v-autocomplete>
+            </v-flex>
+            <v-flex xs4 class="ml-1">
+              <v-autocomplete
+                label="Status"
+                v-model="selectedFilterStatus"
+                :items="filterStatus"
+                item-text="name"
+                outline
+                hide-details
+                return-object
+                :disabled="loading"
+                :loading="loading"
+                no-data-text="Pilih Status"
+              >
+                <template slot="item" slot-scope="{ item }">
+                  <v-list-tile-content>
+                    <v-list-tile-title v-text="item.name"></v-list-tile-title>
+                  </v-list-tile-content>
+                </template>
+              </v-autocomplete>
+            </v-flex>
+          </v-layout>
+        </v-card>
+      </v-layout>
+      <v-card style="overflow-y: scroll; height: 65vh" class="fill-height">
+        <v-data-table
+          :loading="loading"
+          :items="priceTestList"
+          :headers="headers"
+          class="v-table elevation-1"
+          hide-actions
+        >
+          <template v-slot:headers="props">
+            <tr>
+              <th
+                v-for="header in props.headers"
+                :width="header.width"
+                :class="header.class"
+              >
+                {{ header.text }}
+              </th>
+            </tr>
+          </template>
+          <v-progress-linear
+            v-slot:progress="loading"
+            color="blue"
+            :indeterminate="true"
+          ></v-progress-linear>
+          <template v-slot:items="props">
+            <tr>
+              <td class="py-2">
+                <div style="color: brown" class="mb-0">
+                  <v-btn
+                    small
+                    color="success"
+                    class="white--text"
+                    v-if="props.item.status === 'Y'"
+                  >
+                    <v-icon left dark>check</v-icon>
+                  </v-btn>
+                  <v-btn
+                    small
+                    color="error"
+                    class="white--text"
+                    v-if="props.item.status === 'N'"
+                  >
+                    <v-icon right dark>close</v-icon>
+                  </v-btn>
+                </div>
+              </td>
+              <td class="py-2">
+                <!-- v-bind:class="{ 'amber lighten-4': isSelected(props.item) }" -->
+                <p style="" class="mb-1">
+                  <kbd class="mr-2">{{ props.item.testCode }}</kbd>
+                  <span class="font-weight-bold">
+                    {{ props.item.testName }}
+                  </span>
+                </p>
+              </td>
+              <td class="py-2">
+                <!-- v-bind:class="{ 'amber lighten-4': isSelected(props.item) }" -->
+                <v-text-field
+                  label="Amount"
+                  type="number"
+                  v-model="props.item.priceAmount"
+                  hide-details
+                  :disabled="
+                    (selectedPriceHeader.headerValidate === 'Y' &&
+                      props.item.status === 'Y') ||
+                    loading
+                  "
+                  @input="handleChangeAmount(props.item)"
+                  outline
+                ></v-text-field>
+                <!-- v-on:change="handleChangeAmount(props.item.priceAmount)" -->
+                <!-- :rules="[rules.min]" -->
+              </td>
+              <td class="py-2">
+                <v-text-field
+                  label="Diskon %"
+                  type="number"
+                  v-model="props.item.priceDisc"
+                  @input="handleChangeDisc(props.item)"
+                  :disabled="
+                    props.item.priceAmount === NaN ||
+                    props.item.priceAmount === null ||
+                    props.item.priceAmount === undefined ||
+                    props.item.priceAmount <= 0 ||
+                    props.item.priceAmount === '' ||
+                    (selectedPriceHeader.headerValidate === 'Y' &&
+                      props.item.status === 'Y') ||
+                    loading
+                  "
+                  hide-details
+                  outline
+                ></v-text-field>
+                <!-- :rules="[rules.min, rules.maxPersen]" -->
+              </td>
+              <td class="py-2">
+                <!-- v-bind:class="{ 'amber lighten-4': isSelected(props.item) }" -->
+                <v-text-field
+                  label="Diskon Rp"
+                  type="number"
+                  v-model="props.item.priceDiscRp"
+                  @input="handleChangeDiscRp(props.item)"
+                  :disabled="
+                    props.item.priceAmount === NaN ||
+                    props.item.priceAmount === null ||
+                    props.item.priceAmount === undefined ||
+                    props.item.priceAmount <= 0 ||
+                    props.item.priceAmount === '' ||
+                    (selectedPriceHeader.headerValidate === 'Y' &&
+                      props.item.status === 'Y') ||
+                    loading
+                  "
+                  hide-details
+                  outline
+                ></v-text-field>
+                <!-- :rules="[rules.min]" -->
+              </td>
+              <td class="py-2">
+                <!-- v-bind:class="{ 'amber lighten-4': isSelected(props.item) }" -->
+                <v-text-field
+                  label="Total"
+                  type="number"
+                  readonly
+                  v-model="props.item.subTotal"
+                  hide-details
+                  outline
+                ></v-text-field>
+                <!-- :rules="[rules.min]" -->
+              </td>
+            </tr>
+          </template>
+        </v-data-table>
+      </v-card>
+      <v-card class="pa-2">
+        <div class="text-xs-left">
+          <v-pagination
+            v-model="priceTestPage"
+            :length="priceTestPageTotal"
+          ></v-pagination>
+        </div>
+      </v-card>
+    </v-layout>
+  </div>
+</template>
+<style scoped>
+.searchbox .v-input.v-text-field .v-input__slot {
+  min-height: 60px;
+}
+.searchbox .v-btn {
+  min-height: 60px;
+}
+table.v-table tbody td,
+table.v-table tbody th {
+  height: 40px;
+}
+
+table.v-table thead tr {
+  height: 40px;
+}
+.scroll-container {
+  scroll-padding: 50px 0 0 50px;
+}
+
+::-webkit-scrollbar {
+  width: 7px;
+}
+
+/* this targets the default scrollbar (compulsory) */
+
+::-webkit-scrollbar-track {
+  background-color: #73baf3;
+}
+
+/* the new scrollbar will have a flat appearance with the set background color */
+
+::-webkit-scrollbar-thumb {
+  background-color: #2196f3;
+}
+
+/* this will style the thumb, ignoring the track */
+
+::-webkit-scrollbar-button {
+  background-color: #0079da;
+}
+
+/* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
+
+::-webkit-scrollbar-corner {
+  background-color: black;
+}
+</style>
+<script>
+// const { data } = require("./onePriceHeader.vue");
+
+module.exports = {
+  //   components: {
+  //     "one-dialog-info": httpVueLoader("../../common/oneDialogInfo.vue"),
+  //     "one-dialog-alert": httpVueLoader("../../common/oneDialogAlert.vue"),
+  //   },
+  mounted() {},
+  methods: {
+    closeDialogQrCode() {
+      this.dialogQrCode = false;
+    },
+    handleChangeAmount(data) {
+      console.log(data);
+      // priceAmount
+      // priceDisc
+      // priceDiscRp
+      // subTotal
+      // testID
+      if (data.priceAmount.trim() === "") {
+        return;
+      }
+      data.isChange = "Y";
+      cek = parseFloat(data.priceAmount);
+      if (isNaN(cek)) {
+        data.subTotal = 0;
+        alert("Inputan tes " + data.testName + "harus berupa angka");
+        return;
+      }
+      if (parseFloat(data.priceAmount) < 0) {
+        alert(" price amount test " + data.testName + "Kurang dari 0");
+        return;
+      }
+      amount = parseFloat(data.priceAmount);
+      diskon = 0;
+      if (
+        data.priceDisc !== "" &&
+        data.priceDisc !== null &&
+        data.priceDisc !== "0" &&
+        data.priceDisc !== 0
+      ) {
+        diskon = parseFloat(data.priceDisc);
+      }
+
+      diskonRp = 0;
+      if (
+        data.priceDiscRp !== "" &&
+        data.priceDiscRp !== null &&
+        data.priceDiscRp !== "0" &&
+        data.priceDiscRp !== 0
+      ) {
+        diskonRp = parseFloat(data.priceDiscRp);
+      }
+      total = 0;
+      if (data.subTotal !== "" && data.subTotal !== null) {
+        total = parseFloat(data.subTotal);
+      }
+      let newTotal = 0;
+
+      diskonAmount = (diskon / 100) * amount;
+      newTotal = amount - diskonAmount - diskonRp;
+
+      console.log("new total");
+      console.log(newTotal);
+      if (newTotal < 0) {
+        alert("Total tes " + data.testName + " tidak boleh kurang dari 0");
+        return;
+      }
+      if (newTotal == NaN) {
+        newTotal = 0;
+      }
+      data.subTotal = newTotal;
+    },
+    handleChangeDisc(data) {
+      data.isChange = "Y";
+
+      console.log(data);
+      // data.priceDiscRp = 0;
+      // priceAmount
+      // priceDisc
+      // priceDiscRp
+      // subTotal
+      // testID
+      if (data.priceDisc.trim() === "") {
+        return;
+      }
+      cek = parseFloat(data.priceDisc);
+      if (isNaN(cek)) {
+        alert("Inputan tes " + data.testName + "harus berupa angka");
+        return;
+      }
+      if (parseFloat(data.priceAmount) < 0) {
+        alert(" price amount test " + data.testName + "Kurang dari 0");
+        return;
+      }
+      amount = parseFloat(data.priceAmount);
+      diskon = 0;
+      if (
+        data.priceDisc !== "" &&
+        data.priceDisc !== null &&
+        data.priceDisc !== "0" &&
+        data.priceDisc !== 0
+      ) {
+        diskon = parseFloat(data.priceDisc);
+      }
+      if (diskon < 0 || diskon > 100) {
+        alert(
+          "Diskon tes " +
+            data.testName +
+            " tidak boleh kurang dari 0 dan tidak boleh lebih dari 100"
+        );
+        return;
+      }
+
+      diskonRp = 0;
+      if (
+        data.priceDiscRp !== "" &&
+        data.priceDiscRp !== null &&
+        data.priceDiscRp !== "0" &&
+        data.priceDiscRp !== 0
+      ) {
+        diskonRp = parseFloat(data.priceDiscRp);
+      }
+      total = 0;
+      if (data.subTotal !== "" && data.subTotal !== null) {
+        total = parseFloat(data.subTotal);
+      }
+      let newTotal = 0;
+
+      diskonAmount = (diskon / 100) * amount;
+      newTotal = amount - diskonAmount - diskonRp;
+
+      if (newTotal < 0) {
+        alert("Total tes " + data.testName + " tidak boleh kurang dari 0");
+        return;
+      }
+      console.log("new total");
+      console.log(newTotal);
+      if (newTotal < 0) {
+        alert(
+          "Total tes " +
+            data.testName +
+            " tidak boleh kurang dari  price amount"
+        );
+        return;
+      }
+      if (newTotal == NaN) {
+        newTotal = 0;
+      }
+      data.subTotal = newTotal;
+    },
+    handleChangeDiscRp(data) {
+      data.isChange = "Y";
+      if (data.priceDisc.trim() === "") {
+        return;
+      }
+
+      console.log(data);
+
+      // priceAmount
+      // priceDisc
+      // priceDiscRp
+      // subTotal
+      // testID
+      if (data.priceDiscRp.trim() === "") {
+        return;
+      }
+      cek = parseFloat(data.priceDiscRp);
+      if (isNaN(cek) && data.priceDiscRp !== "") {
+        alert("Inputan tes " + data.testName + "harus berupa angka");
+        return;
+      }
+      if (parseFloat(data.priceDiscRp) < 0) {
+        alert(" price amount test " + data.testName + "Kurang dari 0");
+        return;
+      }
+      amount = parseFloat(data.priceAmount);
+      diskon = 0;
+      if (
+        data.priceDisc !== "" &&
+        data.priceDisc !== null &&
+        data.priceDisc !== "0" &&
+        data.priceDisc !== 0
+      ) {
+        diskon = parseFloat(data.priceDisc);
+      }
+
+      diskonRp = 0;
+      if (
+        data.priceDiscRp !== "" &&
+        data.priceDiscRp !== null &&
+        data.priceDiscRp !== "0" &&
+        data.priceDiscRp !== 0
+      ) {
+        diskonRp = parseFloat(data.priceDiscRp);
+      }
+      if (diskonRp < 0 || diskonRp > amount) {
+        alert(
+          "Diskon tes " +
+            data.testName +
+            " tidak boleh kurang dari 0 dan tidak boleh lebih dari price amount"
+        );
+        return;
+      }
+      total = 0;
+      if (data.subTotal !== "" && data.subTotal !== null) {
+        total = parseFloat(data.subTotal);
+      }
+      let newTotal = 0;
+      diskonAmount = (diskon / 100) * amount;
+      newTotal = amount - diskonAmount - diskonRp;
+
+      console.log("new total");
+      console.log(newTotal);
+      if (newTotal < 0) {
+        alert("Total tes " + data.testName + " tidak boleh kurang dari 0");
+        return;
+      }
+      if (newTotal == NaN) {
+        newTotal = 0;
+      }
+      data.subTotal = newTotal;
+    },
+    handleSave() {
+      let submitted = [];
+      data = this.priceTestList;
+      for (let i = 0; i < data.length; i++) {
+        const e = data[i];
+        if (
+          e.priceAmount !== "" &&
+          e.priceAmount !== null &&
+          e.priceAmount !== undefined
+        ) {
+          if (
+            isNaN(e.priceAmount) ||
+            isNaN(e.priceDisc) ||
+            isNaN(e.priceDiscRp)
+          ) {
+            alert("Input test " + e.testName + " salah, mohon ulangi");
+            return;
+          }
+          diskon = parseFloat(e.priceDisc);
+          diskonRp = parseFloat(e.priceDiscRp);
+          amount = parseFloat(e.priceAmount);
+          total = parseFloat(e.subTotal);
+          if (diskon > 100) {
+            alert(
+              "Diskon % test " +
+                e.testName +
+                " Tidak boleh lebih dari 100, mohon ulangi"
+            );
+            return;
+          }
+          if (diskon < 0) {
+            alert(
+              "Diskon % test " +
+                e.testName +
+                " Tidak boleh kurang dari 0, mohon ulangi"
+            );
+            return;
+          }
+          if (diskonRp > amount) {
+            alert(
+              "Diskon Rp test " +
+                e.testName +
+                " Tidak boleh lebih dari price amount, mohon ulangi"
+            );
+            return;
+          }
+          if (diskonRp < 0) {
+            alert(
+              "Diskon Rp test " +
+                e.testName +
+                " Tidak boleh kurang dari 0, mohon ulangi"
+            );
+            return;
+          }
+          if (total < 0) {
+            alert(
+              "Total test " +
+                e.testName +
+                " Tidak boleh kurang dari 0, mohon ulangi"
+            );
+            return;
+          }
+          if (total > amount) {
+            console.log(total);
+            console.log(amount);
+            alert(
+              "Total test " +
+                e.testName +
+                " Tidak boleh lebih dari price amount, mohon ulangi"
+            );
+            return;
+          }
+
+          if (e.isChange == "Y") {
+            submitted.push(e);
+          }
+        }
+      }
+      console.log(submitted);
+      if (submitted.length > 0) {
+        console.log("submitted > 0");
+        this.$store.dispatch("price/savetest", {
+          test: submitted,
+        });
+      } else {
+        alert("Tidak ada yang perlu disimpan");
+      }
+      // priceAmount
+      // priceDisc
+      // priceDiscRp
+      // subTotal
+      // testID
+    },
+    handleChangeFIlter() {
+      let submitted = [];
+      data = this.priceTestList;
+      if (data !== undefined && data !== null) {
+        for (let i = 0; i < data.length; i++) {
+          const e = data[i];
+          if (
+            e.priceAmount !== "" &&
+            e.priceAmount !== null &&
+            e.priceAmount !== undefined
+          ) {
+            if (
+              isNaN(e.priceAmount) ||
+              isNaN(e.priceDisc) ||
+              isNaN(e.priceDiscRp)
+            ) {
+              alert("Input test " + e.testName + " salah, mohon ulangi");
+              return;
+            }
+            diskon = parseFloat(e.priceDisc);
+            diskonRp = parseFloat(e.priceDiscRp);
+            amount = parseFloat(e.priceAmount);
+            total = parseFloat(e.subTotal);
+            if (diskon > 100) {
+              alert(
+                "Diskon % test " +
+                  e.testName +
+                  " Tidak boleh lebih dari 100, mohon ulangi"
+              );
+              return;
+            }
+            if (diskon < 0) {
+              alert(
+                "Diskon % test " +
+                  e.testName +
+                  " Tidak boleh kurang dari 0, mohon ulangi"
+              );
+              return;
+            }
+            if (diskonRp > amount) {
+              alert(
+                "Diskon Rp test " +
+                  e.testName +
+                  " Tidak boleh lebih dari price amount, mohon ulangi"
+              );
+              return;
+            }
+            if (diskonRp < 0) {
+              alert(
+                "Diskon Rp test " +
+                  e.testName +
+                  " Tidak boleh kurang dari 0, mohon ulangi"
+              );
+              return;
+            }
+            if (total < 0) {
+              alert(
+                "Total test " +
+                  e.testName +
+                  " Tidak boleh kurang dari 0, mohon ulangi"
+              );
+              return;
+            }
+            if (total > amount) {
+              console.log(total);
+              console.log(amount);
+              alert(
+                "Total test " +
+                  e.testName +
+                  " Tidak boleh lebih dari price amount, mohon ulangi"
+              );
+              return;
+            }
+
+            if (e.isChange == "Y") {
+              submitted.push(e);
+            }
+          }
+        }
+      }
+      console.log(submitted);
+      // priceAmount
+      // priceDisc
+      // priceDiscRp
+      // subTotal
+      // testID
+      return submitted;
+    },
+    validateHeader() {
+      this.$store.dispatch("price/validateheader");
+    },
+  },
+  computed: {
+    filterName: {
+      get() {
+        return this.$store.state.price.filterName;
+      },
+      set(val) {
+        let dt = this.handleChangeFIlter();
+        if (dt !== undefined && dt !== null) {
+          if (dt.length > 0) {
+            if (
+              confirm(
+                "Data belum belum tersimpan,  Apakah anda yakin untuk melanjutkan ?"
+              )
+            ) {
+              this.$store.commit("price/update_filterName", val);
+              this.$store.dispatch("price/searchpricetest");
+              return;
+            } else {
+              return;
+            }
+          } else {
+            this.$store.commit("price/update_filterName", val);
+            this.$store.dispatch("price/searchpricetest");
+          }
+        }
+      },
+    },
+    filterSubGroup: {
+      get() {
+        return this.$store.state.price.filterSubGroup;
+      },
+      set(val) {
+        this.$store.commit("price/update_filterSubGroup", val);
+      },
+    },
+    filterStatus: {
+      get() {
+        return this.$store.state.price.filterStatus;
+      },
+      set(val) {
+        this.$store.commit("price/update_filterStatus", val);
+      },
+    },
+    selectedFilterSubGroup: {
+      get() {
+        return this.$store.state.price.selectedFilterSubGroup;
+      },
+      set(val) {
+        let dt = this.handleChangeFIlter();
+        if (dt !== undefined && dt !== null) {
+          if (dt.length > 0) {
+            if (
+              confirm(
+                "Data belum belum tersimpan,  Apakah anda yakin untuk melanjutkan ?"
+              )
+            ) {
+              this.$store.commit("price/update_selectedFilterSubGroup", val);
+              this.$store.dispatch("price/searchpricetest");
+              return;
+            } else {
+              return;
+            }
+          } else {
+            this.$store.commit("price/update_selectedFilterSubGroup", val);
+            this.$store.dispatch("price/searchpricetest");
+          }
+        }
+      },
+    },
+    selectedFilterStatus: {
+      get() {
+        return this.$store.state.price.selectedFilterStatus;
+      },
+      set(val) {
+        let dt = this.handleChangeFIlter();
+        if (dt !== undefined && dt !== null) {
+          if (dt.length > 0) {
+            if (
+              confirm(
+                "Data belum belum tersimpan,  Apakah anda yakin untuk melanjutkan ?"
+              )
+            ) {
+              this.$store.commit("price/update_selectedFilterStatus", val);
+              this.$store.dispatch("price/searchpricetest");
+              return;
+            } else {
+              return;
+            }
+          } else {
+            this.$store.commit("price/update_selectedFilterStatus", val);
+            this.$store.dispatch("price/searchpricetest");
+          }
+        }
+      },
+    },
+    loading: {
+      get() {
+        return this.$store.state.price.loading;
+      },
+      set(val) {
+        this.$store.commit("price/update_loading", val);
+      },
+    },
+
+    errorMsg: {
+      get() {
+        return this.$store.state.price.errorMsg;
+      },
+      set(val) {
+        this.$store.commit("price/update_errorMsg", val);
+      },
+    },
+    snackbarError: {
+      get() {
+        return this.$store.state.price.snackbarError;
+      },
+      set(val) {
+        this.$store.commit("price/update_snackbarError", val);
+      },
+    },
+    snackbarSuccess: {
+      get() {
+        return this.$store.state.price.snackbarSuccess;
+      },
+      set(val) {
+        this.$store.commit("price/update_snackbarSuccess", val);
+      },
+    },
+    selectedPriceHeader: {
+      get() {
+        return this.$store.state.price.selectedPriceHeader;
+      },
+      set(val) {
+        this.$store.commit("price/update_selectedPriceHeader", val);
+        this.$store.dispatch("price/searchpricetest");
+      },
+    },
+
+    successMsg: {
+      get() {
+        return this.$store.state.price.successMsg;
+      },
+      set(val) {
+        this.$store.commit("price/update_successMsg", val);
+      },
+    },
+    priceTestList: {
+      get() {
+        return this.$store.state.price.priceTestList;
+      },
+      set(val) {
+        this.$store.commit("price/update_priceTestList", val);
+      },
+    },
+    priceTestPageTotal: {
+      get() {
+        return this.$store.state.price.priceTestPageTotal;
+      },
+      set(val) {
+        this.$store.commit("price/update_priceTestPageTotal", val);
+      },
+    },
+    dialogValidasi: {
+      get() {
+        return this.$store.state.price.dialogValidasi;
+      },
+      set(val) {
+        this.$store.commit("price/update_dialogValidasi", val);
+      },
+    },
+    priceTestPage: {
+      get() {
+        return this.$store.state.price.priceTestPage;
+      },
+      set(val) {
+        dt = this.handleChangeFIlter();
+        if (dt.length > 0) {
+          if (
+            confirm(
+              "Data belum belum tersimpan,  Apakah anda yakin untuk melanjutkan ?"
+            )
+          ) {
+            this.$store.commit("price/update_priceTestPage", val);
+            this.$store.dispatch("price/searchpricetest");
+          }
+        } else {
+          this.$store.commit("price/update_priceTestPage", val);
+          this.$store.dispatch("price/searchpricetest");
+        }
+      },
+    },
+  },
+  watch: {},
+  data() {
+    return {
+      selected_delivery: {},
+      search_company: "",
+      search_test: "",
+      menufilterdatestart: false,
+      menufilterdateend: false,
+      date: new Date().toISOString().substr(0, 10),
+      items: [],
+      menustartdate: false,
+      menuenddate: false,
+      errors: [],
+      sheet: false,
+      indeterminatex: false,
+      checkednotall: false,
+      bar_chx_all: false,
+      selected_barcode: [],
+      dialogtimeline: false,
+      search_doctor: "",
+      dialogWarning: false,
+      dialogWarningMsg: "",
+      rules: {
+        min: (v) => v > 0 || "Minimum value 1",
+        maxPersen: (v) => v <= 100 || "Maximum value 100",
+      },
+      headers: [
+        {
+          text: "STATUS",
+          align: "center",
+          sortable: false,
+          value: "lab",
+          width: "10%",
+          class: "pa-2 blue darken-2 white--text",
+        },
+        {
+          text: "TEST",
+          align: "center",
+          sortable: false,
+          value: "lab",
+          width: "25%",
+          class: "pa-2 blue darken-2 white--text",
+        },
+        {
+          text: "AMOUNT",
+          align: "center",
+          sortable: false,
+          value: "lab",
+          width: "15%",
+          class: "pa-2 blue darken-2 white--text",
+        },
+        {
+          text: "DISKON",
+          align: "center",
+          sortable: false,
+          value: "name",
+          width: "15%",
+          class: "pa-2 blue darken-2 white--text",
+        },
+        {
+          text: "DISKON RP",
+          align: "center",
+          sortable: false,
+          value: "name",
+          width: "15%",
+          class: "pa-2 blue darken-2 white--text",
+        },
+        {
+          text: "TOTAL",
+          align: "center",
+          sortable: false,
+          value: "status",
+          width: "20%",
+          class: "pa-2 blue darken-2 white--text",
+        },
+      ],
+    };
+  },
+};
+</script>
diff --git a/test/vuex/one-mcu-resume-individu-cponev8/modules/components/oneResumeLeft.vue b/test/vuex/one-mcu-resume-individu-cponev8/modules/components/oneResumeLeft.vue
new file mode 100644
index 0000000..5c83e3c
--- /dev/null
+++ b/test/vuex/one-mcu-resume-individu-cponev8/modules/components/oneResumeLeft.vue
@@ -0,0 +1,624 @@
+<template>
+  <div>
+    <!-- :title="printtitle" :width="printwidth" :height="500" :status="openprint"
+    :urlprint="urlprint" @close-dialog-print="closePrint" -->
+    <v-dialog v-model="openprint" width="80%">
+      <v-card>
+        <v-card-title class="headline grey lighten-2" primary-title>
+          Cetak Label
+        </v-card-title>
+
+        <v-card-text>
+          <v-layout wrap align-center>
+            <v-flex xs12>
+              <v-select
+                :items="LabelTypeList"
+                v-model="selectedLabelType"
+              ></v-select>
+            </v-flex>
+            <v-flex xs12>
+              <object :data="urlprint" width="100%" height="500"></object>
+            </v-flex>
+          </v-layout>
+        </v-card-text>
+
+        <v-divider></v-divider>
+
+        <v-card-actions>
+          <v-spacer></v-spacer>
+          <v-btn color="primary" flat @click="closePrint"> Tutup </v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+    <v-snackbar
+      color="success"
+      v-model="snackbarSuccess"
+      right="right"
+      :timeout="3000"
+      top="top"
+    >
+      {{ successMsg }}
+      <v-btn color="white" flat @click="snackbarSuccess = false"> Close </v-btn>
+    </v-snackbar>
+    <v-snackbar
+      color="warning"
+      v-model="snackbarWarning"
+      right="right"
+      :timeout="3000"
+      top="top"
+    >
+      {{ warningMsg }}
+      <v-btn color="white" flat @click="snackbarWarning = false"> Close </v-btn>
+    </v-snackbar>
+    <v-snackbar
+      color="error"
+      v-model="snackbarError"
+      right="right"
+      :timeout="3000"
+      top="top"
+    >
+      {{ errorMsg }}
+      <v-btn color="white" flat @click="snackbarError = false"> Close </v-btn>
+    </v-snackbar>
+    <v-layout class="fill-height" column>
+      <v-card style="width: 100%;" class="mb-2 pa-2">
+        <v-layout row wrap>
+          <v-flex xs12 class="mb-2">
+            <v-autocomplete
+              label="Pilih Proyek MCU"
+              v-model="selectedSetup"
+              :items="setupList"
+              item-text="Mgm_McuLabel"
+              outline
+              hide-details
+              return-object
+              no-data-text="Pilih Proyek MCU"
+            >
+              <template slot="item" slot-scope="{ item }">
+                <v-list-tile-content>
+                  <v-list-tile-title
+                    v-text="item.Mgm_McuLabel"
+                  ></v-list-tile-title>
+                </v-list-tile-content>
+              </template>
+            </v-autocomplete>
+          </v-flex>
+          <v-flex xs6 class="mb-2">
+            <v-menu
+              v-model="menuFormDateStart"
+              :close-on-content-click="false"
+              :nudge-right="40"
+              lazy
+              transition="scale-transition"
+              offset-y
+              full-width
+              max-width="290px"
+              min-width="290px"
+            >
+              <template v-slot:activator="{ on }">
+                <v-text-field
+                  class="mr-2"
+                  v-model="formatedStartDate"
+                  label="Tanggal Awal"
+                  outline
+                  hide-details
+                  readonly
+                  v-on="on"
+                  @blur="deFormatedDate(formatedStartDate)"
+                ></v-text-field>
+              </template>
+              <v-date-picker
+                v-model="startDate"
+                no-title
+                @input="menuFormDateStart = false"
+              ></v-date-picker>
+            </v-menu>
+          </v-flex>
+          <v-flex xs6 class="mb-2">
+            <v-menu
+              v-model="menuFormDateEnd"
+              :close-on-content-click="false"
+              :nudge-right="40"
+              lazy
+              transition="scale-transition"
+              offset-y
+              full-width
+              max-width="290px"
+              min-width="290px"
+            >
+              <template v-slot:activator="{ on }">
+                <v-text-field
+                  class="ml-2"
+                  v-model="formatedEndDate"
+                  label="Tanggal Akhir"
+                  outline
+                  readonly
+                  hide-details
+                  v-on="on"
+                  @blur="deFormatedDate(formatedEndDate)"
+                ></v-text-field>
+              </template>
+              <v-date-picker
+                v-model="endDate"
+                no-title
+                @input="menuFormDateEnd = false"
+              ></v-date-picker>
+            </v-menu>
+          </v-flex>
+          <v-flex xs12>
+            <v-text-field
+              label="Cari..."
+              outline
+              hide-details
+              v-model="search"
+            ></v-text-field>
+          </v-flex>
+        </v-layout>
+      </v-card>
+    </v-layout>
+    <v-layout
+      row
+      wrap
+      v-if="
+        selectedSetup.Mgm_McuID !== null &&
+        selectedSetup.Mgm_McuID !== undefined
+      "
+    >
+      <v-card class="py-2 px-2" style="width: 100%;">
+        <div>
+          <v-btn depressed small @click="print()" color="warning"
+            >Cetak Label</v-btn
+          >
+        </div>
+        <!-- <span
+          
+          class="icon-medium-fill-base-small xs1 white--text blue-grey icon-print"
+        ></span> -->
+      </v-card>
+    </v-layout>
+    <v-card style="overflow-y: scroll; height: 55vh;" class="fill-height">
+      <v-data-table
+        :loading="loading"
+        :items="patientList"
+        :headers="headers"
+        class="v-table elevation-1"
+        hide-actions
+      >
+        <template v-slot:headers="props">
+          <tr>
+            <th
+              v-for="header in props.headers"
+              :width="header.width"
+              :class="header.class"
+            >
+              {{ header.text }}
+            </th>
+          </tr>
+        </template>
+        <v-progress-linear
+          v-slot:progress="loading"
+          color="blue"
+          :indeterminate="true"
+        ></v-progress-linear>
+        <template v-slot:items="props">
+          <tr @click="selectMe(props.item)">
+            <!-- 'deep-orange darken-1': props.item.status !== 'NEW', -->
+            <td
+              v-bind:class="{
+                'yellow lighten-4': isSelected(props.item),
+                'py-2 align-center text-sm-left': true,
+              }"
+            >
+              <!-- <v-layout
+                align-start
+                justify-start
+                row
+                fill-height
+                class="text-sm-left"
+              >
+                <v-flex v-if="props.item.status !== 'NEW'" xs3
+                  ><v-icon color="success" right>check_circle</v-icon>
+                </v-flex>
+                <v-flex xs9>
+                </v-flex>
+              </v-layout> -->
+              <p
+                v-bind:class="{
+                  'green--text': props.item.status !== 'NEW',
+                }"
+                class="font-weight-bold body-2"
+              >
+                {{ props.item.labNumber }}
+              </p>
+            </td>
+            <td
+              v-bind:class="{
+                'yellow lighten-4': isSelected(props.item),
+                'py-2': true,
+              }"
+            >
+              <p class="body-2">{{ props.item.orderDate }}</p>
+            </td>
+            <td
+              v-bind:class="{
+                'yellow lighten-4': isSelected(props.item),
+                'py-2': true,
+              }"
+            >
+              <p class="body-2">{{ props.item.patientFullname }}</p>
+            </td>
+          </tr>
+        </template>
+      </v-data-table>
+    </v-card>
+    <v-card class="pa-2">
+      <div class="text-xs-left">
+        <v-pagination v-model="page" :length="totalPage"></v-pagination>
+      </div>
+    </v-card>
+    <!-- <one-dialog-print-label
+      :title="printtitle"
+      :width="printwidth"
+      :height="500"
+      :status="openprint"
+      :urlprint="urlprint"
+      @close-dialog-print="closePrint"
+    ></one-dialog-print-label> -->
+  </div>
+</template>
+<style scoped>
+  .searchbox .v-input.v-text-field .v-input__slot {
+    min-height: 60px;
+  }
+  .searchbox .v-btn {
+    min-height: 60px;
+  }
+  table.v-table tbody td,
+  table.v-table tbody th {
+    height: 40px;
+  }
+
+  table.v-table thead tr {
+    height: 40px;
+  }
+  .scroll-container {
+    scroll-padding: 50px 0 0 50px;
+  }
+
+  ::-webkit-scrollbar {
+    width: 7px;
+  }
+
+  /* this targets the default scrollbar (compulsory) */
+
+  ::-webkit-scrollbar-track {
+    background-color: #73baf3;
+  }
+
+  /* the new scrollbar will have a flat appearance with the set background color */
+
+  ::-webkit-scrollbar-thumb {
+    background-color: #2196f3;
+  }
+
+  /* this will style the thumb, ignoring the track */
+
+  ::-webkit-scrollbar-button {
+    background-color: #0079da;
+  }
+
+  /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
+
+  ::-webkit-scrollbar-corner {
+    background-color: black;
+  }
+</style>
+<script>
+  // const { data } = require("./onePriceHeader.vue");
+
+  module.exports = {
+    components: {
+      "one-dialog-print-label": httpVueLoader(
+        "../../common/oneDialogPrintX.vue"
+      ),
+    },
+    mounted() {
+      this.$store.dispatch("resume/getsetup");
+      this.$store.dispatch("resume/getFitnessCategory");
+    },
+    methods: {
+      closePrint() {
+        this.openprint = false;
+      },
+      print() {
+        let user = one_user();
+        var d = new Date();
+        var n = d.getTime();
+        // https://cpone.aplikasi.web.id/birt/run?__report=report/one/rekap/rpt_mcu_patient_label.rptdesign&__format=pdf&PStartDate=2024-07-15&PEndDate=2024-07-15&PMcuID=61&PType=divisi&username=joko@gmail.com&tm=1721657764454
+        let rptname = "rpt_mcu_patient_label";
+        this.urlprint =
+          "/birt/run?__report=report/one/rekap/" +
+          rptname +
+          ".rptdesign&__format=pdf" +
+          "&PStartDate=" +
+          this.startDate +
+          "&PEndDate=" +
+          this.endDate +
+          "&PMcuID=" +
+          this.selectedSetup.Mgm_McuID +
+          "&PType=" +
+          this.selectedLabelType.toLowerCase() +
+          "&username=" +
+          user.M_StaffName +
+          "&tm=" +
+          n;
+        this.openprint = true;
+      },
+      formatDate(date) {
+        if (!date) return null;
+
+        const [year, month, day] = date.split("-");
+        return `${day}-${month}-${year}`;
+      },
+      deFormatedDate(date) {
+        if (!date) return null;
+
+        const [day, month, year] = date.split("-");
+        return `${year}-${month.padStart(2, "0")}-${day.padStart(2, "0")}`;
+      },
+      selectMe(val) {
+        if (this.loading || this.loadingDetail || this.loadingSave) {
+          this.snackbarWarning = true;
+          this.warningMsg =
+            "Loading sedang berlangsung, silahkan tunggu loading selesai untuk memilih pasien lain";
+          return;
+        }
+        // this.loading = true;
+        this.$store.commit("resume/reset_input");
+        this.selectedPatient = val;
+        let tmpDetail = this.patientDetail;
+        tmpDetail.detail = [];
+        this.patientDetail = tmpDetail;
+        this.$store.dispatch("resume/getdetail");
+      },
+      isSelected(val) {
+        return this.selectedPatient.orderID === val.orderID;
+      },
+    },
+    computed: {
+      errorMsg: {
+        get() {
+          return this.$store.state.resume.errorMsg;
+        },
+        set(val) {
+          this.$store.commit("resume/update_errorMsg", val);
+        },
+      },
+      successMsg: {
+        get() {
+          return this.$store.state.resume.successMsg;
+        },
+        set(val) {
+          this.$store.commit("resume/update_successMsg", val);
+        },
+      },
+      snackbarError: {
+        get() {
+          return this.$store.state.resume.snackbarError;
+        },
+        set(val) {
+          this.$store.commit("resume/update_snackbarError", val);
+        },
+      },
+      snackbarSuccess: {
+        get() {
+          return this.$store.state.resume.snackbarSuccess;
+        },
+        set(val) {
+          this.$store.commit("resume/update_snackbarSuccess", val);
+        },
+      },
+      setupList: {
+        get() {
+          return this.$store.state.resume.setupList;
+        },
+        set(val) {
+          this.$store.commit("resume/update_setupList", val);
+        },
+      },
+      selectedSetup: {
+        get() {
+          return this.$store.state.resume.selectedSetup;
+        },
+        set(val) {
+          this.$store.commit("resume/update_selectedSetup", val);
+          this.selectedPatient = {};
+          this.patientDetail = { detail: [] };
+        },
+      },
+      startDate: {
+        get() {
+          return this.$store.state.resume.startDate;
+        },
+        set(val) {
+          this.$store.commit("resume/update_startDate", val);
+          this.selectedPatient = {};
+          this.patientDetail = { detail: [] };
+          this.page = 1;
+          if (!this.changeSetup) this.$store.dispatch("resume/search");
+        },
+      },
+      endDate: {
+        get() {
+          return this.$store.state.resume.endDate;
+        },
+        set(val) {
+          this.selectedPatient = {};
+          this.patientDetail = { detail: [] };
+          this.page = 1;
+          this.$store.commit("resume/update_endDate", val);
+          if (!this.changeSetup) this.$store.dispatch("resume/search");
+        },
+      },
+      patientDetail: {
+        get() {
+          return this.$store.state.resume.patientDetail;
+        },
+        set(val) {
+          this.$store.commit("resume/update_patientDetail", val);
+        },
+      },
+      search: {
+        get() {
+          return this.$store.state.resume.search;
+        },
+        set(val) {
+          this.selectedPatient = {};
+          this.patientDetail = { detail: [] };
+          this.page = 1;
+          this.$store.commit("resume/update_search", val);
+          if (!this.changeSetup) this.$store.dispatch("resume/search");
+        },
+      },
+      patientList: {
+        get() {
+          return this.$store.state.resume.patientList;
+        },
+        set(val) {
+          this.$store.commit("resume/update_patientList", val);
+        },
+      },
+      selectedPatient: {
+        get() {
+          return this.$store.state.resume.selectedPatient;
+        },
+        set(val) {
+          this.$store.commit("resume/update_selectedPatient", val);
+        },
+      },
+      totalPage: {
+        get() {
+          return this.$store.state.resume.totalPage;
+        },
+        set(val) {
+          this.$store.commit("resume/update_totalPage", val);
+        },
+      },
+      page: {
+        get() {
+          return this.$store.state.resume.page;
+        },
+        set(val) {
+          this.selectedPatient = {};
+          this.patientDetail = { detail: [] };
+          this.$store.commit("resume/update_page", val);
+          if (!this.changeSetup) this.$store.dispatch("resume/search");
+        },
+      },
+      loading: {
+        get() {
+          return this.$store.state.resume.loading;
+        },
+        set(val) {
+          this.$store.commit("resume/update_loading", val);
+        },
+      },
+      loadingSave: {
+        get() {
+          return this.$store.state.resume.loadingSave;
+        },
+        set(val) {
+          this.$store.commit("resume/update_loadingSave", val);
+        },
+      },
+      loadingDetail: {
+        get() {
+          return this.$store.state.resume.loadingDetail;
+        },
+        set(val) {
+          this.$store.commit("resume/update_loadingDetail", val);
+        },
+      },
+      formatedStartDate() {
+        return this.formatDate(this.startDate);
+      },
+      formatedEndDate() {
+        return this.formatDate(this.endDate);
+      },
+    },
+    watch: {
+      selectedSetup(val, old) {
+        this.changeSetup = true;
+        this.page = 1;
+        this.endDate = val.Mgm_McuEndDate;
+        this.startDate = val.Mgm_McuStartDate;
+        this.$store.dispatch("resume/search");
+        this.changeSetup = false;
+      },
+      selectedLabelType(val, old) {
+        let user = one_user();
+        var d = new Date();
+        var n = d.getTime();
+        // https://cpone.aplikasi.web.id/birt/run?__report=report/one/rekap/rpt_mcu_patient_label.rptdesign&__format=pdf&PStartDate=2024-07-15&PEndDate=2024-07-15&PMcuID=61&PType=divisi&username=joko@gmail.com&tm=1721657764454
+        let rptname = "rpt_mcu_patient_label";
+        this.urlprint =
+          "/birt/run?__report=report/one/rekap/" +
+          rptname +
+          ".rptdesign&__format=pdf" +
+          "&PStartDate=" +
+          this.startDate +
+          "&PEndDate=" +
+          this.endDate +
+          "&PMcuID=" +
+          this.selectedSetup.Mgm_McuID +
+          "&PType=" +
+          val.toLowerCase() +
+          "&username=" +
+          user.M_StaffName +
+          "&tm=" +
+          n;
+      },
+    },
+    data() {
+      return {
+        menuFormDateStart: false,
+        menuFormDateEnd: false,
+        changeSetup: false,
+        printtitle: "",
+        printwidth: "80%",
+        openprint: false,
+        urlprint: "",
+        selectedLabelType: "Departement",
+        LabelTypeList: ["Departement", "Divisi"],
+        snackbarWarning: false,
+        warningMsg: "",
+        headers: [
+          {
+            text: "NO REG",
+            align: "left",
+            sortable: false,
+            value: "lab",
+            width: "20%",
+            class: "pa-2 blue lighten-3 white--text",
+          },
+          {
+            text: "TGL. ORDER",
+            align: "left",
+            sortable: false,
+            value: "lab",
+            width: "30%",
+            class: "pa-2 blue lighten-3 white--text",
+          },
+          {
+            text: "PASIEN",
+            align: "left",
+            sortable: false,
+            value: "lab",
+            width: "50%",
+            class: "pa-2 blue lighten-3 white--text",
+          },
+        ],
+      };
+    },
+  };
+</script>
diff --git a/test/vuex/one-mcu-resume-individu-cponev8/modules/components/oneResumeRight.vue b/test/vuex/one-mcu-resume-individu-cponev8/modules/components/oneResumeRight.vue
new file mode 100644
index 0000000..15547bd
--- /dev/null
+++ b/test/vuex/one-mcu-resume-individu-cponev8/modules/components/oneResumeRight.vue
@@ -0,0 +1,1183 @@
+<template>
+  <div>
+    <v-dialog v-model="dialogFitness" width="700">
+      <v-card>
+        <v-card-title class="headline grey lighten-2" primary-title>
+          Hasil Generate Kategori Fitness
+        </v-card-title>
+
+        <v-card-text>
+          <v-layout row wrap class="mb-3">
+            <v-flex xs2 style="font-weight: bold;"> Kismpulan :</v-flex>
+            <v-flex xs10 style="font-weight: bold;">
+              {{ dataFitness.status.name }} ({{ dataFitness.status.name_eng }})
+            </v-flex>
+          </v-layout>
+          <v-data-table :headers="headersRstFitness" :items="dataFitness.data" hide-actions class="elevation-1">
+            <template v-slot:header="{ props }">
+              <tr>
+                <th v-for="header in props.headers" :key="header.text">
+                  {{ header.text }}
+                </th>
+              </tr>
+            </template>
+
+            <template v-slot:items="props">
+              <td class="text-xs-left">{{ props.item.type }}</td>
+              <td class="text-xs-left">{{ props.item.Nat_TestName }}</td>
+              <td class="text-xs-left">{{ props.item.Mcu_KelainanName }}</td>
+              <td class="text-xs-left">
+                {{ props.item.Mcu_FitnessCategoryName }} ({{
+                  props.item.Mcu_FitnessCategoryEng
+                }})
+              </td>
+            </template>
+          </v-data-table>
+        </v-card-text>
+
+        <v-divider></v-divider>
+
+        <v-card-actions>
+          <v-spacer></v-spacer>
+          <v-btn color="primary" flat @click="dialogFitness = false">
+            Tutup
+          </v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+    <v-dialog persistent v-model="dialogDoctor" width="500">
+      <!-- <template v-slot:activator="{ on }">
+        <v-btn color="red lighten-2" dark v-on="on"> Click Me </v-btn>
+      </template> -->
+
+      <v-card>
+        <v-card-title class="headline grey lighten-2" primary-title>
+          Pilih Dokter
+        </v-card-title>
+
+        <v-card-text>
+          <v-autocomplete label="Dokter" v-model="selectedDoctor" class="mt-1" :items="doctorList"
+            :search-input.sync="searchDoctor" auto-select-first hide-details style="font-size: 14px;" no-filter
+            item-text="doctorName" return-object :loading="loading" no-data-text="Pilih Dokter">
+            <!-- :disabled="disableAutocomplete()" -->
+            <template slot="item" slot-scope="{ item }">
+              <v-list-tile-content>
+                <v-list-tile-title v-text="item.doctorName"></v-list-tile-title>
+              </v-list-tile-content>
+            </template>
+          </v-autocomplete>
+        </v-card-text>
+
+        <v-divider></v-divider>
+
+        <v-card-actions>
+          <v-spacer></v-spacer>
+          <v-btn color="error" flat @click="closeDialogDoctor()"> Tutup </v-btn>
+          <v-btn color="success" flat @click="saveDoctor()">Simpan</v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+    <v-layout class="fill-height" column>
+      <v-card class="pa-2">
+        <v-layout row wrap>
+          <v-flex xs2>
+            <v-card class="pa-2 blue darken-4">
+              <v-img :src="selectedPatient.patientFotoThumb" height="160" contain></v-img>
+            </v-card>
+          </v-flex>
+          <v-flex xs10>
+            <v-layout row wrap>
+              <v-flex xs12 class="ml-3">
+                <div style="justify-content: space-between; display: flex;">
+                  <span class="display-1 font-weight-bold">
+                    {{ selectedPatient.labNumber }}
+                  </span>
+
+                  <v-btn v-if="patientDetail.detail.length > 0" flat icon color="blue" @click="reloadDetail()">
+                    <v-icon>refresh</v-icon>
+                  </v-btn>
+                </div>
+              </v-flex>
+              <v-flex xs12 class="ml-3"><v-divider></v-divider></v-flex>
+
+
+              <v-flex xs5 class="ml-3"><v-text-field label="NAMA PASIEN" readonly
+                  v-model="selectedPatient.patientFullname">
+                </v-text-field></v-flex>
+              <v-flex xs3 class="ml-3"><v-text-field label="JENIS KELAMIN" readonly
+                  v-model="selectedPatient.patientGender"></v-text-field></v-flex>
+              <v-flex xs2 class="ml-3"><v-text-field label="TANGGAL LAHIR" readonly
+                  v-model="selectedPatient.patientDOB"></v-text-field></v-flex>
+              <v-flex xs5 class="ml-3"><v-text-field label="UMUR" readonly
+                  v-model="selectedPatient.patientAge"></v-text-field></v-flex>
+              <v-flex xs5 class="ml-3"><v-text-field label="PERUSAHAAN" readonly
+                  v-model="selectedPatient.corporateName"></v-text-field></v-flex>
+            </v-layout>
+          </v-flex>
+        </v-layout>
+      </v-card>
+      <v-card v-if="patientDetail.detail.length > 0 && !loading && !loadingDetail && !loadingSave"
+        class="pa-3 mt-2 fill-height">
+        <v-layout v-if="loading || loadingSave || loadingDetail" row wrap>
+          <v-flex xs12>
+            <v-progress-linear :indeterminate="true"></v-progress-linear>
+          </v-flex>
+        </v-layout>
+        <v-layout row wrap class="py-2" justify-center>
+          <v-flex xs6 align-content-center>
+            <div red--text text--lighten-1 class="p-0">
+              <v-chip color="primary" text-color="white" label>
+                <v-icon left>label</v-icon>RESUME
+              </v-chip>
+              <v-chip @click="openDialogDoctor(patientDetail)" label color="info" outline>
+                <v-icon left>assignment_ind</v-icon>
+                {{ getDoctorName(patientDetail.doctorName) }}
+              </v-chip>
+            </div>
+            <v-spacer></v-spacer>
+          </v-flex>
+          <v-flex align-content-center text-md-right xs6>
+            <v-layout row wrap>
+              <v-flex align-content-center text-md-right><v-autocomplete label="Tipe Print" v-model="selectedPrintType"
+                  :items="printType" item-text="name" box hide-details return-object no-data-text="Tipe Print">
+                </v-autocomplete></v-flex>
+              <v-flex align-content-center text-md-right shrink>
+                <span v-if="
+                  patientDetail.resumeID !== 0 &&
+                  patientDetail.resumeID !== null
+                " @click="printTipeFunction()"
+                  class="icon-medium-fill-base xs1 white--text blue-grey icon-print"></span>
+                <span @click="save()" v-if="patientDetail.status === 'NEW'"
+                  class="icon-medium-fill-base xs1 white--text info icon-save"></span>
+                <span @click="unvalidate()" v-if="patientDetail.status === 'VAL'"
+                  class="icon-medium-fill-base xs1 white--text warning icon-unval"></span>
+                <!--<v-btn v-if="test.status === 'NEW'" @click="val1(test,'val1')" small color="warning">Verifikasi</v-btn>-->
+                <!-- @click="val1(test, 'val')" -->
+                <span @click="validate()" v-if="patientDetail.status === 'NEW'"
+                  class="icon-medium-fill-base xs1 white--text warning icon-v"></span>
+              </v-flex>
+            </v-layout>
+          </v-flex>
+          <!-- <v-flex text-md-right>
+  
+
+            <span
+              v-if="
+                patientDetail.resumeID !== 0 && patientDetail.resumeID !== null
+              "
+              @click="printCover()"
+              class="icon-medium-fill-base-small xs1 white--text teal icon-print"
+            ></span>
+            <span
+              v-if="
+                patientDetail.resumeID !== 0 && patientDetail.resumeID !== null
+              "
+              @click="printGabungan()"
+              class="icon-medium-fill-base-small xs1 white--text light-green icon-print"
+            ></span>
+            <span
+              v-if="
+                patientDetail.resumeID !== 0 && patientDetail.resumeID !== null
+              "
+              @click="printGabunganKop()"
+              class="icon-medium-fill-base-small xs1 white--text deep-purple icon-print"
+            ></span>
+            <span
+              v-if="
+                patientDetail.resumeID !== 0 && patientDetail.resumeID !== null
+              "
+              @click="print2tahun()"
+              class="icon-medium-fill-base-small xs1 white--text brown icon-print"
+            ></span>
+            <span
+              v-if="
+                patientDetail.resumeID !== 0 && patientDetail.resumeID !== null
+              "
+              @click="printkesimpulansaran()"
+              class="icon-medium-fill-base-small xs1 white--text red icon-print"
+            ></span>
+            <span
+              v-if="
+                patientDetail.resumeID !== 0 && patientDetail.resumeID !== null
+              "
+              @click="print()"
+              class="icon-medium-fill-base-small xs1 white--text blue-grey icon-print"
+            ></span>
+          </v-flex> -->
+        </v-layout>
+
+        <v-divider></v-divider>
+        <div></div>
+        <v-layout row wrap class="pa-2" style="overflow-y: scroll; height: 55vh;">
+          <v-flex xs12 class="mb-1 mt-2 font-weight-bold" v-if="getTitle('NONLAB')">
+            NONLAB
+          </v-flex>
+          <v-flex xs12 v-for="dtl in patientDetail.detail">
+            <v-textarea :label="dtl.testName" outline auto-grow rows="1" v-if="dtl.category === 'NONLAB'"
+              :disabled="disableForm()" v-model="dtl.result" @input="handleChangeInput(dtl)">
+            </v-textarea>
+          </v-flex>
+          <v-flex xs12 class="mb-1 mt-2 font-weight-bold" v-if="getTitle('FISIK')">
+            FISIK
+          </v-flex>
+          <v-flex xs12 v-for="dtl in patientDetail.detail">
+            <v-textarea :label="dtl.testName" auto-grow rows="1" outline v-if="dtl.category === 'FISIK'"
+              :disabled="disableForm()" v-model="dtl.result" @input="handleChangeInput(dtl)">
+            </v-textarea>
+          </v-flex>
+          <v-flex xs12 class="mb-1 mt-2 font-weight-bold" v-if="getTitle('LAB')">
+            LABORATORIUM
+          </v-flex>
+          <v-flex xs12 v-for="dtl in patientDetail.detail">
+            <v-textarea :label="dtl.testName" auto-grow rows="1" outline hide-details v-if="dtl.category === 'LAB'"
+              :disabled="disableForm()" v-model="dtl.result" @input="handleChangeInput(dtl)">
+            </v-textarea>
+            <p v-if="dtl.category === 'LAB'" class="mb-4 mt-3 ml-3">
+              <span style="font-weight: bold;">{{ dtl.testName }} : </span>
+              <!-- {{ dtl.generateKelainan }} -->
+              <span v-html="dtl.generateKelainan"></span>
+            </p>
+          </v-flex>
+
+          <v-flex xs12 class="mb-1 mt-2 font-weight-bold">
+            <v-divider></v-divider>
+          </v-flex>
+          <v-flex xs12 class="mb-1 mt-2 font-weight-bold">
+            KATEGORI FITNESS
+          </v-flex>
+          <v-flex xs7 class="mb-1 mt-2">
+            <v-select full-width :items="fitnessCategory" item-text="name" item-value="id" class="mini-select"
+              :disabled="disableForm()" v-model="selectedFitnessCategory" box label="Kategori Fitness"></v-select>
+          </v-flex>
+          <v-flex xs5 class="mb-1 mt-2 font-weight-bold px-2">
+            <v-btn :disabled="disableForm()" @click="generateFitness()" color="info" block>Generate</v-btn>
+          </v-flex>
+          <v-flex xs12 class="mb-1 mt-2 font-weight-bold"> KESIMPULAN </v-flex>
+          <v-flex xs12>
+            <v-textarea label="KESIMPULAN" v-model="patientDetail.kesimpulan" :disabled="disableForm()"
+              @input="handleChangeInputHeader(patientDetail)" auto-grow rows="1" box></v-textarea>
+          </v-flex>
+          <v-flex xs12>
+            <v-textarea label="CONCLUSION" v-model="patientDetail.conclusion" :disabled="disableForm()"
+              @input="handleChangeInputHeader(patientDetail)" auto-grow rows="1" box></v-textarea>
+          </v-flex>
+          <v-flex xs12 class="mb-1 mt-2 font-weight-bold"> REKOMENDASI </v-flex>
+          <v-flex xs12>
+            <v-textarea v-model="patientDetail.rekomendasi" label="REKOMENDASI"
+              @input="handleChangeInputHeader(patientDetail)" :disabled="disableForm()" auto-grow rows="1"
+              box></v-textarea>
+          </v-flex>
+          <v-flex xs12>
+            <v-textarea v-model="patientDetail.recomendation" label="RECOMENDATION"
+              @input="handleChangeInputHeader(patientDetail)" :disabled="disableForm()" auto-grow rows="1"
+              box></v-textarea>
+          </v-flex>
+          <v-flex xs12 class="mb-1 mt-2 font-weight-bold"> SARAN </v-flex>
+          <v-flex xs12>
+            <v-textarea v-model="patientDetail.saran" :disabled="disableForm()"
+              @input="handleChangeInputHeader(patientDetail)" auto-grow rows="1" label="SARAN" box></v-textarea>
+          </v-flex>
+          <v-flex xs12>
+            <v-textarea v-model="patientDetail.advice" :disabled="disableForm()"
+              @input="handleChangeInputHeader(patientDetail)" auto-grow rows="1" label="ADVICE" box></v-textarea>
+          </v-flex>
+        </v-layout>
+      </v-card>
+      <v-card v-if="patientDetail.detail.length === 0 && !loading && !loadingDetail && !loadingSave" class="pa-3 mt-2">
+        <v-layout v-if="loading" row wrap>
+          <v-flex xs12>
+            <v-progress-linear :indeterminate="true"></v-progress-linear>
+          </v-flex>
+        </v-layout>
+        <!-- <p class="display-1 font-weight-bold">Belum ada hasil</p> -->
+        <p class="display-1 font-weight-bold text-center">
+          Belum ada hasil
+        </p>
+      </v-card>
+
+      <v-card v-if="patientDetail.detail.length === 0 && (loading || loadingDetail || loadingSave)" class="pa-3 mt-2">
+        <v-layout v-if="loading || loadingDetail || loadingSave" row wrap>
+          <v-flex xs12>
+            <v-progress-linear :indeterminate="true"></v-progress-linear>
+          </v-flex>
+        </v-layout>
+        <p class="display-1 font-weight-bold ma-3" style="font-style: italic;">
+          Menanti sejenak janganlah gusar, <br />
+          Loading sebentar pasti kelar,<br />
+          Sabar menunggu, tenang di hati, <br />
+          Sebentar lagi akan puas hati!
+        </p>
+      </v-card>
+      <v-card v-if="patientDetail.detail.length > 0 && (loading || loadingDetail || loadingSave)" class="pa-3 mt-2">
+        <v-layout v-if="loading || loadingDetail || loadingSave" row wrap>
+          <v-flex xs12>
+            <v-progress-linear :indeterminate="true"></v-progress-linear>
+          </v-flex>
+        </v-layout>
+        <p class="display-1 font-weight-bold ma-3" style="font-style: italic;">
+          Menanti sejenak janganlah gusar, <br />
+          Loading sebentar pasti kelar,<br />
+          Sabar menunggu, tenang di hati, <br />
+          Sebentar lagi akan puas hati!
+        </p>
+      </v-card>
+    </v-layout>
+    <one-dialog-print :title="printtitle" :width="printwidth" :height="500" :status="openprint" :urlprint="urlprint"
+      @close-dialog-print="closePrint"></one-dialog-print>
+  </div>
+</template>
+<style scoped>
+.searchbox .v-input.v-text-field .v-input__slot {
+  min-height: 60px;
+}
+
+.searchbox .v-btn {
+  min-height: 60px;
+}
+
+table.v-table tbody td,
+table.v-table tbody th {
+  height: 40px;
+}
+
+table.v-table thead tr {
+  height: 40px;
+}
+
+.scroll-container {
+  scroll-padding: 50px 0 0 50px;
+}
+
+::-webkit-scrollbar {
+  width: 7px;
+}
+
+/* this targets the default scrollbar (compulsory) */
+
+::-webkit-scrollbar-track {
+  background-color: #73baf3;
+}
+
+/* the new scrollbar will have a flat appearance with the set background color */
+
+::-webkit-scrollbar-thumb {
+  background-color: #2196f3;
+}
+
+/* this will style the thumb, ignoring the track */
+
+::-webkit-scrollbar-button {
+  background-color: #0079da;
+}
+
+/* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
+
+::-webkit-scrollbar-corner {
+  background-color: black;
+}
+</style>
+<script>
+// const { data } = require("./onePriceHeader.vue");
+
+module.exports = {
+  components: {
+    "one-dialog-print": httpVueLoader("../../common/oneDialogPrintX.vue"),
+  },
+  mounted() { },
+  methods: {
+    generateFitness() {
+      this.$store.dispatch("resume/generateFitnessCategory");
+    },
+    closePrint() {
+      this.openprint = false;
+    },
+    reloadDetail() {
+      this.$store.dispatch("resume/getdetail");
+    },
+    printTipeFunction() {
+      // {
+      //     name: "Hasil Resume Individu",
+      //     reportName: "resume",
+      //   },
+      //   {
+      //     name: "Kesimpulan dan Saran",
+      //     reportName: "kesimpulandansaran",
+      //   },
+      //   {
+      //     name: "Kesimpulan dan Saran 2 Tahun Logo",
+      //     reportName: "kesimpulandansaran2logo",
+      //   },
+      //   {
+      //     name: "Kesimpulan dan Saran 2 Tahun",
+      //     reportName: "kesimpulandansaran2",
+      //   },
+      //   {
+      //     name: "Gabungan Logo",
+      //     reportName: "gabunganlogo",
+      //   },
+      //   {
+      //     name: "Gabungan",
+      //     reportName: "gabungan",
+      //   },
+      //   {
+      //     name: "Gabungan 2 Tahun Logo",
+      //     reportName: "gabungan2logo",
+      //   },
+      //   {
+      //     name: "Gabungan 2 Tahun",
+      //     reportName: "gabungan2",
+      //   },
+      //   {
+      //     name: "Cover",
+      //     reportName: "cover",
+      //   },
+      let user = one_user();
+      var d = new Date();
+      var n = d.getTime();
+
+      //cover
+      this.printtitle = this.selectedPrintType.name;
+      if (this.selectedPrintType.reportName === "cover") {
+        let rptname = "rpt_mcu_resume_cover";
+        this.urlprint =
+          "/birt/run?__report=report/one/mcu/" +
+          rptname +
+          ".rptdesign&__format=pdf&username=" +
+          user.M_StaffName +
+          "&PID=" +
+          this.patientDetail.resumeID +
+          "&tm=" +
+          n;
+      } else if (this.selectedPrintType.reportName === "coverprimaya") {
+        let rptname = "rpt_mcu_resume_cover_primaya";
+        this.urlprint =
+          "/birt/run?__report=report/one/mcu/" +
+          rptname +
+          ".rptdesign&__format=pdf&username=" +
+          user.M_StaffName +
+          "&PID=" +
+          this.patientDetail.resumeID +
+          "&tm=" +
+          n;
+      }  
+      else if (this.selectedPrintType.reportName === "kesimpulandansaran") {
+        let rptname = "rpt_mcu_saran_kesimpulan_v2";
+        this.urlprint =
+          "/birt/run?__report=report/one/mcu/" +
+          rptname +
+          ".rptdesign&__format=pdf&username=" +
+          user.M_StaffName +
+          "&PID=" +
+          this.patientDetail.resumeID +
+          "&tm=" +
+          n;
+      } else if (
+        this.selectedPrintType.reportName === "kesimpulandansaran2logo"
+      ) {
+        // https://devcpone.aplikasi.web.id/birt/frameset?__report=report/one/mcu/rpt_mcu_saran_kesimpulan_portal.rptdesign&__format=pdf&username=admin&PID=6&tm=240805134257
+        let rptname = "rpt_mcu_saran_kesimpulan_portal";
+        this.urlprint =
+          "/birt/run?__report=report/one/mcu/" +
+          rptname +
+          ".rptdesign&__format=pdf&username=" +
+          user.M_StaffName +
+          "&PID=" +
+          this.patientDetail.resumeID +
+          "&tm=" +
+          n;
+      } else if (
+        this.selectedPrintType.reportName === "kesimpulandansaran2"
+      ) {
+        let rptname = "rpt_mcu_saran_kesimpulan";
+        this.urlprint =
+          "/birt/run?__report=report/one/mcu/" +
+          rptname +
+          ".rptdesign&__format=pdf&username=" +
+          user.M_StaffName +
+          "&PID=" +
+          this.patientDetail.resumeID +
+          "&tm=" +
+          n;
+      } else if (this.selectedPrintType.reportName === "resume") {
+        let rptname = "rpt_mcu_resume";
+        this.urlprint =
+          "/birt/run?__report=report/one/mcu/" +
+          rptname +
+          ".rptdesign&__format=pdf&username=" +
+          user.M_StaffName +
+          "&PID=" +
+          this.patientDetail.resumeID +
+          "&tm=" +
+          n;
+      } else if (this.selectedPrintType.reportName === "gabunganlogo") {
+        // https://cpone.aplikasi.web.id/one-api/tools/listrptpatienttahunanportal/get_list_patient_rpt/322
+        this.urlprint =
+          "/one-api/tools/listrptpatienttahunanportal/get_list_patient_rpt/" +
+          this.selectedPatient.orderID +
+          "/" +
+          n;
+      } else if (this.selectedPrintType.reportName === "gabunganlogoeng") {
+        // https://cpone.aplikasi.web.id/one-api/tools/listrptpatienttahunanportal/get_list_patient_rpt/322
+        this.urlprint =
+          "/one-api/tools/listrptpatienttahunanportaleng/get_list_patient_rpt/" +
+          this.selectedPatient.orderID +
+          "/" +
+          n;
+      } else if (this.selectedPrintType.reportName === "gabunganlogoprimaya") {
+        // https://cpone.aplikasi.web.id/one-api/tools/listrptpatienttahunanportal/get_list_patient_rpt/322
+        this.urlprint =
+          "/one-api/tools/listrptpatienttahunanportalprimaya/get_list_patient_rpt/" +
+          this.selectedPatient.orderID +
+          "/" +
+          n;
+      } else if (this.selectedPrintType.reportName === "gabungan") {
+        // https://cpone.aplikasi.web.id/one-api/tools/listrptpatienttahunan/get_list_patient_rpt/322
+        this.urlprint =
+          "/one-api/tools/listrptpatienttahunan/get_list_patient_rpt/" +
+          this.selectedPatient.orderID +
+          "/" +
+          n;
+      } else if (this.selectedPrintType.reportName === "gabunganeng") {
+        // https://cpone.aplikasi.web.id/one-api/tools/listrptpatienttahunan/get_list_patient_rpt/322
+        this.urlprint =
+          "/one-api/tools/listrptpatienttahunaneng/get_list_patient_rpt/" +
+          this.selectedPatient.orderID +
+          "/" +
+          n;
+      } else if (this.selectedPrintType.reportName === "gabunganprimaya") {
+        // https://cpone.aplikasi.web.id/one-api/tools/listrptpatienttahunan/get_list_patient_rpt/322
+        this.urlprint =
+          "/one-api/tools/listrptpatienttahunanprimaya/get_list_patient_rpt/" +
+          this.selectedPatient.orderID +
+          "/" +
+          n;
+      } else if (
+        this.selectedPrintType.reportName === "gabunganlogotanpakesimpulan"
+      ) {
+        // https://cpone.aplikasi.web.id/one-api/tools/listrptpatienttahunanportal/get_list_patient_rpt/322
+        this.urlprint =
+          "/one-api/tools/listrptpatienttahunanportal/get_list_patient_rpt/" +
+          this.selectedPatient.orderID +
+          "/" +
+          n +
+          "/Y";
+      }
+      else if (
+        this.selectedPrintType.reportName === "gabunganlogotanpakesimpulaneng"
+      ) {
+        // https://cpone.aplikasi.web.id/one-api/tools/listrptpatienttahunanportal/get_list_patient_rpt/322
+        this.urlprint =
+          "/one-api/tools/listrptpatienttahunanportaleng/get_list_patient_rpt/" +
+          this.selectedPatient.orderID +
+          "/" +
+          n +
+          "/Y";
+      }
+      else if (
+        this.selectedPrintType.reportName === "gabungantanpakesimpulan"
+      ) {
+        // https://cpone.aplikasi.web.id/one-api/tools/listrptpatienttahunan/get_list_patient_rpt/322
+        this.urlprint =
+          "/one-api/tools/listrptpatienttahunan/get_list_patient_rpt/" +
+          this.selectedPatient.orderID +
+          "/" +
+          n +
+          "/Y";
+      }
+      else if (
+        this.selectedPrintType.reportName === "gabungantanpakesimpulaneng"
+      ) {
+        // https://cpone.aplikasi.web.id/one-api/tools/listrptpatienttahunan/get_list_patient_rpt/322
+        this.urlprint =
+          "/one-api/tools/listrptpatienttahunaneng/get_list_patient_rpt/" +
+          this.selectedPatient.orderID +
+          "/" +
+          n +
+          "/Y";
+      } else if (this.selectedPrintType.reportName === "gabungan2logo") {
+        this.urlprint =
+          "/one-api/tools/listrptpatientportal/get_list_patient_rpt/" +
+          this.selectedPatient.orderID +
+          "/" +
+          n;
+      } else if (this.selectedPrintType.reportName === "gabungan2") {
+        this.urlprint =
+          "/one-api/tools/listrptpatient/get_list_patient_rpt/" +
+          this.selectedPatient.orderID +
+          "/" +
+          n;
+      } else if (this.selectedPrintType.reportName === "haji") {
+        // https://devcpone.aplikasi.web.id/birt/run?__report=report/one/mcu/mcu_fisik_haji.rptdesign&__format=pdf&PID=9220&PType=fisik&username=adhi&tm=1717726294764
+        this.urlprint =
+          "/birt/run?__report=report/one/mcu/" +
+          "mcu_fisik_haji" +
+          ".rptdesign&__format=pdf&username=" +
+          user.M_StaffName +
+          "&PID=" +
+          this.selectedPatient.reIDHaji +
+          "&PType=Fisik" +
+          "&tm=" +
+          n;
+      }
+      this.openprint = true;
+    },
+    print() {
+      let user = one_user();
+      var d = new Date();
+      var n = d.getTime();
+      // https://devcpone.aplikasi.web.id/birt/run?__report=report/one/rekap/rpt_list_handover_001.rptdesign&__format=pdf&PID=4&username=joko@gmail.com&tm=1722401933188
+      let rptname = "rpt_mcu_resume";
+      this.urlprint =
+        "/birt/run?__report=report/one/mcu/" +
+        rptname +
+        ".rptdesign&__format=pdf&username=" +
+        user.M_StaffName +
+        "&PID=" +
+        this.patientDetail.resumeID +
+        "&tm=" +
+        n;
+      this.openprint = true;
+    },
+    print2tahun() {
+      let user = one_user();
+      var d = new Date();
+      var n = d.getTime();
+      //devcpone.aplikasi.web.id/birt/run?__report=report/one/mcu/rpt_mcu_resume.rptdesign&__format=pdf&PID=1&username=adhi&tm=1717726294764
+      let rptname = "rpt_mcu_saran_kesimpulan";
+      this.urlprint =
+        "/birt/run?__report=report/one/mcu/" +
+        rptname +
+        ".rptdesign&__format=pdf&username=" +
+        user.M_StaffName +
+        "&PID=" +
+        this.patientDetail.resumeID +
+        "&tm=" +
+        n;
+      this.openprint = true;
+    },
+    printkesimpulansaran() {
+      let user = one_user();
+      var d = new Date();
+      var n = d.getTime();
+      //devcpone.aplikasi.web.id/birt/run?__report=report/one/mcu/rpt_mcu_saran_kesimpulan_v2.rptdesign&__format=pdf&PID=1&username=adhi&tm=1717726294764
+      let rptname = "rpt_mcu_saran_kesimpulan_v2";
+      this.urlprint =
+        "/birt/run?__report=report/one/mcu/" +
+        rptname +
+        ".rptdesign&__format=pdf&username=" +
+        user.M_StaffName +
+        "&PID=" +
+        this.patientDetail.resumeID +
+        "&tm=" +
+        n;
+      this.openprint = true;
+    },
+    printCover() {
+      let user = one_user();
+      var d = new Date();
+      var n = d.getTime();
+      //devcpone.aplikasi.web.id/birt/run?__report=report/one/mcu/rpt_mcu_resume.rptdesign&__format=pdf&PID=1&username=adhi&tm=1717726294764
+      let rptname = "rpt_mcu_resume_cover";
+      this.urlprint =
+        "/birt/run?__report=report/one/mcu/" +
+        rptname +
+        ".rptdesign&__format=pdf&username=" +
+        user.M_StaffName +
+        "&PID=" +
+        this.patientDetail.resumeID +
+        "&tm=" +
+        n;
+      this.openprint = true;
+    },
+    printGabungan() {
+      let user = one_user();
+      var d = new Date();
+      var n = d.getTime();
+      //https://cpone.aplikasi.web.id/one-api/tools/listrptpatient/get_list_patient_rpt/322sss
+      let rptname = "rpt_mcu_resume_cover";
+
+      this.urlprint =
+        "/one-api/tools/listrptpatient/get_list_patient_rpt/" +
+        this.selectedPatient.orderID;
+      this.openprint = true;
+    },
+    printGabunganKop() {
+      let user = one_user();
+      var d = new Date();
+      var n = d.getTime();
+      // https://cpone.aplikasi.web.id/one-api/tools/listrptpatientportal/get_list_patient_rpt/322
+      //https://cpone.aplikasi.web.id/one-api/tools/listrptpatient/get_list_patient_rpt/322sss
+      let rptname = "rpt_mcu_resume_cover";
+      this.urlprint =
+        "/one-api/tools/listrptpatientportal/get_list_patient_rpt/" +
+        this.selectedPatient.orderID;
+      this.openprint = true;
+    },
+    saveDoctor() {
+      //   let dctr = {};
+      //   this.searchDoctor = "";
+      //   this.selectedDoctor = dctr;
+      //   this.dialogDoctor = false;
+
+      this.$store.dispatch("resume/savedoctor", {
+        id: this.patientDetail.orderID,
+        doctorid: this.selectedDoctor.doctorID,
+      });
+    },
+    getTitle(title) {
+      let rtn = false;
+      for (let i = 0; i < this.patientDetail.detail.length; i++) {
+        if (
+          this.patientDetail.detail[i]["category"].toLowerCase() ===
+          title.toLowerCase()
+        ) {
+          rtn = true;
+        }
+      }
+      return rtn;
+    },
+    disableForm() {
+      let disable = false;
+      if (
+        this.patientDetail.status.toLowerCase() !== "new" ||
+        this.loading ||
+        this.loadingDetail ||
+        this.loadingSave
+      ) {
+        disable = true;
+      }
+      return disable;
+    },
+    save() {
+      if (this.loading || this.loadingSave || this.loadingDetail) return;
+      let cekLab = false;
+      this.patientDetail.detail.forEach((e) => {
+        if (
+          e.category == "LAB" &&
+          e.generateKelainan.includes("belum ada hasil")
+        ) {
+          cekLab = true;
+        }
+      });
+      let text = "Apakah anda yakin menyimpan resume individu ini ?";
+      if (cekLab) {
+        text =
+          "Ada pemeriksaan lab yang belum memiliki hasil, apakah anda yakin menyimpan data ? \n\n*untuk generate ulang hasil lab saat hasil sudah ada silahkan kosongkan inputnya";
+      }
+      if (!confirm(text)) {
+        return;
+      }
+
+      let data = this.selectedPatient;
+      data.header = this.patientDetail;
+      data.detail = this.patientDetail.detail;
+      data.kesimpulan = this.kesimpulan;
+      data.rekomendasi = this.rekomendasi;
+      data.fitnessCategory = this.selectedFitnessCategory;
+      data.saran = this.saran;
+      data.act = "NEW";
+      let prm = {
+        data: data,
+      };
+      console.log(prm);
+      // return;
+      this.$store.dispatch("resume/save", prm);
+    },
+    validate() {
+      if (this.loading || this.loadingSave || this.loadingDetail) return;
+      if (
+        this.patientDetail.resumeDoctorID === "0" ||
+        this.patientDetail.resumeDoctorID === 0 ||
+        this.patientDetail.resumeDoctorID === "" ||
+        this.patientDetail.resumeDoctorID === null
+      ) {
+        alert("Pilih dokter terlebih dahulu");
+        return;
+      }
+
+      let cekLab = false;
+      this.patientDetail.detail.forEach((e) => {
+        if (
+          e.category == "LAB" &&
+          e.generateKelainan.includes("belum ada hasil")
+        ) {
+          cekLab = true;
+        }
+      });
+      let text = "Apakah anda yakin validasi resume individu ini ?";
+      if (cekLab) {
+        text =
+          "Ada pemeriksaan lab yang belum memiliki hasil, apakah anda yakin validasi data ?\n\n*untuk generate ulang hasil lab saat hasil sudah ada silahkan kosongkan inputnya";
+      }
+      if (!confirm(text)) {
+        return;
+      }
+      let data = this.selectedPatient;
+
+      data.header = this.patientDetail;
+      data.detail = this.patientDetail.detail;
+      data.kesimpulan = this.kesimpulan;
+      data.rekomendasi = this.rekomendasi;
+      data.saran = this.saran;
+      data.fitnessCategory = this.selectedFitnessCategory;
+      data.act = "VAL";
+      let prm = {
+        data: data,
+      };
+      console.log(prm);
+      this.$store.dispatch("resume/save", prm);
+    },
+    unvalidate() {
+      if (this.loading || this.loadingSave || this.loadingDetail) return;
+
+      let data = this.selectedPatient;
+      data.header = this.patientDetail;
+      data.detail = this.patientDetail.detail;
+      data.kesimpulan = this.kesimpulan;
+      data.rekomendasi = this.rekomendasi;
+      data.saran = this.saran;
+      data.act = "UNVAL";
+      let prm = {
+        data: data,
+      };
+      console.log(prm);
+      this.$store.dispatch("resume/save", prm);
+    },
+    getDoctorName(name) {
+      console.log(name);
+      console.log("Name");
+      let nm = name;
+      if (name === null || name === "") {
+        nm = "Pilih Dokter";
+      }
+      return nm;
+    },
+    openDialogDoctor(val) {
+      if (this.loading || this.loadingSave || this.loadingDetail) return;
+      if (val["status"] !== "NEW") return;
+      console.log(val);
+      this.selectedDoctrorTest = val;
+      let dctr = {
+        M_DoctorID: val.doctorID,
+        doctorID: val.doctordoctorIDName,
+        M_DoctorPrefix: "",
+        M_DoctorPrefix2: "",
+        M_DoctorName: "",
+        M_DoctorSuffix: "",
+        M_DoctorSuffix2: "",
+        M_DoctorCode: "",
+        doctorName: val.doctorName,
+      };
+      this.searchDoctor = val.doctorName;
+      this.selectedDoctor = dctr;
+      this.dialogDoctor = true;
+    },
+    closeDialogDoctor() {
+      this.selectedDoctrorTest = {};
+      let dctr = {};
+      this.searchDoctor = "";
+      this.selectedDoctor = dctr;
+      this.dialogDoctor = false;
+    },
+    resetInput() {
+      this.$store.commit("resume/reset_input");
+    },
+    handleChangeInput(data) {
+      // console.log(data);
+      let pd = this.patientDetail;
+      pd.detail.forEach((e) => {
+        if (e.detailOrderID === data.detailOrderID) {
+          e = data;
+        }
+      });
+      this.patientDetail = pd;
+    },
+    handleChangeInputHeader(data) {
+      // console.log(data);
+      let pd = this.patientDetail;
+      pd.kesimpulan = data.kesimpulan;
+      pd.rekomendasi = data.rekomendasi;
+      pd.saran = data.saran;
+      this.patientDetail = pd;
+    },
+    thr_search_doctor: _.debounce(function () {
+      prm = {
+        search: this.searchDoctor,
+      };
+      this.$store.dispatch("resume/getdoctorlist", prm);
+    }, 100),
+  },
+  computed: {
+    dataFitness: {
+      get() {
+        return this.$store.state.resume.dataFitness;
+      },
+      set(val) {
+        this.$store.commit("resume/update_dataFitness", val);
+      },
+    },
+    dialogFitness: {
+      get() {
+        return this.$store.state.resume.dialogFitness;
+      },
+      set(val) {
+        this.$store.commit("resume/update_dialogFitness", val);
+      },
+    },
+    selectedFitnessCategory: {
+      get() {
+        return this.$store.state.resume.selectedFitnessCategory;
+      },
+      set(val) {
+        this.$store.commit("resume/update_selectedFitnessCategory", val);
+      },
+    },
+    fitnessCategory: {
+      get() {
+        return this.$store.state.resume.fitnessCategory;
+      },
+      set(val) {
+        this.$store.commit("resume/update_fitnessCategory", val);
+      },
+    },
+    selectedPatient: {
+      get() {
+        return this.$store.state.resume.selectedPatient;
+      },
+      set(val) {
+        this.$store.commit("resume/update_selectedPatient", val);
+      },
+    },
+    loading: {
+      get() {
+        return this.$store.state.resume.loading;
+      },
+      set(val) {
+        this.$store.commit("resume/update_loading", val);
+      },
+    },
+    loadingSave: {
+      get() {
+        return this.$store.state.resume.loadingSave;
+      },
+      set(val) {
+        this.$store.commit("resume/update_loadingSave", val);
+      },
+    },
+    loadingDetail: {
+      get() {
+        return this.$store.state.resume.loadingDetail;
+      },
+      set(val) {
+        this.$store.commit("resume/update_loadingDetail", val);
+      },
+    },
+    patientDetail: {
+      get() {
+        return this.$store.state.resume.patientDetail;
+      },
+      set(val) {
+        this.$store.commit("resume/update_patientDetail", val);
+      },
+    },
+    // rekomendasi: "",
+    // saran: "",
+    // kesimpulan: "",
+    rekomendasi: {
+      get() {
+        return this.$store.state.resume.rekomendasi;
+      },
+      set(val) {
+        this.$store.commit("resume/update_rekomendasi", val);
+      },
+    },
+    saran: {
+      get() {
+        return this.$store.state.resume.saran;
+      },
+      set(val) {
+        this.$store.commit("resume/update_saran", val);
+      },
+    },
+    kesimpulan: {
+      get() {
+        return this.$store.state.resume.kesimpulan;
+      },
+      set(val) {
+        this.$store.commit("resume/update_kesimpulan", val);
+      },
+    },
+    doctorList() {
+      return this.$store.state.resume.doctorList;
+    },
+    selectedDoctor: {
+      get() {
+        return this.$store.state.resume.selectedDoctor;
+      },
+      set(val) {
+        this.$store.commit("resume/update_selectedDoctor", val);
+      },
+    },
+    searchDoctor: {
+      get() {
+        return this.$store.state.resume.searchDoctor;
+      },
+      set(val) {
+        this.$store.commit("resume/update_searchDoctor", val);
+      },
+    },
+    dialogDoctor: {
+      get() {
+        return this.$store.state.resume.dialogDoctor;
+      },
+      set(val) {
+        this.$store.commit("resume/update_dialogDoctor", val);
+      },
+    },
+  },
+  watch: {
+    searchDoctor(val, old) {
+      console.log(val);
+      if (val == old) return;
+      if (!val) return;
+      if (val.length < 1) return;
+      if (this.selectedDoctor.M_DoctorName == val) return;
+      this.thr_search_doctor();
+    },
+  },
+  data() {
+    return {
+      headersRstFitness: [
+        { text: "Tipe", value: "type" },
+        { text: "Nama Test", value: "Nat_TestName" },
+        { text: "Nama Kelainan", value: "Nat_TestName" },
+        { text: "Kategori Fitness", value: "Mcu_FitnessCategoryName" },
+      ],
+      printtitle: "",
+      printwidth: "80%",
+      openprint: false,
+      urlprint: "",
+      printType: [
+        {
+          name: "Hasil Resume Individu",
+          reportName: "resume",
+        },
+        {
+          name: "Kesimpulan dan Saran",
+          reportName: "kesimpulandansaran",
+        },
+        {
+          name: "Kesimpulan dan Saran 2 Tahun Logo",
+          reportName: "kesimpulandansaran2logo",
+        },
+        {
+          name: "Kesimpulan dan Saran 2 Tahun",
+          reportName: "kesimpulandansaran2",
+        },
+        {
+          name: "Gabungan Logo",
+          reportName: "gabunganlogo",
+        },
+        {
+          name: "Gabungan Logo (ENG)",
+          reportName: "gabunganlogoeng",
+        },
+        {
+          name: "Gabungan Logo Primaya",
+          reportName: "gabunganlogoprimaya",
+        },
+        {
+          name: "Gabungan",
+          reportName: "gabungan",
+        },
+        {
+          name: "Gabungan Logo Tanpa Kesimpulan",
+          reportName: "gabunganlogotanpakesimpulan",
+        },
+        {
+          name: "Gabungan (ENG)",
+          reportName: "gabunganeng",
+        },
+        {
+          name: "Gabungan Tanpa Kesimpulan",
+          reportName: "gabungantanpakesimpulan",
+        },
+        {
+          name: "Gabungan 2 Tahun Logo",
+          reportName: "gabungan2logo",
+        },
+        {
+          name: "Gabungan 2 Tahun",
+          reportName: "gabungan2",
+        },
+        {
+          name: "Cover",
+          reportName: "cover",
+        },
+        {
+          name: "Cover Primaya",
+          reportName: "coverprimaya",
+        },
+        {
+          name: "Haji",
+          reportName: "haji",
+        },
+      ],
+      selectedPrintType: {
+        name: "Cover",
+        reportName: "cover",
+      },
+      headers: [
+        {
+          text: "STATUS",
+          align: "center",
+          sortable: false,
+          value: "lab",
+          width: "10%",
+          class: "pa-2 blue darken-2 white--text",
+        },
+        {
+          text: "TEST",
+          align: "center",
+          sortable: false,
+          value: "lab",
+          width: "25%",
+          class: "pa-2 blue darken-2 white--text",
+        },
+        {
+          text: "AMOUNT",
+          align: "center",
+          sortable: false,
+          value: "lab",
+          width: "15%",
+          class: "pa-2 blue darken-2 white--text",
+        },
+        {
+          text: "DISKON",
+          align: "center",
+          sortable: false,
+          value: "name",
+          width: "15%",
+          class: "pa-2 blue darken-2 white--text",
+        },
+        {
+          text: "DISKON RP",
+          align: "center",
+          sortable: false,
+          value: "name",
+          width: "15%",
+          class: "pa-2 blue darken-2 white--text",
+        },
+        {
+          text: "TOTAL",
+          align: "center",
+          sortable: false,
+          value: "status",
+          width: "20%",
+          class: "pa-2 blue darken-2 white--text",
+        },
+      ],
+    };
+  },
+};
+</script>
diff --git a/test/vuex/one-mcu-resume-individu-cponev8/modules/price.js b/test/vuex/one-mcu-resume-individu-cponev8/modules/price.js
new file mode 100644
index 0000000..f3aaaf5
--- /dev/null
+++ b/test/vuex/one-mcu-resume-individu-cponev8/modules/price.js
@@ -0,0 +1,475 @@
+// 1 => LOADING
+// 2 => DONE
+// 3 => ERROR
+import * as api from "../api/price.js"
+
+export default {
+    namespaced: true,
+    state: {
+        lookup_status: 0,
+        searchPrice: "",
+        priceHeaderList: [],
+        loading: false,
+        page: 1,
+        totalPageHeader: 0,
+        errorMsg: '',
+        snackbarSuccess: false,
+        snackbarError: false,
+        successMsg: '',
+        selectedPriceHeader: {
+            "headerID": "0",
+            "headerName": "",
+            "headerStartDate": "",
+            "headerEndDate": "",
+            "headerCode": "CODE"
+        },
+        dialogPriceHeader: false,
+        dialogDeleteHeader: false,
+        startDateHeader: moment(new Date()).format('YYYY-MM-DD'),
+        endDateHeader: moment(new Date()).format('YYYY-MM-DD'),
+        nameHeader: "",
+        filterName: "",
+        filterSubGroup: [],
+        filterStatus: [],
+        selectedFilterSubGroup: {
+            "id": "0",
+            'name': 'Semua'
+        },
+        selectedFilterStatus: {
+            "id": "A",
+            'name': 'Semua'
+        },
+        priceTestList: [],
+        priceTestPageTotal: 0,
+        priceTestPage: 1,
+        priceHeaderCopyList: [],
+        selectedPriceHeaderCopy: {},
+        dialogCopyHarga: false,
+        copyPacket: false,
+        dialogValidasi: false,
+    },
+    mutations: {
+        update_lookup_status(state, val) {
+            state.lookup_status = val
+        },
+        update_searchPrice(state, val) {
+            state.searchPrice = val
+        },
+        update_priceHeaderList(state, val) {
+            state.priceHeaderList = val
+        },
+        update_loading(state, val) {
+            state.loading = val
+        },
+        update_page(state, val) {
+            state.page = val
+        },
+        update_totalPageHeader(state, val) {
+            state.totalPageHeader = val
+        },
+        update_errorMsg(state, val) {
+            state.errorMsg = val
+        },
+        update_snackbarSuccess(state, val) {
+            state.snackbarSuccess = val
+        },
+        update_snackbarError(state, val) {
+            state.snackbarError = val
+        },
+        update_successMsg(state, val) {
+            state.successMsg = val
+        },
+        update_selectedPriceHeader(state, val) {
+            state.selectedPriceHeader = val
+        },
+        update_dialogPriceHeader(state, val) {
+            state.dialogPriceHeader = val
+        },
+        update_startDateHeader(state, val) {
+            state.startDateHeader = val
+        },
+        update_endDateHeader(state, val) {
+            state.endDateHeader = val
+        },
+        update_nameHeader(state, val) {
+            state.nameHeader = val
+        },
+        update_dialogDeleteHeader(state, val) {
+            state.dialogDeleteHeader = val
+        },
+        update_filterName(state, val) {
+            state.filterName = val
+        },
+        update_filterStatus(state, val) {
+            state.filterStatus = val
+        },
+        update_filterSubGroup(state, val) {
+            state.filterSubGroup = val
+        },
+        update_selectedFilterStatus(state, val) {
+            state.selectedFilterStatus = val
+        },
+        update_selectedFilterSubGroup(state, val) {
+            state.selectedFilterSubGroup = val
+        },
+        update_priceTestList(state, val) {
+            state.priceTestList = val
+        },
+        update_priceTestPageTotal(state, val) {
+            state.priceTestPageTotal = val
+        },
+        update_priceTestPage(state, val) {
+            state.priceTestPage = val
+        },
+        update_priceHeaderCopyList(state, val) {
+            state.priceHeaderCopyList = val
+        },
+        update_selectedPriceHeaderCopy(state, val) {
+            state.selectedPriceHeaderCopy = val
+        },
+        update_dialogCopyHarga(state, val) {
+            state.dialogCopyHarga = val
+        },
+        update_copyPacket(state, val) {
+            state.copyPacket = val
+        },
+        update_dialogValidasi(state, val) {
+            state.dialogValidasi = val
+        },
+    },
+    actions: {
+        async searchPriceHeader(context) {
+            context.commit("update_lookup_status", 1)
+            context.commit("update_loading", true)
+            try {
+                let prm = {
+                    token: one_token(),
+                    page: context.state.page,
+                    search: context.state.searchPrice
+                }
+                let resp = await api.search(prm)
+                if (resp.status != "OK") {
+                    context.commit("update_lookup_status", 3)
+                    context.commit("update_loading", false)
+                    context.commit("update_errorMsg", resp.message)
+                    context.commit("update_snackbarError", false)
+
+                } else {
+                    context.commit("update_lookup_status", 2)
+                    context.commit("update_errorMsg", '')
+                    context.commit("update_loading", false)
+
+                    let data = {
+                        records: resp.data.records,
+                        total: resp.data.total
+                    }
+                    context.commit("update_priceHeaderList", resp.data.records)
+                    if (resp.data.records.length > 0 && context.state.selectedPriceHeader.headerID === "0") {
+                        context.commit("update_selectedPriceHeader", resp.data.records[0])
+                        context.dispatch("searchpricetest")
+                        // this.$store.dispatch("price/searchpricetest");
+
+                    } else if (resp.data.records.length > 0 && context.state.selectedPriceHeader.headerID !== "0") {
+                        for (let i = 0; i < resp.data.records.length; i++) {
+                            const e = resp.data.records[i];
+                            if (e.headerID === context.state.selectedPriceHeader.headerID) {
+                                context.commit("update_selectedPriceHeader", e)
+                            }
+
+                        }
+                    }
+                    context.commit("update_totalPageHeader", resp.data.total)
+                }
+            } catch (e) {
+                console.log(e)
+                context.commit("update_lookup_status", 3)
+                context.commit("update_loading", false)
+                context.commit("update_errorMsg", e)
+                context.commit("update_snackbarError", false)
+
+            }
+        },
+        async insertPriceHeader(context) {
+            context.commit("update_lookup_status", 1)
+            context.commit("update_loading", true)
+            try {
+                let prm = {
+                    token: one_token(),
+                    name: context.state.nameHeader,
+                    sd: context.state.startDateHeader,
+                    ed: context.state.endDateHeader
+                }
+                let resp = await api.insertheader(prm)
+                if (resp.status != "OK") {
+                    context.commit("update_lookup_status", 3)
+                    context.commit("update_loading", false)
+                    context.commit("update_snackbarError", true)
+                    context.commit("update_errorMsg", resp.message)
+                } else {
+                    context.commit("update_lookup_status", 2)
+                    context.commit("update_errorMsg", '')
+                    context.commit("update_successMsg", 'Berhasil Membuat Harga ' + context.state.nameHeader)
+                    context.commit("update_loading", false)
+                    context.commit("update_snackbarSuccess", true)
+                    context.commit("update_dialogPriceHeader", false)
+                    context.commit("update_nameHeader", '')
+                    context.dispatch("searchPriceHeader")
+                }
+            } catch (e) {
+                console.log(e)
+                context.commit("update_lookup_status", 3)
+                context.commit("update_loading", false)
+                context.commit("update_snackbarError", true)
+                context.commit("update_errorMsg", e)
+            }
+        },
+        async editPriceHeader(context) {
+            context.commit("update_lookup_status", 1)
+            context.commit("update_loading", true)
+            try {
+                let prm = {
+                    id: context.state.selectedPriceHeader.headerID,
+                    token: one_token(),
+                    name: context.state.nameHeader,
+                    sd: context.state.startDateHeader,
+                    ed: context.state.endDateHeader
+                }
+                let resp = await api.editheader(prm)
+                if (resp.status != "OK") {
+                    context.commit("update_lookup_status", 3)
+                    context.commit("update_loading", false)
+                    context.commit("update_snackbarError", true)
+                    context.commit("update_errorMsg", resp.message)
+                } else {
+                    context.commit("update_lookup_status", 2)
+                    context.commit("update_errorMsg", '')
+                    context.commit("update_successMsg", 'Berhasil Edit Harga ' + context.state.nameHeader)
+                    context.commit("update_loading", false)
+                    context.commit("update_snackbarSuccess", true)
+                    context.commit("update_dialogPriceHeader", false)
+                    context.commit("update_nameHeader", '')
+                    context.dispatch("searchPriceHeader")
+                }
+            } catch (e) {
+                console.log(e)
+                context.commit("update_lookup_status", 3)
+                context.commit("update_loading", false)
+                context.commit("update_snackbarError", true)
+                context.commit("update_errorMsg", e)
+            }
+        },
+        async deletePriceHeader(context) {
+            context.commit("update_lookup_status", 1)
+            context.commit("update_loading", true)
+            try {
+                let prm = {
+                    id: context.state.selectedPriceHeader.headerID,
+                    token: one_token(),
+                }
+                let resp = await api.deleteheader(prm)
+                if (resp.status != "OK") {
+                    context.commit("update_lookup_status", 3)
+                    context.commit("update_loading", false)
+                    context.commit("update_snackbarError", true)
+                    context.commit("update_errorMsg", resp.message)
+                } else {
+                    context.commit("update_lookup_status", 2)
+                    context.commit("update_errorMsg", '')
+                    context.commit("update_successMsg", 'Berhasil Hapus Harga ' + context.state.nameHeader)
+                    context.commit("update_loading", false)
+                    context.commit("update_snackbarSuccess", true)
+                    context.commit("update_dialogDeleteHeader", false)
+                    context.commit("update_nameHeader", '')
+                    context.dispatch("searchPriceHeader")
+                }
+            } catch (e) {
+                console.log(e)
+                context.commit("update_lookup_status", 3)
+                context.commit("update_loading", false)
+                context.commit("update_snackbarError", true)
+                context.commit("update_errorMsg", e)
+            }
+        },
+        async getpricefilter(context) {
+            context.commit("update_lookup_status", 1)
+            context.commit("update_loading", true)
+            try {
+                let prm = {
+                    token: one_token(),
+                }
+                let resp = await api.getfilterprice(prm)
+                if (resp.status != "OK") {
+                    context.commit("update_lookup_status", 3)
+                    context.commit("update_loading", false)
+                    context.commit("update_errorMsg", resp.message)
+                } else {
+                    context.commit("update_lookup_status", 2)
+                    context.commit("update_errorMsg", '')
+                    context.commit("update_loading", false)
+
+
+                    context.commit("update_filterStatus", resp.data.status)
+                    context.commit("update_filterSubGroup", resp.data.subgroup)
+                }
+            } catch (e) {
+                console.log(e)
+                context.commit("update_lookup_status", 3)
+                context.commit("update_loading", false)
+                context.commit("update_errorMsg", e)
+            }
+        },
+        async searchpricetest(context) {
+            context.commit("update_lookup_status", 1)
+            context.commit("update_loading", true)
+            try {
+                let prm = {
+                    token: one_token(),
+                    search: context.state.filterName,
+                    subgroup: context.state.selectedFilterSubGroup.id,
+                    status: context.state.selectedFilterStatus.id,
+                    headerid: context.state.selectedPriceHeader.headerID,
+                    page: context.state.priceTestPage,
+                }
+                let resp = await api.searchpricetest(prm)
+                if (resp.status != "OK") {
+                    context.commit("update_lookup_status", 3)
+                    context.commit("update_loading", false)
+                    context.commit("update_errorMsg", resp.message)
+                } else {
+                    context.commit("update_lookup_status", 2)
+                    context.commit("update_errorMsg", '')
+                    context.commit("update_loading", false)
+                    context.commit("update_priceTestList", resp.data.records)
+                    context.commit("update_priceTestPageTotal", resp.data.total)
+
+                }
+            } catch (e) {
+                console.log(e)
+                context.commit("update_lookup_status", 3)
+                context.commit("update_loading", false)
+                context.commit("update_errorMsg", e)
+            }
+        },
+        async savetest(context, prm) {
+            context.commit("update_lookup_status", 1)
+            context.commit("update_loading", true)
+            try {
+                prm.token = one_token();
+                prm.headerid = context.state.selectedPriceHeader.headerID
+
+                let resp = await api.savetest(prm)
+                if (resp.status != "OK") {
+                    context.commit("update_lookup_status", 3)
+                    context.commit("update_loading", false)
+                    context.commit("update_snackbarError", false)
+                    context.commit("update_errorMsg", resp.message)
+                } else {
+                    context.commit("update_lookup_status", 2)
+                    context.commit("update_successMsg", 'Berhasil simpan harga')
+                    context.commit("update_snackbarSuccess", false)
+                    context.commit("update_loading", false)
+                    context.dispatch("searchpricetest");
+                    context.dispatch("searchPriceHeader");
+
+                }
+            } catch (e) {
+                console.log(e)
+                context.commit("update_lookup_status", 3)
+                context.commit("update_loading", false)
+                context.commit("update_errorMsg", e)
+            }
+        },
+        async copyharga(context) {
+            context.commit("update_lookup_status", 1)
+            context.commit("update_loading", true)
+            try {
+                let prm = {
+                    token: one_token(),
+                    headerid: context.state.selectedPriceHeaderCopy.headerID,
+                    name: context.state.nameHeader,
+                    copypacket: context.state.copyPacket
+                }
+
+                let resp = await api.copyharga(prm)
+                if (resp.status != "OK") {
+                    context.commit("update_lookup_status", 3)
+                    context.commit("update_loading", false)
+                    context.commit("update_errorMsg", resp.message)
+                    context.commit("update_snackbarError", false)
+                } else {
+                    context.commit("update_lookup_status", 2)
+                    context.commit("update_errorMsg", '')
+                    context.commit("update_loading", false)
+                    context.commit("update_successMsg", 'Berhasil copy harga')
+                    context.commit("update_snackbarSuccess", false)
+                    context.dispatch("searchPriceHeader");
+                    context.commit("update_dialogCopyHarga", false)
+                    context.commit("update_nameHeader", '')
+                    context.commit("update_selectedPriceHeaderCopy", {})
+                    context.commit("update_copyPacket", false)
+
+                }
+            } catch (e) {
+                console.log(e)
+                context.commit("update_lookup_status", 3)
+                context.commit("update_loading", false)
+                context.commit("update_errorMsg", e)
+            }
+        },
+        async validateheader(context) {
+            context.commit("update_lookup_status", 1)
+            context.commit("update_loading", true)
+            try {
+                let prm = {
+                    token: one_token(),
+                    id: context.state.selectedPriceHeader.headerID,
+                }
+
+                let resp = await api.validateheader(prm)
+                if (resp.status != "OK") {
+                    context.commit("update_lookup_status", 3)
+                    context.commit("update_loading", false)
+                    context.commit("update_errorMsg", resp.message)
+                } else {
+                    context.commit("update_lookup_status", 2)
+                    context.commit("update_successMsg", 'Berhasil validasi price header')
+                    context.commit("update_snackbarSuccess", false)
+
+                    context.commit("update_loading", false)
+                    context.commit("update_dialogValidasi", false)
+                    context.dispatch("searchPriceHeader");
+                    context.dispatch("searchpricetest");
+                }
+            } catch (e) {
+                console.log(e)
+                context.commit("update_lookup_status", 3)
+                context.commit("update_loading", false)
+                context.commit("update_errorMsg", e)
+            }
+        },
+        async searchPriceHeaderAutocomplete(context, prm) {
+            context.commit("update_lookup_status", 1)
+            try {
+                prm.token = one_token();
+                prm.headerid = context.state.selectedPriceHeader.headerID
+
+                let resp = await api.searchpricetestautocomplete(prm)
+                if (resp.status != "OK") {
+                    context.commit("update_lookup_status", 3)
+
+                    context.commit("update_errorMsg", resp.message)
+                } else {
+                    context.commit("update_lookup_status", 2)
+                    context.commit("update_errorMsg", '')
+                    context.commit("update_priceHeaderCopyList", resp.data.records)
+
+                }
+            } catch (e) {
+                console.log(e)
+                context.commit("update_lookup_status", 3)
+
+                context.commit("update_errorMsg", e)
+            }
+        },
+    }
+}
diff --git a/test/vuex/one-mcu-resume-individu-cponev8/modules/resume.js b/test/vuex/one-mcu-resume-individu-cponev8/modules/resume.js
new file mode 100644
index 0000000..2f1aaa9
--- /dev/null
+++ b/test/vuex/one-mcu-resume-individu-cponev8/modules/resume.js
@@ -0,0 +1,460 @@
+// 1 => LOADING
+// 2 => DONE
+// 3 => ERROR
+import * as api from "../api/resume.js"
+
+export default {
+    namespaced: true,
+    state: {
+        lookup_status: 0,
+        loading: false,
+        setupList: [],
+        selectedSetup: {},
+        startDate: moment(new Date()).format('YYYY-MM-DD'),
+        endDate: moment(new Date()).format('YYYY-MM-DD'),
+        search: '',
+        errorMsg: '',
+        snackbarSuccess: false,
+        snackbarError: false,
+        successMsg: '',
+        patientList: [],
+        selectedPatient: {},
+        totalPage: 0,
+        page: 1,
+        patientDetail: {
+            detail: [],
+            puasaStatus: null,
+            puasaLabel: ""
+        },
+        rekomendasi: '',
+        recomendation: '',
+        saran: '',
+        advice: '',
+        conclusion: '',
+        kesimpulan: '',
+        doctorList: [],
+        selectedDoctor: {},
+        searchDoctor: '',
+        dialogDoctor: false,
+        loadingSave: false,
+        loadingDetail: false,
+        fitnessCategory: [],
+        selectedFitnessCategory: 0,
+        dialogFitness: false,
+        dataFitness: {
+            "status": {
+                "name": "",
+                "name_eng": "",
+                "level": ""
+            },
+            "data": []
+        },
+    },
+    mutations: {
+        update_dialogFitness(state, val) {
+            state.dialogFitness = val
+        },
+        update_dataFitness(state, val) {
+            state.dataFitness = val
+        },
+        update_selectedFitnessCategory(state, val) {
+            state.selectedFitnessCategory = val
+        },
+        update_fitnessCategory(state, val) {
+            state.fitnessCategory = val
+        },
+        update_lookup_status(state, val) {
+            state.lookup_status = val
+        },
+        update_loading(state, val) {
+            state.loading = val
+        },
+        update_setupList(state, val) {
+            state.setupList = val
+        },
+        update_selectedSetup(state, val) {
+            state.selectedSetup = val
+        },
+        update_startDate(state, val) {
+            state.startDate = val
+        },
+        update_endDate(state, val) {
+            state.endDate = val
+        },
+        update_search(state, val) {
+            state.search = val
+        },
+        update_errorMsg(state, val) {
+            state.errorMsg = val
+        },
+        update_snackbarSuccess(state, val) {
+            state.snackbarSuccess = val
+        },
+        update_snackbarError(state, val) {
+            state.snackbarError = val
+        },
+        update_successMsg(state, val) {
+            state.successMsg = val
+        },
+        update_patientList(state, val) {
+            state.patientList = val
+        },
+        update_selectedPatient(state, val) {
+            state.selectedPatient = val
+        },
+        update_totalPage(state, val) {
+            state.totalPage = val
+        },
+        update_page(state, val) {
+            state.page = val
+        },
+        update_patientDetail(state, val) {
+            state.patientDetail = val
+        },
+        update_rekomendasi(state, val) {
+            state.rekomendasi = val
+        },
+        update_kesimpulan(state, val) {
+            state.kesimpulan = val
+        },
+        update_conclusion(state, val) {
+            state.conclusion = val
+        },  
+        update_recomendation(state, val) {
+            state.recomendation = val
+        },
+        update_advice(state, val) {
+            state.advice = val
+        },
+        update_saran(state, val) {
+            state.saran = val
+        },
+        reset_input(state) {
+            state.kesimpulan = '';
+            state.rekomendasi = '';
+            state.saran = '';
+            state.advice = '';
+            state.conclusion = '';
+            state.recomendation = '';
+            state.patientDetail = {
+                detail: [],
+                puasaStatus: null,
+                puasaLabel: ""
+            };
+        },
+        update_doctorList(state, val) {
+            state.doctorList = val
+        },
+        update_selectedDoctor(state, val) {
+            state.selectedDoctor = val
+        },
+        update_searchDoctor(state, val) {
+            state.searchDoctor = val
+        },
+        update_dialogDoctor(state, val) {
+            state.dialogDoctor = val
+        },
+        update_loadingSave(state, val) {
+            state.loadingSave = val
+        },
+        update_loadingDetail(state, val) {
+            state.loadingDetail = val
+        },
+    },
+    actions: {
+        async getsetup(context) {
+            context.commit("update_lookup_status", 1)
+            context.commit("update_loading", true)
+            try {
+                let prm = {
+                    token: one_token(),
+                }
+                let resp = await api.getsetup(prm)
+                if (resp.status != "OK") {
+                    context.commit("update_lookup_status", 3)
+                    context.commit("update_loading", false)
+                    context.commit("update_errorMsg", resp.message)
+                    context.commit("update_snackbarError", true)
+
+                } else {
+                    context.commit("update_lookup_status", 2)
+                    context.commit("update_errorMsg", '')
+                    context.commit("update_loading", false)
+
+                    let data = {
+                        records: resp.data.records,
+                        total: resp.data.total
+                    }
+                    context.commit("update_setupList", resp.data.records)
+                }
+            } catch (e) {
+                console.log(e)
+                context.commit("update_lookup_status", 3)
+                context.commit("update_loading", false)
+                context.commit("update_errorMsg", e)
+                context.commit("update_snackbarError", true)
+
+            }
+        },
+        async search(context) {
+            context.commit("update_lookup_status", 1)
+            context.commit("update_loading", true)
+            try {
+                let prm = {
+                    token: one_token(),
+                    search: context.state.search,
+                    page: context.state.page,
+                    startDate: context.state.startDate,
+                    endDate: context.state.endDate,
+                    setupID: context.state.selectedSetup.Mgm_McuID
+                }
+                let resp = await api.search(prm)
+                if (resp.status != "OK") {
+                    context.commit("update_lookup_status", 3)
+                    context.commit("update_loading", false)
+                    context.commit("update_errorMsg", resp.message)
+                    context.commit("update_snackbarError", true)
+
+                } else {
+                    context.commit("update_lookup_status", 2)
+                    context.commit("update_errorMsg", '')
+                    context.commit("update_loading", false)
+
+                    let data = {
+                        records: resp.data.records,
+                        total: resp.data.total
+                    }
+                    context.commit("update_patientList", resp.data.records)
+                    context.commit("update_totalPage", resp.data.total)
+                }
+            } catch (e) {
+                console.log(e)
+                context.commit("update_lookup_status", 3)
+                context.commit("update_loading", false)
+                context.commit("update_errorMsg", e)
+                context.commit("update_snackbarError", true)
+
+            }
+        },
+        async getdetail(context) {
+            context.commit("update_lookup_status", 1)
+            context.commit("update_loadingDetail", true)
+            try {
+                let prm = {
+                    token: one_token(),
+                    orderid: context.state.selectedPatient.orderID,
+                }
+                let resp = await api.getdetail(prm)
+                if (resp.status != "OK") {
+                    context.commit("update_lookup_status", 3)
+                    context.commit("update_loadingDetail", false)
+                    context.commit("update_errorMsg", resp.message)
+                    context.commit("update_snackbarError", true)
+
+                } else {
+
+
+                    let data = {
+                        records: resp.data.records,
+                        total: resp.data.total
+                    }
+
+                    context.commit("update_patientDetail", resp.data.header);
+                    context.commit("update_selectedFitnessCategory", resp.data.header.fitnessCategory);
+
+                    // if (resp.data.records.length > 0) {
+                    //     context.commit("update_rekomendasi", resp.data.records[0].resumeRekomendasi)
+                    //     context.commit("update_kesimpulan", resp.data.records[0].resumeKesimpulan)
+                    //     context.commit("update_saran", resp.data.records[0].resumeSaran)
+                    // }
+                    context.commit("update_lookup_status", 2)
+                    context.commit("update_errorMsg", '')
+                    context.commit("update_loadingDetail", false)
+                }
+            } catch (e) {
+                console.log(e)
+                context.commit("update_lookup_status", 3)
+                context.commit("update_loadingDetail", false)
+                context.commit("update_errorMsg", e)
+                context.commit("update_snackbarError", true)
+
+            }
+        },
+        async getdoctorlist(context, prm) {
+            context.commit("update_lookup_status", 1)
+            // context.commit("update_loading", true)
+            try {
+                prm.token = one_token()
+                let resp = await api.getdoctor(prm)
+                if (resp.status != "OK") {
+                    context.commit("update_lookup_status", 3)
+                    context.commit("update_loading", false)
+                    context.commit("update_errorMsg", resp.message)
+                    context.commit("update_snackbarError", true)
+
+                } else {
+                    context.commit("update_lookup_status", 2)
+                    context.commit("update_errorMsg", '')
+                    context.commit("update_loading", false)
+
+                    let data = {
+                        records: resp.data.records,
+                        total: resp.data.total
+                    }
+                    context.commit("update_doctorList", resp.data.records)
+
+                }
+            } catch (e) {
+                console.log(e)
+                context.commit("update_lookup_status", 3)
+                context.commit("update_loading", false)
+                context.commit("update_errorMsg", e)
+                context.commit("update_snackbarError", false)
+
+            }
+        },
+        async getFitnessCategory(context) {
+            context.commit("update_lookup_status", 1)
+            // context.commit("update_loading", true)
+            try {
+                let prm = {};
+                prm.token = one_token()
+                let resp = await api.getFitnessCategory(prm)
+                if (resp.status != "OK") {
+                    context.commit("update_lookup_status", 3)
+                    context.commit("update_loading", false)
+                    context.commit("update_errorMsg", resp.message)
+                    context.commit("update_snackbarError", true)
+
+                } else {
+                    context.commit("update_lookup_status", 2)
+                    context.commit("update_errorMsg", '')
+                    context.commit("update_loading", false)
+
+                    let data = {
+                        records: resp.data.records,
+                        total: resp.data.total
+                    }
+                    context.commit("update_fitnessCategory", resp.data.records)
+
+                }
+            } catch (e) {
+                console.log(e)
+                context.commit("update_lookup_status", 3)
+                context.commit("update_loading", false)
+                context.commit("update_errorMsg", e)
+                context.commit("update_snackbarError", false)
+
+            }
+        },
+        async save(context, prm) {
+            context.commit("update_lookup_status", 1)
+            context.commit("update_loadingSave", true)
+            try {
+                prm.token = one_token()
+                let resp = await api.save(prm)
+                if (resp.status != "OK") {
+                    context.commit("update_lookup_status", 3)
+                    context.commit("update_loadingSave", false)
+                    context.commit("update_errorMsg", resp.message)
+                    context.commit("update_snackbarError", true)
+
+                } else {
+                    await context.dispatch("search")
+                    await context.dispatch("getdetail")
+                    context.commit("update_lookup_status", 2)
+                    context.commit("update_errorMsg", '')
+                    context.commit("update_snackbarSuccess", true)
+                    context.commit("update_successMsg", 'Berhasil Simpan Data')
+                    context.commit("update_loadingSave", false)
+                }
+            } catch (e) {
+                console.log(e)
+                context.commit("update_lookup_status", 3)
+                context.commit("update_loadingSave", false)
+                context.commit("update_errorMsg", e)
+                context.commit("update_snackbarError", true)
+
+            }
+        },
+        async savedoctor(context, prm) {
+            context.commit("update_lookup_status", 1)
+            context.commit("update_loading", true)
+            try {
+                prm.token = one_token()
+                let resp = await api.savedoctor(prm)
+                if (resp.status != "OK") {
+                    context.commit("update_lookup_status", 3)
+                    context.commit("update_loading", false)
+                    context.commit("update_errorMsg", resp.message)
+                    context.commit("update_snackbarError", true)
+
+                } else {
+                    await context.dispatch("search")
+                    await context.dispatch("getdetail")
+                    context.commit("update_lookup_status", 2)
+                    context.commit("update_errorMsg", '')
+                    context.commit("update_snackbarSuccess", true)
+                    context.commit("update_successMsg", 'Berhasil Simpan Data')
+                    context.commit("update_loading", false)
+                    context.commit("update_dialogDoctor", false)
+
+                }
+            } catch (e) {
+                console.log(e)
+                context.commit("update_lookup_status", 3)
+                context.commit("update_loading", false)
+                context.commit("update_errorMsg", e)
+                context.commit("update_snackbarError", true)
+
+            }
+        },
+        async generateFitnessCategory(context) {
+            context.commit("update_lookup_status", 1)
+            context.commit("update_loading", true)
+            try {
+                let prm = {
+                    token: one_token(),
+                    orderid: context.state.selectedPatient.orderID,
+                    kesimpulan: context.state.patientDetail.kesimpulan,
+                    rekomendasi: context.state.patientDetail.rekomendasi,
+                    saran: context.state.patientDetail.saran,
+                    conclusion: context.state.patientDetail.conclusion,
+                    recomendation: context.state.patientDetail.recomendation,
+                    advice: context.state.patientDetail.advice
+                }
+                let resp = await api.generateFitnessCategory(prm)
+                if (resp.status != "OK") {
+                    context.commit("update_lookup_status", 3)
+                    context.commit("update_loading", false)
+                    context.commit("update_errorMsg", resp.message)
+                    context.commit("update_snackbarError", true)
+
+                } else {
+                    context.commit("update_lookup_status", 2)
+                    context.commit("update_errorMsg", '')
+                    context.commit("update_snackbarSuccess", true)
+                    context.commit("update_successMsg", 'Berhasil Simpan Data')
+                    context.commit("update_loading", false)
+                    await context.dispatch("search")
+                    await context.dispatch("getdetail")
+                    context.commit("update_dialogFitness", true);
+                    let a = {};
+                    for (let i = 0; i < resp.data.data.length; i++) {
+                        resp.data.data[i].Nat_TestName.replace('|', ', ')
+                    }
+
+                    context.commit("update_dataFitness", resp.data);
+
+                }
+            } catch (e) {
+                console.log(e)
+                context.commit("update_lookup_status", 3)
+                context.commit("update_loading", false)
+                context.commit("update_errorMsg", e)
+                context.commit("update_snackbarError", true)
+
+            }
+        },
+    }
+}
diff --git a/test/vuex/one-mcu-resume-individu-cponev8/store.js b/test/vuex/one-mcu-resume-individu-cponev8/store.js
new file mode 100644
index 0000000..c420041
--- /dev/null
+++ b/test/vuex/one-mcu-resume-individu-cponev8/store.js
@@ -0,0 +1,28 @@
+// State
+//  data ...
+// Mutations
+//
+//
+// Actions
+import price from "./modules/price.js";
+import resume from "./modules/resume.js";
+import system from "../../../apps/modules/system/system.js";
+export const store = new Vuex.Store({
+    modules: {
+        resume: resume,
+        system: system
+    },
+    state: {
+        tab_selected: 'pasien-dokter'
+    },
+    mutations: {
+        change_tab(state, ntab) {
+            state.tab_selected = ntab
+        }
+    },
+    actions: {
+        change_tab(context, ntab) {
+            context.commit('change_tab', ntab)
+        }
+    }
+});
\ No newline at end of file