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

UI ประเมิณ

Browse source
This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2024-05-27 16:43:40 +07:00
parent 93bdc791dc
commit 870625aecb
3 changed files with 172 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

132
src/modules/08_KPI/components/Tab/Topic/03_Develop.vue
View file

@ -227,7 +227,7 @@ onMounted(() => {
</div>
</q-card-section>
<q-card-section class="q-pa-sm">
<q-table
<d-table
ref="table"
:columns="columns"
:rows="rows"
@ -361,7 +361,135 @@ onMounted(() => {
</q-td>
</q-tr>
</template>
</q-table>
<template #item="props">
<div class="q-pa-xs col-xs-12 col-sm-6 col-md-4 col-lg-3">
<q-card bordered flat>
<q-list>
<q-item
v-for="col in props.cols.filter((col:any) => col.name !== 'desc')"
:key="col.name"
>
<q-item-section>
<q-item-label caption>{{ col.label }}</q-item-label>
<q-item-label v-if="col.name == 'createDate'">
{{ col.value ? date2Thai(col.value) : "-" }}
</q-item-label>
<q-item-label v-else-if="col.name == 'develop'">
<div class="column">
<q-checkbox
size="xs"
:model-value="props.row.isDevelopment70"
label="70 การลงมือปฏิบัติ (โดยผู้บังคับบัญชามอบหมาย)"
/>
<q-checkbox
size="xs"
:model-value="props.row.isDevelopment20"
label="20 การเรียนรู้จากผู้อื่น (Coach/Mentor/Consulting)"
/>
<q-checkbox
size="xs"
:model-value="props.row.isDevelopment10"
label="10 การฝึกอบรมอื่นๆ"
/>
</div>
</q-item-label>
<q-item-label v-else-if="col.name == 'achievement'">
<q-btn-group outline>
<q-btn
outline
color="grey-6"
label="0"
:class="props.row.summary == 0 && 'active'"
><q-tooltip>{{
props.row.achievement0
}}</q-tooltip></q-btn
>
<q-btn
outline
color="grey-6"
label="5"
:class="props.row.summary == 5 && 'active'"
><q-tooltip>{{
props.row.achievement5
}}</q-tooltip></q-btn
>
<q-btn
outline
color="grey-6"
label="10"
:class="props.row.summary == 10 && 'active'"
><q-tooltip>{{
props.row.achievement10
}}</q-tooltip></q-btn
>
</q-btn-group>
</q-item-label>
<q-item-label v-else-if="col.name == 'summary'">
{{ props.row.summary ? props.row.summary : 0 }}
</q-item-label>
<q-item-label v-else>
{{ col.value ? col.value : "-" }}
</q-item-label>
</q-item-section>
</q-item>
</q-list>
<q-separator />
<q-card-actions
align="around"
v-if="
store.dataEvaluation.evaluationStatus == 'APPROVE' &&
store.tabMain === '2'
"
>
<q-btn
flat
round
icon="mdi-developer-board"
color="blue-6"
size="12px"
dense
@click="openPopupProgress(props.row.id)"
>
<q-tooltip>รายงานความก้าวหน้า</q-tooltip>
</q-btn>
<q-btn
flat
round
icon="warning"
color="red-5"
size="12px"
dense
main="problem"
@click="openPopupProblem(props.row.id)"
>
<q-tooltip>รายงานปัญหา</q-tooltip>
</q-btn>
</q-card-actions>
<q-card-actions align="around" v-if="isEditStep1">
<q-btn
flat
round
icon="edit"
color="edit"
@click.stop.pervent="onEdit(props.row.id)"
>
<q-tooltip>แก้ไข </q-tooltip>
</q-btn>
<q-btn
flat
round
icon="delete"
color="red"
@click.stop.pervent="onDelete(props.row.id)"
>
<q-tooltip>ลบข้อมูล </q-tooltip>
</q-btn>
</q-card-actions>
</q-card>
</div>
</template>
</d-table>
</q-card-section>
</q-card>