ปรับไฟล์คำสั่ง

src/modules/18_command/components/Step/0_Main.vue

@@ -0,0 +1,3 @@
+<script setup lang="ts"></script>
+
+<template>ประมวลผลคำสั่ง</template>

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