แก้ไขข้อมูล dialog ช่วยราชการของระบบ KPI
This commit is contained in:
parent
b4300c1b6f
commit
1e1bb91b29
2 changed files with 62 additions and 101 deletions
|
|
@ -188,4 +188,6 @@ export default {
|
||||||
|
|
||||||
workflowCommanderOperate: `${workflow}/commander/operate`,
|
workflowCommanderOperate: `${workflow}/commander/operate`,
|
||||||
workflowCommanderSign: `${workflow}/commander/sign`,
|
workflowCommanderSign: `${workflow}/commander/sign`,
|
||||||
|
|
||||||
|
orgAssistance: (id: string) => `${orgProfile}/assistance/${id}`,
|
||||||
};
|
};
|
||||||
|
|
|
||||||
|
|
@ -31,85 +31,27 @@ const rowsMain = ref<any[]>([]);
|
||||||
//หัวตาราง
|
//หัวตาราง
|
||||||
const columns = ref<QTableProps["columns"]>([
|
const columns = ref<QTableProps["columns"]>([
|
||||||
{
|
{
|
||||||
name: "no",
|
name: "commandName",
|
||||||
align: "left",
|
align: "left",
|
||||||
label: "ลำดับ",
|
label: "ประเภทคำสั่ง",
|
||||||
sortable: false,
|
|
||||||
field: "no",
|
|
||||||
headerStyle: "font-size: 14px",
|
|
||||||
style: "font-size: 14px",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "name",
|
|
||||||
align: "left",
|
|
||||||
label: "ชื่อ-นามสกุล",
|
|
||||||
sortable: true,
|
sortable: true,
|
||||||
field: "name",
|
field: "commandName",
|
||||||
headerStyle: "font-size: 14px",
|
headerStyle: "font-size: 14px",
|
||||||
style: "font-size: 14px",
|
style: "font-size: 14px",
|
||||||
format(val, row) {
|
sort: (a: string, b: string) =>
|
||||||
return `${row.prefix}${row.firstName} ${row.lastName}`;
|
a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
|
||||||
},
|
|
||||||
},
|
},
|
||||||
|
|
||||||
{
|
{
|
||||||
name: "posMasterNoOld",
|
name: "agency",
|
||||||
align: "left",
|
align: "left",
|
||||||
label: "เลขที่ตำแหน่ง",
|
label: "หน่วยงานที่ให้ช่วยราชการ/ส่งตัวกลับ",
|
||||||
sortable: true,
|
sortable: true,
|
||||||
field: "posMasterNoOld",
|
field: "agency",
|
||||||
headerStyle: "font-size: 14px",
|
|
||||||
style: "font-size: 14px",
|
|
||||||
format(val, row) {
|
|
||||||
return findPosMasterNoOld(row);
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "positionOld",
|
|
||||||
align: "left",
|
|
||||||
label: "ตำแหน่งในสายงาน",
|
|
||||||
sortable: true,
|
|
||||||
field: "positionOld",
|
|
||||||
headerStyle: "font-size: 14px",
|
|
||||||
style: "font-size: 14px",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "positionLevel",
|
|
||||||
align: "left",
|
|
||||||
label: "ตำแหน่งประเภท",
|
|
||||||
sortable: true,
|
|
||||||
field: "positionLevel",
|
|
||||||
headerStyle: "font-size: 14px",
|
|
||||||
style: "font-size: 14px",
|
|
||||||
format(val, row) {
|
|
||||||
let name = "";
|
|
||||||
if (row.posTypeNameOld && row.posLevelNameOld) {
|
|
||||||
name = `${row.posTypeNameOld} (${row.posLevelNameOld})`;
|
|
||||||
} else if (row.posTypeNameOld) {
|
|
||||||
name = `${row.posTypeNameOld}`;
|
|
||||||
} else if (row.posLevelNameOld) {
|
|
||||||
name = `(${row.posLevelNameOld})`;
|
|
||||||
} else name = "-";
|
|
||||||
return name;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "organizationPositionOld",
|
|
||||||
align: "left",
|
|
||||||
label: "สังกัด",
|
|
||||||
sortable: true,
|
|
||||||
field: "organization",
|
|
||||||
headerStyle: "font-size: 14px",
|
|
||||||
style: "font-size: 14px",
|
|
||||||
format: (val, row) => findOrgNameOld(row),
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "organization",
|
|
||||||
align: "left",
|
|
||||||
label: "หน่วยงานที่ให้ช่วยราชการ",
|
|
||||||
sortable: true,
|
|
||||||
field: "organization",
|
|
||||||
headerStyle: "font-size: 14px",
|
headerStyle: "font-size: 14px",
|
||||||
style: "font-size: 14px",
|
style: "font-size: 14px",
|
||||||
|
sort: (a: string, b: string) =>
|
||||||
|
a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "dateStart",
|
name: "dateStart",
|
||||||
|
|
@ -117,9 +59,11 @@ const columns = ref<QTableProps["columns"]>([
|
||||||
label: "วันเริ่มช่วยราชการ",
|
label: "วันเริ่มช่วยราชการ",
|
||||||
sortable: true,
|
sortable: true,
|
||||||
field: "dateStart",
|
field: "dateStart",
|
||||||
|
format: (v) => date2Thai(v),
|
||||||
headerStyle: "font-size: 14px",
|
headerStyle: "font-size: 14px",
|
||||||
style: "font-size: 14px",
|
style: "font-size: 14px",
|
||||||
format: (val) => date2Thai(val),
|
sort: (a: string, b: string) =>
|
||||||
|
a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "dateEnd",
|
name: "dateEnd",
|
||||||
|
|
@ -127,29 +71,11 @@ const columns = ref<QTableProps["columns"]>([
|
||||||
label: "วันสิ้นสุดการช่วยราชการ",
|
label: "วันสิ้นสุดการช่วยราชการ",
|
||||||
sortable: true,
|
sortable: true,
|
||||||
field: "dateEnd",
|
field: "dateEnd",
|
||||||
|
format: (v) => date2Thai(v),
|
||||||
headerStyle: "font-size: 14px",
|
headerStyle: "font-size: 14px",
|
||||||
style: "font-size: 14px",
|
style: "font-size: 14px",
|
||||||
format: (val) => date2Thai(val),
|
sort: (a: string, b: string) =>
|
||||||
},
|
a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
|
||||||
{
|
|
||||||
name: "createdAt",
|
|
||||||
align: "left",
|
|
||||||
label: "วันที่ดำเนินการ",
|
|
||||||
sortable: true,
|
|
||||||
field: "createdAt",
|
|
||||||
headerStyle: "font-size: 14px",
|
|
||||||
style: "font-size: 14px",
|
|
||||||
format: (val) => date2Thai(val),
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "status",
|
|
||||||
align: "left",
|
|
||||||
label: "สถานะ",
|
|
||||||
sortable: true,
|
|
||||||
field: "status",
|
|
||||||
headerStyle: "font-size: 14px",
|
|
||||||
style: "font-size: 14px",
|
|
||||||
format: (val) => statusText(val),
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "commandNo",
|
name: "commandNo",
|
||||||
|
|
@ -159,22 +85,54 @@ const columns = ref<QTableProps["columns"]>([
|
||||||
field: "commandNo",
|
field: "commandNo",
|
||||||
headerStyle: "font-size: 14px",
|
headerStyle: "font-size: 14px",
|
||||||
style: "font-size: 14px",
|
style: "font-size: 14px",
|
||||||
|
sort: (a: string, b: string) =>
|
||||||
|
a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "document",
|
||||||
|
align: "left",
|
||||||
|
label: "เอกสารอ้างอิง",
|
||||||
|
sortable: true,
|
||||||
|
field: "document",
|
||||||
|
headerStyle: "font-size: 14px",
|
||||||
|
style: "font-size: 14px",
|
||||||
|
sort: (a: string, b: string) =>
|
||||||
|
a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "lastUpdateFullName",
|
||||||
|
align: "left",
|
||||||
|
label: "ผู้ดำเนินการ",
|
||||||
|
sortable: true,
|
||||||
|
field: "lastUpdateFullName",
|
||||||
|
headerStyle: "font-size: 14px",
|
||||||
|
style: "font-size: 14px",
|
||||||
|
sort: (a: string, b: string) =>
|
||||||
|
a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "lastUpdatedAt",
|
||||||
|
align: "left",
|
||||||
|
label: "วันที่แก้ไข",
|
||||||
|
sortable: true,
|
||||||
|
field: "lastUpdatedAt",
|
||||||
|
format: (v) => date2Thai(v, false, true),
|
||||||
|
headerStyle: "font-size: 14px",
|
||||||
|
style: "font-size: 14px",
|
||||||
|
sort: (a: string, b: string) =>
|
||||||
|
a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
|
||||||
},
|
},
|
||||||
]);
|
]);
|
||||||
|
|
||||||
const visibleColumns = ref<string[]>([
|
const visibleColumns = ref<string[]>([
|
||||||
"no",
|
"commandName",
|
||||||
"name",
|
"agency",
|
||||||
"posMasterNoOld",
|
|
||||||
"positionOld",
|
|
||||||
"positionLevel",
|
|
||||||
"organizationPositionOld",
|
|
||||||
"organization",
|
|
||||||
"dateStart",
|
"dateStart",
|
||||||
"dateEnd",
|
"dateEnd",
|
||||||
"createdAt",
|
|
||||||
"status",
|
|
||||||
"commandNo",
|
"commandNo",
|
||||||
|
"document",
|
||||||
|
"lastUpdateFullName",
|
||||||
|
"lastUpdatedAt",
|
||||||
]);
|
]);
|
||||||
|
|
||||||
/** แปลง สถานะเป็น text */
|
/** แปลง สถานะเป็น text */
|
||||||
|
|
@ -209,7 +167,8 @@ function close() {
|
||||||
function getData() {
|
function getData() {
|
||||||
showLoader();
|
showLoader();
|
||||||
http
|
http
|
||||||
.get(config.API.placementKeycloak + `/${store.dataProfile.profileId}`)
|
// .get(config.API.placementKeycloak + `/${store.dataProfile.profileId}`)
|
||||||
|
.get(config.API.orgAssistance(store.dataEvaluation.profileId))
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
const data = res.data.result;
|
const data = res.data.result;
|
||||||
rows.value = data;
|
rows.value = data;
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue