ทะเบียนบริษัท > ทะเบียนบริษัท

src/app/components/company-components/company-registration/company-registration-page/company-registration-page.component.scss

+.modal-headerupload {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-bottom-width: 1px;
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
+    padding-left: 1rem;
+    padding-right: 1rem;
+}
+.ti-modal-content-upload{
+    background-color: white;
+    width: 25%;  /* ความกว้างที่คุณต้องการ */
+    height: 80%;
+    position: absolute; /* ทำให้สามารถจัดตำแหน่งได้ */
+    top: 50%;  /* ให้อยู่กลางในแนวตั้ง */
+    left: 50%;  /* ให้อยู่กลางในแนวนอน */
+    transform: translate(-50%, -50%); /* เคลื่อนที่ modal กลับมาให้ตรงกลาง */
+  }
\ No newline at end of file

src/app/components/company-components/company-registration/company-registration-page/company-registration-page.component.ts

+import { Component } from '@angular/core';
+import { ToastrService } from 'ngx-toastr';
+export interface DataModel {
+  code: string
+  tdesc: string
+  edesc: string
+  address: string
+  contact: string
+}
+@Component({
+  selector: 'app-company-registration-page',
+  templateUrl: './company-registration-page.component.html',
+  styleUrls: ['./company-registration-page.component.scss']
+})
+export class CompanyRegistrationPageComponent {
+  currentPage = 1
+  page = Array.from({ length: 1 }, (_, i) => i + 1);
+  search = ""
+  modalStatus = 'add'
+  dataList: { check: boolean, data: DataModel }[] = [
+    { check: false, data: { code: "CC-01", tdesc: "บริษัท มายเอชอาร์ จำกัด", edesc: "MYHR COMPANY LIMITED", address: "1", contact: "2" } },
+  ]
+  dataSelect: DataModel = { code: "", tdesc: "", edesc: "", address: "", contact: "" }
+
+  constructor(private toastr: ToastrService) {
+    this.searchChange()
+  }
+
+  searchChange() {
+    this.currentPage = 1
+    this.page = Array.from({ length: Math.ceil(this.dataListFilter().length / 10) }, (_, i) => i + 1);
+  }
+  dataListFilter() {
+    return this.dataList.filter(x => {
+      const data = x.data
+      const match = data.code.includes(this.search) || data.tdesc.includes(this.search) || data.edesc.includes(this.search);
+      return match;
+    });
+  }
+  setData(data?: DataModel) {
+    this.dataSelect = JSON.parse(JSON.stringify(data || { code: "", tdesc: "", edesc: "", address: "", contact: "" }));
+  }
+}

src/app/components/company-components/company-registration/company-registration.component.html

@@ -23,8 +23,8 @@
             </nav>
         </div>
         <div class="mt-3 px-2rem">
-            <div id="underline-1" role="tabpanel" aria-labelledby="underline-item-1">
-                รายละเอียดทะเบียนบริษัท
+            <div id="underline-1" role="tabpanel" aria-labelledby="underline-item-1" class="!-mt-3 pt-50px">
+                <app-company-registration-page></app-company-registration-page>
             </div>
             <div id="underline-2" class="hidden" role="tabpanel" aria-labelledby="underline-item-2">
                 <app-branch-business-unit [pathTitle]="pathTitle"

src/app/components/dashboard/dashboard.module.ts

@@ -111,6 +111,7 @@ import { SettingPerformanceEvalutionComponent } from '../performance-management-
 import { AssessmentSystemConfigurationComponent } from '../performance-management-evaluation/setting-performance-evalution/assessment-system-configuration/assessment-system-configuration.component';
 import { SelfEvaluationComponent } from '../performance-evaluation/self-evaluation/self-evaluation.component';
 import { IdpEvalutionComponent } from '../evaluation/idp-evalution.component';
+import { CompanyRegistrationPageComponent } from '../company-components/company-registration/company-registration-page/company-registration-page.component';
 
 @NgModule({
   declarations: [
@@ -203,7 +204,8 @@ import { IdpEvalutionComponent } from '../evaluation/idp-evalution.component';
     SettingPerformanceEvalutionComponent,
     AssessmentSystemConfigurationComponent,
     SelfEvaluationComponent,
-    IdpEvalutionComponent
+    IdpEvalutionComponent,
+    CompanyRegistrationPageComponent
   ],
   imports: [
     CommonModule,

src/assets/css/style.css

@@ -24885,3 +24885,6 @@ div:where(.swal2-container) div:where(.swal2-validation-message) {
 .\!white-space-normal {
   white-space: normal !important;
 }
+.\!\-mt-3 {
+  margin-top: -0.75rem !important;
+}
\ No newline at end of file