季度计划-勾选复选框“详细信息”、“航班关联信息”

src/app/pages/seasonal-plan/seasonal-plan.component.html

@@ -22,7 +22,7 @@
                       <option value="aircraftTypeCode">机型</option>
                       <option value="flyingDistance">飞行距离(千米)</option>
                       <option value="flyingTime">飞行时间(分钟)</option>
-                      <!-- <option *ngFor="let seasonal of seasonal_lists" [value]="seasonal.COL_CODE">{{seasonal.COL_CN}}</option> -->
+                     <!--  <option *ngFor="let col of col_lists" [value]="col.col_code">{{col.col_chn}}</option> -->
                   </select>
                   <label class="radio-inline custom-radio nowrap mr-4">
                         <input type="radio" [(ngModel)]="FLT_POS" [value]="1" name="filter-position">
@@ -105,18 +105,18 @@
         </div>
         <div class="third-condition row">
           <label class="radio-inline custom-checkbox nowrap mr-4">
-              <input type="checkbox">
+              <input type="checkbox" [(ngModel)]="checkboxGroup.related" (ngModelChange)="checkboxChange()">
               <span>航班关联信息</span>
           </label>
           <label class="radio-inline custom-checkbox nowrap mr-4">
-              <input type="checkbox">
+              <input type="checkbox" [(ngModel)]="checkboxGroup.detail" (ngModelChange)="checkboxChange()">
               <span>详细信息</span>
           </label>
       </div>
       </div>
 
       <div class="airline-table">
-          <div id="table-container" class="table-container">
+          <div id="table-container" class="table-container" [ngClass]="{'table-c': !tabClose,'table-o': tabClose}">
                 <table id="table" class="table table-bordered table-striped">
                   <thead>
                       <tr>
@@ -167,6 +167,16 @@
                   </tbody>
               </table>
           </div>
+          <div class="airline-message" [ngClass]="{'tab-c': tabClose,'tab-o': !tabClose}">
+            <nz-tabset [nzTabPosition]="'top'" [nzType]="'card'" [nzShowPagination]="false">
+                <nz-tab nzTitle="关联信息" (nzClick)="nzClick()" *ngIf="checkboxGroup.related">
+                    <app-related-tab [flight]="row_state"></app-related-tab>
+                </nz-tab>
+                <nz-tab nzTitle="详细信息" (nzClick)="nzClick()" *ngIf="checkboxGroup.detail">
+                    <app-detail-tab [flight]="row_state"></app-detail-tab>
+                </nz-tab>
+            </nz-tabset>
+        </div>
       </div>
   </div>
 </div>