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

ปรับ css เพิ่มเติม

Browse source
This commit is contained in:
Tanyalak 2023-08-16 17:01:57 +07:00
parent 4bdbd6c0bc
commit df2dd3aa25
7 changed files with 27 additions and 57 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/interface/request/main/main.ts
View file

@ -364,11 +364,11 @@ const menuList = readonly<any[]>([
], ],
}, },
{ {
key: 10, key: 11,
icon: "o_contact_page", icon: "o_contact_page",
activeIcon: "contact_page", activeIcon: "contact_page",
label: "ทะเบียนประวัติลูกจ้าง", label: "ทะเบียนประวัติลูกจ้าง",
path: "registryEmployee", path: "employee",
role: "registryEmployee", role: "registryEmployee",
}, },
]); ]);

44
src/modules/04_registry/components/TableProfile.vue
View file

@ -117,17 +117,10 @@
</div> </div>
<q-separator color="blue-1" /> <q-separator color="blue-1" />
<div class="dialog-card-contain"> <div class="dialog-card-contain">
<q-card-section class="q-pa-md"> <q-card-section class="q-pa-sm">
<div class="row col-12 q-col-gutter-sm"> <div class="row col-12 q-col-gutter-xs">
<div
:class="
$q.screen.lt.md
? ' row col-12 q-col-gutter-xs'
: 'no-wrap row col-12 q-col-gutter-xs'
"
>
<selector <selector
class="col-3" class="col-4"
hide-bottom-space hide-bottom-space
:rules="[(val:string) => !!val || `${'กรุณาเลือก ประเภท'}`]" :rules="[(val:string) => !!val || `${'กรุณาเลือก ประเภท'}`]"
outlined outlined
@ -160,7 +153,7 @@
type="number" type="number"
/> />
<q-input <q-input
class="col-2" class="col-3"
clearable clearable
dense dense
outlined outlined
@ -187,7 +180,7 @@
}}</template> }}</template>
<template #trigger> <template #trigger>
<q-input <q-input
class="inputgreen cursor-pointer q-mb-sm" class="inputgreen cursor-pointer"
hide-bottom-space hide-bottom-space
outlined outlined
dense dense
@ -223,15 +216,6 @@
type="number" type="number"
@update:model-value="updateGovAge" @update:model-value="updateGovAge"
/> />
</div>
<div
:class="
$q.screen.lt.md
? ' row col-12 q-col-gutter-xs'
: 'no-wrap row col-12 q-col-gutter-xs'
"
>
<q-input <q-input
v-if="employeeClass == 'officer'" v-if="employeeClass == 'officer'"
clearable clearable
@ -266,7 +250,7 @@
hide-bottom-space hide-bottom-space
label="ตำแหน่งทางการบริหาร" label="ตำแหน่งทางการบริหาร"
@update:model-value="updatePositionExecutive" @update:model-value="updatePositionExecutive"
class="col-3" class="col-4"
/> />
<q-input <q-input
v-if="employeeClass != 'officer'" v-if="employeeClass != 'officer'"
@ -290,7 +274,7 @@
hide-bottom-space hide-bottom-space
label="ระดับชั้นงาน" label="ระดับชั้นงาน"
@update:model-value="updateEmployeeLevel" @update:model-value="updateEmployeeLevel"
class="col-3" class="col-4"
/> />
<q-input <q-input
clearable clearable
@ -303,14 +287,6 @@
@update:model-value="updatePosNo" @update:model-value="updatePosNo"
class="col-3" class="col-3"
/> />
</div>
<div
:class="
$q.screen.lt.md
? ' row col-12 q-col-gutter-xs'
: 'no-wrap row col-12 q-col-gutter-xs'
"
>
<datepicker <datepicker
class="col-2" class="col-2"
menu-class-name="modalfix" menu-class-name="modalfix"
@ -372,10 +348,9 @@
hide-bottom-space hide-bottom-space
label="ประเภทคำสั่ง" label="ประเภทคำสั่ง"
@update:model-value="updateReportType" @update:model-value="updateReportType"
class="col-3" class="col-4"
/> />
</div>
<div class="col-12 row items-center">
<q-toggle <q-toggle
dense dense
:model-value="isShowRetire" :model-value="isShowRetire"
@ -437,7 +412,6 @@
/> />
</div> </div>
</div> --> </div> -->
</div>
</q-card-section> </q-card-section>
</div> </div>
</div> </div>

5
src/modules/06_retirement/components/ListRetirement/AddList.vue
View file

@ -239,10 +239,9 @@ const paginationLabel = (start: number, end: number, total: number) => {
> >
<q-dialog v-model="modal"> <q-dialog v-model="modal">
<q-card style="width: 850px; max-width: 80vw" class="q-px-sm q-pb-md"> <q-card style="width: 850px; max-width: 80vw" class="q-pb-md">
<q-toolbar class="q-py-md"> <q-toolbar class="q-py-md">
<q-toolbar-title class="header-text text-weight-bolder" <q-toolbar-title class="text-h6">เพิ่มรายชื่อ
>เพิ่มรายชื่อ
</q-toolbar-title> </q-toolbar-title>
<q-btn <q-btn
icon="close" icon="close"

14
src/modules/08_registryEmployee/router.ts
View file

@ -5,7 +5,7 @@ import { defineAsyncComponent } from "vue";
// const Main = () => import("@/modules/08_registryEmployee/views/Main.vue"); // const Main = () => import("@/modules/08_registryEmployee/views/Main.vue");
// const Detail = () => import("@/modules/08_registryEmployee/views/Detail.vue"); // const Detail = () => import("@/modules/08_registryEmployee/views/Detail.vue");
const Main = defineAsyncComponent( const MainEmployee = defineAsyncComponent(
() => import("@/modules/08_registryEmployee/views/Main.vue") () => import("@/modules/08_registryEmployee/views/Main.vue")
); );
const Detail = defineAsyncComponent( const Detail = defineAsyncComponent(
@ -17,12 +17,12 @@ const EditDetail = defineAsyncComponent(
export default [ export default [
{ {
path: "/registryEmployee", path: "/employee",
name: "registryEmployee", name: "employee",
component: Main, component: MainEmployee,
meta: { meta: {
Auth: true, Auth: true,
Key: [9], Key: [11],
Role: "registryEmployee", Role: "registryEmployee",
}, },
}, },
@ -37,7 +37,7 @@ export default [
// }, // },
// }, // },
{ {
path: "/registryEmployee/add", path: "/employee/add",
name: "registryEmployeeAdd", name: "registryEmployeeAdd",
component: Detail, component: Detail,
meta: { meta: {
@ -47,7 +47,7 @@ export default [
}, },
}, },
{ {
path: "/registryEmployee/Edit/:Id", path: "/employee/Edit/:Id",
name: "registryEmployeeEdit", name: "registryEmployeeEdit",
component: EditDetail, component: EditDetail,
meta: { meta: {

4
src/modules/08_registryEmployee/views/EditDetail.vue
View file

@ -985,12 +985,12 @@ const Retire = async () => {
} }
.text-name { .text-name {
font-size: 1.5em; font-size: 1.3em;
overflow: hidden; overflow: hidden;
} }
.text-sub { .text-sub {
font-size: 1.5em; font-size: 1.3em;
overflow: hidden; overflow: hidden;
color: var(--q-primary); color: var(--q-primary);
} }

4
src/modules/08_registryEmployee/views/Main.vue
View file

@ -1349,13 +1349,13 @@ const clickClose = async () => {
const clickAdd = () => { const clickAdd = () => {
// modal.value = true; // modal.value = true;
router.push(`/registryEmployee/add`); router.push(`/employee/add`);
// router.push(`/placement/detail`); // router.push(`/placement/detail`);
}; };
// ดูรายการแก้ไขรายชื่อ // ดูรายการแก้ไขรายชื่อ
const redirectToPage = (profileId?: string) => { const redirectToPage = (profileId?: string) => {
router.push(`/registryEmployee/Edit/${profileId}`); router.push(`/employee/Edit/${profileId}`);
}; };
const editDetail = async (row: any) => { const editDetail = async (row: any) => {
await getPosition(row.id); await getPosition(row.id);

9
src/modules/08_registryEmployee/views/information.vue
View file

@ -11,8 +11,7 @@
:historyClick="clickHistory" :historyClick="clickHistory"
:addEmployee="statusAdd()" :addEmployee="statusAdd()"
/> />
<q-separator /> <q-form ref="myform" class="col-12 q-pt-md">
<q-form ref="myform" class="col-12">
<div class="row col-12 items-center q-col-gutter-x-sm q-col-gutter-y-sm"> <div class="row col-12 items-center q-col-gutter-x-sm q-col-gutter-y-sm">
<div class="col-xs-6 col-sm-3 col-md-3"> <div class="col-xs-6 col-sm-3 col-md-3">
<q-input <q-input
@ -342,10 +341,9 @@
) " ) "
/> />
</div> </div>
<div class="col-12 q-pt-md q-pb-sm"><q-separator /></div>
</div> </div>
</q-form> </q-form>
<div class="col-12 q-pt-md q-pb-sm"><q-separator /></div>
<HistoryTable <HistoryTable
:rows="rowsHistory" :rows="rowsHistory"
:columns="columnsHistory" :columns="columnsHistory"
@ -372,7 +370,7 @@
</q-tr> </q-tr>
</template> </template>
</HistoryTable> </HistoryTable>
<div class="row col-12 q-pa-sm"> <div class="row col-12">
<q-space /> <q-space />
<q-btn <q-btn
unelevated unelevated
@ -383,7 +381,6 @@
@click="saveData" @click="saveData"
/> />
</div> </div>
<q-separator />
</q-card> </q-card>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">