Skip to content

M
myAppraisal
Commit 0825b2ac by Nattana Chaiyamat
Options

แก้ยิง Api สาขาและหน่วยธุรกิจ

parent 034da90d
Showing with 16 additions and 14 deletions
src/app/components/company-components/company-registration/branch-business-unit/branch-business-unit.component.html
...@@ -3,62 +3,62 @@ ...@@ -3,62 +3,62 @@
</div> </div>
<div class="page"> <div class="page">
<nav class="flex rtl:space-x-reverse space-x-2"> <nav class="flex rtl:space-x-reverse space-x-2">
<a (click)="onSendPathTitle('ทะเบียนฝ่าย')" <a (click)="onSendPathTitle('ทะเบียนฝ่าย');currentTab=1"
class="border w-32 justify-center rounded-4px hs-tab-active:!bg-primary hs-tab-active:border-primary hs-tab-active:!text-white -mb-px py-2 px-3 inline-flex items-center gap-2 font-size-16px font-weight-500 text-center text-gray-600 hover:text-gray-900 active" class="border w-32 justify-center rounded-4px hs-tab-active:!bg-primary hs-tab-active:border-primary hs-tab-active:!text-white -mb-px py-2 px-3 inline-flex items-center gap-2 font-size-16px font-weight-500 text-center text-gray-600 hover:text-gray-900 active"
href="javascript:void(0);" id="card-type-item-1" data-hs-tab="#card-type-1" aria-controls="card-type-1"> href="javascript:void(0);" id="card-type-item-1" data-hs-tab="#card-type-1" aria-controls="card-type-1">
ทะเบียนฝ่าย ทะเบียนฝ่าย
</a> </a>
<a (click)="onSendPathTitle('ทะเบียนแผนก')" <a (click)="onSendPathTitle('ทะเบียนแผนก');currentTab=2"
class="border w-32 justify-center rounded-4px hs-tab-active:!bg-primary hs-tab-active:border-primary hs-tab-active:!text-white -mb-px py-2 px-3 inline-flex items-center gap-2 font-size-16px font-weight-500 text-center text-gray-600 hover:text-gray-900" class="border w-32 justify-center rounded-4px hs-tab-active:!bg-primary hs-tab-active:border-primary hs-tab-active:!text-white -mb-px py-2 px-3 inline-flex items-center gap-2 font-size-16px font-weight-500 text-center text-gray-600 hover:text-gray-900"
href="javascript:void(0);" id="card-type-item-2" data-hs-tab="#card-type-2" aria-controls="card-type-2"> href="javascript:void(0);" id="card-type-item-2" data-hs-tab="#card-type-2" aria-controls="card-type-2">
ทะเบียนแผนก ทะเบียนแผนก
</a> </a>
<a (click)="onSendPathTitle('ทะเบียนส่วน')" <a (click)="onSendPathTitle('ทะเบียนส่วน');currentTab=3"
class="border w-32 justify-center rounded-4px hs-tab-active:!bg-primary hs-tab-active:border-primary hs-tab-active:!text-white -mb-px py-2 px-3 inline-flex items-center gap-2 font-size-16px font-weight-500 text-center text-gray-600 hover:text-gray-900" class="border w-32 justify-center rounded-4px hs-tab-active:!bg-primary hs-tab-active:border-primary hs-tab-active:!text-white -mb-px py-2 px-3 inline-flex items-center gap-2 font-size-16px font-weight-500 text-center text-gray-600 hover:text-gray-900"
href="javascript:void(0);" id="card-type-item-3" data-hs-tab="#card-type-3" aria-controls="card-type-3"> href="javascript:void(0);" id="card-type-item-3" data-hs-tab="#card-type-3" aria-controls="card-type-3">
ทะเบียนส่วน ทะเบียนส่วน
</a> </a>
<a (click)="onSendPathTitle('ส่วนย่อย1')" <a (click)="onSendPathTitle('ส่วนย่อย1');currentTab=4"
class="border w-32 justify-center rounded-4px hs-tab-active:!bg-primary hs-tab-active:border-primary hs-tab-active:!text-white -mb-px py-2 px-3 inline-flex items-center gap-2 font-size-16px font-weight-500 text-center text-gray-600 hover:text-gray-900" class="border w-32 justify-center rounded-4px hs-tab-active:!bg-primary hs-tab-active:border-primary hs-tab-active:!text-white -mb-px py-2 px-3 inline-flex items-center gap-2 font-size-16px font-weight-500 text-center text-gray-600 hover:text-gray-900"
href="javascript:void(0);" id="card-type-item-4" data-hs-tab="#card-type-4" aria-controls="card-type-4"> href="javascript:void(0);" id="card-type-item-4" data-hs-tab="#card-type-4" aria-controls="card-type-4">
ส่วนย่อย1 ส่วนย่อย1
</a> </a>
<a (click)="onSendPathTitle('ส่วนย่อย2')" <a (click)="onSendPathTitle('ส่วนย่อย2');currentTab=5"
class="border w-32 justify-center rounded-4px hs-tab-active:!bg-primary hs-tab-active:border-primary hs-tab-active:!text-white -mb-px py-2 px-3 inline-flex items-center gap-2 font-size-16px font-weight-500 text-center text-gray-600 hover:text-gray-900" class="border w-32 justify-center rounded-4px hs-tab-active:!bg-primary hs-tab-active:border-primary hs-tab-active:!text-white -mb-px py-2 px-3 inline-flex items-center gap-2 font-size-16px font-weight-500 text-center text-gray-600 hover:text-gray-900"
href="javascript:void(0);" id="card-type-item-5" data-hs-tab="#card-type-5" aria-controls="card-type-5"> href="javascript:void(0);" id="card-type-item-5" data-hs-tab="#card-type-5" aria-controls="card-type-5">
ส่วนย่อย2 ส่วนย่อย2
</a> </a>
<a (click)="onSendPathTitle('ส่วนย่อย3')" <a (click)="onSendPathTitle('ส่วนย่อย3');currentTab=6"
class="border w-32 justify-center rounded-4px hs-tab-active:!bg-primary hs-tab-active:border-primary hs-tab-active:!text-white -mb-px py-2 px-3 inline-flex items-center gap-2 font-size-16px font-weight-500 text-center text-gray-600 hover:text-gray-900" class="border w-32 justify-center rounded-4px hs-tab-active:!bg-primary hs-tab-active:border-primary hs-tab-active:!text-white -mb-px py-2 px-3 inline-flex items-center gap-2 font-size-16px font-weight-500 text-center text-gray-600 hover:text-gray-900"
href="javascript:void(0);" id="card-type-item-6" data-hs-tab="#card-type-6" aria-controls="card-type-6"> href="javascript:void(0);" id="card-type-item-6" data-hs-tab="#card-type-6" aria-controls="card-type-6">
ส่วนย่อย3 ส่วนย่อย3
</a> </a>
<a (click)="onSendPathTitle('ส่วนย่อย4')" <a (click)="onSendPathTitle('ส่วนย่อย4');currentTab=7"
class="border w-32 justify-center rounded-4px hs-tab-active:!bg-primary hs-tab-active:border-primary hs-tab-active:!text-white -mb-px py-2 px-3 inline-flex items-center gap-2 font-size-16px font-weight-500 text-center text-gray-600 hover:text-gray-900" class="border w-32 justify-center rounded-4px hs-tab-active:!bg-primary hs-tab-active:border-primary hs-tab-active:!text-white -mb-px py-2 px-3 inline-flex items-center gap-2 font-size-16px font-weight-500 text-center text-gray-600 hover:text-gray-900"
href="javascript:void(0);" id="card-type-item-7" data-hs-tab="#card-type-7" aria-controls="card-type-7"> href="javascript:void(0);" id="card-type-item-7" data-hs-tab="#card-type-7" aria-controls="card-type-7">
ส่วนย่อย4 ส่วนย่อย4
</a> </a>
</nav> </nav>
<div class="pt-50px"> <div class="pt-50px">
<div id="card-type-1" role="tabpanel" aria-labelledby="card-type-item-1"> <div *ngIf="currentTab==1" id="card-type-1" role="tabpanel" aria-labelledby="card-type-item-1">
<app-department-register></app-department-register> <app-department-register></app-department-register>
</div> </div>
<div id="card-type-2" class="hidden" role="tabpanel" aria-labelledby="card-type-item-2"> <div *ngIf="currentTab==2" id="card-type-2" class="hidden" role="tabpanel" aria-labelledby="card-type-item-2">
<app-department-list></app-department-list> <app-department-list></app-department-list>
</div> </div>
<div id="card-type-3" class="hidden" role="tabpanel" aria-labelledby="card-type-item-3"> <div *ngIf="currentTab==3" id="card-type-3" class="hidden" role="tabpanel" aria-labelledby="card-type-item-3">
<app-section-registration></app-section-registration> <app-section-registration></app-section-registration>
</div> </div>
<div id="card-type-4" class="hidden" role="tabpanel" aria-labelledby="card-type-item-4"> <div *ngIf="currentTab==4" id="card-type-4" class="hidden" role="tabpanel" aria-labelledby="card-type-item-4">
<app-sub-department-one></app-sub-department-one> <app-sub-department-one></app-sub-department-one>
</div> </div>
<div id="card-type-5" class="hidden" role="tabpanel" aria-labelledby="card-type-item-5"> <div *ngIf="currentTab==5" id="card-type-5" class="hidden" role="tabpanel" aria-labelledby="card-type-item-5">
<app-sub-department-two></app-sub-department-two> <app-sub-department-two></app-sub-department-two>
</div> </div>
<div id="card-type-6" class="hidden" role="tabpanel" aria-labelledby="card-type-item-6"> <div *ngIf="currentTab==6" id="card-type-6" class="hidden" role="tabpanel" aria-labelledby="card-type-item-6">
<app-sub-department-three></app-sub-department-three> <app-sub-department-three></app-sub-department-three>
</div> </div>
<div id="card-type-7" class="hidden" role="tabpanel" aria-labelledby="card-type-item-7"> <div *ngIf="currentTab==7" id="card-type-7" class="hidden" role="tabpanel" aria-labelledby="card-type-item-7">
<app-sub-department-four></app-sub-department-four> <app-sub-department-four></app-sub-department-four>
</div> </div>
</div> </div>
......
src/app/components/company-components/company-registration/branch-business-unit/branch-business-unit.component.ts
...@@ -8,6 +8,8 @@ import { Component, EventEmitter, Input, Output } from '@angular/core'; ...@@ -8,6 +8,8 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
export class BranchBusinessUnitComponent { export class BranchBusinessUnitComponent {
@Input() pathTitle = ['การจัดการข้อมูลองค์กร', 'ทะเบียนบริษัท', 'สาขาและหน่วยธุรกิจ', 'ทะเบียนฝ่าย'] @Input() pathTitle = ['การจัดการข้อมูลองค์กร', 'ทะเบียนบริษัท', 'สาขาและหน่วยธุรกิจ', 'ทะเบียนฝ่าย']
@Output() sendPathTitle: EventEmitter<string[]> = new EventEmitter<string[]>(); @Output() sendPathTitle: EventEmitter<string[]> = new EventEmitter<string[]>();
currentTab = 1
onSendPathTitle(pathTitle: string) { onSendPathTitle(pathTitle: string) {
this.sendPathTitle.emit(['การจัดการข้อมูลองค์กร', 'ทะเบียนบริษัท', 'สาขาและหน่วยธุรกิจ', pathTitle]) this.sendPathTitle.emit(['การจัดการข้อมูลองค์กร', 'ทะเบียนบริษัท', 'สาขาและหน่วยธุรกิจ', pathTitle])
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment