From 3f55e88ba4d44519a25acd1905c9284063ea4f9d Mon Sep 17 00:00:00 2001
From: AnandaTon <ananda@frappet.com>
Date: Thu, 31 Aug 2023 17:03:36 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=80=E0=B8=9E=E0=B8=B4=E0=B9=88=E0=B8=A1?=
 =?UTF-8?q?=20=E0=B8=82=E0=B9=89=E0=B8=AD=E0=B8=A1=E0=B8=B9=E0=B8=A5?=
 =?UTF-8?q?=E0=B8=A5=E0=B8=B9=E0=B8=81=E0=B8=88=E0=B9=89=E0=B8=B2=E0=B8=87?=
 =?UTF-8?q?=E0=B8=8A=E0=B8=B1=E0=B9=88=E0=B8=A7=E0=B8=84=E0=B8=A3=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

ยังไม่ได้ต่อ api
---
 src/api/registry/api.profile.ts               |   1 +
 .../08_registryEmployee/views/EditDetail.vue  |   9 +-
 .../views/Information/Address.vue             |   3 +
 .../views/Information/Tempinformation.vue     | 614 ++++++++++++++++++
 4 files changed, 624 insertions(+), 3 deletions(-)
 create mode 100644 src/modules/08_registryEmployee/views/Information/Tempinformation.vue

diff --git a/src/api/registry/api.profile.ts b/src/api/registry/api.profile.ts
index c3741f71f..6c76e5f1f 100644
--- a/src/api/registry/api.profile.ts
+++ b/src/api/registry/api.profile.ts
@@ -45,6 +45,7 @@ export default {
     `${profile}search/new-employee/oc/${id}`,
   profileSearchNewEmOcLeaveId: (id: string) =>
     `${profile}search/new-employee/oc/leave/${id}`,
+  profileEmployeeTempId: (id: string) => `${profile}/employee/temp/${id}`,
 
   profileCoupleId: (profileId: string) => `${profile}couple/${profileId}`,
 
diff --git a/src/modules/08_registryEmployee/views/EditDetail.vue b/src/modules/08_registryEmployee/views/EditDetail.vue
index 1dc81df41..641f2925e 100644
--- a/src/modules/08_registryEmployee/views/EditDetail.vue
+++ b/src/modules/08_registryEmployee/views/EditDetail.vue
@@ -15,9 +15,12 @@
       <div id="government" name="16" class="row col-12">
         <!-- <Government v-model:statusEdit="statusEdit" :statusAdd="false" /> -->
       </div>
+      <div id="tempInformation" name="19" class="row col-12">
+        <TempInformation v-model:statusEdit="statusEdit" :statusAdd="false" />
+      </div>
       <div id="address" name="17" class="row col-12">
         <Address v-model:statusEdit="statusEdit" :statusAdd="false" />
-      </div>
+      </div>  
       <div id="family" name="18" class="row col-12">
         <Family v-model:statusEdit="statusEdit" :statusAdd="false" />
       </div>
@@ -511,10 +514,10 @@ import OtherVue from "@/modules/08_registryEmployee/views/Other.vue";
 import DocumentVue from "@/modules/08_registryEmployee/views/Document.vue";
 import Certicate from "@/modules/08_registryEmployee/views/Information/Certicate.vue";
 import Information from "@/modules/08_registryEmployee/views/Information/Information.vue";
-import Government from "@/modules/08_registryEmployee/views/Information/Government.vue";
+import TempInformation from "@/modules/08_registryEmployee/views/Information/Tempinformation.vue";
 import Address from "@/modules/08_registryEmployee/views/Information/Address.vue";
 import Family from "@/modules/08_registryEmployee/views/Information/Family.vue";
-import OldName from "@/modules/08_registryEmployee/views/Information/OldName.vue";
+
 import type { DataOption } from "@/modules/08_registryEmployee/interface/index/Main";
 import http from "@/plugins/http";
 import config from "@/app.config";
diff --git a/src/modules/08_registryEmployee/views/Information/Address.vue b/src/modules/08_registryEmployee/views/Information/Address.vue
index 0d56d8047..06acd23c2 100644
--- a/src/modules/08_registryEmployee/views/Information/Address.vue
+++ b/src/modules/08_registryEmployee/views/Information/Address.vue
@@ -643,7 +643,10 @@ const fetchData = async () => {
         addressData.value.subdistrictId = data.registrationSubDistrictId;
         addressData.value.subdistrictIdC = data.currentSubDistrictId;
         addressData.value.same = data.registrationSame ? "1" : "0";
+        console.log(res);
       })
+      
+      
       .catch((e) => {
         messageError($q, e);
       })
diff --git a/src/modules/08_registryEmployee/views/Information/Tempinformation.vue b/src/modules/08_registryEmployee/views/Information/Tempinformation.vue
new file mode 100644
index 000000000..95adffade
--- /dev/null
+++ b/src/modules/08_registryEmployee/views/Information/Tempinformation.vue
@@ -0,0 +1,614 @@
+<template>
+    <q-card flat bordered class="col-12 q-px-lg q-py-md q-mt-md">
+      <HeaderTop
+        v-model:edit="edit"
+        header="ข้อมูลลูกจ้างชั่วคราว"
+        icon="mdi-map-marker"
+        :save="saveData"
+        :history="!statusAdd()"
+        :changeBtn="changeBtn"
+        :disable="statusEdit"
+        :cancel="refreshData"
+        :historyClick="clickHistory"
+        :addEmployee="statusAdd()"
+      />
+      <q-form ref="myform">
+        <div class="row col-12 items-center q-col-gutter-x-xs q-col-gutter-y-xs">
+
+          <div class="col-xs-6 col-sm-3 col-md-3">
+            <selector
+                        :class="getClass(edit)"
+                        :outlined="edit"
+                        dense
+                        lazy-rules
+                        :readonly="!edit"
+                        :borderless="!edit"
+                        v-model="positionEmployeeGroupId"
+                        :label="`${'กลุ่มงาน'}`"
+                        @update:modelValue="!edit"
+                        emit-value
+                        map-options
+                        option-label="name"
+                        :options="employeeGroupOptions"
+                        :rules="[(val:string) => !!val || `${'กรุณาเลือกกลุ่มงาน'}`]"
+                        option-value="id"
+                        hide-bottom-space
+                        use-input
+                        input-debounce="0"
+                      />
+          </div>
+          <div class="col-xs-6 col-sm-3 col-md-3">
+            <selector
+                        :class="getClass(edit)"
+                        :outlined="edit"
+                        dense
+                        lazy-rules
+                        :readonly="!edit"
+                        :borderless="!edit"
+                        v-model="positionEmployeeLineId"
+                        :label="`${'สายงาน'}`"
+                        @update:modelValue="!edit"
+                        emit-value
+                        map-options
+                        option-label="name"
+                        :options="positionEmployeeLineOptions"
+                        :rules="[(val:string) => !!val || `${'กรุณาเลือกสายงาน'}`]"
+                        option-value="id"
+                        hide-bottom-space
+                        use-input
+                        input-debounce="0"
+                      />
+          </div>
+          <div class="col-xs-6 col-sm-3 col-md-3">
+            <selector
+                        :class="getClass(edit)"
+                        :outlined="edit"
+                        dense
+                        lazy-rules
+                        :readonly="!edit"
+                        :borderless="!edit"
+                        v-model="positionEmployeePositionId"
+                        :label="`${'ชื่อตำแหน่งทางสายงาน'}`"
+                        @update:modelValue="!edit"
+                        emit-value
+                        map-options
+                        option-label="name"
+                        :options="positionEmployeePositionOptions"
+                        :rules="[(val:string) => !!val || `${'กรุณาเลือกชื่อตำแหน่งทางสายงาน'}`]"
+                        option-value="id"
+                        hide-bottom-space
+                        use-input
+                        input-debounce="0"
+                      />
+          </div>
+          <div class="col-xs-6 col-sm-3 col-md-3">
+            <q-input
+              :class="getClass(edit)"
+              hide-bottom-space
+              :outlined="edit"
+              dense
+              lazy-rules
+              :readonly="!edit"
+              :borderless="!edit"
+              v-model="employeeOc"
+              :style="!edit ? '' : 'padding:0 12px;'"
+              :label="`${'สังกัด'}`"
+            />
+          </div>
+          <div class="row col-12 items-center q-col-gutter-x-xs q-col-gutter-y-xs">
+          <div class="col-xs-6 col-sm-3 col-md-3">
+            <q-input
+              :class="getClass(edit)"
+              hide-bottom-space
+              :outlined="edit"
+              dense
+              lazy-rules
+              :readonly="!edit"
+              :borderless="!edit"
+              v-model="employeeTypeIndividual"
+              :style="!edit ? '' : 'padding:0 12px;'"
+              :label="`${'ประเภทบุคคล'}`"
+            />
+          </div>
+          <div class="col-xs-6 col-sm-3 col-md-3">
+            <CurrencyInput
+                v-model="employeeWage"
+                :edit="edit"
+                :options="{
+                  currency: 'THB',
+                }"
+                :label="`${'ค่าจ้าง'}`"
+              />
+          </div>
+          <div class="col-12 q-pt-lg"><q-separator /></div>
+          <div class="col-xs-6 col-sm-3 col-md-3">
+            <CurrencyInput
+                v-model="employeeMoneyIncrease"
+                :edit="edit"
+                :options="{
+                  currency: 'THB',
+                }"
+                :label="`${'เงินเพิ่มการครองชีพชั่วคราว'}`"
+              />
+          </div>
+          <div class="col-xs-6 col-sm-3 col-md-3">
+            <CurrencyInput
+                v-model="employeeMoneyAllowance"
+                :edit="edit"
+                :options="{
+                  currency: 'THB',
+                }"
+                :label="`${'เงินช่วยเหลือการครองชีพชั่วคราว'}`"
+              />
+          </div>
+          <div class="col-xs-6 col-sm-3 col-md-3">
+            <CurrencyInput
+                v-model="employeeMoneyEmployee"
+                :edit="edit"
+                :options="{
+                  currency: 'THB',
+                }"
+                :label="`${'เงินสมทบประกันสังคม(ลูกจ้าง)'}`"
+              />
+          </div>
+          <div class="col-xs-6 col-sm-3 col-md-3">
+            <CurrencyInput
+                v-model="employeeMoneyEmployer"
+                :edit="edit"
+                :options="{
+                  currency: 'THB',
+                }"
+                :label="`${'เงินสมทบประกันสังคม(นายจ้าง)'}`"
+              />
+           </div>
+        </div>
+    </div>
+      </q-form>
+    </q-card>
+    <HistoryTable
+      :rows="rowsHistory"
+      :columns="columnsHistory"
+      :filter="filterHistory"
+      :visible-columns="visibleColumnsHistory"
+      v-model:modal="modalHistory"
+      v-model:inputfilter="filterHistory"
+      v-model:inputvisible="visibleColumnsHistory"
+      v-model:tittle="tittleHistory"
+    >
+      <template #columns="props">
+        <q-tr :props="props">
+          <q-td v-for="col in props.cols" :key="col.name" :props="props">
+            <div v-if="col.name == 'createdAt'" class="table_ellipsis">
+              {{ date2Thai(col.value) }}
+            </div>
+            <div
+              v-else-if="col.name == 'registrationSame'"
+              class="table_ellipsis"
+            >
+              {{ col.value ? "ใช่" : "ไม่" }}
+            </div>
+            <div v-else class="table_ellipsis">
+              {{ col.value }}
+            </div>
+          </q-td>
+        </q-tr>
+      </template>
+    </HistoryTable>
+  </template>
+  <script setup lang="ts">
+  import { ref, onMounted } from "vue";
+  import { useCounterMixin } from "@/stores/mixin";
+  
+  import { useQuasar } from "quasar";
+  import http from "@/plugins/http";
+  import config from "@/app.config";
+  import type {
+    Address,
+    DataOption,
+    zipCodeOption,
+  } from "@/modules/04_registry/components/profileType";
+  import { defaultAddress } from "@/modules/04_registry/components/profileType";
+  import HeaderTop from "@/modules/04_registry/components/Information/top.vue";
+  import type { ResponseObject } from "@/modules/04_registry/interface/response/Address";
+  import HistoryTable from "@/components/TableHistory.vue";
+  import { useRoute } from "vue-router";
+  import type { AddressOps } from "@/modules/04_registry/interface/index/Main";
+  import type { QTableProps } from "quasar";
+  import CurrencyInput from "@/components/CurruncyInput.vue";
+  
+  const props = defineProps({
+    statusEdit: {
+      type: Boolean,
+      required: true,
+    },
+    statusAdd: {
+      type: Boolean,
+      default: false,
+    },
+  });
+  const emit = defineEmits(["update:statusEdit"]);
+  
+  const route = useRoute();
+  const $q = useQuasar();
+  
+  const mixin = useCounterMixin();
+  const { date2Thai, success, messageError, showLoader, hideLoader, dialogConfirm } = mixin;
+  const edit = ref<boolean>(false);
+  const myform = ref<any>();
+  const employeeOc = ref<string>("");
+  const codec = ref<string>("");
+    const rows = ref<any[]>([]);
+  const positionEmployeeGroupId = ref<string>("");
+  const employeeGroupOptions = ref<DataOption[]>([]);
+  const positionEmployeeLineId = ref<string>("");
+  const positionEmployeeLineOptions = ref<DataOption[]>([]);
+  const positionEmployeePositionId = ref<string>("");
+  const positionEmployeePositionOptions = ref<DataOption[]>([]);
+  const employeeWage = ref<string>("");
+  const employeeTypeIndividual = ref<string>("");
+  const employeeMoneyIncrease = ref<number>(0);
+  const employeeMoneyAllowance = ref<number>(0);
+  const employeeMoneyEmployee = ref<number>(0);
+  const employeeMoneyEmployer = ref<number>(0);
+  const rowsHistory = ref<any[]>([]); //select data history
+  const tittleHistory = ref<string>("ประวัติแก้ไขข้อมูลที่อยู่"); //
+  const filterHistory = ref<string>(""); //search data table history
+  const modalHistory = ref<boolean>(false); //modal ประวัติการแก้ไขข้อมูล
+  const columnsHistory = ref<QTableProps["columns"]>([
+    {
+      name: "positionEmployeeGroupId",
+      align: "left",
+      label: "กลุ่มงาน",
+      sortable: true,
+      field: "positionEmployeeGroupId",
+      headerStyle: "font-size: 14px",
+      style: "font-size: 14px",
+      sort: (a: string, b: string) =>
+        a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+    },
+    {
+      name: "positionEmployeeLineId",
+      align: "left",
+      label: "สายงาน",
+      sortable: true,
+      field: "positionEmployeeLineId",
+      headerStyle: "font-size: 14px",
+      style: "font-size: 14px",
+      sort: (a: string, b: string) =>
+        a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+    },
+    {
+      name: "positionEmployeePositionId",
+      align: "left",
+      label: "ชื่อตำแหน่งทางสายงาน",
+      sortable: true,
+      field: "positionEmployeePositionId",
+      headerStyle: "font-size: 14px",
+      style: "font-size: 14px",
+      sort: (a: string, b: string) =>
+        a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+    },
+    {
+      name: "employeeOc",
+      align: "left",
+      label: "สังกัด",
+      sortable: true,
+      field: "employeeOc",
+      headerStyle: "font-size: 14px",
+      style: "font-size: 14px",
+      sort: (a: string, b: string) =>
+        a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+    },
+    {
+      name: "employeeWage",
+      align: "left",
+      label: "ค่าจ้าง",
+      sortable: true,
+      field: "employeeWage",
+      headerStyle: "font-size: 14px",
+      style: "font-size: 14px",
+      sort: (a: string, b: string) =>
+        a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+    },
+    {
+      name: "employeeTypeIndividual",
+      align: "left",
+      label: "ประเภทบุคคล",
+      sortable: true,
+      field: "employeeTypeIndividual",
+      headerStyle: "font-size: 14px",
+      style: "font-size: 14px",
+      sort: (a: string, b: string) =>
+        a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+    },
+    {
+      name: "employeeMoneyIncrease",
+      align: "left",
+      label: "เงินช่วยเหลือการครองชีพชั่วคราว",
+      sortable: true,
+      field: "employeeMoneyIncrease",
+      headerStyle: "font-size: 14px",
+      style: "font-size: 14px",
+      sort: (a: string, b: string) =>
+        a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+    },
+    {
+      name: "employeeMoneyAllowance",
+      align: "left",
+      label: "เงินช่วยเหลือการครองชีพชั่วคราว",
+      sortable: true,
+      field: "employeeMoneyAllowance",
+      headerStyle: "font-size: 14px",
+      style: "font-size: 14px",
+      sort: (a: string, b: string) =>
+        a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+    },
+    {
+      name: "employeeMoneyEmployee",
+      align: "left",
+      label: "เงินสมทบประกันสังคม(ลูกจ้าง)",
+      sortable: true,
+      field: "employeeMoneyEmployee",
+      headerStyle: "font-size: 14px",
+      style: "font-size: 14px",
+      sort: (a: string, b: string) =>
+        a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+    },
+    {
+      name: "employeeMoneyEmployer",
+      align: "left",
+      label: "เงินสมทบประกันสังคม(นายจ้าง)",
+      sortable: true,
+      field: "employeeMoneyEmployer",
+      headerStyle: "font-size: 14px",
+      style: "font-size: 14px",
+      sort: (a: string, b: string) =>
+        a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+    },
+    {
+      name: "createdFullName",
+      align: "left",
+      label: "ผู้ดำเนินการ",
+      sortable: true,
+      field: "createdFullName",
+      headerStyle: "font-size: 14px",
+      style: "font-size: 14px",
+      sort: (a: string, b: string) =>
+        a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+    },
+    {
+      name: "createdAt",
+      align: "left",
+      label: "วันที่แก้ไข",
+      sortable: true,
+      field: "createdAt",
+      headerStyle: "font-size: 14px",
+      style: "font-size: 14px",
+      sort: (a: string, b: string) =>
+        a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+    },
+  ]);
+  const visibleColumnsHistory = ref<String[]>([
+    "employeeMoneyIncrease",
+    "employeeMoneyAllowance",
+    "employeeMoneyEmployee",
+    "employeeMoneyEmployer",
+    "positionEmployeeGroupId",
+    "positionEmployeePositionId",
+    "positionEmployeeLineId",
+    "employeeTypeIndividual",
+    "employeeOc",
+    "employeeWage",
+    "createdFullName",
+    "createdAt",
+  ]);
+  
+  onMounted(async () => {
+    // await fetchData();
+    await fetchDataSelector();
+  });
+  
+  const statusAdd = () => props.statusAdd;
+  
+  const defaultAdd = () => {
+    if (props.statusAdd) {
+      edit.value = props.statusAdd;
+
+    }
+  };
+  const fetchDataSelector = async () => {
+  showLoader();
+  await fetchEmployeeGroup();
+  await fetchpositionEmployeeLine();
+  hideLoader();
+};
+  
+  /**
+   * ฟังชั้นดูข้อมูลประวัติแก้ไขข้อมูลที่เลือก
+   */
+  const clickHistory = async () => {
+    modalHistory.value = true;
+    showLoader();
+    await http
+      .get(config.API.profileEmployeeTempId(route.params.id.toString()))
+      .then((res) => {
+        let data = res.data.result;
+        rowsHistory.value = [];
+        data.map((e: any) => {
+          rowsHistory.value.push({
+            id: e.id,
+            employeeMoneyIncrease: e.employeeMoneyIncrease,
+            employeeMoneyAllowance: e.employeeMoneyAllowance,
+            employeeMoneyEmployee: e.employeeMoneyEmployee,
+            employeeMoneyEmployer: e.employeeMoneyEmployer,
+            positionEmployeeGroupId: e.positionEmployeeGroupId,
+            positionEmployeePositionId: e.positionEmployeePositionId,
+            positionEmployeeLineId: e.positionEmployeeLineId,
+            employeeTypeIndividual: e.employeeTypeIndividual,
+            employeeOc: e.employeeOc,
+            employeeWage: e.employeeWage,
+            createdFullName: e.createdFullName,
+            createdAt: new Date(e.createdAt),
+          });
+        });
+      })
+      .catch((e) => {
+        messageError($q, e);
+      })
+      .finally(() => {
+        hideLoader();
+      });
+  };
+  
+  const refreshData = async () => {
+    myform.value.reset();
+    await getNewData();
+  };
+  
+  const getNewData = async () => {
+    // await fetchData();
+  };
+  
+//   const fetchData = async () => {
+//     if (route.params.id) {
+//       showLoader();
+//       await http
+//         .get(config.API.profileEmployeeTempId(route.params.id.toString()))
+//         .then((res) => {
+//           const data: any = res.data.result;
+//           rows.value = [];
+//           data.map((e: any) => {
+//           rows.value.push({
+//             id: e.id,
+//             employeeMoneyIncrease: e.employeeMoneyIncrease,
+//             employeeMoneyAllowance: e.employeeMoneyAllowance,
+//             employeeMoneyEmployee: e.employeeMoneyEmployee,
+//             employeeMoneyEmployer: e.employeeMoneyEmployer,
+//             positionEmployeeGroupId: e.positionEmployeeGroupId,
+//             positionEmployeePositionId: e.positionEmployeePositionId,
+//             positionEmployeeLineId: e.positionEmployeeLineId,
+//             employeeTypeIndividual: e.employeeTypeIndividual,
+//             employeeOc: e.employeeOc,
+//             employeeWage: e.employeeWage,
+//             createdFullName: e.createdFullName,
+//             createdAt: new Date(e.createdAt),
+//           });
+//         });
+
+//         })
+//         .catch((e) => {
+//           messageError($q, e);
+//         })
+//         .finally(() => {
+//           hideLoader();
+//         });
+//     }
+//   };
+
+  // กลุ่มงาน
+const fetchEmployeeGroup = async () => {
+  await http
+    .get(config.API.positionEmployeeGroup)
+    .then((res) => {
+      const data = res.data.result;
+      let option: DataOption[] = [];
+      data.map((r: DataOption) => {
+        option.push({ id: r.id.toString(), name: r.name.toString() });
+      });
+
+      employeeGroupOptions.value = option;
+    })
+    .catch((e) => {
+      messageError($q, e);
+    });
+};
+
+const fetchpositionEmployeeLine = async () => {
+  await http
+    .get(config.API.positionEmployeeLine)
+    .then((res) => {
+      const data = res.data.result;
+      let option: DataOption[] = [];
+      data.map((r: DataOption) => {
+        option.push({ id: r.id.toString(), name: r.name.toString() });
+      });
+
+      positionEmployeeLineOptions.value = option;
+    })
+    .catch((e) => {
+      messageError($q, e);
+    });
+};
+  
+//   const editData = async () => {
+//     const body: any = {
+//     };
+//     showLoader();
+//     await http
+//       .put(config.API.profileEmployeeTempId(route.params.id.toString()), body)
+//       .then((res) => {
+//         success($q, "บันทึกข้อมูลสำเร็จ");
+//       })
+//       .catch((e) => {
+//         messageError($q, e);
+//       })
+//       .finally(async () => {
+//         edit.value = false;
+//         emit("update:statusEdit", false);
+//         await getNewData();
+//       });
+//   };
+  
+  const addData = async () => {
+    //     showLoader();
+    //   await http
+    //     .put(config.API.profileInforId(route.params.id.toString()), body)
+    //     .then((res) => {
+    //       success($q, "บันทึกข้อมูลสำเร็จ");
+    //     })
+    //     .catch((e) => {
+    //       messageError($q, e);
+    //     })
+    //     .finally(async () => {
+    //       edit.value = false;
+    //       emit("update:statusEdit", false);
+    //       await fetchData();
+    //       await changeBirth(informaData.value.birthDate ?? new Date());
+    //     });
+  };
+//   const saveData = async () => {
+//     dialogConfirm($q,() => Datasave())
+//   }
+//   const Datasave = async () => {
+//     await myform.value.validate().then(async (success: boolean) => {
+//       if (success) {
+//         if (props.statusAdd) {
+//           await addData();
+//         } else {
+//           await editData();
+//         }
+//       } else {
+//       }
+//     });
+//   };
+  
+  const changeBtn = async () => {
+    if (edit.value == true) {
+      if (props.statusEdit === true) {
+        edit.value = false;
+      } else {
+        emit("update:statusEdit", true);
+      }
+    } else {
+      emit("update:statusEdit", false);
+    }
+  };
+  
+  const getClass = (val: boolean) => {
+    return {
+      "full-width inputgreen cursor-pointer": val,
+      "full-width cursor-pointer": !val,
+    };
+  };
+  </script>
+  
\ No newline at end of file