季度计划和历史数据页面查询调整美观

src/app/pages/main/main.component.html

@@ -1,8 +1,8 @@
 <div class="main-page">
     <div class="page-content" #pageContent>
-        <div class="search-filter mb-3" #searchFilter>
+        <div class="search-filter mb-2" #searchFilter>
             <div class="first-condition row">
-                <div class="line-operator-left input-container mb-3 col-xlg-8 col-mlg-8 col-xl-8 col-lg-10">
+                <div class="line-operator-left input-container mb-2">
                     <select [(ngModel)]="SEL_COL" class="mr-4 form-control" (ngModelChange)="resetPositionArray()" name="" id="">
                         <option value="">选择列名</option>
                         <option *ngFor="let airline_col of render_col_lists" [value]="airline_col.COL_CODE">{{airline_col.COL_CN}}</option>
@@ -15,11 +15,11 @@
                         <input type="radio" [(ngModel)]="FLT_POS" [value]="2" name="filter-position">
                         <span>查找定位</span>
                     </label>
-                    <input class="form-control" [(ngModel)]="SEARCH" (ngModelChange)="resetPositionArray()" type="text" (keyup.enter)="inputEnter()">
-                </div>
-                <div class="line-operator-right mb-3 col-xlg-4 col-mlg-4 col-xl-4 col-lg-2">
-                    <button type="button" class="btn btn-info mr-2" (click)="toggleFilter()">{{filterClose?'展开':'关闭'}}</button>
-                    <button type="button" class="btn btn-info mr-2" (click)="refresh()">刷新</button>
+                    <input class="form-control mr-4" [(ngModel)]="SEARCH" (ngModelChange)="resetPositionArray()" type="text" (keyup.enter)="inputEnter()">
+                    <div class="line-operator-right">
+                        <button type="button" class="btn btn-info mr-2" (click)="toggleFilter()">{{filterClose?'展开':'关闭'}}</button>
+                        <button type="button" class="btn btn-info mr-2" (click)="refresh()">刷新</button>
+                    </div>
                 </div>
             </div>