Merge branch 'develop' into nice_dev

This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2024-02-08 14:49:21 +07:00
commit 788620f4e3
11 changed files with 178 additions and 32 deletions

View file

@ -196,4 +196,8 @@ export default {
//สร้างข้อมูลราชการ
createProfileOfficer: () => `${profile}information/officer`,
// verify
profileVerified: (profileId: string) => `${profile}verified/${profileId}`,
profileVerifiedUnlock: (profileId: string) => `${profile}not-verified/${profileId}`,
};

View file

@ -167,6 +167,7 @@ watch(
}
);
</script>
<template>
<div class="col-12">
<q-card bordered class="col-12 row caedNone">
@ -208,19 +209,42 @@ watch(
class="row col-12 justify-between list-summary q-gutter-xs bg-grey-1 q-pb-xs q-pr-xs"
>
<div class="row col q-pa-sm item">
<div class="ellipsis">ตำแหนงทงหมด</div>
<div class="ellipsis">
ตำแหนงทงหมด
</div>
<q-space />
<q-badge color="secondary" :label="store.sumPosition.total" />
<q-badge
color="secondary"
:label="
reqMaster.isAll
? store.sumPosition.total
: store.sumPosition.totalRoot
"
/>
</div>
<div class="row col q-pa-sm item">
<div class="ellipsis">ตำแหนงทคนครอง</div>
<q-space />
<q-badge color="primary" :label="store.sumPosition.use" />
<q-badge
color="primary"
:label="
reqMaster.isAll
? store.sumPosition.use
: store.sumPosition.useRoot
"
/>
</div>
<div class="row col q-pa-sm item">
<div class="ellipsis">ตำแหนงวาง</div>
<q-space />
<q-badge color="red" :label="store.sumPosition.vacant" />
<q-badge
color="red"
:label="
reqMaster.isAll
? store.sumPosition.vacant
: store.sumPosition.vacantRoot
"
/>
</div>
</q-card>

View file

@ -111,8 +111,12 @@ function updateSelected(data: DataTree) {
totalPositionCurrentVacant: data.totalPositionCurrentVacant,
totalPositionNextUse: data.totalPositionNextUse,
totalPositionNextVacant: data.totalPositionNextVacant,
totalRootPosition: data.totalRootPosition,
totalRootPositionCurrentUse: data.totalRootPositionCurrentUse,
totalRootPositionCurrentVacant: data.totalRootPositionCurrentVacant,
totalRootPositionNextUse: data.totalRootPositionNextUse,
totalRootPositionNextVacant: data.totalRootPositionNextVacant,
});
// }
}
@ -387,7 +391,7 @@ const modaeMenu = ref<boolean>(false);
</q-input>
</div>
</div>
<div class="bg-white tree-container">
<div class="bg-white tree-container q-pa-xs">
<q-tree
class="q-pa-sm q-gutter-sm"
dense

View file

@ -1,5 +1,5 @@
<script setup lang="ts">
import { ref } from "vue";
import { ref, watch } from "vue";
import { useQuasar } from "quasar";
import config from "@/app.config";
import http from "@/plugins/http";
@ -26,7 +26,7 @@ import { useOrganizational } from "@/modules/02_organizationalNew/store/organiza
import { useCounterMixin } from "@/stores/mixin";
const $q = useQuasar();
const stroe = useOrganizational();
const store = useOrganizational();
const { showLoader, hideLoader, messageError, success, dialogRemove } =
useCounterMixin();
@ -320,12 +320,37 @@ function openSelectPerson(data: DataPosition[]) {
modalSelectPerson.value = true;
dataDetailPos.value = data;
}
/** ลบคนครอง */
function removePerson(data: DataPosition[]) {
dialogRemove(
$q,
async () => {
showLoader();
// await http
// .delete(config.API.orgPosMasterById(id))
// .then(() => {
// success($q, "");
// props.fetchDataTable?.(reqMaster.value.id, reqMaster.value.type, false);
// })
// .catch((err) => {
// messageError($q, err);
// })
// .finally(() => {
hideLoader();
// });
},
"ยืนยันการลบคนครอง",
"ต้องการยืนยันการลบคนครองนี้ใช่หรือไม่?"
);
}
</script>
<template>
<!-- TOOLBAR -->
<div class="col-12">
<q-toolbar style="padding: 0">
<div v-if="stroe.typeOrganizational === 'draft'">
<div v-if="store.typeOrganizational === 'draft'">
<q-btn
flat
round
@ -467,21 +492,49 @@ function openSelectPerson(data: DataPosition[]) {
>
<q-menu>
<q-list dense style="min-width: 150px">
<!-- เลอกคนครอง -->
<q-item
v-if="props.row.positionIsSelected == 'ว่าง' && stroe.typeOrganizational === 'draft'"
v-if="
props.row.positionIsSelected == 'ว่าง' &&
store.typeOrganizational === 'draft'
"
clickable
v-close-popup
@click="openSelectPerson(props.row)"
>
<q-item-section>
<div class="row items-center">
<q-icon color="secondary" size="17px" name="mdi-account-circle" />
<q-icon
color="secondary"
size="17px"
name="mdi-account"
/>
<div class="q-pl-md">เลอกคนครอง</div>
</div>
</q-item-section>
</q-item>
<q-item
v-for="(item, index) in stroe.typeOrganizational === 'draft'
v-else-if="
props.row.positionIsSelected != 'ว่าง' &&
store.typeOrganizational === 'draft'
"
clickable
v-close-popup
@click="removePerson(props.row)"
>
<q-item-section>
<div class="row items-center">
<q-icon
color="red"
size="17px"
name="mdi-account-remove"
/>
<div class="q-pl-md">ลบคนครอง</div>
</div>
</q-item-section>
</q-item>
<q-item
v-for="(item, index) in store.typeOrganizational === 'draft'
? listMenu
: listMenu.filter(
(e) => e.type === 'HISTORY' || e.type === 'VIEWDETIAL'

View file

@ -72,8 +72,13 @@ interface DataTree {
totalPositionCurrentVacant: number;
totalPositionNextUse: number;
totalPositionNextVacant: number;
totalRootPosition: number;
totalRootPositionCurrentUse: number;
totalRootPositionCurrentVacant: number;
totalRootPositionNextUse: number;
totalRootPositionNextVacant: number;
children?: DataTree[];
}
export type { DataPosition, Position, FormDetailPosition, DataTree };

View file

@ -13,6 +13,11 @@ interface SumPosition {
totalPositionCurrentVacant: number;
totalPositionNextUse: number;
totalPositionNextVacant: number;
totalRootPosition: number;
totalRootPositionCurrentUse: number;
totalRootPositionCurrentVacant: number;
totalRootPositionNextUse: number;
totalRootPositionNextVacant: number;
}
interface OrgTree {

View file

@ -23,18 +23,36 @@ export const useOrganizational = defineStore("organizationalStore", () => {
total: 0,
use: 0,
vacant: 0,
totalRoot: 0,
useRoot: 0,
vacantRoot: 0,
});
function getSumPosition(data: SumPosition) {
sumPosition.total = data.totalPosition;
sumPosition.use =
typeOrganizational.value == "draft"
? data.totalPositionNextUse
: data.totalPositionCurrentUse;
sumPosition.vacant =
typeOrganizational.value == "draft"
? data.totalPositionNextVacant
: data.totalPositionCurrentVacant;
sumPosition.totalRoot = data.totalRootPosition ? data.totalRootPosition : 0;
if (typeOrganizational.value == "draft") {
sumPosition.use = data.totalPositionNextUse;
sumPosition.useRoot = data.totalRootPositionNextUse
? data.totalRootPositionNextUse
: 0;
sumPosition.vacant = data.totalPositionNextVacant;
sumPosition.vacantRoot = data.totalRootPositionNextVacant
? data.totalRootPositionNextVacant
: 0;
} else {
sumPosition.use = data.totalPositionCurrentUse;
sumPosition.useRoot = data.totalRootPositionCurrentUse
? data.totalRootPositionCurrentUse
: 0;
sumPosition.vacant = data.totalPositionCurrentVacant;
sumPosition.vacantRoot = data.totalRootPositionCurrentVacant
? data.totalRootPositionCurrentVacant
: 0;
}
}
function fetchDataActive(data: DataActive) {

View file

@ -15,7 +15,7 @@
{{ header }}
</div>
</div>
<div v-if="!profileStore.isVerified">
<div v-if="profileStore.isEdit">
<div class="q-gutter-sm q-mx-sm" v-if="addData == false">
<q-btn
size="12px"

View file

@ -918,7 +918,21 @@ const roleRegistryverify = ref<boolean>(false);
function onClickVerified() {
dialogConfirm(
$q,
async () => {},
async () => {
showLoader();
await http
.put(config.API.profileVerified(profileId.value))
.then((res) => {
checIsVerified();
success($q, "ยืนยันการตรวจสอบข้อมูลสำเร็จ");
})
.catch((e) => {
messageError($q, e);
})
.finally(() => {
hideLoader();
});
},
"ยืนยันการตรวจสอบข้อมูล",
"ต้องการยืนยันการตรวจสอบข้อมูลนี้หรือไม่?"
);
@ -927,7 +941,21 @@ function onClickVerified() {
function onClickUnlock() {
dialogConfirm(
$q,
async () => {},
async () => {
showLoader();
await http
.put(config.API.profileVerifiedUnlock(profileId.value))
.then((res) => {
checIsVerified();
success($q, "ปลดล็อคให้แก้ไขข้อมูลสำเร็จ");
})
.catch((e) => {
messageError($q, e);
})
.finally(() => {
hideLoader();
});
},
"ยืนยันการปลดให้แก้ไขข้อมูล",
"ต้องการยืนยันการปลดให้แก้ไขข้อมูลนี้หรือไม่?"
);
@ -985,13 +1013,16 @@ async function checIsVerified() {
.then((res) => {
const data = res.data.result;
profileStore.isVerified = data.isVerified
? true
: roleRegistryverify.value
? true
: roleKeyregistry.value
? false
: false;
profileStore.isVerified = data.isVerified;
if (roleRegistryverify.value || roleKeyregistry.value) {
if (data.isVerified || roleRegistryverify.value) {
profileStore.isEdit = false;
} else {
profileStore.isEdit = true;
}
} else {
profileStore.isEdit = true;
}
})
.catch((err) => {
messageError($q, err);

View file

@ -3,6 +3,7 @@ import { defineStore } from "pinia";
export const useProfileDataStore = defineStore("profile", () => {
const isVerified = ref<boolean>(false);
const isEdit = ref<boolean>(false);
const emplployeeClass = ref<string | null>("");
interface profile {
main: { columns: String[] };
@ -79,6 +80,7 @@ export const useProfileDataStore = defineStore("profile", () => {
return {
isLoad,
isVerified,
isEdit,
profileData,
changeProfileColumns,
birthDate,

View file

@ -99,7 +99,7 @@
v-if="props.row.isVerified"
name="verified"
color="green"
size="2rem"
size="1.4rem"
/>
</div>
<div v-else-if="col.name == 'fullname'">