ui ส่งไปออกคำสั่ง

src/modules/05_placement/components/PersonalList/TableView.vue

@@ -3,6 +3,7 @@ import { ref, useAttrs } from "vue";
 import { QTooltip, useQuasar } from "quasar";
 import { checkPermission } from "@/utils/permissions";
 
+import type { PersonData } from "@/modules/05_placement/interface/index/Main";
 const $q = useQuasar();
 const attrs = ref<any>(useAttrs());
 const paging = ref<boolean>(true);
@@ -115,6 +116,7 @@ const emit = defineEmits([
   "update:inputvisibleFilter",
   "update:containfilter",
   "update-modaladdlist",
+  "update-modaladdSendPerson",
 ]);
 
 function paginationLabel(start: string, end: string, total: string) {
@@ -153,19 +155,27 @@ function resetFilter() {
 function updateModaladdlist() {
   emit("update-modaladdlist", true);
 }
+
+/** ส่งรายชื่อไปยังหน่วยงาน */
+function openModalOrder() {
+  emit("update-modaladdSendPerson", true);
+}
 </script>
 
 <template>
   <div class="q-px-md q-pb-md">
     <div class="col-12 row q-py-sm">
-      <q-toggle
+      <q-btn
         v-if="roleAdmin === false"
-        class="col-xs-12 col-sm-5 col-md-5 toggle-expired-account"
-        :model-value="containStatus"
-        color="blue"
-        label="แสดงสถานะบรรจุแล้ว"
-        @update:model-value="updateContain"
-      />
+        @click="openModalOrder()"
+        flat
+        round
+        color="add"
+        icon="mdi-account-arrow-right"
+      >
+        <q-tooltip>ส่งไปออกคำสั่ง</q-tooltip>
+      </q-btn>
+
       <div>
         <q-btn
           flat
@@ -179,7 +189,16 @@ function updateModaladdlist() {
         </q-btn>
       </div>
       <q-space />
+
       <div class="items-center" style="display: flex">
+        <q-toggle
+          v-if="roleAdmin === false"
+          class="col-xs-12 col-sm-5 col-md-5 toggle-expired-account"
+          :model-value="containStatus"
+          color="blue"
+          label="แสดงสถานะบรรจุแล้ว"
+          @update:model-value="updateContain"
+        />
         <q-input
           standout
           dense