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