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

ปรับ ui หน้า โครงสร้างอัตรากำลัง

Browse source
This commit is contained in:
Tanyalak 2024-02-05 17:08:24 +07:00
parent 8794346196
commit 47d68933b4
4 changed files with 89 additions and 53 deletions
Download patch file Download diff file Expand all files Collapse all files

33
src/modules/02_organizationalNew/views/main.vue
View file

@ -133,19 +133,21 @@ onMounted(async () => {
});
</script>
<template>
<div class="row">
<div class="toptitle text-dark row items-center">โครงสร้างอัตรากำลัง</div>
<div class="row items-center">
<div class="toptitle text-dark row items-center q-py-xs">โครงสร้างอัตรากำลัง</div>
<q-space />
<div class="toptitle row" v-if="store.typeOrganizational === 'draft'">
<div class="toptitle row items-center" v-if="store.typeOrganizational === 'draft'">
<div
v-if="store.isPublic && store.orgPublishDate"
class="q-pt-sm q-pr-sm text-caption"
class=" q-pr-md text-caption"
>
วันที่เผยแพร่
{{ date2Thai(store.orgPublishDate) }}
วันที่เผยแพร่ :
<strong>{{ date2Thai(store.orgPublishDate) }}</strong>
</div>
<q-btn
dense
class="q-px-md"
color="indigo-9"
icon="alarm"
label="ตั้งเวลาเผยแพร่"
@ -194,10 +196,12 @@ onMounted(async () => {
</div>
<div v-else>
<q-card class="my-card">
<q-card-section>
<q-toolbar class="q-gutter-md" style="padding: 0px">
<q-card-section class="q-pa-sm">
<q-toolbar class="q-gutter-md items-center" style="padding: 0px">
<q-btn-group outline>
<q-btn
dense
class="q-px-md"
:outline="store.typeOrganizational === 'current' ? false : true"
color="blue"
label="ปัจจุบัน"
@ -208,6 +212,8 @@ onMounted(async () => {
:disable="ishasActive"
/>
<q-btn
dense
class="q-px-md"
:outline="store.typeOrganizational === 'draft' ? false : true"
color="blue"
label="แบบร่าง"
@ -218,6 +224,8 @@ onMounted(async () => {
:disable="ishasDraft"
/>
<q-btn-dropdown
dense
class="q-px-md"
color="blue"
:label="labelHistory"
@click="store.typeOrganizational = 'old'"
@ -240,7 +248,7 @@ onMounted(async () => {
</q-btn-dropdown>
</q-btn-group>
<q-btn-dropdown color="green" label="เพิ่มโครงสร้าง">
<q-btn-dropdown dense unelevated class="q-px-md" color="green-6" label="เพิ่มโครงสร้าง">
<q-list>
<q-item
dense
@ -263,14 +271,15 @@ onMounted(async () => {
<q-space />
<q-btn
flat
round
dense
:color="store.statusView === 'list' ? 'grey-7' : 'grey-4'"
icon="list"
icon="mdi-file-tree"
@click="store.statusView = 'list'"
/>
<q-separator inset vertical/>
<q-btn
flat
round
dense
icon="mdi-sitemap"
:color="store.statusView === 'tree' ? 'grey-7' : 'grey-4'"
@click="store.statusView = 'tree'"