ปรับ kpi

This commit is contained in:
STW_TTTY\stwtt 2024-08-06 15:42:54 +07:00
parent 228a48ea77
commit 0e3e977062
4 changed files with 109 additions and 94 deletions

View file

@ -16,7 +16,7 @@ import DialogProblem from "@/modules/08_KPI/components/Tab/Dialog/DialogCommentP
import { useCounterMixin } from "@/stores/mixin";
import { useKpiDataStore } from "@/modules/08_KPI/store";
const checkDetail = ref<boolean>(false);
const $q = useQuasar();
const store = useKpiDataStore();
const route = useRoute();
@ -137,8 +137,9 @@ function onAdd(edit: boolean = false, id: string = "") {
}
function onClickView(id: string) {
checkDetail.value = true;
kpiUserPlannedId.value = id;
modalViewInfo.value = true;
modal.value = true;
}
async function onEvaluate() {
@ -250,7 +251,6 @@ const isEditStep3 = computed(() => {
round
icon="mdi-plus"
color="primary"
size="12px"
dense
@click="onAdd()"
>
@ -264,7 +264,6 @@ const isEditStep3 = computed(() => {
round
icon="mdi-clipboard-check-outline"
color="blue-5"
size="12px"
dense
@click="onEvaluate"
>
@ -306,11 +305,10 @@ const isEditStep3 = computed(() => {
round
icon="mdi-eye"
color="info"
size="12px"
dense
@click="onClickView(props.row.id)"
>
<q-tooltip>คำอธบายผลสำเรจของงาน</q-tooltip>
<q-tooltip>รายละเอยด</q-tooltip>
</q-btn></q-td
>
<q-td v-for="col in props.cols" :key="col.id">
@ -334,7 +332,10 @@ const isEditStep3 = computed(() => {
<div v-else-if="col.name === 'achievement'">
{{ props.row.point ? `ระดับ ${props.row.point}` : "" }}
</div>
<div v-else-if="col.name === 'includingName'" style="width: 200px; white-space: normal;">
<div
v-else-if="col.name === 'includingName'"
style="width: 200px; white-space: normal"
>
{{ props.row.includingName ? props.row.includingName : "-" }}
</div>
<div v-else-if="col.name === 'evaluationResults'">
@ -361,7 +362,6 @@ const isEditStep3 = computed(() => {
round
icon="mdi-developer-board"
color="blue-6"
size="12px"
dense
@click="openPopupProgress(props.row.id)"
>
@ -372,7 +372,6 @@ const isEditStep3 = computed(() => {
round
icon="warning"
color="red-5"
size="12px"
dense
main="problem"
@click="openPopupProblem(props.row.id)"
@ -387,7 +386,6 @@ const isEditStep3 = computed(() => {
round
icon="edit"
color="edit"
size="12px"
dense
@click="onAdd(true, props.row.id)"
>
@ -399,7 +397,6 @@ const isEditStep3 = computed(() => {
round
icon="delete"
color="red"
size="12px"
dense
@click="onDelete(props.row.id)"
>
@ -418,7 +415,6 @@ const isEditStep3 = computed(() => {
round
icon="info"
color="info"
size="14px"
@click="onClickView(props.row.id)"
>
<q-tooltip>คำอธบายผลสำเรจของงาน</q-tooltip>
@ -451,7 +447,6 @@ const isEditStep3 = computed(() => {
round
icon="mdi-developer-board"
color="blue-6"
size="12px"
dense
@click="openPopupProgress(props.row.id)"
>
@ -462,7 +457,6 @@ const isEditStep3 = computed(() => {
round
icon="warning"
color="red-5"
size="12px"
dense
main="problem"
@click="openPopupProblem(props.row.id)"
@ -477,7 +471,6 @@ const isEditStep3 = computed(() => {
round
icon="edit"
color="edit"
size="12px"
dense
@click="onAdd(true, props.row.id)"
>
@ -489,7 +482,6 @@ const isEditStep3 = computed(() => {
round
icon="delete"
color="red"
size="12px"
dense
@click="onDelete(props.row.id)"
>
@ -506,7 +498,8 @@ const isEditStep3 = computed(() => {
<Dialog
v-model:modal="modal"
:numpage="numpage"
:isStatusEdit="isStatusEdit"
v-model:isStatusEdit="isStatusEdit"
v-model:checkDetail="checkDetail"
:kpiUserPlannedId="kpiUserPlannedId"
/>

View file

@ -310,7 +310,6 @@ onMounted(() => {
round
icon="mdi-plus"
color="primary"
size="12px"
dense
@click="onAdd(item.id)"
>
@ -325,7 +324,6 @@ onMounted(() => {
round
icon="mdi-clipboard-check-outline"
color="blue-5"
size="12px"
dense
@click="onEvaluate(item.id)"
>
@ -372,14 +370,19 @@ onMounted(() => {
<q-tr :props="props" class="cursor-pointer">
<q-td auto-width>
<q-btn
v-if="isEditStep1"
flat
icon="mdi-eye"
color="info"
round
class="q-ml-xs"
@click="onAchievement(props.row.achievement)"
:icon="
item.id == 'HEAD' || item.id == 'GROUP' ? 'mdi-eye' : 'edit'
"
color="info"
@click.stop.pervent="onEdit(props.row, item.id)"
>
<q-tooltip>พฤตกรรมทคาดหว/พฤตกรรมยอย</q-tooltip>
<q-tooltip v-if="item.id == 'HEAD' || item.id == 'GROUP'"
>รายละเอยด</q-tooltip
>
<q-tooltip v-else>แก้ไข</q-tooltip>
</q-btn>
</q-td>
<q-td v-for="col in props.cols" :key="col.id">
@ -438,7 +441,6 @@ onMounted(() => {
round
icon="mdi-account-details"
color="blue-6"
size="12px"
dense
@click="openPopupProgress(props.row.id)"
>
@ -447,22 +449,6 @@ onMounted(() => {
</div>
<div v-if="isEditStep1">
<q-btn
flat
round
:icon="
item.id == 'HEAD' || item.id == 'GROUP'
? 'mdi-eye'
: 'edit'
"
color="info"
@click.stop.pervent="onEdit(props.row, item.id)"
>
<q-tooltip v-if="item.id == 'HEAD' || item.id == 'GROUP'"
>รายละเอยด</q-tooltip
>
<q-tooltip v-else>แก้ไข</q-tooltip>
</q-btn>
<q-btn
flat
round
@ -532,7 +518,6 @@ onMounted(() => {
round
icon="mdi-developer-board"
color="blue-6"
size="12px"
dense
@click="openPopupProgress(props.row.id)"
>
@ -543,7 +528,6 @@ onMounted(() => {
round
icon="warning"
color="red-5"
size="12px"
dense
main="problem"
@click="openPopupProblem(props.row.id)"