ประกาศเกษียณอายุราชการ

src/modules/06_retirement/components/ListRetirement/TableList.vue

@@ -657,19 +657,32 @@ function updatemodalPersonal(modal: boolean) {
               <q-td key="positionNumber" :props="props">{{
                 props.row.positionNumber ? props.row.positionNumber : "-"
               }}</q-td>
-              <!-- <q-td key="organizationAgency" :props="props">{{
-                props.row.organizationAgency
-              }}</q-td>
-              <q-td key="organizationGovernmentAgency" :props="props">{{
-                props.row.organizationGovernmentAgency
-              }}</q-td> -->
+
               <q-td class="table_ellipsis" key="organization" :props="props">{{
                 props.row.organization ? props.row.organization : "-"
               }}</q-td>
-              <!-- <q-td class="table_ellipsis" key="bureau" :props="props">{{
-                props.row.bureau
-              }}</q-td> -->
-              <q-td auto-width></q-td>
+
+              <q-td auto-width>
+                <q-btn
+                  v-if="
+                    (props.row.remove === 'EDIT' ||
+                      props.row.remove === 'REMOVE') &&
+                    statusUpload
+                  "
+                  flat
+                  round
+                  :color="props.row.remove === 'EDIT' ? 'primary' : 'red-14'"
+                  icon="info"
+                  dense
+                  @click.stop="
+                    (modalNote = true),
+                      (action = 'delete'),
+                      (note = props.row.reason),
+                      (retireProfileId = props.row.id)
+                  "
+                  ><q-tooltip>ข้อมูล</q-tooltip></q-btn
+                >
+              </q-td>
               <q-td
                 auto-width
                 v-if="
@@ -722,7 +735,7 @@ function updatemodalPersonal(modal: boolean) {
                   ><q-tooltip>ลบข้อมูล</q-tooltip></q-btn
                 >
               </q-td>
-              <q-td auto-width v-else></q-td>
+              <q-td auto-width v-else> </q-td>
             </q-tr>
           </template>
           <template v-slot:pagination="scope">
@@ -742,7 +755,7 @@ function updatemodalPersonal(modal: boolean) {
   </div>
 
   <!-- note -->
-  <q-dialog v-model="modalNote">
+  <q-dialog v-model="modalNote" persistent>
     <q-card style="width: 50vw">
       <DialogHeader tittle="กรอกเหตุผล" :close="closeDialog" />
       <q-separator />
@@ -758,6 +771,7 @@ function updatemodalPersonal(modal: boolean) {
               :rules="[(val) => !!val || 'กรุณากรอกเหตุผล']"
               :label="`${'กรอกเหตุผล'}`"
               type="textarea"
+              :readonly="statusUpload"
             />
           </div>
         </div>
@@ -765,7 +779,7 @@ function updatemodalPersonal(modal: boolean) {
 
       <q-separator />
 
-      <q-card-actions align="right">
+      <q-card-actions align="right" v-if="!statusUpload">
         <q-btn
           v-if="action === 'delete'"
           unelevated
@@ -787,7 +801,7 @@ function updatemodalPersonal(modal: boolean) {
   </q-dialog>
 
   <!-- อัปโหลดไฟล์ -->
-  <q-dialog v-model="modalUpload">
+  <q-dialog v-model="modalUpload" persistent>
     <q-card style="width: 50vw">
       <DialogHeader tittle="อัปโหลดเอกสาร" :close="closeDialog" />
       <q-separator />