From 2ccd323356d30a7247d73e981ef521eec5b61de6 Mon Sep 17 00:00:00 2001
From: waruneeauy <warunee.auy@gmail.com>
Date: Mon, 23 Sep 2024 13:12:01 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=9B=E0=B8=A3=E0=B8=B1=E0=B8=9A=E0=B9=84?=
 =?UTF-8?q?=E0=B8=9F=E0=B8=A5=E0=B9=8C=E0=B8=84=E0=B8=B3=E0=B8=AA=E0=B8=B1?=
 =?UTF-8?q?=E0=B9=88=E0=B8=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../18_command/components/Step/0_Main.vue        |  3 +++
 src/modules/18_command/views/detail.vue          | 16 ++++++++++++++--
 2 files changed, 17 insertions(+), 2 deletions(-)
 create mode 100644 src/modules/18_command/components/Step/0_Main.vue

diff --git a/src/modules/18_command/components/Step/0_Main.vue b/src/modules/18_command/components/Step/0_Main.vue
new file mode 100644
index 000000000..3448f7ae1
--- /dev/null
+++ b/src/modules/18_command/components/Step/0_Main.vue
@@ -0,0 +1,3 @@
+<script setup lang="ts"></script>
+
+<template>ประมวลผลคำสั่ง</template>
diff --git a/src/modules/18_command/views/detail.vue b/src/modules/18_command/views/detail.vue
index 1ceab02ec..cfccd57a6 100644
--- a/src/modules/18_command/views/detail.vue
+++ b/src/modules/18_command/views/detail.vue
@@ -6,6 +6,7 @@ import { useCommandDetail } from "@/modules/18_command/store/DetailStore";
 
 import type { ItemTabs } from "@/modules/18_command/interface/index/Main";
 
+import Main from "@/modules/18_command/components/Step/0_Main.vue"; //ประมวลผลคำสั่ง
 import Detail from "@/modules/18_command/components/Step/1_Detail.vue"; //รายละเอียดคำสั่ง
 import ListPersons from "@/modules/18_command/components/Step/2_ListPersons.vue"; //รายชื่อผู้ออกคำสั่ง
 import ReceivedCopy from "@/modules/18_command/components/Step/3_ReceivedCopy.vue"; //รายชื่อผู้ได้รับสำเนาคำสั่ง
@@ -27,16 +28,17 @@ const readonly = ref<boolean>(route.name === "commandViewDetailPage"); //อ่
 const isChangeData = ref<boolean>(false); //การเปลี่ยนแปลงของข้อมูล
 //รายการ Tab ละเอียดคำสั่ง
 const tabsManu = ref<ItemTabs[]>([
+  { label: "ประมวลผลคำสั่ง", name: "Main" },
   { label: "รายละเอียดคำสั่ง", name: "Detail" },
   {
-    label: "รายชื่อผู้ออกคำสั่ง",
+    label: "รายชื่อผู้ได้รับคำสั่ง",
     name: "ListPersons",
   },
   {
     label: "รายชื่อผู้ได้รับสำเนาคำสั่ง",
     name: "ReceivedCopy",
   },
-  { label: "คำสั่งและบัญชีแนบท้าบ", name: "Attached" },
+  { label: "พรีวิวคำสั่ง", name: "Attached" },
 ]);
 
 /**
@@ -116,6 +118,16 @@ onMounted(() => {
       <q-separator />
 
       <q-tab-panels v-model="tabs" animated>
+        <q-tab-panel style="padding: 0px" name="Main">
+          <q-card>
+            <Main
+              ref="childDetailRef"
+              v-model:is-change-data="isChangeData"
+              :on-check-change-data="onCheckChangeData"
+            />
+          </q-card>
+        </q-tab-panel>
+
         <q-tab-panel style="padding: 0px" name="Detail">
           <q-card>
             <Detail