hrms-bangkok/hrms-mgt
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

แก้ไขโครงสร้าง

Browse source
This commit is contained in:
Warunee Tamkoo 2024-01-31 10:27:41 +07:00
parent 533ed31bc8
commit f07044b41a
4 changed files with 53 additions and 83 deletions
Download patch file Download diff file Expand all files Collapse all files

91
src/modules/02_organizationalNew/components/StructureDetail.vue
View file

@ -38,10 +38,17 @@ async function fetchDetailTree(id: string, type: string) {
.get(config.API.orgLevelByid(type.toLocaleLowerCase(), id))
.then((res) => {
const data = res.data.result;
formData.orgName = data[`org${type}Name`];
formData.agencyName = data[`org${type}Name`];
formData.orgType = data[`org${type}Name`];
formData.orgLevel = store.convertType(data[`org${type}Rank`]);
const range = data[`org${type}Rank`];
formData.orgName =
range == "DEPARTMENT"
? data[`org${type}Name`] + ` (${data[`org${type}ShortName`]})`
: "-";
formData.agencyName =
range != "DEPARTMENT"
? data[`org${type}Name`] + ` (${data[`org${type}ShortName`]})`
: "-";
formData.orgType = range != "DEPARTMENT" ? "ส่วนราชการ" : "หน่วยงาน";
formData.orgLevel = store.convertType(range);
formData.status =
store.typeOrganizational === "current" ? "ปัจจุบัน" : "แบบร่าง";
formData.orgPhoneEx = data[`org${type}PhoneEx`];
@ -80,88 +87,60 @@ watch(
<q-card-section>
<div class="q-px-md">
<div class="row q-col-gutter-sm q-mb-xs">
<div class="col-4 text-bold">
<div>
<p>หน่วยงาน</p>
</div>
</div>
<div class="col-4 text-bold">หน่วยงาน</div>
<div class="col-8 text-grey-8">
<p>{{ formData.orgName }} ({{ formData.orgShortName }})</p>
<p>{{ formData.orgName }}</p>
</div>
</div>
<div class="row q-col-gutter-sm q-mb-xs">
<div class="col-4 text-bold">
<div>
<p>ส่วนราชการ</p>
</div>
</div>
<div class="col-4 text-bold">ส่วนราชการ</div>
<div class="col-8 text-grey-8">
<p>{{ formData.agencyName }}</p>
</div>
</div>
<div class="row q-col-gutter-sm q-mb-xs">
<div class="col-4 text-bold">
<div>
<p>ประเภท</p>
</div>
</div>
<div class="col-4 text-bold">ประเภท</div>
<div class="col-8 text-grey-8">
<p>{{ formData.orgType }}</p>
</div>
</div>
<div class="row q-col-gutter-sm q-mb-xs">
<div class="col-4 text-bold">
<div>
<p>ระดับ</p>
</div>
</div>
<div class="col-4 text-bold">ระดับ</div>
<div class="col-8 text-grey-8">
<p>{{ formData.orgLevel }}</p>
</div>
</div>
<div class="row q-col-gutter-sm q-mb-xs">
<div class="col-4 text-bold">
<div>
<p>สถานะ</p>
</div>
</div>
<div class="col-4 text-bold">สถานะ</div>
<div class="col-8 text-grey-8">
<p>{{ formData.status }}</p>
</div>
</div>
<div class="row q-col-gutter-sm q-mb-xs">
<div class="col-4 text-bold">
<div>
<p class="q-ma-none">เบอร์โทร</p>
</div>
</div>
<div class="col-8 text-grey-8">
<p class="q-ma-none">
{{
formData.orgPhoneEx ? `ภายนอก ${formData.orgPhoneEx}` : ""
}}
</p>
</div>
</div>
<div class="row q-col-gutter-sm">
<div class="offset-4 col-8 text-grey-8">
<p>
{{
formData.orgPhoneIn ? `ภายใน ${formData.orgPhoneIn}` : ""
}}
<div class="row q-col-gutter-sm q-mb-xs">
<div class="col-4 text-bold">เบอร์โทร</div>
<div class="col-8 text-grey-8">
<p v-if="formData.orgPhoneEx != ''">
{{ `ภายนอก ${formData.orgPhoneEx}` }}
</p>
<p v-if="formData.orgPhoneIn != ''">
{{ `ภายใน ${formData.orgPhoneIn}` }}
</p>
<p
v-show="
formData.orgPhoneEx == '' && formData.orgPhoneIn == ''
"
>
-
</p>
</div>
</div>
<div class="row q-col-gutter-sm q-mb-xs">
<div class="col-4 text-bold">
<div>
<p>Fax</p>
</div>
</div>
<div class="col-4 text-bold">Fax</div>
<div class="col-8 text-grey-8">
<p>{{ formData.orgFax }}</p>
<p v-if="formData.orgFax != ''">{{ formData.orgFax }}</p>
<p v-else>-</p>
</div>
</div>
</div>