ย้าย code ส่วนที่อยู่ในข้อมูลหลักไว้ module 01_metadataNew (ตัวชี้วัด, สมรรถนะ, ยุทธศาสตร์)

This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2024-05-08 10:48:10 +07:00
parent 10a34f7ba5
commit 94b67c81ec
29 changed files with 698 additions and 214 deletions

View file

@ -110,7 +110,7 @@ const menuList = readonly<any[]>([
{
key: 2.0,
label: "ยุทธศาสตร์",
path: "developmentStrategic",
path: "strategic",
role: "development",
},
],

View file

@ -0,0 +1,65 @@
<script setup lang="ts">
import { ref } from "vue";
import type { QTableProps } from "quasar";
import DialogHeader from "@/components/DialogHeader.vue";
const modal = defineModel<boolean>("modal", { required: true });
const rows = ref<any[]>([]);
const visibleColumns = ref<string[]>(["fullName"]);
const columns = ref<QTableProps["columns"]>([
{
name: "fullName",
align: "left",
label: "ชื่อ",
sortable: true,
field: "fullName",
headerStyle: "font-size: 14px",
style: "font-size: 14px",
},
]);
function close() {
modal.value = false;
}
</script>
<template>
<q-dialog persistent v-model="modal">
<q-card style="min-width: 50vw">
<DialogHeader tittle="ประวัติการแก้ไข" :close="close" />
<q-separator />
<q-card-section>
<d-table
for="table"
ref="table"
:columns="columns"
:rows="rows"
row-key="id"
flat
bordered
dense
class="custom-header-table"
:rows-per-page-options="[10, 25, 50, 100]"
:visible-columns="visibleColumns"
>
<template v-slot:header="props">
<q-tr :props="props">
<q-th v-for="col in props.cols" :key="col.name" :props="props">
<span class="text-weight-medium">{{ col.label }}</span>
</q-th>
<q-th auto-width />
</q-tr>
</template>
<template v-slot:body="props">
<q-tr :props="props" class="cursor-pointer">
<q-td v-for="col in props.cols" :key="col.name" :props="props">
<div class="table_ellipsis">
{{ col.value ? col.value : "-" }}
</div>
</q-td>
</q-tr>
</template>
</d-table>
</q-card-section>
</q-card>
</q-dialog>
</template>

View file

@ -3,7 +3,7 @@ import { ref } from "vue";
import { useRouter, useRoute } from "vue-router";
import IndicatorByPlan from "@/modules/14_KPI/components/indicatorByPlan/IndicatorByPlan.vue";
import IndicatorByPlan from "@/modules/01_metadataNew/components/Indicators/indicatorByPlan/IndicatorByPlan.vue";
const router = useRouter();
const route = useRoute();

View file

@ -6,7 +6,7 @@ import config from "@/app.config";
import http from "@/plugins/http";
/** importType*/
import type { DataOption } from "@/modules/14_KPI/interface/index/Main";
import type { DataOption } from "@/modules/01_metadataNew/interface/index/Main";
/** importStore*/
import { usePositionEmp } from "@/modules/16_positionEmployee/store/organizational";

View file

@ -1,5 +1,5 @@
<script setup lang="ts">
import { ref, reactive, onMounted, watch } from "vue";
import { ref, reactive, onMounted } from "vue";
import { useQuasar } from "quasar";
import { useRouter, useRoute } from "vue-router";
import http from "@/plugins/http";
@ -7,8 +7,8 @@ import config from "@/app.config";
import { useCounterMixin } from "@/stores/mixin";
import type { FormDataRole } from "@/modules/14_KPI/interface/request/Main";
import type { DataOption } from "@/modules/14_KPI/interface/index/Main";
import type { FormDataRole } from "@/modules/01_metadataNew/interface/request/Main";
import type { DataOption } from "@/modules/01_metadataNew/interface/index/Main";
const $q = useQuasar();
const route = useRoute();
@ -125,7 +125,7 @@ function onSubmit() {
: config.API.kpiRoleMainList;
const body = {
year: form.year == 0 ? null:form.year,
year: form.year == 0 ? null : form.year,
position: form.position, //
period: form.round, //(->APR, ->OCT)
includingName: form.includingName, //
@ -249,20 +249,6 @@ function updateSelected(data: any) {
form.orgRevisionId = data.orgRevisionId;
}
function statusTothai(val: string) {
switch (val) {
case "SPECIAL":
return "รอบพิเศษ";
case "APR":
return "รอบเมษายน";
case "OCT":
return "รอบตุลาคม";
default:
return "-";
}
}
function onResize(size: any) {
heightSize.value = `${size.height - 99}`;
}
@ -627,15 +613,15 @@ onMounted(() => {
/>
</div>
<div class="col-12">
<q-input
class="inputgreen"
v-model="form.documentInfoEvidence"
label="ข้อมูลเอกสารหลักฐาน"
outlined
dense
type="textarea"
></q-input>
</div>
<q-input
class="inputgreen"
v-model="form.documentInfoEvidence"
label="ข้อมูลเอกสารหลักฐาน"
outlined
dense
type="textarea"
></q-input>
</div>
</div>
</q-card-section>
<q-separator />

View file

@ -4,17 +4,17 @@ import type { QTableProps } from "quasar";
import { useCounterMixin } from "@/stores/mixin";
import { useQuasar } from "quasar";
import { useRouter } from "vue-router";
import type { DataOption } from "@/modules/14_KPI/interface/index/Main";
import type { FormQueryCapacity } from "@/modules/14_KPI/interface/request/Main";
import type { ResDataCapacity } from "@/modules/14_KPI/interface/response/Main";
import { useKPIDataStore } from "@/modules/14_KPI/store/KPIStore";
import http from "@/plugins/http";
import config from "@/app.config";
import type { NewPagination } from "@/modules/14_KPI/interface/index/Main";
import type {
DataOption,
NewPagination,
} from "@/modules/01_metadataNew/interface/index/Main";
import type { FormQueryCapacity } from "@/modules/01_metadataNew/interface/request/Main";
import type { ResDataCapacity } from "@/modules/01_metadataNew/interface/response/Main";
import { useKPIDataStore } from "@/modules/01_metadataNew/stores/KPIStore";
const total = ref<number>();
const store = useKPIDataStore();

View file

@ -9,13 +9,13 @@ import type {
DataOption,
NewPagination,
} from "@/modules/14_KPI/interface/index/Main";
import type { ResponseObject } from "@/modules/14_KPI/interface/response/KpiGroup";
import http from "@/plugins/http";
import config from "@/app.config";
const total = ref<number>()
const total = ref<number>();
const modal = ref<boolean>(false);
const rows = ref<ResponseObject[]>([]);
const rows = ref<any[]>([]);
const groupName = ref<string>("");
const editStatus = ref<boolean>(false);
@ -85,7 +85,7 @@ async function fetchData() {
`?page=${formQuery.page}&pageSize=${formQuery.pageSize}&keyword=${formQuery.keyword}`
)
.then(async (res) => {
total.value = res.data.result.total
total.value = res.data.result.total;
const data = res.data.result;
totalList.value = Math.ceil(res.data.result.total / formQuery.pageSize);
rows.value = data.data;

View file

@ -10,12 +10,11 @@ import Header from "@/components/DialogHeader.vue";
import type {
DataOption,
NewPagination,
} from "@/modules/14_KPI/interface/index/Main";
import type { ListGroup } from "@/modules/14_KPI/interface/request/Main";
} from "@/modules/01_metadataNew/interface/index/Main";
import http from "@/plugins/http";
import config from "@/app.config";
const total = ref<number>()
const total = ref<number>();
const id = ref<string>("");
const modal = ref<boolean>(false);
const rows = ref<any>([]);
@ -99,7 +98,7 @@ async function getData() {
`?page=${formQuery.page}&pageSize=${formQuery.pageSize}&keyword=${formQuery.keyword}`
)
.then((res) => {
total.value = res.data.result.total
total.value = res.data.result.total;
const data = res.data.result;
totalList.value = Math.ceil(res.data.result.total / formQuery.pageSize);
rows.value = data.data;
@ -129,7 +128,7 @@ async function deleteData(id: string) {
async function getListGroup() {
showLoader();
await http
.get(config.API.kpiGroup+`?pageSize=50`)
.get(config.API.kpiGroup + `?pageSize=50`)
.then(async (res) => {
const dataOp = res.data.result.data;
const uniqueNames = new Set();
@ -217,8 +216,8 @@ function getDataEdit(id: string) {
};
position.value = data.positions.map((i: any) => i.name);
competency.value = data.capacitys.map((i: any) => ({
id:i.id,
name:i.name
id: i.id,
name: i.name,
}));
})
.finally(() => {
@ -233,7 +232,7 @@ function onSubmit() {
const body = {
kpiGroupId: groupName.value.id,
positions: position.value,
kpiCapacityIds: competency.value.map((i:any)=> i.id)
kpiCapacityIds: competency.value.map((i: any) => i.id),
};
dialogConfirm($q, () => {
http[editStatus.value ? "put" : "post"](url, body)
@ -246,7 +245,6 @@ function onSubmit() {
});
}
function close() {
modal.value = false;
editStatus.value = false;
@ -505,7 +503,7 @@ onMounted(async () => {
hide-bottom-space
lazy-rules
:rules="[(val:string) => !!val || `${'กรุณาเลือกกลุ่มงาน'}`,]"
>
>
<template v-slot:no-option>
<q-item>
<q-item-section class="text-grey">

View file

@ -2,16 +2,16 @@
import { ref, reactive } from "vue";
import { useRouter } from "vue-router";
import Main from "@/modules/14_KPI/components/competency/Forms/Main.vue";
import Main from "@/modules/01_metadataNew/components/competency/Forms/Main.vue";
// import FormMain from "@/modules/14_KPI/components/competency/Forms/01_FormMain.vue";
// import FormGroup from "@/modules/14_KPI/components/competency/Forms/02_FormGroup.vue";
// import FormExecutive from "@/modules/14_KPI/components/competency/Forms/03_FormExecutive.vue";
// import FormExecutivePosition from "@/modules/14_KPI/components/competency/Forms/04_FormExecutivePosition.vue";
// import FormExecutiveLevel from "@/modules/14_KPI/components/competency/Forms/05_FormExecutiveLevel.vue";
import { useKPIDataStore } from "@/modules/14_KPI/store/KPIStore";
import { useKPIDataStore } from "@/modules/01_metadataNew/stores/KPIStore";
import type { DataOption } from "@/modules/14_KPI/interface/index/Main";
import type { FormCompetency } from "@/modules/14_KPI/interface/request/Main";
import type { DataOption } from "@/modules/01_metadataNew/interface/index/Main";
import type { FormCompetency } from "@/modules/01_metadataNew/interface/request/Main";
const router = useRouter();
const store = useKPIDataStore();

View file

@ -1,9 +1,8 @@
div
<script setup lang="ts">
import { ref, reactive } from "vue";
import { reactive } from "vue";
import { useCounterMixin } from "@/stores/mixin";
import { useKPIDataStore } from "@/modules/14_KPI/store/KPIStore";
import { useKPIDataStore } from "@/modules/01_metadataNew/stores/KPIStore";
import { useRouter } from "vue-router";
import { useQuasar } from "quasar";

View file

@ -1,7 +1,7 @@
<script setup lang="ts">
import { ref, reactive } from "vue";
import { useCounterMixin } from "@/stores/mixin";
import { useKPIDataStore } from "@/modules/14_KPI/store/KPIStore";
import { useKPIDataStore } from "@/modules/01_metadataNew/stores/KPIStore";
import { useRouter } from "vue-router";
import { useQuasar } from "quasar";

View file

@ -1,7 +1,7 @@
<script setup lang="ts">
import { ref, reactive, onMounted } from "vue";
import { useCounterMixin } from "@/stores/mixin";
import { useKPIDataStore } from "@/modules/14_KPI/store/KPIStore";
import { useKPIDataStore } from "@/modules/01_metadataNew/stores/KPIStore";
import { useRouter } from "vue-router";
import { useQuasar } from "quasar";

View file

@ -3,7 +3,7 @@ import { ref, reactive } from "vue";
import type { QTableProps } from "quasar";
import { useCounterMixin } from "@/stores/mixin";
import { useKPIDataStore } from "@/modules/14_KPI/store/KPIStore";
import { useKPIDataStore } from "@/modules/01_metadataNew/stores/KPIStore";
import { useRouter } from "vue-router";
import { useQuasar } from "quasar";

View file

@ -2,7 +2,7 @@
import { ref, reactive } from "vue";
import type { QTableProps } from "quasar";
import { useCounterMixin } from "@/stores/mixin";
import { useKPIDataStore } from "@/modules/14_KPI/store/KPIStore";
import { useKPIDataStore } from "@/modules/01_metadataNew/stores/KPIStore";
import { useRouter } from "vue-router";
import { useQuasar } from "quasar";

View file

@ -8,7 +8,7 @@ import config from "@/app.config";
/** importStore*/
import { useCounterMixin } from "@/stores/mixin";
import { useKPIDataStore } from "@/modules/14_KPI/store/KPIStore";
import { useKPIDataStore } from "@/modules/01_metadataNew/stores/KPIStore";
/**use*/
const $q = useQuasar();

View file

@ -6,5 +6,17 @@ interface DataOption {
id: string;
name: string;
}
interface NewPagination {
descending: boolean;
page: number;
rowsPerPage: number;
sortBy: string;
}
interface ItemsMenu {
label: string;
value: string;
icon: string;
color: string;
}
export type { Pagination, DataOption };
export type { Pagination, DataOption, NewPagination, ItemsMenu };

View file

@ -11,4 +11,55 @@ interface DataListsObject {
name: string;
}
export type { DataSumCalendarObject, DataListsObject };
interface FormListMainByRole {
page: number;
pageSize: number;
position: string;
round: string;
keyword: string;
year: number | null;
}
interface FormDataRole {
position: string;
year: number;
round: string;
org: string;
including: string;
includingName: string;
target: string;
unit: string;
weight: string;
meaning: string;
formula: string;
documentInfoEvidence: string;
node: number | null;
nodeId: string | null;
orgRevisionId: string | null;
}
interface FormCompetency {
competencyType: string;
competencyName: string;
definition: string;
level_1: any;
level_2: string;
level_3: string;
level_4: string;
level_5: string;
evaluation: string;
}
interface FormQueryCapacity {
page: number;
pageSize: number;
keyword: string;
}
export type {
DataSumCalendarObject,
DataListsObject,
FormListMainByRole,
FormDataRole,
FormCompetency,
FormQueryCapacity,
};

View file

@ -0,0 +1,43 @@
interface ResRound {
createdAt: Date;
createdFullName: string;
createdUserId: Date;
durationKPI: string;
endDate: Date;
id: Date;
lastUpdateFullName: string;
lastUpdateUserId: Date;
lastUpdatedAt: Date;
startDate: Date;
}
interface ResDataCapacity {
description: string;
id: string;
name: string;
type: string;
capacityDetails: capacityDetails;
}
interface capacityDetails {
capacityId: string;
description: string;
id: string;
level: string;
}
interface ResEvaluator {
createdAt: string;
createdFullName: string;
createdUserId: string;
id: string;
kpiUserEvaluationId: string;
lastUpdateFullName: string;
lastUpdateUserId: string;
lastUpdatedAt: string;
reason: string;
topic: string;
type: string;
}
export type { ResRound, ResDataCapacity, ResEvaluator };

View file

@ -0,0 +1,8 @@
interface DataStrategic {
id: string;
name: string;
level: number;
children: DataStrategic;
}
export type { DataStrategic };

View file

@ -17,6 +17,25 @@ const positionEmployeeLevelPage = () =>
"@/modules/01_metadataNew/components/position-employee/03ListLevel.vue"
);
const IndicatorByPlan = () =>
import("@/modules/01_metadataNew/views/indicatorByPlan.vue");
const IndicatorByPlanDetail = () =>
import(
"@/modules/01_metadataNew/components/Indicators/indicatorByPlan/DetailView.vue"
);
const IndicatorByRole = () =>
import("@/modules/01_metadataNew/views/indicatorByRole.vue");
const IndicatorByRoleDetail = () =>
import(
"@/modules/01_metadataNew/components/Indicators/indicatorByRole/DetailView.vue"
);
const competencyPage = () =>
import("@/modules/01_metadataNew/views/competency.vue");
const competencyAddPage = () =>
import("@/modules/01_metadataNew/components/competency/AddPage.vue");
const StrategicView = () =>
import("@/modules/01_metadataNew/views/Strategic.vue");
export default [
{
path: "/master-data/calendar",
@ -98,4 +117,107 @@ export default [
Role: "metadata",
},
},
{
path: "/KPI-indicator-plan",
name: "KPIIndicatorByPlan",
component: IndicatorByPlan,
meta: {
Auth: true,
Key: [1.1],
Role: "evaluateKPI",
},
},
{
path: "/KPI-indicator-plan/add",
name: "KPIIndicatorByPlan/Add",
component: IndicatorByPlanDetail,
meta: {
Auth: true,
Key: [1.1],
Role: "evaluateKPI",
},
},
{
path: "/KPI-indicator-plan/:id",
name: "KPIIndicatorByPlanByid",
component: IndicatorByPlanDetail,
meta: {
Auth: true,
Key: [1.1],
Role: "evaluateKPI",
},
},
{
path: "/KPI-indicator-role",
name: "KPIIndicatorByRole",
component: IndicatorByRole,
meta: {
Auth: true,
Key: [1.1],
Role: "evaluateKPI",
},
},
{
path: "/KPI-indicator-role/add",
name: "KPIIndicatorByRoleAdd",
component: IndicatorByRoleDetail,
meta: {
Auth: true,
Key: [1.1],
Role: "evaluateKPI",
},
},
{
path: "/KPI-indicator-role/:id",
name: "KPIIndicatorByRoleByid",
component: IndicatorByRoleDetail,
meta: {
Auth: true,
Key: [1.1],
Role: "evaluateKPI",
},
},
{
path: "/KPI-competency",
name: "KPICompetency",
component: competencyPage,
meta: {
Auth: true,
Key: [1.1],
Role: "evaluateKPI",
},
},
{
path: "/KPI-competency/add",
name: "KPICompetencyAdd",
component: competencyAddPage,
meta: {
Auth: true,
Key: [1.1],
Role: "evaluateKPI",
},
},
{
path: "/KPI-competency/:id",
name: "KPICompetencyByid",
component: competencyAddPage,
meta: {
Auth: true,
Key: [1.1],
Role: "evaluateKPI",
},
},
{
path: "/strategic",
name: "strategic",
component: StrategicView,
meta: {
Auth: true,
Key: [1.6],
Role: "development",
},
},
];

View file

@ -0,0 +1,194 @@
import { defineStore } from "pinia";
import { ref } from "vue";
import type { DataOption } from "@/modules/14_KPI/interface/index/Main";
// store
export const useKPIDataStore = defineStore("KPIDataStore", () => {
const competencyTypeVal = ref<string>("HEAD");
const tabMain = ref<string>("1");
const dataProfile = ref<any>();
const dataEvaluation = ref<any>({
plannedPoint: 0,
rolePoint: 0,
specialPoint: 0,
capacityPoint: 0,
});
const competencyType = ref<DataOption[]>([
{
id: "HEAD",
name: "สมรรถนะหลัก",
},
{
id: "GROUP",
name: "สมรรถนะประจำกลุ่มงาน",
},
{
id: "EXECUTIVE",
name: "สมรรถนะประจำผู้บริหารกรุงเทพมหานคร",
},
{
id: "DIRECTOR",
name: "สมรรถนะเฉพาะสำหรับตำแหน่ง ผอ.เขต ผช.ผอ.เขต และหัวหน้าฝ่ายในสังกัด สนง.เขต",
},
{
id: "INSPECTOR",
name: "สมรรถนะเฉพาะสำหรับตำแหน่งผู้ตรวจราชการ กทม. และผู้ตรวจราชการ",
},
]);
function convertStatus(val: string) {
switch (val) {
case "PENDING":
return "รอดำเนินการ";
case "INPROGRESS":
return "กําลังดำเนินการ";
case "DONE":
return "ประเมินเสร็จสิ้น";
default:
break;
}
}
function convertResults(val: string) {
switch (val) {
case "PENDING":
return "รอดำเนินการ";
case "PASSED":
return "ผ่านการประเมิน";
case "NOTPASSED":
return "ไม่ผ่านการประเมิน";
default:
break;
}
}
const ratingColors = ref<string[]>([
"light-blue-3",
"light-blue-6",
"blue",
"blue-9",
"blue-10",
]);
function checkCompetency() {
const position = dataProfile.value.position;
const posTypeName = dataProfile.value.posTypeName;
const posLevelName = dataProfile.value.posLevelName;
if (
position == "ผู้ตรวจราชการกรุงเทพมหานคร" ||
position == "ผู้ตรวจราชการ"
) {
competencyType.value = competencyType.value.filter(
(x: DataOption) => x.id == "HEAD" || x.id == "INSPECTOR"
);
} else if (position == "ผู้อำนวยการเขต") {
competencyType.value = competencyType.value.filter(
(x: DataOption) => x.id == "HEAD" || x.id == "DIRECTOR"
);
} else {
switch (posTypeName + " " + posLevelName) {
// case "ทั่วไป ปฏิบัติงาน":
// case "ทั่วไป ชำนาญงาน":
// case "ทั่วไป อาวุโส":
// case "วิชาการ ปฏิบัติการ":
// case "วิชาการ ชำนาญการ":
// case "วิชาการ ชำนาญการพิเศษ":
// case "วิชาการ เชี่ยวชาญ":
// case "วิชาการ ทรงคุณวุฒิ":
// competencyType.value = competencyType.value.filter(
// (x: DataOptions) => x.id == "HEAD" || x.id == "GROUP"
// );
// break;
case "อำนวยการ ต้น":
case "อำนวยการ สูง":
case "บริหาร ต้น":
case "บริหาร สูง":
competencyType.value = competencyType.value.filter(
(x: DataOption) => x.id == "HEAD" || x.id == "EXECUTIVE"
);
break;
default:
competencyType.value = competencyType.value.filter(
(x: DataOption) => x.id == "HEAD" || x.id == "GROUP"
);
break;
}
}
}
const defaultCompetencyCoreLevel = ref<number>();
const defaultCompetencyGroupLevel = ref<number | null>(null);
function checkCompetencyDefaultCompetencyLevel() {
const posTypeName = dataProfile.value.posTypeName;
const posLevelName = dataProfile.value.posLevelName;
switch (posTypeName + " " + posLevelName) {
case "บริหาร สูง":
defaultCompetencyCoreLevel.value = 5;
break;
case "บริหาร ต้น":
defaultCompetencyCoreLevel.value = 4;
break;
case "อำนวยการ สูง":
defaultCompetencyCoreLevel.value = 4;
break;
case "อำนวยการ ต้น":
defaultCompetencyCoreLevel.value = 3;
break;
case "วิชาการ ทรงคุณวุฒิ":
defaultCompetencyCoreLevel.value = 5;
defaultCompetencyGroupLevel.value = 5;
break;
case "วิชาการ เชี่ยวชาญ":
defaultCompetencyCoreLevel.value = 4;
defaultCompetencyGroupLevel.value = 4;
break;
case "วิชาการ ชำนาญการพิเศษ":
defaultCompetencyCoreLevel.value = 3;
defaultCompetencyGroupLevel.value = 4;
break;
case "วิชาการ ชำนาญการ":
defaultCompetencyCoreLevel.value = 2;
defaultCompetencyGroupLevel.value = 3;
break;
case "วิชาการ ปฏิบัติการ":
defaultCompetencyCoreLevel.value = 1;
defaultCompetencyGroupLevel.value = 2;
break;
case "ทั่วไป ทักษะพิเศษ":
defaultCompetencyCoreLevel.value = 4;
defaultCompetencyGroupLevel.value = 4;
break;
case "ทั่วไป อาวุโส":
defaultCompetencyCoreLevel.value = 3;
defaultCompetencyGroupLevel.value = 3;
break;
case "ทั่วไป ชำนาญงาน":
defaultCompetencyCoreLevel.value = 2;
defaultCompetencyGroupLevel.value = 2;
break;
case "ทั่วไป ปฏิบัติงาน":
defaultCompetencyCoreLevel.value = 1;
defaultCompetencyGroupLevel.value = 1;
break;
default:
break;
}
}
return {
competencyTypeVal,
competencyType,
convertStatus,
convertResults,
tabMain,
dataProfile,
dataEvaluation,
ratingColors,
checkCompetency,
checkCompetencyDefaultCompetencyLevel,
};
});

View file

@ -4,8 +4,8 @@ import { useQuasar } from "quasar";
import http from "@/plugins/http";
import config from "@/app.config";
import type { ItemsMenu } from "@/modules/15_development/interface/index/Main";
import type { DataStrategic } from "@/modules/15_development/interface/response/Strategic";
import type { ItemsMenu } from "@/modules/01_metadataNew/interface/index/Main";
import type { DataStrategic } from "@/modules/01_metadataNew/interface/response/Strategic";
import DialogHeader from "@/components/DialogHeader.vue";

View file

@ -1,10 +1,11 @@
<script setup lang="ts">
import { ref, onMounted } from "vue";
import ListCompetency from "@/modules/14_KPI/components/competency/01ListCompetency.vue";
import ListLinkPosition from "@/modules/14_KPI/components/competency/02ListLinkPosition.vue";
import ListLinkGroup from "@/modules/14_KPI/components/competency/03ListLinkGroup.vue";
import ListCriteria from "@/modules/14_KPI/components/competency/04ListCriteria.vue";
import ListDetail from "@/modules/14_KPI/components/competency/05ListDetail.vue";
import ListCompetency from "@/modules/01_metadataNew/components/competency/01ListCompetency.vue";
import ListLinkPosition from "@/modules/01_metadataNew/components/competency/02ListLinkPosition.vue";
import ListLinkGroup from "@/modules/01_metadataNew/components/competency/03ListLinkGroup.vue";
import ListCriteria from "@/modules/01_metadataNew/components/competency/04ListCriteria.vue";
import ListDetail from "@/modules/01_metadataNew/components/competency/05ListDetail.vue";
const currentTab = ref<string>("list_competency");
const tabs = ref<Array<any>>([]);

View file

@ -2,17 +2,17 @@
import { ref, reactive, onMounted } from "vue";
import { useQuasar, type QTableProps } from "quasar";
import { useRouter } from "vue-router";
import type { DataOption } from "@/modules/14_KPI/interface/index/Main";
import DialogHistory from '@/modules/14_KPI/components/DialogHistory.vue'
/** importStore*/
import { useCounterMixin } from "@/stores/mixin";
import http from "@/plugins/http";
import config from "@/app.config";
import type { DataOption } from "@/modules/01_metadataNew/interface/index/Main";
import DialogHistory from "@/modules/01_metadataNew/components/Indicators/DialogHistory.vue";
/** importStore*/
import { useCounterMixin } from "@/stores/mixin";
/** use*/
const modalHistory = ref<boolean>(false)
const modalHistory = ref<boolean>(false);
const isAll = ref<boolean>(false);
const $q = useQuasar();
const router = useRouter();
@ -53,7 +53,7 @@ const roundOp = ref<DataOption[]>([
const totalList = ref<number>(1);
const year = ref<number|null>(new Date().getFullYear());
const year = ref<number | null>(new Date().getFullYear());
const nodeData = reactive<any>({
page: 1,
pageSize: 10,
@ -160,10 +160,10 @@ function clearFilter() {
/**
* เป dialog history
* @param id
* @param id
*/
function onClickHistory(id:string){
modalHistory.value = true
function onClickHistory(id: string) {
modalHistory.value = true;
}
onMounted(async () => {
@ -281,7 +281,9 @@ onMounted(async () => {
<q-icon
name="cancel"
@click.stop.prevent="
(year = null), (nodeData.page = 1), fetchListProjectNew()
(year = null),
(nodeData.page = 1),
fetchListProjectNew()
"
class="cursor-pointer"
/>
@ -332,7 +334,7 @@ onMounted(async () => {
</q-checkbox>
<q-input
class="inputgreen"
standout
dense
v-model="nodeData.keyword"
@ -352,7 +354,7 @@ onMounted(async () => {
</template>
</q-input>
<q-select
class="inputgreen"
v-model="visibleColumns"
multiple
outlined
@ -419,7 +421,11 @@ onMounted(async () => {
class="q-py-sm"
>
<q-tooltip>แกไขขอม</q-tooltip>
<q-icon color="primary" size="xs" name="mdi-pencil-outline" />
<q-icon
color="primary"
size="xs"
name="mdi-pencil-outline"
/>
</q-item-section>
<q-item-section>แกไขขอม</q-item-section>
</q-item>
@ -456,7 +462,6 @@ onMounted(async () => {
</q-list>
</q-menu>
</q-btn>
</q-td>
</q-tr>
</template>
@ -466,10 +471,7 @@ onMounted(async () => {
</div>
</q-card>
<DialogHistory
v-model:modal="modalHistory"
/>
<DialogHistory v-model:modal="modalHistory" />
</template>
<style lang="scss" scoped>

View file

@ -2,17 +2,20 @@
import { ref, reactive, onMounted, watch } from "vue";
import { useQuasar, type QTableProps } from "quasar";
import { useRouter } from "vue-router";
import http from "@/plugins/http";
import config from "@/app.config";
import type { FormListMainByRole } from "@/modules/01_metadataNew/interface/request/Main";
import type {
DataOption,
NewPagination,
} from "@/modules/01_metadataNew/interface/index/Main";
import DialogHistory from "@/modules/01_metadataNew/components/Indicators/DialogHistory.vue";
/** importStore*/
import { useCounterMixin } from "@/stores/mixin";
import http from "@/plugins/http";
import config from "@/app.config";
import type {
NewPagination,
FormListMainByRole,
} from "@/modules/14_KPI/interface/request/Main";
import type { DataOption } from "@/modules/14_KPI/interface/index/Main";
import DialogHistory from "@/modules/14_KPI/components/DialogHistory.vue";
/** use*/
const modalHistory = ref<boolean>(false);
const total = ref<number>();

View file

@ -1,15 +1,15 @@
const roundPage = () => import("@/modules/14_KPI/views/round.vue");
const IndicatorByPlan = () =>
import("@/modules/14_KPI/views/indicatorByPlan.vue");
const IndicatorByPlanDetail = () =>
import("@/modules/14_KPI/components/indicatorByPlan/DetailView.vue");
const IndicatorByRole = () =>
import("@/modules/14_KPI/views/indicatorByRole.vue");
const IndicatorByRoleDetail = () =>
import("@/modules/14_KPI/components/indicatorByRole/DetailView.vue");
const competencyPage = () => import("@/modules/14_KPI/views/competency.vue");
const competencyAddPage = () =>
import("@/modules/14_KPI/components/competency/AddPage.vue");
// const IndicatorByPlan = () =>
// import("@/modules/14_KPI/views/indicatorByPlan.vue");
// const IndicatorByPlanDetail = () =>
// import("@/modules/14_KPI/components/indicatorByPlan/DetailView.vue");
// const IndicatorByRole = () =>
// import("@/modules/14_KPI/views/indicatorByRole.vue");
// const IndicatorByRoleDetail = () =>
// import("@/modules/14_KPI/components/indicatorByRole/DetailView.vue");
// const competencyPage = () => import("@/modules/14_KPI/views/competency.vue");
// const competencyAddPage = () =>
// import("@/modules/14_KPI/components/competency/AddPage.vue");
const listPage = () => import("@/modules/14_KPI/views/list.vue");
const detailPage = () => import("@/modules/14_KPI/views/detail.vue");
@ -24,97 +24,97 @@ export default [
Role: "evaluateKPI",
},
},
{
path: "/KPI-indicator-plan",
name: "KPIIndicatorByPlan",
component: IndicatorByPlan,
meta: {
Auth: true,
Key: [1.1],
Role: "evaluateKPI",
},
},
{
path: "/KPI-indicator-plan/add",
name: "KPIIndicatorByPlan/Add",
component: IndicatorByPlanDetail,
meta: {
Auth: true,
Key: [1.1],
Role: "evaluateKPI",
},
},
{
path: "/KPI-indicator-plan/:id",
name: "KPIIndicatorByPlanByid",
component: IndicatorByPlanDetail,
meta: {
Auth: true,
Key: [1.1],
Role: "evaluateKPI",
},
},
{
path: "/KPI-indicator-role",
name: "KPIIndicatorByRole",
component: IndicatorByRole,
meta: {
Auth: true,
Key: [1.1],
Role: "evaluateKPI",
},
},
{
path: "/KPI-indicator-role/add",
name: "KPIIndicatorByRoleAdd",
component: IndicatorByRoleDetail,
meta: {
Auth: true,
Key: [1.1],
Role: "evaluateKPI",
},
},
{
path: "/KPI-indicator-role/:id",
name: "KPIIndicatorByRoleByid",
component: IndicatorByRoleDetail,
meta: {
Auth: true,
Key: [1.1],
Role: "evaluateKPI",
},
},
{
path: "/KPI-competency",
name: "KPICompetency",
component: competencyPage,
meta: {
Auth: true,
Key: [1.1],
Role: "evaluateKPI",
},
},
{
path: "/KPI-competency/add",
name: "KPICompetencyAdd",
component: competencyAddPage,
meta: {
Auth: true,
Key: [1.1],
Role: "evaluateKPI",
},
},
// {
// path: "/KPI-indicator-plan",
// name: "KPIIndicatorByPlan",
// component: IndicatorByPlan,
// meta: {
// Auth: true,
// Key: [1.1],
// Role: "evaluateKPI",
// },
// },
// {
// path: "/KPI-indicator-plan/add",
// name: "KPIIndicatorByPlan/Add",
// component: IndicatorByPlanDetail,
// meta: {
// Auth: true,
// Key: [1.1],
// Role: "evaluateKPI",
// },
// },
// {
// path: "/KPI-indicator-plan/:id",
// name: "KPIIndicatorByPlanByid",
// component: IndicatorByPlanDetail,
// meta: {
// Auth: true,
// Key: [1.1],
// Role: "evaluateKPI",
// },
// },
// {
// path: "/KPI-indicator-role",
// name: "KPIIndicatorByRole",
// component: IndicatorByRole,
// meta: {
// Auth: true,
// Key: [1.1],
// Role: "evaluateKPI",
// },
// },
// {
// path: "/KPI-indicator-role/add",
// name: "KPIIndicatorByRoleAdd",
// component: IndicatorByRoleDetail,
// meta: {
// Auth: true,
// Key: [1.1],
// Role: "evaluateKPI",
// },
// },
// {
// path: "/KPI-indicator-role/:id",
// name: "KPIIndicatorByRoleByid",
// component: IndicatorByRoleDetail,
// meta: {
// Auth: true,
// Key: [1.1],
// Role: "evaluateKPI",
// },
// },
// {
// path: "/KPI-competency",
// name: "KPICompetency",
// component: competencyPage,
// meta: {
// Auth: true,
// Key: [1.1],
// Role: "evaluateKPI",
// },
// },
// {
// path: "/KPI-competency/add",
// name: "KPICompetencyAdd",
// component: competencyAddPage,
// meta: {
// Auth: true,
// Key: [1.1],
// Role: "evaluateKPI",
// },
// },
{
path: "/KPI-competency/:id",
name: "KPICompetencyByid",
component: competencyAddPage,
meta: {
Auth: true,
Key: [1.1],
Role: "evaluateKPI",
},
},
// {
// path: "/KPI-competency/:id",
// name: "KPICompetencyByid",
// component: competencyAddPage,
// meta: {
// Auth: true,
// Key: [1.1],
// Role: "evaluateKPI",
// },
// },
{
path: "/KPI-list",
name: "KPIList",

View file

@ -19,8 +19,8 @@ const ScholarshipDetail = () =>
import("@/modules/15_development/components/scholarship/DetailView.vue");
// const historyAdd = () =>
// import("@/modules/15_development/components/history/AddPage.vue");
const StrategicView = () =>
import("@/modules/15_development/views/Strategic.vue");
// const StrategicView = () =>
// import("@/modules/15_development/views/Strategic.vue");
export default [
{
path: "/development",
@ -143,14 +143,14 @@ export default [
},
},
{
path: "/development/strategic",
name: "developmentStrategic",
component: StrategicView,
meta: {
Auth: true,
Key: [1.6],
Role: "development",
},
},
// {
// path: "/development/strategic",
// name: "developmentStrategic",
// component: StrategicView,
// meta: {
// Auth: true,
// Key: [1.6],
// Role: "development",
// },
// },
];