ข้อมูลหลัก => fix bug

src/modules/01_metadata/components/position/01ListPosition.vue

@@ -1,53 +1,27 @@
 <script setup lang="ts">
 import { ref, reactive, onMounted } from "vue";
-import { useCounterMixin } from "@/stores/mixin";
+import { useQuasar } from "quasar";
 import http from "@/plugins/http";
 import config from "@/app.config";
-import { useQuasar } from "quasar";
+
+import type { QTableProps } from "quasar";
 import type {
   DataOption,
   FormPositionSelect,
-  ListMenu,
   RowDetailPositions,
 } from "@/modules/01_metadata/interface/request/position/index";
-import type { QTableProps } from "quasar";
+
 import DialogAddPosition from "@/modules/01_metadata/components/position/DialogAddPosition.vue";
 
-const editPosition = ref<boolean>(false);
-const modalAddPosition = ref<boolean>(false);
-const levelOpsMain = ref<DataOption[]>([]);
-const dataLevel = ref<any>();
-const levelOps = ref<DataOption[]>([]);
+import { useCounterMixin } from "@/stores/mixin";
 
-const isSpecial = ref<boolean>(false);
-const formPositionSelect = reactive<FormPositionSelect>({
-  positionId: "",
-  posTypeId: "",
-  positionName: "",
-  positionField: "",
-  positionType: "",
-  positionLevel: "",
-  positionExecutive: "",
-  positionExecutiveField: "",
-  positionArea: "",
-  isSpecial: false,
-});
+const $q = useQuasar();
+const rowsPositionSelect = ref<RowDetailPositions[]>([]);
+const mixin = useCounterMixin();
+const { showLoader, hideLoader, messageError, success, dialogRemove } = mixin;
 
+/** Table*/
 const rows = ref<RowDetailPositions[]>([]);
-const listMenu = ref<ListMenu[]>([
-  {
-    label: "คัดลอก",
-    icon: "mdi-content-copy",
-    type: "copy",
-    color: "blue-6",
-  },
-  {
-    label: "ลบ",
-    icon: "delete",
-    type: "remove",
-    color: "red",
-  },
-]);
 const columns = ref<QTableProps["columns"]>([
   {
     name: "no",
@@ -133,17 +107,22 @@ const visibleColumns = ref<string[]>([
   "positionArea",
 ]);
 
-const $q = useQuasar();
-const rowsPositionSelect = ref<RowDetailPositions[]>([]);
-const mixin = useCounterMixin();
-const {
-  dialogConfirm,
-  showLoader,
-  hideLoader,
-  messageError,
-  success,
-  dialogRemove,
-} = mixin;
+const formPositionSelect = reactive<FormPositionSelect>({
+  positionId: "",
+  posTypeId: "",
+  positionName: "",
+  positionField: "",
+  positionType: "",
+  positionLevel: "",
+  positionExecutive: "",
+  positionExecutiveField: "",
+  positionArea: "",
+  isSpecial: false,
+});
+const editPosition = ref<boolean>(false);
+const copyPosition = ref<boolean>(false);
+
+const modalAddPosition = ref<boolean>(false);
 
 /** input ค้นหา */
 const searchRef = ref<any>(null);
@@ -175,13 +154,13 @@ function copyDetiail(data: RowDetailPositions) {
   formPositionSelect.positionExecutiveField = data.positionExecutiveField;
   formPositionSelect.positionArea = data.positionArea;
   modalAddPosition.value = true;
+  copyPosition.value = true;
 }
 /**
  * แก้ไขข้อมูล
  * @param data ข้อมูลตำแหน่ง
  */
 function editDetiail(data: RowDetailPositions) {
-  console.log(data);
   formPositionSelect.positionId = data.id;
   formPositionSelect.posTypeId = data.posTypeId;
   formPositionSelect.positionName = data.positionName;
@@ -438,10 +417,14 @@ onMounted(() => {
       </template>
     </d-table>
   </div>
+
+  copyPosition
   <DialogAddPosition
     v-model:add-position="modalAddPosition"
     v-model:form-data="formPositionSelect"
     v-model:edit-check="editPosition"
+    v-model:copy-check="copyPosition"
+
     :get-data="searchInput"
   />
 </template>