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

ปรับIcon และตำแหน่งที่แสดง(edit,delete)

Browse source
This commit is contained in:
oat 2024-02-15 13:27:38 +07:00
parent 1aceedf3d9
commit d1fadacacb
14 changed files with 418 additions and 578 deletions
Download patch file Download diff file Expand all files Collapse all files

48
src/modules/01_metadataNew/components/insignia/InsigniaList.vue
View file

@ -332,18 +332,13 @@ const dialogOrder = ref<boolean>(false);
</q-td> </q-td>
<q-td auto-width> <q-td auto-width>
<q-btn <q-btn
color="grey" color="edit"
flat flat
dense dense
round round
size="14px" class="q-mr-xs"
icon="more_vert" size="12px"
@click.stop icon="edit"
>
<q-menu>
<q-list dense>
<q-item
v-close-popup
clickable clickable
@click.stop=" @click.stop="
() => { () => {
@ -357,31 +352,22 @@ const dialogOrder = ref<boolean>(false);
} }
" "
> >
<q-item-section> <q-tooltip>แก้ไขข้อมูล</q-tooltip>
<div class="row items-center white"> </q-btn>
<q-icon name="o_edit" color="positive" /> <q-btn
<span class="q-ml-sm">แก้ไข</span> color="red"
</div> flat
</q-item-section> dense
</q-item> round
<q-item clickable> size="12px"
<q-item-section icon="mdi-delete"
@click=" clickable
dialogRemove( @click.stop="
$q, dialogRemove($q, async () => await deleteData(props.row.id))
async () => await deleteData(props.row.id)
)
" "
v-close-popup v-close-popup
> >
<div class="row items-center white"> <q-tooltip>ลบข้อมูล</q-tooltip>
<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> </q-btn>
</q-td> </q-td>
</q-tr> </q-tr>

48
src/modules/01_metadataNew/components/insignia/InsigniaType.vue
View file

@ -246,18 +246,13 @@ async function onSubmit() {
</q-td> </q-td>
<q-td auto-width> <q-td auto-width>
<q-btn <q-btn
color="grey" color="edit"
flat flat
dense dense
round round
size="14px" class="q-mr-xs"
icon="more_vert" size="12px"
@click.stop icon="edit"
>
<q-menu>
<q-list dense>
<q-item
v-close-popup
clickable clickable
@click.stop=" @click.stop="
() => { () => {
@ -269,31 +264,22 @@ async function onSubmit() {
} }
" "
> >
<q-item-section> <q-tooltip>แก้ไขข้อมูล</q-tooltip>
<div class="row items-center white"> </q-btn>
<q-icon name="o_edit" color="positive" /> <q-btn
<span class="q-ml-sm">แก้ไข</span> color="red"
</div> flat
</q-item-section> dense
</q-item> round
<q-item clickable> size="12px"
<q-item-section icon="mdi-delete"
@click=" clickable
dialogRemove( @click.stop="
$q, dialogRemove($q, async () => await deleteData(props.row.id))
async () => await deleteData(props.row.id)
)
" "
v-close-popup v-close-popup
> >
<div class="row items-center white"> <q-tooltip>ลบข้อมูล</q-tooltip>
<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> </q-btn>
</q-td> </q-td>
</q-tr> </q-tr>

48
src/modules/01_metadataNew/components/personal/01ListPrefix.vue
View file

@ -200,18 +200,13 @@ onMounted(async () => {
</q-td> </q-td>
<q-td auto-width> <q-td auto-width>
<q-btn <q-btn
color="grey" color="edit"
flat flat
dense dense
round round
size="14px" class="q-mr-xs"
icon="more_vert" size="12px"
@click.stop icon="edit"
>
<q-menu>
<q-list dense>
<q-item
v-close-popup
clickable clickable
@click.stop=" @click.stop="
() => { () => {
@ -222,31 +217,22 @@ onMounted(async () => {
} }
" "
> >
<q-item-section> <q-tooltip>แก้ไขข้อมูล</q-tooltip>
<div class="row items-center white"> </q-btn>
<q-icon name="o_edit" color="positive" /> <q-btn
<span class="q-ml-sm">แก้ไข</span> color="red"
</div> flat
</q-item-section> dense
</q-item> round
<q-item clickable> size="12px"
<q-item-section icon="mdi-delete"
@click=" clickable
dialogRemove( @click.stop="
$q, dialogRemove($q, async () => await deleteData(props.row.id))
async () => await deleteData(props.row.id)
)
" "
v-close-popup v-close-popup
> >
<div class="row items-center white"> <q-tooltip>ลบข้อมูล</q-tooltip>
<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> </q-btn>
</q-td> </q-td>
</q-tr> </q-tr>

48
src/modules/01_metadataNew/components/personal/02ListRank.vue
View file

@ -182,18 +182,13 @@ onMounted(async () => {
</q-td> </q-td>
<q-td auto-width> <q-td auto-width>
<q-btn <q-btn
color="grey" color="edit"
flat flat
dense dense
round round
size="14px" class="q-mr-xs"
icon="more_vert" size="12px"
@click.stop icon="edit"
>
<q-menu>
<q-list dense>
<q-item
v-close-popup
clickable clickable
@click.stop=" @click.stop="
() => { () => {
@ -204,31 +199,22 @@ onMounted(async () => {
} }
" "
> >
<q-item-section> <q-tooltip>แก้ไขข้อมูล</q-tooltip>
<div class="row items-center white"> </q-btn>
<q-icon name="o_edit" color="positive" /> <q-btn
<span class="q-ml-sm">แก้ไข</span> color="red"
</div> flat
</q-item-section> dense
</q-item> round
<q-item clickable> size="12px"
<q-item-section icon="mdi-delete"
@click=" clickable
dialogRemove( @click.stop="
$q, dialogRemove($q, async () => await deleteData(props.row.id))
async () => await deleteData(props.row.id)
)
" "
v-close-popup v-close-popup
> >
<div class="row items-center white"> <q-tooltip>ลบข้อมูล</q-tooltip>
<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> </q-btn>
</q-td> </q-td>
</q-tr> </q-tr>

48
src/modules/01_metadataNew/components/personal/03ListBloodGroup.vue
View file

@ -182,18 +182,13 @@ onMounted(async () => {
</q-td> </q-td>
<q-td auto-width> <q-td auto-width>
<q-btn <q-btn
color="grey" color="edit"
flat flat
dense dense
round round
size="14px" class="q-mr-xs"
icon="more_vert" size="12px"
@click.stop icon="edit"
>
<q-menu>
<q-list dense>
<q-item
v-close-popup
clickable clickable
@click.stop=" @click.stop="
() => { () => {
@ -204,31 +199,22 @@ onMounted(async () => {
} }
" "
> >
<q-item-section> <q-tooltip>แก้ไขข้อมูล</q-tooltip>
<div class="row items-center white"> </q-btn>
<q-icon name="o_edit" color="positive" /> <q-btn
<span class="q-ml-sm">แก้ไข</span> color="red"
</div> flat
</q-item-section> dense
</q-item> round
<q-item clickable> size="12px"
<q-item-section icon="mdi-delete"
@click=" clickable
dialogRemove( @click.stop="
$q, dialogRemove($q, async () => await deleteData(props.row.id))
async () => await deleteData(props.row.id)
)
" "
v-close-popup v-close-popup
> >
<div class="row items-center white"> <q-tooltip>ลบข้อมูล</q-tooltip>
<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> </q-btn>
</q-td> </q-td>
</q-tr> </q-tr>

48
src/modules/01_metadataNew/components/personal/04ListGender.vue
View file

@ -182,18 +182,13 @@ onMounted(async () => {
</q-td> </q-td>
<q-td auto-width> <q-td auto-width>
<q-btn <q-btn
color="grey" color="edit"
flat flat
dense dense
round round
size="14px" class="q-mr-xs"
icon="more_vert" size="12px"
@click.stop icon="edit"
>
<q-menu>
<q-list dense>
<q-item
v-close-popup
clickable clickable
@click.stop=" @click.stop="
() => { () => {
@ -204,31 +199,22 @@ onMounted(async () => {
} }
" "
> >
<q-item-section> <q-tooltip>แก้ไขข้อมูล</q-tooltip>
<div class="row items-center white"> </q-btn>
<q-icon name="o_edit" color="positive" /> <q-btn
<span class="q-ml-sm">แก้ไข</span> color="red"
</div> flat
</q-item-section> dense
</q-item> round
<q-item clickable> size="12px"
<q-item-section icon="mdi-delete"
@click=" clickable
dialogRemove( @click.stop="
$q, dialogRemove($q, async () => await deleteData(props.row.id))
async () => await deleteData(props.row.id)
)
" "
v-close-popup v-close-popup
> >
<div class="row items-center white"> <q-tooltip>ลบข้อมูล</q-tooltip>
<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> </q-btn>
</q-td> </q-td>
</q-tr> </q-tr>

48
src/modules/01_metadataNew/components/personal/05ListReligion.vue
View file

@ -182,18 +182,13 @@ onMounted(async () => {
</q-td> </q-td>
<q-td auto-width> <q-td auto-width>
<q-btn <q-btn
color="grey" color="edit"
flat flat
dense dense
round round
size="14px" class="q-mr-xs"
icon="more_vert" size="12px"
@click.stop icon="edit"
>
<q-menu>
<q-list dense>
<q-item
v-close-popup
clickable clickable
@click.stop=" @click.stop="
() => { () => {
@ -204,31 +199,22 @@ onMounted(async () => {
} }
" "
> >
<q-item-section> <q-tooltip>แก้ไขข้อมูล</q-tooltip>
<div class="row items-center white"> </q-btn>
<q-icon name="o_edit" color="positive" /> <q-btn
<span class="q-ml-sm">แก้ไข</span> color="red"
</div> flat
</q-item-section> dense
</q-item> round
<q-item clickable> size="12px"
<q-item-section icon="mdi-delete"
@click=" clickable
dialogRemove( @click.stop="
$q, dialogRemove($q, async () => await deleteData(props.row.id))
async () => await deleteData(props.row.id)
)
" "
v-close-popup v-close-popup
> >
<div class="row items-center white"> <q-tooltip>ลบข้อมูล</q-tooltip>
<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> </q-btn>
</q-td> </q-td>
</q-tr> </q-tr>

49
src/modules/01_metadataNew/components/personal/06ListRelationship.vue
View file

@ -211,52 +211,39 @@ onMounted(async () => {
</q-td> </q-td>
<q-td auto-width> <q-td auto-width>
<q-btn <q-btn
color="grey" color="edit"
flat flat
dense dense
round round
size="14px" class="q-mr-xs"
icon="more_vert" size="12px"
@click.stop icon="edit"
>
<q-menu>
<q-list dense>
<q-item
v-close-popup
clickable clickable
@click.stop=" @click.stop="
() => { () => {
dialogStatus = 'edit'; dialogStatus = 'edit';
dialog = true; dialog = true;
relationship = props.row.name;
editId = props.row.id; editId = props.row.id;
} }
" "
> >
<q-item-section> <q-tooltip>แก้ไขข้อมูล</q-tooltip>
<div class="row items-center white"> </q-btn>
<q-icon name="o_edit" color="positive" /> <q-btn
<span class="q-ml-sm">แก้ไข</span> color="red"
</div> flat
</q-item-section> dense
</q-item> round
<q-item clickable> size="12px"
<q-item-section icon="mdi-delete"
@click=" clickable
dialogRemove( @click.stop="
$q, dialogRemove($q, async () => await deleteData(props.row.id))
async () => await deleteData(props.row.id)
)
" "
v-close-popup v-close-popup
> >
<div class="row items-center white"> <q-tooltip>ลบข้อมูล</q-tooltip>
<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> </q-btn>
</q-td> </q-td>
</q-tr> </q-tr>

48
src/modules/01_metadataNew/components/personal/07ListEducationLevel.vue
View file

@ -196,18 +196,13 @@ onMounted(async () => {
</q-td> </q-td>
<q-td auto-width> <q-td auto-width>
<q-btn <q-btn
color="grey" color="edit"
flat flat
dense dense
round round
size="14px" class="q-mr-xs"
icon="more_vert" size="12px"
@click.stop icon="edit"
>
<q-menu>
<q-list dense>
<q-item
v-close-popup
clickable clickable
@click.stop=" @click.stop="
() => { () => {
@ -219,31 +214,22 @@ onMounted(async () => {
} }
" "
> >
<q-item-section> <q-tooltip>แก้ไขข้อมูล</q-tooltip>
<div class="row items-center white"> </q-btn>
<q-icon name="o_edit" color="positive" /> <q-btn
<span class="q-ml-sm">แก้ไข</span> color="red"
</div> flat
</q-item-section> dense
</q-item> round
<q-item clickable> size="12px"
<q-item-section icon="mdi-delete"
@click=" clickable
dialogRemove( @click.stop="
$q, dialogRemove($q, async () => await deleteData(props.row.id))
async () => await deleteData(props.row.id)
)
" "
v-close-popup v-close-popup
> >
<div class="row items-center white"> <q-tooltip>ลบข้อมูล</q-tooltip>
<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> </q-btn>
</q-td> </q-td>
</q-tr> </q-tr>

42
src/modules/01_metadataNew/components/position/01ListPosition.vue
View file

@ -360,30 +360,34 @@ onMounted(() => {
</q-td> </q-td>
<q-td auto-width> <q-td auto-width>
<q-btn <q-btn
color="edit"
flat flat
dense dense
icon="mdi-dots-vertical" round
class="q-pa-none q-ml-xs" class="q-mr-xs"
color="grey-13" size="12px"
> icon="mdi-content-copy"
<q-menu anchor="bottom middle" self="top middle">
<q-list dense v-for="(item, index) in listMenu" :key="index">
<q-item
clickable clickable
v-close-popup @click.stop="
@click=" () => {
item.type === 'copy' copyDetiail(props.row);
? copyDetiail(props.row) }
: deletePos(props.row.id)
" "
> >
<q-item-section avatar> <q-tooltip>คัดลอกข้อมูล</q-tooltip>
<q-icon :color="item.color" :name="item.icon" size="sm" /> </q-btn>
</q-item-section> <q-btn
<q-item-section>{{ item.label }}</q-item-section> color="red"
</q-item> flat
</q-list> dense
</q-menu> round
size="12px"
icon="mdi-delete"
clickable
@click.stop="deletePos(props.row.id)"
v-close-popup
>
<q-tooltip>ลบข้อมูล</q-tooltip>
</q-btn> </q-btn>
</q-td> </q-td>
</q-tr> </q-tr>

48
src/modules/01_metadataNew/components/position/02ListType.vue
View file

@ -235,18 +235,13 @@ async function onSubmit() {
</q-td> </q-td>
<q-td auto-width> <q-td auto-width>
<q-btn <q-btn
color="grey" color="edit"
flat flat
dense dense
round round
size="14px" class="q-mr-xs"
icon="more_vert" size="12px"
@click.stop icon="edit"
>
<q-menu>
<q-list dense>
<q-item
v-close-popup
clickable clickable
@click.stop=" @click.stop="
() => { () => {
@ -258,31 +253,22 @@ async function onSubmit() {
} }
" "
> >
<q-item-section> <q-tooltip>แก้ไขข้อมูล</q-tooltip>
<div class="row items-center white"> </q-btn>
<q-icon name="o_edit" color="positive" /> <q-btn
<span class="q-ml-sm">แก้ไข</span> color="red"
</div> flat
</q-item-section> dense
</q-item> round
<q-item clickable> size="12px"
<q-item-section icon="mdi-delete"
@click=" clickable
dialogRemove( @click.stop="
$q, dialogRemove($q, async () => await deleteData(props.row.id))
async () => await deleteData(props.row.id)
)
" "
v-close-popup v-close-popup
> >
<div class="row items-center white"> <q-tooltip>ลบข้อมูล</q-tooltip>
<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> </q-btn>
</q-td> </q-td>
</q-tr> </q-tr>

47
src/modules/01_metadataNew/components/position/04ListExecutive.vue
View file

@ -10,10 +10,9 @@ import type {
import http from "@/plugins/http"; import http from "@/plugins/http";
import config from "@/app.config"; import config from "@/app.config";
import DialogAdd from '@/modules/01_metadataNew/components/position/DialogAddExecutive.vue' import DialogAdd from "@/modules/01_metadataNew/components/position/DialogAddExecutive.vue";
import { useCounterMixin } from "@/stores/mixin"; import { useCounterMixin } from "@/stores/mixin";
const $q = useQuasar(); const $q = useQuasar();
const mixin = useCounterMixin(); const mixin = useCounterMixin();
const { const {
@ -113,7 +112,7 @@ function deletePos(id: string) {
.delete(config.API.orgPosExecutiveById(id)) .delete(config.API.orgPosExecutiveById(id))
.then(() => { .then(() => {
success($q, "ลบข้อมูลสำเร็จ"); success($q, "ลบข้อมูลสำเร็จ");
getData() getData();
}) })
.catch((err) => { .catch((err) => {
messageError($q, err); messageError($q, err);
@ -199,30 +198,34 @@ onMounted(() => {
</q-td> </q-td>
<q-td auto-width> <q-td auto-width>
<q-btn <q-btn
color="edit"
flat flat
dense dense
icon="mdi-dots-vertical" round
class="q-pa-none q-ml-xs" class="q-mr-xs"
color="grey-13" size="12px"
> icon="edit"
<q-menu anchor="bottom middle" self="top middle">
<q-list dense v-for="(item, index) in listMenu" :key="index">
<q-item
clickable clickable
v-close-popup @click.stop="
@click=" () => {
item.type === 'copy' editPopUp(props.row);
? editPopUp(props.row) }
: deletePos(props.row.id)
" "
> >
<q-item-section avatar> <q-tooltip>แก้ไขข้อมูล</q-tooltip>
<q-icon :color="item.color" :name="item.icon" size="sm" /> </q-btn>
</q-item-section> <q-btn
<q-item-section>{{ item.label }}</q-item-section> color="red"
</q-item> flat
</q-list> dense
</q-menu> round
size="12px"
icon="mdi-delete"
clickable
@click.stop="deletePos(props.row.id)"
v-close-popup
>
<q-tooltip>ลบข้อมูล</q-tooltip>
</q-btn> </q-btn>
</q-td> </q-td>
</q-tr> </q-tr>

48
src/modules/01_metadataNew/components/position/05ListLevelDetail.vue
View file

@ -303,18 +303,13 @@ async function fetchName() {
</q-td> </q-td>
<q-td auto-width> <q-td auto-width>
<q-btn <q-btn
color="grey" color="edit"
flat flat
dense dense
round round
size="14px" class="q-mr-xs"
icon="more_vert" size="12px"
@click.stop icon="edit"
>
<q-menu>
<q-list dense>
<q-item
v-close-popup
clickable clickable
@click.stop=" @click.stop="
() => { () => {
@ -327,31 +322,22 @@ async function fetchName() {
} }
" "
> >
<q-item-section> <q-tooltip>แก้ไขข้อมูล</q-tooltip>
<div class="row items-center white"> </q-btn>
<q-icon name="o_edit" color="positive" /> <q-btn
<span class="q-ml-sm">แก้ไข</span> color="red"
</div> flat
</q-item-section> dense
</q-item> round
<q-item clickable> size="12px"
<q-item-section icon="mdi-delete"
@click=" clickable
dialogRemove( @click.stop="
$q, dialogRemove($q, async () => await deleteData(props.row.id))
async () => await deleteData(props.row.id)
)
" "
v-close-popup v-close-popup
> >
<div class="row items-center white"> <q-tooltip>ลบข้อมูล</q-tooltip>
<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> </q-btn>
</q-td> </q-td>
</q-tr> </q-tr>

48
src/modules/04_registryNew/components/registry/registry.vue
View file

@ -388,18 +388,13 @@ async function changeCardID(citizenId: string | number | null) {
</q-td> </q-td>
<q-td auto-width> <q-td auto-width>
<q-btn <q-btn
color="grey" color="edit"
flat flat
dense dense
round round
size="14px" class="q-mr-xs"
icon="more_vert" size="12px"
@click.stop icon="edit"
>
<q-menu>
<q-list dense>
<q-item
v-close-popup
clickable clickable
@click.stop=" @click.stop="
() => { () => {
@ -416,31 +411,22 @@ async function changeCardID(citizenId: string | number | null) {
} }
" "
> >
<q-item-section> <q-tooltip>แก้ไขข้อมูล</q-tooltip>
<div class="row items-center white"> </q-btn>
<q-icon name="o_edit" color="positive" /> <q-btn
<span class="q-ml-sm">แก้ไข</span> color="red"
</div> flat
</q-item-section> dense
</q-item> round
<q-item clickable> size="12px"
<q-item-section icon="mdi-delete"
@click=" clickable
dialogRemove( @click.stop="
$q, dialogRemove($q, async () => await deleteData(props.row.id))
async () => await deleteData(props.row.id)
)
" "
v-close-popup v-close-popup
> >
<div class="row items-center white"> <q-tooltip>ลบข้อมูล</q-tooltip>
<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> </q-btn>
</q-td> </q-td>
</q-tr> </q-tr>