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

icon

Browse source
This commit is contained in:
STW_TTTY\stwtt 2024-04-10 10:07:41 +07:00
parent 5356cb37e3
commit 3e25bb4da8
1 changed files with 30 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

46
src/modules/08_KPI/views/form.vue
View file

@ -1,7 +1,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref, onMounted, reactive } from "vue"; import { ref, onMounted, reactive } from "vue";
import { useRoute, useRouter } from "vue-router"; import { useRoute, useRouter } from "vue-router";
import TabMain from '@/modules/08_KPI/views/TabMain.vue' import TabMain from "@/modules/08_KPI/views/TabMain.vue";
import http from "@/plugins/http"; import http from "@/plugins/http";
import config from "@/app.config"; import config from "@/app.config";
@ -10,14 +10,13 @@ import { useQuasar } from "quasar";
import type { FormProfile } from "@/modules/08_KPI/interface/request/index"; import type { FormProfile } from "@/modules/08_KPI/interface/request/index";
const route = useRoute() const route = useRoute();
const id = route.params.id as string; const id = route.params.id as string;
const $q = useQuasar(); const $q = useQuasar();
const mixin = useCounterMixin(); const mixin = useCounterMixin();
const { showLoader, hideLoader, messageError } = mixin; const { showLoader, hideLoader, messageError } = mixin;
const formProfile = reactive<FormProfile>({ const formProfile = reactive<FormProfile>({
fullName: "นางสาวกัณฐิมา กาฬสินธุ์", fullName: "นางสาวกัณฐิมา กาฬสินธุ์",
prefix: "นางสาว", prefix: "นางสาว",
@ -50,9 +49,7 @@ function getProfile() {
} }
/** save */ /** save */
function onSave(){ function onSave() {}
}
onMounted(() => { onMounted(() => {
getProfile(); getProfile();
@ -73,9 +70,11 @@ onMounted(() => {
class="q-mr-sm" class="q-mr-sm"
@click="router.push(`/KPI`)" @click="router.push(`/KPI`)"
/> />
{{ id ? `แก้ไขแบบประเมิน`:`เพิ่มแบบประเมิน` }} {{ id ? `แก้ไขแบบประเมิน` : `เพิ่มแบบประเมิน` }}
<q-space/> <q-space />
<q-btn label="บันทึก" color="secondary" unelevated @click="onSave"><q-tooltip>บันทึก</q-tooltip></q-btn> <q-btn label="บันทึก" color="secondary" unelevated @click="onSave"
><q-tooltip>บันทึก</q-tooltip></q-btn
>
</div> </div>
<div class="col-12"> <div class="col-12">
<q-card bordered flatclass="relative-position"> <q-card bordered flatclass="relative-position">
@ -97,8 +96,13 @@ onMounted(() => {
> >
<q-tooltip>ดูข้อมูลการช่วยราชการ</q-tooltip> <q-tooltip>ดูข้อมูลการช่วยราชการ</q-tooltip>
</q-btn> </q-btn>
<q-btn unelevated round color="grey-2" text-color="blue-5"> <q-btn
<q-icon name="mdi-briefcase-eye-outline" /> unelevated
round
color="grey-2"
text-color="blue-5"
icon="mdi-file-eye-outline"
>
<q-tooltip>ดูข้อมูลการทดลองงาน</q-tooltip> <q-tooltip>ดูข้อมูลการทดลองงาน</q-tooltip>
</q-btn> </q-btn>
</div> </div>
@ -120,31 +124,41 @@ onMounted(() => {
<div class="col-2"> <div class="col-2">
<div class="column"> <div class="column">
<span class="text-grey-6">ตำแหน่งในสายงาน</span> <span class="text-grey-6">ตำแหน่งในสายงาน</span>
<span class="text-weight-bold">{{ formProfile.position }}</span> <span class="text-weight-bold">{{
formProfile.position
}}</span>
</div> </div>
</div> </div>
<div class="col-2"> <div class="col-2">
<div class="column"> <div class="column">
<span class="text-grey-6">ประเภท</span> <span class="text-grey-6">ประเภท</span>
<span class="text-weight-bold">{{ formProfile.type }}</span> <span class="text-weight-bold">{{
formProfile.type
}}</span>
</div> </div>
</div> </div>
<div class="col-2"> <div class="col-2">
<div class="column"> <div class="column">
<span class="text-grey-6">ระดับชั้นงาน</span> <span class="text-grey-6">ระดับชั้นงาน</span>
<span class="text-weight-bold">{{ formProfile.level }}</span> <span class="text-weight-bold">{{
formProfile.level
}}</span>
</div> </div>
</div> </div>
<div class="col-2"> <div class="col-2">
<div class="column"> <div class="column">
<span class="text-grey-6">สถานะการประเมิน</span> <span class="text-grey-6">สถานะการประเมิน</span>
<span class="text-weight-bold">{{ formProfile.status }}</span> <span class="text-weight-bold">{{
formProfile.status
}}</span>
</div> </div>
</div> </div>
<div class="col-2"> <div class="col-2">
<div class="column"> <div class="column">
<span class="text-grey-6">คะแนนประเมิน</span> <span class="text-grey-6">คะแนนประเมิน</span>
<span class="text-weight-bold text-primary">{{ formProfile.score }}</span> <span class="text-weight-bold text-primary">{{
formProfile.score
}}</span>
</div> </div>
</div> </div>
</div> </div>