diff --git a/src/modules/02_organizationalNew/components/DialogSelectPerson.vue b/src/modules/02_organizationalNew/components/DialogSelectPerson.vue
index 1755a769e..fa756a867 100644
--- a/src/modules/02_organizationalNew/components/DialogSelectPerson.vue
+++ b/src/modules/02_organizationalNew/components/DialogSelectPerson.vue
@@ -41,6 +41,8 @@ const levelOpsMain = ref<DataOption[]>([]);
 const typeOps = ref<DataOption[]>([]);
 const levelOps = ref<DataOption[]>([]);
 const dataLevel = ref<any>();
+const selected = ref<string[]>([]);
+const isSit = ref<boolean>(false);
 const executiveOps = ref<DataOption[]>([]);
 const store = useOrganizational();
 const $q = useQuasar();
@@ -258,8 +260,8 @@ function clearForm() {
   formData.positionLevel = "";
   formData.personal = "";
   formData.position = "";
-  row.value = []
-  rowResult.value = []
+  row.value = [];
+  rowResult.value = [];
 }
 
 watch(
@@ -328,6 +330,8 @@ function onSubmit() {
   dialogConfirm(
     $q,
     () => {
+      console.log("ตำแหน่ง==>", selected.value);
+      console.log("ทับที่==>", isSit);
       // showLoader();
       // http
       //   .post(config.API.createOrganization, formData)
@@ -380,6 +384,7 @@ function clearPosition() {
   formData.positionLevel = "";
 }
 </script>
+
 <template>
   <q-dialog v-model="modal" persistent>
     <q-card style="min-width: 80vw">
@@ -398,201 +403,261 @@ function clearPosition() {
               </div>
             </div>
 
-            <div class="row q-col-gutter-sm q-mb-xs">
-              <div class="col-12">
-                <d-table
-                  flat
-                  :columns="columns"
-                  :rows="row"
-                  row-key="id"
-                  dense
-                  hide-pagination
-                  class="custom-header-table"
-                >
-                  <template v-slot:header="props">
-                    <q-tr :props="props">
-                      <q-th
-                        v-for="col in props.cols"
-                        :key="col.name"
-                        :props="props"
-                      >
-                        <span class="text-weight-medium">{{ col.label }}</span>
-                      </q-th>
-                    </q-tr>
-                  </template>
-                  <template v-slot:body="props">
-                    <q-tr :props="props" class="cursor-pointer">
-                      <q-td
-                        v-for="col in props.cols"
-                        :key="col.name"
-                        :props="props"
-                      >
-                        <div v-if="col.name == 'no'">
-                          {{ props.rowIndex + 1 }}
-                        </div>
+            <q-card
+              bordered
+              class="row col-12"
+              style="border: 1px solid #d6dee1"
+            >
+              <div
+                class="col-xs-12 col-sm-12 text-weight-medium bg-grey-1 q-py-xs q-px-md"
+              >
+                รายการตำแหน่ง
+              </div>
+              <div class="col-12"><q-separator /></div>
 
-                        <div v-else>
-                          {{ col.value }}
-                        </div>
-                      </q-td>
-                    </q-tr>
-                  </template>
-                </d-table>
-              </div>
-            </div>
-            <div class="row q-col-gutter-sm q-mt-sm">
-              <div class="col-2">
-                <q-input
-                  ref="positionExecutiveFieldRef"
-                  v-model="formData.personal"
-                  :class="inputEdit(isReadonly)"
-                  dense
-                  outlined
-                  for="#search"
-                  label="ค้นหาจากชื่อ-นามสกุล หรือเลขประจำตัวประชาชน"
-                  lazy-rules
-                  hide-bottom-space
-                />
-              </div>
-              <div class="col-2">
-                <q-input
-                  ref="positionRef"
-                  v-model="formData.position"
-                  :class="inputEdit(isReadonly)"
-                  dense
-                  outlined
-                  for="#position"
-                  label="ตำแหน่งในสายงาน"
-                  lazy-rules
-                  hide-bottom-space
-                />
-              </div>
-              <div class="col-2">
-                <q-select
-                  ref="positionTypeRef"
-                  :class="inputEdit(isReadonly)"
-                  label="ประเภทตำแหน่ง"
-                  v-model="formData.positionType"
-                  :options="typeOps"
-                  emit-value
-                  dense
-                  @update:model-value="updateSelectType"
-                  map-options
-                  outlined
-                  option-label="name"
-                  option-value="id"
-                  lazy-rules
-                  hide-bottom-space
-                  :rules="
-                    !isDisValidate
-                      ? [(val) => !!val || `${'กรุณาเลือกประเภทตำแหน่ง'}`]
-                      : []
-                  "
-                  ><template v-if="formData.positionType" v-slot:append>
-                    <q-icon
-                      name="cancel"
-                      @click.stop.prevent="clearPosition()"
-                      class="cursor-pointer"
-                    /> </template
-                ></q-select>
-              </div>
-              <div class="col-2">
-                <q-select
-                  
-                  ref="positionLevelRef"
-                  :class="inputEdit(isReadonly)"
-                  label="ระดับตำแหน่ง"
-                  v-model="formData.positionLevel"
-                  :disable="formData.positionType == ''"
-                  :options="levelOps"
-                  emit-value
-                  dense
-                  map-options
-                  outlined
-                  option-label="name"
-                  option-value="id"
-                  lazy-rules
-                  hide-bottom-space
-                  :rules="
-                    !isDisValidate
-                      ? [(val) => !!val || `${'กรุณาเลือกระดับตำแหน่ง'}`]
-                      : []
-                  "
-                >
-                  <template v-if="formData.positionLevel" v-slot:append>
-                    <q-icon
-                      name="cancel"
-                      @click.stop.prevent="formData.positionLevel = ''"
-                      class="cursor-pointer"
-                    /> </template
-                ></q-select>
-              </div>
-              <div class="col-2">
-                <q-btn 
-                label="ค้นหา"
-                color="teal-5"
-                class="full-height"
-                icon="search"
-                @click="searchData"
-                />
-              </div>
+              <div class="row q-col-gutter-sm q-pa-sm">
+                <div class="col-12">
+                  <d-table
+                    flat
+                    :columns="columns"
+                    :rows="row"
+                    row-key="id"
+                    dense
+                    hide-pagination
+                    class="custom-header-table"
+                    selection="single"
+                    v-model:selected="selected"
+                  >
+                    <template v-slot:header-selection="scope">
+                      <q-checkbox
+                        keep-color
+                        color="primary"
+                        dense
+                        v-model="scope.checkBox"
+                      />
+                    </template>
+                    <template v-slot:header="props">
+                      <q-tr :props="props">
+                        <q-th class="text-center"> </q-th>
 
-              <q-select
-                for="#select"
-                v-model="visibleColumnsResult"
-                multiple
-                outlined
+                        <q-th
+                          v-for="col in props.cols"
+                          :key="col.name"
+                          :props="props"
+                        >
+                          <span class="text-weight-medium">{{
+                            col.label
+                          }}</span>
+                        </q-th>
+                      </q-tr>
+                    </template>
+                    <template v-slot:body="props">
+                      <q-tr :props="props" class="cursor-pointer">
+                        <td class="text-center">
+                          <q-checkbox
+                            keep-color
+                            color="primary"
+                            dense
+                            v-model="props.selected"
+                          />
+                        </td>
+
+                        <q-td
+                          v-for="col in props.cols"
+                          :key="col.name"
+                          :props="props"
+                        >
+                          <div v-if="col.name == 'no'">
+                            {{ props.rowIndex + 1 }}
+                          </div>
+
+                          <div v-else>
+                            {{ col.value }}
+                          </div>
+                        </q-td>
+                      </q-tr>
+                    </template>
+                  </d-table>
+                </div>
+              </div>
+            </q-card>
+
+            <q-card
+              bordered
+              class="row col-12 q-mt-sm"
+              style="border: 1px solid #d6dee1"
+            >
+              <div
+                class="col-xs-12 col-sm-12 text-weight-medium bg-grey-1 q-py-xs q-px-md"
+              >
+                ค้นหาคนครอง
+              </div>
+              <div class="col-12"><q-separator /></div>
+              <div class="row q-col-gutter-sm q-pa-sm">
+                <div class="col-2">
+                  <q-input
+                    ref="positionExecutiveFieldRef"
+                    v-model="formData.personal"
+                    :class="inputEdit(isReadonly)"
+                    dense
+                    outlined
+                    for="#search"
+                    label="ค้นหาจากชื่อ-นามสกุล หรือเลขประจำตัวประชาชน"
+                    lazy-rules
+                    hide-bottom-space
+                  />
+                </div>
+                <div class="col-2">
+                  <q-input
+                    ref="positionRef"
+                    v-model="formData.position"
+                    :class="inputEdit(isReadonly)"
+                    dense
+                    outlined
+                    for="#position"
+                    label="ตำแหน่งในสายงาน"
+                    lazy-rules
+                    hide-bottom-space
+                  />
+                </div>
+                <div class="col-2">
+                  <q-select
+                    ref="positionTypeRef"
+                    :class="inputEdit(isReadonly)"
+                    label="ประเภทตำแหน่ง"
+                    v-model="formData.positionType"
+                    :options="typeOps"
+                    emit-value
+                    dense
+                    @update:model-value="updateSelectType"
+                    map-options
+                    outlined
+                    option-label="name"
+                    option-value="id"
+                    lazy-rules
+                    hide-bottom-space
+                    :rules="
+                      !isDisValidate
+                        ? [(val) => !!val || `${'กรุณาเลือกประเภทตำแหน่ง'}`]
+                        : []
+                    "
+                    ><template v-if="formData.positionType" v-slot:append>
+                      <q-icon
+                        name="cancel"
+                        @click.stop.prevent="clearPosition()"
+                        class="cursor-pointer"
+                      /> </template
+                  ></q-select>
+                </div>
+                <div class="col-2">
+                  <q-select
+                    ref="positionLevelRef"
+                    :class="inputEdit(isReadonly)"
+                    label="ระดับตำแหน่ง"
+                    v-model="formData.positionLevel"
+                    :disable="formData.positionType == ''"
+                    :options="levelOps"
+                    emit-value
+                    dense
+                    map-options
+                    outlined
+                    option-label="name"
+                    option-value="id"
+                    lazy-rules
+                    hide-bottom-space
+                    :rules="
+                      !isDisValidate
+                        ? [(val) => !!val || `${'กรุณาเลือกระดับตำแหน่ง'}`]
+                        : []
+                    "
+                  >
+                    <template v-if="formData.positionLevel" v-slot:append>
+                      <q-icon
+                        name="cancel"
+                        @click.stop.prevent="formData.positionLevel = ''"
+                        class="cursor-pointer"
+                      /> </template
+                  ></q-select>
+                </div>
+                <div class="col-2">
+                  <q-btn
+                    label="ค้นหา"
+                    color="teal-5"
+                    class="full-height"
+                    icon="search"
+                    @click="searchData"
+                  />
+                </div>
+
+                <q-select
+                  for="#select"
+                  v-model="visibleColumnsResult"
+                  multiple
+                  outlined
+                  dense
+                  options-dense
+                  :display-value="$q.lang.table.columns"
+                  emit-value
+                  map-options
+                  :options="columnsResult"
+                  option-value="name"
+                  options-cover
+                  style="min-width: 150px"
+                  class="col-xs-12 col-sm-3 col-md-2"
+                />
+                <div class="col-12">
+                  <d-table
+                    flat
+                    :columns="columnsResult"
+                    :rows="rowResult"
+                    row-key="id"
+                    dense
+                    hide-pagination
+                    class="custom-header-table"
+                  >
+                    <template v-slot:header="props">
+                      <q-tr :props="props">
+                        <q-th
+                          v-for="col in props.cols"
+                          :key="col.name"
+                          :props="props"
+                        >
+                          <span class="text-weight-medium">{{
+                            col.label
+                          }}</span>
+                        </q-th>
+                      </q-tr>
+                    </template>
+                    <template v-slot:body="props">
+                      <q-tr :props="props" class="cursor-pointer">
+                        <q-td
+                          v-for="col in props.cols"
+                          :key="col.name"
+                          :props="props"
+                        >
+                          <div v-if="col.name == 'no'">
+                            {{ props.rowIndex + 1 }}
+                          </div>
+
+                          <div v-else>
+                            {{ col.value }}
+                          </div>
+                        </q-td>
+                      </q-tr>
+                    </template>
+                  </d-table>
+                </div>
+              </div>
+            </q-card>
+
+            <div class="row col-12 q-pa-sm">
+              <q-checkbox
+                keep-color
+                color="primary"
                 dense
-                options-dense
-                :display-value="$q.lang.table.columns"
-                emit-value
-                map-options
-                :options="columnsResult"
-                option-value="name"
-                options-cover
-                style="min-width: 150px"
-                class="col-xs-12 col-sm-3 col-md-2"
+                v-model="isSit"
+                label="ทับที่"
               />
-              <div class="col-12">
-                <d-table
-                  flat
-                  :columns="columnsResult"
-                  :rows="rowResult"
-                  row-key="id"
-                  dense
-                  hide-pagination
-                  class="custom-header-table"
-                >
-                  <template v-slot:header="props">
-                    <q-tr :props="props">
-                      <q-th
-                        v-for="col in props.cols"
-                        :key="col.name"
-                        :props="props"
-                      >
-                        <span class="text-weight-medium">{{ col.label }}</span>
-                      </q-th>
-                    </q-tr>
-                  </template>
-                  <template v-slot:body="props">
-                    <q-tr :props="props" class="cursor-pointer">
-                      <q-td
-                        v-for="col in props.cols"
-                        :key="col.name"
-                        :props="props"
-                      >
-                        <div v-if="col.name == 'no'">
-                          {{ props.rowIndex + 1 }}
-                        </div>
-
-                        <div v-else>
-                          {{ col.value }}
-                        </div>
-                      </q-td>
-                    </q-tr>
-                  </template>
-                </d-table>
-              </div>
             </div>
           </div>
         </q-card-section>