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

ข้อมูลการประเมิณ => ปรับ form Dialog

Browse source
This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2024-06-11 13:16:30 +07:00
parent 6f9a82faa3
commit dafe59cf27
8 changed files with 619 additions and 633 deletions
Download patch file Download diff file Expand all files Collapse all files

41
src/modules/01_metadataNew/components/Indicators/indicatorByPlan/IndicatorByPlan.vue
View file

@ -1,3 +1,4 @@
divdivdivdivdivdivdiv
<script setup lang="ts"> <script setup lang="ts">
import { ref, reactive, onMounted } from "vue"; import { ref, reactive, onMounted } from "vue";
import { QForm, useQuasar } from "quasar"; import { QForm, useQuasar } from "quasar";
@ -264,8 +265,9 @@ onMounted(() => {
</script> </script>
<template> <template>
<q-card>
<q-form @submit.prevent greedy @validation-success="onSubmit()"> <q-form @submit.prevent greedy @validation-success="onSubmit()">
<div> <q-card-section>
<div class="row q-col-gutter-md q-pa-md"> <div class="row q-col-gutter-md q-pa-md">
<div class="col-2" v-if="editCheck"> <div class="col-2" v-if="editCheck">
<q-input <q-input
@ -408,7 +410,9 @@ onMounted(() => {
bg-color="white" bg-color="white"
dense dense
class="inputgreen" class="inputgreen"
:rules="[(val) => !!val || `${'กรุณากรอกผลสำเร็จของงาน'}`]" :rules="[
(val) => !!val || `${'กรุณากรอกผลสำเร็จของงาน'}`,
]"
hide-bottom-space hide-bottom-space
/> />
</div> </div>
@ -425,7 +429,9 @@ onMounted(() => {
bg-color="white" bg-color="white"
dense dense
class="inputgreen" class="inputgreen"
:rules="[(val) => !!val || `${'กรุณากรอกผลสำเร็จของงาน'}`]" :rules="[
(val) => !!val || `${'กรุณากรอกผลสำเร็จของงาน'}`,
]"
hide-bottom-space hide-bottom-space
/> />
</div> </div>
@ -442,7 +448,9 @@ onMounted(() => {
bg-color="white" bg-color="white"
dense dense
class="inputgreen" class="inputgreen"
:rules="[(val) => !!val || `${'กรุณากรอกผลสำเร็จของงาน'}`]" :rules="[
(val) => !!val || `${'กรุณากรอกผลสำเร็จของงาน'}`,
]"
hide-bottom-space hide-bottom-space
/> />
</div> </div>
@ -459,7 +467,9 @@ onMounted(() => {
bg-color="white" bg-color="white"
dense dense
class="inputgreen" class="inputgreen"
:rules="[(val) => !!val || `${'กรุณากรอกผลสำเร็จของงาน'}`]" :rules="[
(val) => !!val || `${'กรุณากรอกผลสำเร็จของงาน'}`,
]"
hide-bottom-space hide-bottom-space
/> />
</div> </div>
@ -476,7 +486,9 @@ onMounted(() => {
bg-color="white" bg-color="white"
dense dense
class="inputgreen" class="inputgreen"
:rules="[(val) => !!val || `${'กรุณากรอกผลสำเร็จของงาน'}`]" :rules="[
(val) => !!val || `${'กรุณากรอกผลสำเร็จของงาน'}`,
]"
hide-bottom-space hide-bottom-space
/> />
</div> </div>
@ -649,22 +661,15 @@ onMounted(() => {
></q-input> ></q-input>
</div> </div>
</div> </div>
</q-card-section>
<q-separator color="grey-4" /> <q-separator color="grey-4" />
</div> <q-card-actions align="right">
<q-toolbar class="fit row wrap justify-end items-start content-start"> <q-btn label="บันทึก" id="onSubmit" type="submit" color="public">
<q-btn
dense
unelevated
label="บันทึก"
id="onSubmit"
type="submit"
color="public"
class="q-px-md"
>
<q-tooltip>บันทึกข้อมูล</q-tooltip> <q-tooltip>บันทึกข้อมูล</q-tooltip>
</q-btn> </q-btn>
</q-toolbar> </q-card-actions>
</q-form> </q-form>
</q-card>
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>

4
src/modules/01_metadataNew/components/competency/02ListLinkPosition.vue
View file

@ -337,12 +337,10 @@ onMounted(async () => {
/> />
</q-card-section> </q-card-section>
<q-separator /> <q-separator />
<q-card-actions align="right" class="bg-white text-teal"> <q-card-actions align="right">
<q-btn <q-btn
type="submit" type="submit"
for="#submitForm" for="#submitForm"
unelevated
dense
class="q-px-md items-center" class="q-px-md items-center"
color="public" color="public"
label="บันทึก" label="บันทึก"

4
src/modules/01_metadataNew/components/competency/03ListLinkGroup.vue
View file

@ -571,12 +571,10 @@ onMounted(async () => {
</div> </div>
</q-card-section> </q-card-section>
<q-separator /> <q-separator />
<q-card-actions align="right" class="bg-white text-teal"> <q-card-actions align="right">
<q-btn <q-btn
type="submit" type="submit"
for="#submitForm" for="#submitForm"
unelevated
dense
class="q-px-md items-center" class="q-px-md items-center"
color="public" color="public"
label="บันทึก" label="บันทึก"

13
src/modules/01_metadataNew/components/competency/04ListCriteria.vue
View file

@ -67,9 +67,11 @@ onMounted(() => {
</script> </script>
<template> <template>
<q-card flat bordered> <q-card>
<q-form greedy @submit.prevent @validation-success="onSubmit"> <q-form greedy @submit.prevent @validation-success="onSubmit">
<q-card-section class="bg-grey-3 q-pa-sm"> <q-card-section>
<q-card flat bordered>
<q-card-section class="bg-grey-3">
<div class="row text-dark text-body2 text-weight-medium"> <div class="row text-dark text-body2 text-weight-medium">
<div class="text-center col-8">เกณฑ์การประเมิน</div> <div class="text-center col-8">เกณฑ์การประเมิน</div>
<div class="text-center col-4">ระดับคะแนน</div> <div class="text-center col-4">ระดับคะแนน</div>
@ -143,7 +145,12 @@ onMounted(() => {
</div> </div>
</div> </div>
</q-card-section> </q-card-section>
<q-card-actions align="right" class="bg-white text-teal"> </q-card>
</q-card-section>
<q-separator />
<q-card-actions align="right">
<q-btn label="บันทึก" color="secondary" type="submit" <q-btn label="บันทึก" color="secondary" type="submit"
><q-tooltip>บันทึกข้อมูล</q-tooltip></q-btn ><q-tooltip>บันทึกข้อมูล</q-tooltip></q-btn
> >

21
src/modules/01_metadataNew/components/competency/AddPage.vue
View file

@ -3,11 +3,7 @@ import { ref, reactive } from "vue";
import { useRouter } from "vue-router"; import { useRouter } from "vue-router";
import Main from "@/modules/01_metadataNew/components/competency/Forms/Main.vue"; import Main from "@/modules/01_metadataNew/components/competency/Forms/Main.vue";
// import FormMain from "@/modules/14_KPI/components/competency/Forms/01_FormMain.vue";
// import FormGroup from "@/modules/14_KPI/components/competency/Forms/02_FormGroup.vue";
// import FormExecutive from "@/modules/14_KPI/components/competency/Forms/03_FormExecutive.vue";
// import FormExecutivePosition from "@/modules/14_KPI/components/competency/Forms/04_FormExecutivePosition.vue";
// import FormExecutiveLevel from "@/modules/14_KPI/components/competency/Forms/05_FormExecutiveLevel.vue";
import { useKPIDataStore } from "@/modules/01_metadataNew/stores/KPIStore"; import { useKPIDataStore } from "@/modules/01_metadataNew/stores/KPIStore";
import type { DataOption } from "@/modules/01_metadataNew/interface/index/Main"; import type { DataOption } from "@/modules/01_metadataNew/interface/index/Main";
@ -88,11 +84,9 @@ function onSubmit() {
/> />
<span class="toptitle text-dark">เพิ่ม/แก้ไขสมรรถนะ</span> <span class="toptitle text-dark">เพิ่ม/แก้ไขสมรรถนะ</span>
</div> </div>
<q-card flat bordered> <q-card>
<!-- @submit.prevent @validation-success="onSubmit" -->
<!-- <q-form greedy> -->
<q-card-section> <q-card-section>
<div class="row q-col-gutter-sm"> <div class="row">
<div class="col-12"> <div class="col-12">
<q-select <q-select
v-model="store.competencyTypeVal" v-model="store.competencyTypeVal"
@ -106,16 +100,11 @@ function onSubmit() {
map-options map-options
:rules="[(val:string) => !!val || `${'กรุณาเลือกประเภทสมรรถนะ'}`,]" :rules="[(val:string) => !!val || `${'กรุณาเลือกประเภทสมรรถนะ'}`,]"
hide-bottom-space hide-bottom-space
class="inputgreen"
/> />
</div> </div>
<Main />
<!-- <FormMain v-if="store.competencyType === 'ID1'" />
<FormGroup v-else-if="store.competencyType === 'ID2'" />
<FormExecutive v-else-if="store.competencyType === 'ID3'" />
<FormExecutivePosition v-else-if="store.competencyType === 'ID4'" />
<FormExecutiveLevel v-else-if="store.competencyType === 'ID5'" /> -->
</div> </div>
</q-card-section> </q-card-section>
<Main />
</q-card> </q-card>
</template> </template>

31
src/modules/01_metadataNew/components/competency/Forms/Main.vue
View file

@ -1,4 +1,3 @@
div
<script setup lang="ts"> <script setup lang="ts">
import { ref, reactive, onMounted } from "vue"; import { ref, reactive, onMounted } from "vue";
import { useRouter, useRoute } from "vue-router"; import { useRouter, useRoute } from "vue-router";
@ -107,7 +106,8 @@ onMounted(() => {
<template> <template>
<q-form greedy @submit.prevent @validation-success="onSubmit" class="col-12"> <q-form greedy @submit.prevent @validation-success="onSubmit" class="col-12">
<div class="row"> <q-card-section class="q-pt-none">
<div class="row q-col-gutter-sm">
<div class="col-12"> <div class="col-12">
<q-input <q-input
v-model="formData.competencyName" v-model="formData.competencyName"
@ -116,10 +116,11 @@ onMounted(() => {
label="ชื่อสมรรถนะ" label="ชื่อสมรรถนะ"
:rules="[(val:string) => !!val || `${'กรุณากรอกชื่อสมรรถนะ'}`,]" :rules="[(val:string) => !!val || `${'กรุณากรอกชื่อสมรรถนะ'}`,]"
hide-bottom-space hide-bottom-space
class="inputgreen"
/> />
</div> </div>
<q-card-section class="col-12 q-px-none">
<div> <div class="col-12">
<q-field <q-field
class="q_field_p_none" class="q_field_p_none"
ref="fieldRef" ref="fieldRef"
@ -162,7 +163,7 @@ onMounted(() => {
</template> </template>
</q-field> </q-field>
</div> </div>
</q-card-section>
<div class="col-12"> <div class="col-12">
<q-card flat bordered> <q-card flat bordered>
<q-card-section class="bg-grey-4"> <q-card-section class="bg-grey-4">
@ -275,20 +276,16 @@ onMounted(() => {
</q-card-section> </q-card-section>
</q-card> </q-card>
</div> </div>
<div class="col-12 q-my-sm"><q-separator /></div> </div>
<div class="col-12 row justify-end"> </q-card-section>
<q-btn
dense <div class="col-12"><q-separator /></div>
unelevated
label="บันทึก" <q-card-actions align="right">
color="public" <q-btn label="บันทึก" color="public" class="q-px-md" type="submit">
class="q-px-md"
type="submit"
>
<q-tooltip>บันทึกข้อมูล</q-tooltip> <q-tooltip>บันทึกข้อมูล</q-tooltip>
</q-btn> </q-btn>
</div> </q-card-actions>
</div>
</q-form> </q-form>
</template> </template>

2
src/modules/01_metadataNew/interface/request/Main.ts
View file

@ -28,7 +28,7 @@ interface FormDataRole {
includingName: string; includingName: string;
target: string; target: string;
unit: string; unit: string;
weight: string; weight: string | null;
meaning: string; meaning: string;
formula: string; formula: string;
documentInfoEvidence: string; documentInfoEvidence: string;

16
src/modules/01_metadataNew/views/Strategic.vue
View file

@ -328,8 +328,8 @@ onMounted(() => {
/> />
<q-separator /> <q-separator />
<q-card-section class="q-pt-none"> <q-card-section>
<div class="row q-pa-md"> <div class="row">
<div class="col"> <div class="col">
<q-input <q-input
dense dense
@ -349,16 +349,8 @@ onMounted(() => {
</q-card-section> </q-card-section>
<q-separator /> <q-separator />
<q-card-actions align="right" class="bg-white text-teal"> <q-card-actions align="right">
<q-btn <q-btn label="บันทึก" id="onSubmit" type="submit" color="public">
dense
unelevated
label="บันทึก"
id="onSubmit"
type="submit"
color="public"
class="q-px-md"
>
<q-tooltip>บันทึกข้อมูล</q-tooltip> <q-tooltip>บันทึกข้อมูล</q-tooltip>
</q-btn> </q-btn>
</q-card-actions> </q-card-actions>