เพิ่มเช็ค

src/modules/18_command/interface/request/Main.ts

@@ -23,6 +23,21 @@ interface FormDataDetail {
   isBangkok: string | null; //คำสั่งสำนักปลัดกรุงเทพมหานคร
 }
 
+interface FormCommandList {
+  id: string;
+  status: string;
+  commandTypeName: string;
+  commandNo: string;
+  commandYear: Date | null;
+  detailHeader: string;
+  detailBody: string;
+  detailFooter: string;
+  issue: string | null;
+  commandAffectDate: Date | null;
+  commandExcecuteDate: Date | null;
+  commandSysId: string;
+  isAttachment: boolean;
+}
 interface ListCommandSalaryType {
   id: string;
   createdAt: Date | null;
@@ -54,4 +69,5 @@ export type {
   FormDataDetail,
   ListCommandSalaryType,
   PersonInfo,
+  FormCommandList
 };

src/modules/18_command/views/detail.vue

@@ -9,7 +9,7 @@ import { useCommandDetail } from "@/modules/18_command/store/DetailStore";
 import { useCounterMixin } from "@/stores/mixin";
 
 import type { ItemTabs } from "@/modules/18_command/interface/index/Main";
-import type { FormDataDetail } from "@/modules/18_command/interface/request/Main";
+import type { FormCommandList } from "@/modules/18_command/interface/request/Main";
 
 import Main from "@/modules/18_command/components/Step/0_Main.vue"; //ประมวลผลคำสั่ง
 import Detail from "@/modules/18_command/components/Step/1_Detail.vue"; //รายละเอียดคำสั่ง
@@ -41,7 +41,8 @@ const tabsManu = ref<ItemTabs[]>([
   { label: "พรีวิวคำสั่ง", name: "Attached" },
 ]);
 
-let formCommandList = reactive<FormDataDetail>({
+const statusCheck = ref<boolean>(false)
+let formCommandList = reactive<FormCommandList>({
   id: "",
   status: "",
   commandTypeName: "",
@@ -78,6 +79,7 @@ async function fetchDataCommandList() {
     .then(async (res) => {
       const data = await res.data.result;
       formCommandList = data;
+      statusCheck.value = data.commandSysId == 'PROBATION'? true:false;
       store.dataCommand = data;
       isChangeData.value = false; //จำลอง
     })
@@ -130,13 +132,13 @@ onMounted(async () => {
       >
         <q-tab
           v-for="(tab, index) in tabsManu"
-          :key="index"
+          :key="tab.id"
           :name="tab.name"
           :label="tab.label"
+          :disable="statusCheck && tab.name == 'ListPersons'"
         />
       </q-tabs>
       <q-separator />
-
       <q-tab-panels v-model="tabs" animated>
         <q-tab-panel style="padding: 0px" name="Main">
           <q-card>
@@ -157,8 +159,7 @@ onMounted(async () => {
             />
           </q-card>
         </q-tab-panel>
-
-        <q-tab-panel class="bg-grey-2" style="padding: 0px" name="ListPersons">
+        <q-tab-panel class="bg-grey-2" style="padding: 0px" name="ListPersons" >
           <ListPersons
             v-model:is-change-data="isChangeData"
             :on-check-change-data="onCheckChangeData"