ปรับ kpi
This commit is contained in:
parent
228a48ea77
commit
0e3e977062
4 changed files with 109 additions and 94 deletions
|
|
@ -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"
|
||||
/>
|
||||
|
||||
|
|
|
|||
|
|
@ -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)"
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue