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

แก้ตาม เทส เเจ้ง

Browse source
This commit is contained in:
setthawutttty 2025-07-03 11:31:50 +07:00
parent a8c05ff7b1
commit 45b2c93768
2 changed files with 115 additions and 108 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/modules/01_masterdata/components/competency/Summary.vue
View file

@ -11,6 +11,11 @@ const $q = useQuasar();
const { messageError } = useCounterMixin(); const { messageError } = useCounterMixin();
const competencyTotal = ref<CompetencySumary[]>([ const competencyTotal = ref<CompetencySumary[]>([
{
value: "total",
label: "ทั้งหมด",
color: "red",
},
{ {
value: "HEAD", value: "HEAD",
label: "สมรรถนะหลัก", label: "สมรรถนะหลัก",
@ -26,11 +31,7 @@ const competencyTotal = ref<CompetencySumary[]>([
label: "สมรรถนะประจำผู้บริหารกรุงเทพมหานคร", label: "สมรรถนะประจำผู้บริหารกรุงเทพมหานคร",
color: "blue", color: "blue",
}, },
{
value: "total",
label: "ทั้งหมด",
color: "red",
},
{ {
value: "DIRECTOR", value: "DIRECTOR",
label: label:

212
src/modules/01_masterdata/views/Strategic.vue
View file

@ -178,38 +178,43 @@ onMounted(() => {
</script> </script>
<template> <template>
<div class="toptitle text-dark col-12 row items-center">ยุทธศาสตร์</div> <div class="toptitle text-dark col-12 row items-center">ยุทธศาสตร์</div>
<q-card flat bordered class="q-pa-md"> <q-card flat bordered>
<div class="row q-col-gutter-sm q-pl-sm"> <q-card-section class="text-primary q-pa-sm">
<q-toolbar class="text-primary q-gutter-x-sm"> <div class="q-gutter-x-sm row items-center">
<q-btn <div>
v-if="checkPermission($route)?.attrIsCreate" <q-btn
dense v-if="checkPermission($route)?.attrIsCreate"
flat dense
round flat
color="primary" round
icon="add" color="primary"
@click.stop="onClickAction('ADD')" icon="add"
> @click.stop="onClickAction('ADD')"
<q-tooltip>เพิ่มยุทธศาสตร์</q-tooltip> >
</q-btn> <q-tooltip>เพิ่มยุทธศาสตร์</q-tooltip>
<q-btn </q-btn>
round </div>
flat <div>
dense <q-btn
color="blue" round
icon="mdi-sort" flat
@click="modalSort = true,idSort = '',dataSort = nodes" dense
> color="blue"
<q-tooltip>จัดลำดับข้อมูล</q-tooltip></q-btn icon="mdi-sort"
> @click="(modalSort = true), (idSort = ''), (dataSort = nodes)"
>
<q-tooltip>จัดลำดับข้อมูล</q-tooltip></q-btn
>
</div>
<q-input dense outlined v-model="filter" label="ค้นหา"> <q-input dense outlined v-model="filter" label="ค้นหา">
<template v-slot:append> <template v-slot:append>
<q-icon name="search" /> <q-icon name="search" />
</template> </template>
</q-input> </q-input>
</q-toolbar> </div>
</div> </q-card-section>
<div class="bg-white tree-container q-pa-xs"> <q-separator inset />
<q-card-section class="scroll q-py-none" style="height: 75vh">
<q-tree <q-tree
class="q-pa-sm q-gutter-sm" class="q-pa-sm q-gutter-sm"
dense dense
@ -247,89 +252,90 @@ onMounted(() => {
icon="mdi-dots-vertical" icon="mdi-dots-vertical"
round round
> >
<q-menu> <q-menu
>
<q-list dense style="min-width: 100px"> <q-list dense style="min-width: 100px">
<q-item <q-item
v-if=" v-if="
prop.node.level !== 4 && prop.node.level !== 4 &&
checkPermission($route)?.attrIsCreate checkPermission($route)?.attrIsCreate
" "
clickable clickable
v-close-popup v-close-popup
@click.stop="onClickAction('ADD', prop.node)" @click.stop="onClickAction('ADD', prop.node)"
> >
<q-item-section avatar style="min-width: 20px"> <q-item-section avatar style="min-width: 20px">
<q-icon size="17px" :color="'primary'" :name="'add'" /> <q-icon size="17px" :color="'primary'" :name="'add'" />
</q-item-section> </q-item-section>
<q-item-section v-if="prop.node.level === 1"> <q-item-section v-if="prop.node.level === 1">
{{ `เพิ่มยุทธศาสตร์ 1` }} {{ `เพิ่มยุทธศาสตร์ 1` }}
</q-item-section> </q-item-section>
<q-item-section v-if="prop.node.level === 2"> <q-item-section v-if="prop.node.level === 2">
{{ `เพิ่มยุทธศาสตร์ย่อย` }} {{ `เพิ่มยุทธศาสตร์ย่อย` }}
</q-item-section> </q-item-section>
<q-item-section v-if="prop.node.level === 3"> <q-item-section v-if="prop.node.level === 3">
{{ `เพิ่มกลยุทธ์ที่/เป้าประสงค์` }} {{ `เพิ่มกลยุทธ์ที่/เป้าประสงค์` }}
</q-item-section> </q-item-section>
</q-item> </q-item>
<q-item <q-item
v-if=" v-if="
checkPermission($route)?.attrIsUpdate && checkPermission($route)?.attrIsUpdate &&
checkPermission($route)?.attrIsGet checkPermission($route)?.attrIsGet
" "
clickable clickable
v-close-popup v-close-popup
@click.stop="onClickAction('EDIT', prop.node)" @click.stop="onClickAction('EDIT', prop.node)"
> >
<q-item-section avatar style="min-width: 20px"> <q-item-section avatar style="min-width: 20px">
<q-icon size="17px" :color="'edit'" :name="'edit'" /> <q-icon size="17px" :color="'edit'" :name="'edit'" />
</q-item-section> </q-item-section>
<q-item-section v-if="prop.node.level === 1"> <q-item-section v-if="prop.node.level === 1">
{{ `แก้ไขยุทธศาสตร์/แผน` }} {{ `แก้ไขยุทธศาสตร์/แผน` }}
</q-item-section> </q-item-section>
<q-item-section v-if="prop.node.level === 2"> <q-item-section v-if="prop.node.level === 2">
{{ `แก้ไขยุทธศาสตร์ 1` }} {{ `แก้ไขยุทธศาสตร์ 1` }}
</q-item-section> </q-item-section>
<q-item-section v-if="prop.node.level === 3"> <q-item-section v-if="prop.node.level === 3">
{{ `แก้ไขยุทธศาสตร์ย่อย` }} {{ `แก้ไขยุทธศาสตร์ย่อย` }}
</q-item-section> </q-item-section>
<q-item-section v-if="prop.node.level === 4"> <q-item-section v-if="prop.node.level === 4">
{{ `แก้ไขกลยุทธ์ที่/เป้าประสงค์` }} {{ `แก้ไขกลยุทธ์ที่/เป้าประสงค์` }}
</q-item-section> </q-item-section>
</q-item> </q-item>
<q-item <q-item
v-if="prop.node.children.length !== 0" v-if="prop.node.children.length !== 0"
clickable clickable
v-close-popup v-close-popup
@click=" @click="
(modalSort = true), (modalSort = true),
(idSort = prop.node.id), (idSort = prop.node.id),
(dataSort = prop.node.children) (dataSort = prop.node.children)
" "
> >
<q-item-section avatar style="min-width: 20px"> <q-item-section avatar style="min-width: 20px">
<q-icon size="17px" :color="'blue'" :name="'mdi-sort'" /> <q-icon size="17px" :color="'blue'" :name="'mdi-sort'" />
</q-item-section> </q-item-section>
<q-item-section> จัดลำดับข้อมูล </q-item-section> <q-item-section> จัดลำดับข้อมูล </q-item-section>
</q-item> </q-item>
<q-item <q-item
v-if="checkPermission($route)?.attrIsDelete" v-if="checkPermission($route)?.attrIsDelete"
clickable clickable
v-close-popup v-close-popup
@click.stop="onClickAction('DEL', prop.node)" @click.stop="onClickAction('DEL', prop.node)"
> >
<q-item-section avatar style="min-width: 20px"> <q-item-section avatar style="min-width: 20px">
<q-icon size="17px" :color="'red'" :name="'delete'" /> <q-icon size="17px" :color="'red'" :name="'delete'" />
</q-item-section> </q-item-section>
<q-item-section> ลบข้อมูล </q-item-section> <q-item-section> ลบข้อมูล </q-item-section>
</q-item> </q-item>
</q-list> </q-list>
</q-menu> </q-menu>
</q-btn> </q-btn>
</q-item> </q-item>
</template> </template>
</q-tree> </q-tree>
</div> </q-card-section>
</q-card> </q-card>
<q-dialog v-model="modalDialog" persistent> <q-dialog v-model="modalDialog" persistent>