hrms-bangkok/hrms-mgt
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

ปรับ style ให้เข้ากับหน้าอื่น

Browse source
This commit is contained in:
Net 2024-02-16 16:21:18 +07:00
parent f0d5c89d65
commit 9a5813d9cf
1 changed files with 85 additions and 49 deletions
Download patch file Download diff file Expand all files Collapse all files

134
src/modules/00_support/components/category/TableCategory.vue
View file

@ -37,22 +37,22 @@ onMounted(async () => {
</script> </script>
<template> <template>
<div class="flex q-my-md"> <div class="flex">
<q-btn <q-btn
flat flat
round round
class="bg-teal-1 full-height" class="bg-teal-1 full-height q-mr-sm"
color="primary" color="primary"
icon="mdi-chevron-left" icon="mdi-chevron-left"
dense dense
@click="router.go(-1)" @click="router.go(-1)"
> >
</q-btn> </q-btn>
<p class="text-h6 text-weight-medium align-center">จัดการประเภทของปัญหา</p> <p class="toptitle text-dark items-center">จัดการประเภทของปัญหา</p>
<q-space /> <q-space />
</div> </div>
<div class="bg-white q-pa-md"> <q-card flat bordered class="col-12 q-mt-sm q-pt-sm q-pa-md">
<q-btn <q-btn
class="q-mb-sm" class="q-mb-sm"
flat flat
@ -69,54 +69,86 @@ onMounted(async () => {
> >
<q-tooltip>เพิ่มข้อมูล</q-tooltip> <q-tooltip>เพิ่มข้อมูล</q-tooltip>
</q-btn> </q-btn>
<d-table <!-- <d-table
round
class="border_black"
:rows="store.rowsCategory?.result" :rows="store.rowsCategory?.result"
:columns="columnsCategory" :columns="columnsCategory"
row-key="name" row-key="name"
> > -->
<template v-slot:body-cell-actions="data"> <div>
<q-td> <d-table
<div class="align-right"> ref="table"
<q-btn :columns="columnsCategory"
class="q-ma-sm" :rows="store.rowsCategory?.result"
flat flat
dense bordered
id="listViewFolderEdit" :paging="true"
icon="o_edit" dense
color="positive" class="border_custom"
@click=" >
() => { <template v-slot:body-cell-actions="data">
open = true; <q-td>
status = 'edit'; <div class="align-right">
categoryId = data.row.id; <q-btn
currentName = data.row.name; color="grey"
flat
console.log(currentName); dense
} round
" size="14px"
/> icon="more_vert"
@click.stop
<q-btn >
class="q-ma-sm" <q-menu>
flat <q-list dense>
dense <q-item
id="listViewFolderDelete" v-close-popup
color="negative" clickable
icon="mdi-trash-can-outline" @click.stop="
:data-testid="data.row.name" () => {
@click=" open = true;
() => { status = 'edit';
open = true; categoryId = data.row.id;
status = 'delete'; currentName = data.row.name;
categoryId = data.row.id; }
} "
" >
/> <q-item-section>
</div> <div class="row items-center white">
</q-td> <q-icon name="o_edit" color="positive" />
</template> <span class="q-ml-sm">แก้ไข</span>
</d-table> </div>
</div> </q-item-section>
</q-item>
<q-item clickable>
<q-item-section
@click="
() => {
open = true;
status = 'delete';
categoryId = data.row.id;
}
"
v-close-popup
>
<div class="row items-center white">
<q-icon
name="mdi-trash-can-outline"
color="negative"
/>
<span class="q-ml-sm">ลบ</span>
</div>
</q-item-section>
</q-item>
</q-list>
</q-menu>
</q-btn>
</div>
</q-td>
</template>
</d-table>
</div>
</q-card>
<dialog-category <dialog-category
v-model.open="open" v-model.open="open"
@ -128,6 +160,10 @@ onMounted(async () => {
</template> </template>
<style scoped> <style scoped>
.border_custom {
border-radius: 6px !important;
border: 1px solid #e1e1e1;
}
.align-right { .align-right {
display: flex; display: flex;
align-items: right; align-items: right;