UI ส่งไปออกคำสั่งโครงสร้างอัตรากำลัง

src/modules/02_organization/components/TreeTable.vue

@@ -28,8 +28,7 @@ import DialogMovePos from "@/modules/02_organization/components/DialogMovePos.vu
 import DialogHistoryPos from "@/modules/02_organization/components/DialogHistoryPos.vue"; // ประวัติตำแหน่ง
 import DialogSelectPerson from "@/modules/02_organization/components/DialogSelectPerson.vue"; // เลือกคนครอง
 import DialogSuccession from "@/modules/02_organization/components/DialogSuccession.vue"; // สืบทอดตำแหน่ง
-
-/** importStore*/
+import DialogCreateCommandORG from "@/modules/18_command/components/DialogCreateCommandORG.vue";
 
 const $q = useQuasar();
 const store = useOrganizational();
@@ -177,7 +176,6 @@ const columns = ref<QTableProps["columns"]>([
     style: "font-size: 14px",
   },
 ]);
-
 const columnsExpand = ref<QTableProps["columns"]>([
   {
     name: "no",
@@ -254,6 +252,8 @@ const columnsExpand = ref<QTableProps["columns"]>([
 ]);
 
 const dialogPosition = ref<boolean>(false); //ตำแหน่ง
+const modalCommand = ref<boolean>(false); //สร้างคำสั่ง
+
 /**
  * function  openPopup เพิ่มอัตรากำลัง
  * @param type ประเภท
@@ -541,6 +541,19 @@ watch(
         </q-menu>
         <q-tooltip>ดาวน์โหลด</q-tooltip>
       </q-btn>
+
+      <q-btn
+        v-if="store.typeOrganizational === 'draft'"
+        flat
+        round
+        dense
+        color="add"
+        icon="mdi-account-arrow-right"
+        @click.prevent="modalCommand = true"
+      >
+        <q-tooltip>ส่งไปออกคำสั่ง</q-tooltip>
+      </q-btn>
+
       <q-space />
       <div class="row q-gutter-md">
         <div>
@@ -892,6 +905,12 @@ watch(
 
   <!-- สืบทอดตำแหน่ง -->
   <DialogSuccession v-model:modal="modalDialogSuccession" :rowId="rowId" />
+
+  <!-- dialog สร้างคำสั่ง -->
+  <DialogCreateCommandORG
+    v-model:modal="modalCommand"
+    command-type-code="C-PM-38"
+  />
 </template>
 
 <style lang="scss" scoped>