แก้ layout โครงสร้างและปรับการแสดงผลผังเงินเดือน

src/modules/02_organizationalNew/components/DialogSuccession.vue

@@ -215,8 +215,8 @@ function clearForm() {
 </script>
 
 <template>
-  <q-dialog v-model="modal" full-width persistent>
+  <q-dialog v-model="modal" full-width full-height persistent>
-    <q-card>
+    <q-card class="column full-height">
       <Header
         :tittle="'เลือกตำแหน่งที่ต้องการสืบทอดจากโครงสร้างปัจจุบัน'"
         :close="
@@ -227,12 +227,12 @@ function clearForm() {
       />
       <q-separator />
 
-      <q-card-section class="q-pt-none q-pa-md">
+      <q-card-section class="q-pt-none q-pa-md bg-grey-2">
         <div class="row q-col-gutter-md">
           <q-card
             bordered
             class="col-12 col-sm-4 scroll q-pa-sm"
-            style="max-height: 70vh"
+            style="height: 750px"
           >
             <q-toolbar style="padding: 0">
               <q-toolbar-title class="text-subtitle2 text-bold"
@@ -392,6 +392,8 @@ function clearForm() {
         </div>
       </q-card-section>
 
+      <q-separator />
+
       <q-card-actions align="right" class="bg-white text-teal">
         <q-btn label="สืบทอดตำแหน่ง" color="public" @click="onClickConfirm" />
       </q-card-actions>

src/modules/13_salary/views/salaryRate.vue

@@ -286,8 +286,9 @@ watch([() => formQuery.page, () => formQuery.pageSize], async () => {
                 </div>
                 <div v-else-if="col.name === 'isNext'">
                   <q-icon
-                    :name="col.value ? 'done' : 'close'"
+                    v-if="col.value"
-                    :color="col.value ? 'primary' : 'grey'"
+                    name="done"
+                    color="primary"
                     size="24px"
                   />
                 </div>