รอบการประเมิน

src/app/components/competency-assessment/evaluation-cycle-manager/evaluation-cycle/evaluation-cycle.component.html

@@ -281,6 +281,10 @@
               <input type="text" class="ti-form-input" readonly
                 [ngClass]="{'input-list-f1': f&&!l, 'input-list-c1': !f&&!l, 'input-list-l1': !f&&l, 'input-list-fl1': f&&l}"
                 [(ngModel)]="item.plId">
+              <div
+                [ngClass]="{'input-list-line-f': f&&!l, 'input-list-line-c': !f&&!l, 'input-list-line-l': !f&&l, 'input-list-line-fl': f&&l}">
+                <div class="input-list-line"></div>
+              </div>
               <input type="text" class="ti-form-input" readonly
                 [ngClass]="{'input-list-f2': f&&!l, 'input-list-c2': !f&&!l, 'input-list-l2': !f&&l, 'input-list-fl2': f&&l}"
                 [(ngModel)]="item.tdesc">
@@ -302,7 +306,7 @@
         <ng-template #plSearchButton>
           <button type="button"
             class="hs-dropdown-toggle ti-btn ti-border font-medium bg-white text-gray-700 shadow-sm align-middle hover:bg-gray-50 focus:ring-offset-white focus:ring-primary !m-0 h-full"
-            (click)="modal.search='';searchModalChange(plListFilter())"
+            style="height: 44.8px !important;" (click)="modal.search='';searchModalChange(plListFilter())"
             data-hs-overlay="#evaluation-cycle-pl-table-modal">
             <i class="ri-search-line cursor-pointer text-gray"></i>
           </button>

src/app/components/performance-management-evaluation/evaluation-cycle-performance/management-evaluation-cycle/management-evaluation-cycle.component.html

@@ -282,6 +282,10 @@
               <input type="text" class="ti-form-input" readonly
                 [ngClass]="{'input-list-f1': f&&!l, 'input-list-c1': !f&&!l, 'input-list-l1': !f&&l, 'input-list-fl1': f&&l}"
                 [(ngModel)]="item.plId">
+              <div
+                [ngClass]="{'input-list-line-f': f&&!l, 'input-list-line-c': !f&&!l, 'input-list-line-l': !f&&l, 'input-list-line-fl': f&&l}">
+                <div class="input-list-line"></div>
+              </div>
               <input type="text" class="ti-form-input" readonly
                 [ngClass]="{'input-list-f2': f&&!l, 'input-list-c2': !f&&!l, 'input-list-l2': !f&&l, 'input-list-fl2': f&&l}"
                 [(ngModel)]="item.tdesc">
@@ -303,7 +307,7 @@
         <ng-template #plSearchButton>
           <button type="button"
             class="hs-dropdown-toggle ti-btn ti-border font-medium bg-white text-gray-700 shadow-sm align-middle hover:bg-gray-50 focus:ring-offset-white focus:ring-primary !m-0 h-full"
-            (click)="modal.search='';searchModalChange(plListFilter())"
+            style="height: 44.8px !important;" (click)="modal.search='';searchModalChange(plListFilter())"
             data-hs-overlay="#management-evaluation-cycle-pl-table-modal">
             <i class="ri-search-line cursor-pointer text-gray"></i>
           </button>

src/assets/css/style.css

@@ -24941,40 +24941,68 @@ div:where(.swal2-container) div:where(.swal2-validation-message) {
 .input-list-f1 {
   border-radius: 0.25rem 0 0 0;
   border-bottom: none;
+  border-right: none;
   width: 40%;
 }
 .input-list-f2 {
   border-radius: 0 0.25rem 0 0;
   border-bottom: none;
+  border-left: none;
   padding-right: 3.5rem;
 }
 .input-list-c1 {
   border-radius: 0;
   border-top: none;
   border-bottom: none;
+  border-right: none;
   width: 40%;
 }
 .input-list-c2 {
   border-radius: 0;
   border-top: none;
   border-bottom: none;
+  border-left: none;
   padding-right: 3.5rem;
 }
 .input-list-l1 {
   border-radius: 0 0 0 0.25rem;
   border-top: none;
+  border-right: none;
   width: 40%;
 }
 .input-list-l2 {
   border-radius: 0 0 0.25rem 0;
   border-top: none;
+  border-left: none;
   padding-right: 3.5rem;
 }
 .input-list-fl1 {
   border-radius: 0.25rem 0 0 0.25rem;
+  border-right: none;
   width: 40%;
 }
 .input-list-fl2 {
-  border-radius: 0 0.25rem  0.25rem 0;
+  border-left: none;
+  border-radius: 0 0.25rem 0.25rem 0;
   padding-right: 3.5rem;
 }
+.input-list-line-f {
+  border-width: 1px 0 0 0;
+  padding: 3% 0 3% 0;
+}
+.input-list-line-c {
+  border-width: 0 0 0 0;
+  padding: 3% 0 3% 0;
+}
+.input-list-line-l {
+  border-width: 0 0 1px 0;
+  padding: 3% 0 3% 0;
+}
+.input-list-line-fl {
+  border-width: 1px 0 1px 0;
+  padding: 3% 0 3% 0;
+}
+.input-list-line {
+  border-width: 0 1px 0 0;
+  height: 100%;
+}