แก้ รายการผังบัญชีเงินเดือน

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

@@ -15,11 +15,11 @@ import type { Salary } from "@/modules/13_salary/interface/response/Main";
 import type { FormQuerySalary } from "@/modules/13_salary/interface/request/Main";
 import DialogFormUpload from '@/modules/13_salary/components/SalaryChart/DialogUpload.vue'
 import DialogFormMain from "@/modules/13_salary/components/SalaryChart/DialogFormMain.vue";
-
 /** importStore*/
 import { useCounterMixin } from "@/stores/mixin";
 
 /** use*/
+const isActive = ref<boolean>(false)
 const $q = useQuasar();
 const router = useRouter();
 const {
@@ -119,12 +119,6 @@ const itemMenu = ref<ItemsMenu[]>([
     color: "blue-6",
     type: "copy",
   },
-  {
-    label: "ลบ",
-    icon: "delete",
-    color: "red",
-    type: "delete",
-  },
 ]);
 
 /** queryString*/
@@ -214,10 +208,11 @@ async function onClickDelete(id: string) {
   });
 }
 
-async function onClickUpload(type: string,id: string) {
+async function onClickUpload(type: string,id: string,active:boolean) {
   modalUpload.value = true
   typeAction.value = type;
   rowId.value = id
+  isActive.value = active
 }
 
 onMounted(async () => {
@@ -349,11 +344,9 @@ async function filterFn(page: number) {
                           : item.type === 'salaryRate'
                           ? onClickSalaryRate(props.row.id)
                           : item.type === 'upload'
-                          ? onClickUpload('edit',props.row.id)
+                          ? onClickUpload('edit',props.row.id,props.row.isActive)
                           : item.type === 'copy'
                           ? onClickCoppy(props.row.id)
-                          : item.type === 'delete'
-                          ? onClickDelete(props.row.id)
                           : null
                       "
                     >
@@ -368,6 +361,23 @@ async function filterFn(page: number) {
                         </div>
                       </q-item-section>
                     </q-item>
+                    <q-item
+                      v-if="props.row.isActive == false"
+                      clickable
+                      v-close-popup
+                      @click.stop="onClickDelete(props.row.id)"
+                    >
+                      <q-item-section>
+                        <div class="row items-center">
+                          <q-icon
+                            color="red"
+                            size="17px"
+                            name="delete"
+                          />
+                          <div class="q-pl-md">ลบ</div>
+                        </div>
+                      </q-item-section>
+                    </q-item>
                   </q-list>
                 </q-menu>
               </q-btn>
@@ -402,7 +412,9 @@ async function filterFn(page: number) {
     :typeAction="typeAction"
     :id="rowId"
     :fetchData="fetchListSalaly"
+    :isActive="isActive"
   />
+
 </template>
 
 <style scoped></style>