From 0bcddd820854a06b6e7332913e7f42c83036b121 Mon Sep 17 00:00:00 2001
From: chenjingyu <1148019379@qq.com>
Date: Mon, 27 Dec 2021 17:11:28 +0800
Subject: [PATCH] =?UTF-8?q?[=E4=BF=AE=E6=94=B9]ui=E7=95=8C=E9=9D=A2?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../key-unit-management.component.html        | 10 +++---
 .../entry-plan/entry-plan.component.html      | 32 +++++++++++++------
 .../meet-plan/meet-plan.component.html        | 10 +++---
 .../onetwo-entry-plan.component.html          | 10 +++---
 .../open-plan/open-plan.component.html        |  6 ++--
 .../pass-plan/pass-plan.component.html        | 10 +++---
 .../reinforce-plan.component.html             |  2 +-
 .../type-plan/type-plan.component.html        | 10 +++---
 .../scheduled-updates.component.html          |  7 ++--
 .../scheduled-updates.component.scss          | 18 ++++++++---
 10 files changed, 69 insertions(+), 46 deletions(-)

diff --git a/src/app/key-unit/key-unit-management/key-unit-management.component.html b/src/app/key-unit/key-unit-management/key-unit-management.component.html
index c46b9b0..f2ea551 100644
--- a/src/app/key-unit/key-unit-management/key-unit-management.component.html
+++ b/src/app/key-unit/key-unit-management/key-unit-management.component.html
@@ -16,7 +16,7 @@
                     </mat-form-field>
                     <span *ngIf="padMore" style="margin-left: 10px; color: #0080FF;" (click)='padInfo()'>更多筛选条件<img
                             [src]='imgsrcopen'> </span>
-                    <span *ngIf="padput" style="margin-left: 10px; color: #0080FF;" (click)='padInfo()'>收起<img
+                    <span *ngIf="padput" style="margin-left: 10px; color: #0080FF;width: 10px;height: 6px;" (click)='padInfo()'>收起<img
                             [src]='imgsrcdown'> </span>
                 </div>
 
@@ -44,9 +44,9 @@
                         </mat-select>
                     </mat-form-field>
                     <span *ngIf="pcMore" style="margin-left: 10px; color: #0080FF; cursor: pointer;"
-                        (click)='pcInfo()'>更多筛选条件<img [src]='imgsrcopen'> </span>
+                        (click)='pcInfo()'>更多筛选条件<img [src]='imgsrcopen'style="width: 10px;height: 6px;margin:0 0 3px 2px;"> </span>
                     <span *ngIf="pcput" style="margin-left: 10px; color: #0080FF; cursor: pointer;"
-                        (click)='pcInfo()'>收起<img [src]='imgsrcdown'> </span>
+                        (click)='pcInfo()'>收起<img [src]='imgsrcdown' style="width: 10px;height: 6px;margin:0 0 3px 2px;"> </span>
                 </div>
                 <div class="queryField" *ngIf="pcfind">
                     <button mat-raised-button color="primary">查询</button>
@@ -122,7 +122,7 @@
 
         </form>
     </div>
-    <mat-divider></mat-divider>
+    <!-- <mat-divider></mat-divider> -->
     <div class="body">
         <div class="buttonbox">
             <button type="button" mat-raised-button color="primary" (click)="createunit()">新增</button>
@@ -153,7 +153,7 @@
                     </td>
                 </ng-container>
                 <ng-container matColumnDef="state">
-                    <th mat-header-cell *matHeaderCellDef style="width: 10%;">预案状态</th>
+                    <th mat-header-cell *matHeaderCellDef style="width: 10%;">单位状态</th>
                     <td mat-cell *matCellDef="let element">
                       <span class="add" *ngIf="element.isNewData">新增</span>
                       <span class="weihu" *ngIf="!element.isNewData">维护更新</span>
diff --git a/src/app/plan-management/entry-plan/entry-plan.component.html b/src/app/plan-management/entry-plan/entry-plan.component.html
index d5dac5c..3a2ddc2 100644
--- a/src/app/plan-management/entry-plan/entry-plan.component.html
+++ b/src/app/plan-management/entry-plan/entry-plan.component.html
@@ -18,8 +18,8 @@
                         </mat-option>
                     </mat-select>
                 </mat-form-field>
-                <span *ngIf="padMore" style="margin-left: 10px; color: #0080FF;" (click)='padInfo()'>更多筛选条件<img [src]='imgsrcopen'> </span>
-                <span *ngIf="padput" style="margin-left: 10px; color: #0080FF;" (click)='padInfo()'>收起<img [src]='imgsrcdown'> </span>
+                <span *ngIf="padMore" style="margin-left: 10px; color: #0080FF;" (click)='padInfo()'>更多筛选条件<img [src]='imgsrcopen'style="width: 10px;height: 6px;margin:0 0 3px 2px;"> </span>
+                <span *ngIf="padput" style="margin-left: 10px; color: #0080FF;" (click)='padInfo()'>收起<img [src]='imgsrcdown'style="width: 10px;height: 6px;margin:0 0 3px 2px;"> </span>
             </div>
             <div class="queryField" *ngIf="!pcfind">
                 <button mat-raised-button color="primary">查询</button>
@@ -64,8 +64,8 @@
                   <mat-option value=4>其他预案</mat-option>
                 </mat-select>
                 </mat-form-field>
-                <span *ngIf="pcMore" style="margin-left: 15px; color: #0080FF; cursor: pointer;" (click)='pcInfo()'>更多筛选条件<img [src]='imgsrcopen'> </span>
-                <span *ngIf="pcput" style="margin-left: 10px; color: #0080FF; cursor: pointer;" (click)='pcInfo()'>收起<img [src]='imgsrcdown'> </span>
+                <span *ngIf="pcMore" style="margin-left: 15px; color: #0080FF; cursor: pointer;" (click)='pcInfo()'>更多筛选条件<img [src]='imgsrcopen'style="width: 10px;height: 6px;margin:0 0 3px 2px;"> </span>
+                <span *ngIf="pcput" style="margin-left: 10px; color: #0080FF; cursor: pointer;" (click)='pcInfo()'>收起<img [src]='imgsrcdown'style="width: 10px;height: 6px;margin:0 0 3px 2px;"> </span>
             </div>
             <div class="queryField" *ngIf="pcfind" >
                 <button mat-raised-button color="primary">查询</button>
@@ -125,16 +125,28 @@
         </mat-select>
     </mat-form-field>
     </div>
-    <div class="queryField" *ngIf="!padMore&&!pcMore">
-        <input type="radio" style="height: 16px;width: 16px;position: relative;top: 2px;" name="whgx" [value]='true' [(ngModel)]="IsNewData">
-        <label style="margin-right: 10px;margin-left: 2px;">新增</label>
-        <input type="radio" style="height: 16px;width: 16px;position: relative;top: 2px;" name="whgx" [value]='false' [(ngModel)]="IsNewData">
-        <label style="margin-right: 10px;margin-left: 2px;">维护更新</label>
+    <!-- <div class="queryField" *ngIf="!padMore&&!pcMore">
+        <label style="margin-right: 10px;">单位状态:</label>
+    <mat-form-field>
+        <mat-select placeholder='请选择单位状态' [(ngModel)]="IsNewData" name="IsNewData">
+            <mat-option value='true'>新增</mat-option>
+            <mat-option value="false">维护更新</mat-option>
+        </mat-select>
+    </mat-form-field>
+      </div> -->
+      <div class="queryField" *ngIf="!padMore&&!pcMore">
+        <label style="margin-right: 10px;">预案状态:</label>
+    <mat-form-field>
+        <mat-select placeholder='请选择预案状态' [(ngModel)]="IsNewData" name="IsNewData">
+            <mat-option value='true'>新增</mat-option>
+            <mat-option value="false">维护更新</mat-option>
+        </mat-select>
+    </mat-form-field>
       </div>
           </div>
         </form>
     </div>
-    <mat-divider></mat-divider>
+    <!-- <mat-divider></mat-divider> -->
     <div class="body">
         <div class="tablebox">
     
diff --git a/src/app/plan-management/meet-plan/meet-plan.component.html b/src/app/plan-management/meet-plan/meet-plan.component.html
index 2f9d61f..3ef9c32 100644
--- a/src/app/plan-management/meet-plan/meet-plan.component.html
+++ b/src/app/plan-management/meet-plan/meet-plan.component.html
@@ -21,8 +21,8 @@
                 </mat-select>
               </mat-form-field>
               <mat-checkbox style="margin-left: 6px;" [(ngModel)]="plcheck" name="plcheck">包含下级</mat-checkbox>
-              <span *ngIf="padMore" style="margin-left: 20px; color: #0080FF;" (click)='padInfo()'>更多筛选条件<img [src]='imgsrcopen'> </span>
-              <span *ngIf="padput" style="margin-left: 10px; color: #0080FF;" (click)='padInfo()'>收起<img [src]='imgsrcdown'> </span>
+              <span *ngIf="padMore" style="margin-left: 20px; color: #0080FF;" (click)='padInfo()'>更多筛选条件<img [src]='imgsrcopen'style="width: 10px;height: 6px;margin:0 0 3px 2px;"> </span>
+              <span *ngIf="padput" style="margin-left: 10px; color: #0080FF;" (click)='padInfo()'>收起<img [src]='imgsrcdown'style="width: 10px;height: 6px;margin:0 0 3px 2px;"> </span>
             </div>
       
             
@@ -45,8 +45,8 @@
             <mat-form-field class="example-full-width">
               <input matInput placeholder="请输入添加人" name="addname"  autocomplete="off" [(ngModel)]="addname">
             </mat-form-field>
-            <span *ngIf="pcMore" style="margin-left: 15px; color: #0080FF; cursor: pointer;" (click)='pcInfo()'>更多筛选条件<img [src]='imgsrcopen'> </span>
-            <span *ngIf="pcput" style="margin-left: 10px; color: #0080FF; cursor: pointer;" (click)='pcInfo()'>收起<img [src]='imgsrcdown'> </span>
+            <span *ngIf="pcMore" style="margin-left: 15px; color: #0080FF; cursor: pointer;" (click)='pcInfo()'>更多筛选条件<img [src]='imgsrcopen'style="width: 10px;height: 6px;margin:0 0 3px 2px;"> </span>
+            <span *ngIf="pcput" style="margin-left: 10px; color: #0080FF; cursor: pointer;" (click)='pcInfo()'>收起<img [src]='imgsrcdown'style="width: 10px;height: 6px;margin:0 0 3px 2px;"> </span>
           </div>
           <div class="queryField" *ngIf="pcfind" >
             <button mat-raised-button color="primary">查询</button>
@@ -98,7 +98,7 @@
           </div> -->
         </form>
     </div>
-    <mat-divider></mat-divider>
+    <!-- <mat-divider></mat-divider> -->
     <div class="newadd">
       <div>
         <button *ngIf="levels=='0'" mat-raised-button color="primary" (click)='addunit()'><img style="margin-bottom: 3px;" src="../../../assets/images/newadd.png"> 新增</button>
diff --git a/src/app/plan-management/onetwo-entry-plan/onetwo-entry-plan.component.html b/src/app/plan-management/onetwo-entry-plan/onetwo-entry-plan.component.html
index ee47180..9e99c67 100644
--- a/src/app/plan-management/onetwo-entry-plan/onetwo-entry-plan.component.html
+++ b/src/app/plan-management/onetwo-entry-plan/onetwo-entry-plan.component.html
@@ -28,8 +28,8 @@
                 </mat-select>
               </mat-form-field>
               <mat-checkbox style="margin-left: 6px;" [(ngModel)]="plcheck" name="plcheck">包含下级</mat-checkbox>
-              <span *ngIf="padMore" style="margin-left: 10px; color: #0080FF;" (click)='padInfo()'>更多筛选条件<img [src]='imgsrcopen'> </span>
-            <span *ngIf="padput" style="margin-left: 10px; color: #0080FF;" (click)='padInfo()'>收起<img [src]='imgsrcdown'> </span>
+              <span *ngIf="padMore" style="margin-left: 10px; color: #0080FF;" (click)='padInfo()'>更多筛选条件<img [src]='imgsrcopen'style="width: 10px;height: 6px;margin:0 0 3px 2px;"> </span>
+            <span *ngIf="padput" style="margin-left: 10px; color: #0080FF;" (click)='padInfo()'>收起<img [src]='imgsrcdown'style="width: 10px;height: 6px;margin:0 0 3px 2px;"> </span>
             </div>
             <div class="queryField" *ngIf="!pcfind">
               <button mat-raised-button color="primary">查询</button>
@@ -47,8 +47,8 @@
             <mat-form-field>
               <input matInput placeholder="请输入预案类型" name="reservePlanType"  autocomplete="off"  [(ngModel)]="typePlan">
             </mat-form-field>
-            <span *ngIf="pcMore" style="margin-left: 15px; color: #0080FF; cursor: pointer;" (click)='pcInfo()'>更多筛选条件<img [src]='imgsrcopen'> </span>
-            <span *ngIf="pcput" style="margin-left: 10px; color: #0080FF; cursor: pointer;" (click)='pcInfo()'>收起<img [src]='imgsrcdown'> </span>
+            <span *ngIf="pcMore" style="margin-left: 15px; color: #0080FF; cursor: pointer;" (click)='pcInfo()'>更多筛选条件<img [src]='imgsrcopen'style="width: 10px;height: 6px;margin:0 0 3px 2px;"> </span>
+            <span *ngIf="pcput" style="margin-left: 10px; color: #0080FF; cursor: pointer;" (click)='pcInfo()'>收起<img [src]='imgsrcdown'style="width: 10px;height: 6px;margin:0 0 3px 2px;"> </span>
           </div>
           
           <div class="queryField" *ngIf="pcfind" >
@@ -90,7 +90,7 @@
           
         </form>
     </div>
-    <mat-divider></mat-divider>
+    <!-- <mat-divider></mat-divider> -->
     <div class="newadd">
       <div>
         <button *ngIf="levels=='0'||levels=='1'" mat-raised-button color="primary" (click)="addunit()"><img style="margin-bottom: 3px;" src="../../../assets/images/newadd.png"> 新增</button>
diff --git a/src/app/plan-management/open-plan/open-plan.component.html b/src/app/plan-management/open-plan/open-plan.component.html
index 3e9945f..24eae26 100644
--- a/src/app/plan-management/open-plan/open-plan.component.html
+++ b/src/app/plan-management/open-plan/open-plan.component.html
@@ -16,8 +16,8 @@
             </mat-select>
           </mat-form-field>
           <mat-checkbox style="margin-left: 6px;" [(ngModel)]="plcheck" name="plcheck">包含下级</mat-checkbox>
-          <span *ngIf="padMore" style="margin-left: 20px; color: #0080FF;" (click)='padInfo()'>更多筛选条件<img [src]='imgsrcopen'> </span>
-          <span *ngIf="padput" style="margin-left: 10px; color: #0080FF;" (click)='padInfo()'>收起<img [src]='imgsrcdown'> </span>
+          <span *ngIf="padMore" style="margin-left: 20px; color: #0080FF;" (click)='padInfo()'>更多筛选条件<img [src]='imgsrcopen'style="width: 10px;height: 6px;margin:0 0 3px 2px;"> </span>
+          <span *ngIf="padput" style="margin-left: 10px; color: #0080FF;" (click)='padInfo()'>收起<img [src]='imgsrcdown'style="width: 10px;height: 6px;margin:0 0 3px 2px;"> </span>
         </div>
         
       <div class="queryField" *ngIf="!pcfind">
@@ -61,7 +61,7 @@
       
     </form>
 </div>
-<mat-divider></mat-divider>
+<!-- <mat-divider></mat-divider> -->
 <div class="body">
     <div class="tablebox">
         <table mat-table [dataSource]="tabledataSource" class="mat-elevation-z8">
diff --git a/src/app/plan-management/pass-plan/pass-plan.component.html b/src/app/plan-management/pass-plan/pass-plan.component.html
index 307b4d0..5a952fa 100644
--- a/src/app/plan-management/pass-plan/pass-plan.component.html
+++ b/src/app/plan-management/pass-plan/pass-plan.component.html
@@ -16,8 +16,8 @@
             <input readonly matInput placeholder="请选择消防救援站" autocomplete="off" [(ngModel)]="js" name="js"  (focus)="openorganizationbox()">
           </mat-form-field>
           <mat-checkbox style="margin-left: 6px;" [(ngModel)]="jscheck" name="jscheck">包含下级</mat-checkbox>
-          <span *ngIf="padMore" style="margin-left: 10px; color: #0080FF;" (click)='padInfo()'>更多筛选条件<img [src]='imgsrcopen'> </span>
-          <span *ngIf="padput" style="margin-left: 10px; color: #0080FF;" (click)='padInfo()'>收起<img [src]='imgsrcdown'> </span>
+          <span *ngIf="padMore" style="margin-left: 10px; color: #0080FF;" (click)='padInfo()'>更多筛选条件<img [src]='imgsrcopen'style="width: 10px;height: 6px;margin:0 0 3px 2px;"> </span>
+          <span *ngIf="padput" style="margin-left: 10px; color: #0080FF;" (click)='padInfo()'>收起<img [src]='imgsrcdown'style="width: 10px;height: 6px;margin:0 0 3px 2px;"> </span>
           <div class="organizationbox" *ngIf="isorganizationbox">
               <div (click)="closediv()" class="closediv"><mat-icon>clear</mat-icon></div>
               <mat-tree [dataSource]="dataSource" [treeControl]="treeControl">
@@ -65,8 +65,8 @@
                     </mat-option>
                 </mat-select>
             </mat-form-field>
-            <span *ngIf="pcMore" style="margin-left: 20px; color: #0080FF; cursor: pointer;" (click)='pcInfo()'>更多筛选条件<img [src]='imgsrcopen'> </span>
-            <span *ngIf="pcput" style="margin-left: 10px; color: #0080FF; cursor: pointer;" (click)='pcInfo()'>收起<img [src]='imgsrcdown'> </span>
+            <span *ngIf="pcMore" style="margin-left: 20px; color: #0080FF; cursor: pointer;" (click)='pcInfo()'>更多筛选条件<img [src]='imgsrcopen'style="width: 10px;height: 6px;margin:0 0 3px 2px;"> </span>
+            <span *ngIf="pcput" style="margin-left: 10px; color: #0080FF; cursor: pointer;" (click)='pcInfo()'>收起<img [src]='imgsrcdown'style="width: 10px;height: 6px;margin:0 0 3px 2px;"> </span>
         </div>
         <div class="queryField" *ngIf="pcfind" >
           <button mat-raised-button color="primary">查询</button>
@@ -120,7 +120,7 @@
       
     </form>
 </div>
-<mat-divider></mat-divider>
+<!-- <mat-divider></mat-divider> -->
 <div class="body">
     <div class="tablebox">
 
diff --git a/src/app/plan-management/reinforce-plan/reinforce-plan.component.html b/src/app/plan-management/reinforce-plan/reinforce-plan.component.html
index 3a0dc1b..e9df805 100644
--- a/src/app/plan-management/reinforce-plan/reinforce-plan.component.html
+++ b/src/app/plan-management/reinforce-plan/reinforce-plan.component.html
@@ -93,7 +93,7 @@
       
     </form>
 </div>
-<mat-divider></mat-divider>
+<!-- <mat-divider></mat-divider> -->
 <div class="body">
     <div class="tablebox">
 
diff --git a/src/app/plan-management/type-plan/type-plan.component.html b/src/app/plan-management/type-plan/type-plan.component.html
index dbc2bd4..a7dffbb 100644
--- a/src/app/plan-management/type-plan/type-plan.component.html
+++ b/src/app/plan-management/type-plan/type-plan.component.html
@@ -21,8 +21,8 @@
                 </mat-select>
               </mat-form-field>
               <mat-checkbox style="margin-left: 6px;" [(ngModel)]="plcheck" name="plcheck">包含下级</mat-checkbox>
-              <span *ngIf="padMore" style="margin-left: 20px; color: #0080FF;" (click)='padInfo()'>更多筛选条件<img [src]='imgsrcopen'> </span>
-            <span *ngIf="padput" style="margin-left: 10px; color: #0080FF;" (click)='padInfo()'>收起<img [src]='imgsrcdown'> </span>
+              <span *ngIf="padMore" style="margin-left: 20px; color: #0080FF;" (click)='padInfo()'>更多筛选条件<img [src]='imgsrcopen'style="width: 10px;height: 6px;margin:0 0 3px 2px;"> </span>
+            <span *ngIf="padput" style="margin-left: 10px; color: #0080FF;" (click)='padInfo()'>收起<img [src]='imgsrcdown'style="width: 10px;height: 6px;margin:0 0 3px 2px;"> </span>
             </div>
           
           <div class="queryField" *ngIf="!pcfind">
@@ -47,8 +47,8 @@
                   <mat-option value="4">审核退回</mat-option>
                 </mat-select>
               </mat-form-field>
-              <span *ngIf="pcMore" style="margin-left: 15px; color: #0080FF; cursor: pointer;" (click)='pcInfo()'>更多筛选条件<img [src]='imgsrcopen'> </span>
-              <span *ngIf="pcput" style="margin-left: 10px; color: #0080FF; cursor: pointer;" (click)='pcInfo()'>收起<img [src]='imgsrcdown'> </span>
+              <span *ngIf="pcMore" style="margin-left: 15px; color: #0080FF; cursor: pointer;" (click)='pcInfo()'>更多筛选条件<img [src]='imgsrcopen'style="width: 10px;height: 6px;margin:0 0 3px 2px;"> </span>
+              <span *ngIf="pcput" style="margin-left: 10px; color: #0080FF; cursor: pointer;" (click)='pcInfo()'>收起<img [src]='imgsrcdown'style="width: 10px;height: 6px;margin:0 0 3px 2px;"> </span>
             </div>
             <div class="queryField" *ngIf="pcfind" >
               <button mat-raised-button color="primary">查询</button>
@@ -76,7 +76,7 @@
           </div>
         </form>
     </div>
-    <mat-divider></mat-divider>
+    <!-- <mat-divider></mat-divider> -->
     <div class="newadd">
       <div>
         <button mat-raised-button color="primary" (click)='addunit()' *ngIf="levels=='0'"><img style="margin-bottom: 3px;" src="../../../assets/images/newadd.png"> 新增</button>
diff --git a/src/app/statistic-analysis/scheduled-updates/scheduled-updates.component.html b/src/app/statistic-analysis/scheduled-updates/scheduled-updates.component.html
index 8c1f6ae..8234dd7 100644
--- a/src/app/statistic-analysis/scheduled-updates/scheduled-updates.component.html
+++ b/src/app/statistic-analysis/scheduled-updates/scheduled-updates.component.html
@@ -10,6 +10,10 @@
   <div class="center" id="center"></div>
 </div> -->
 <div class="box">
+  <div class="top">
+    <button mat-raised-button (click)='danweiClick()' [ngClass]="{'selectedBtn': dwOryuan=='danwei','noselectedBtn':dwOryuan=='yuan'}"  style="margin:0 10px;">单位信息</button>
+    <button mat-raised-button (click)='yuanClick()' [ngClass]="{'selectedBtn': dwOryuan=='yuan','noselectedBtn':dwOryuan=='danwei'}">预案信息</button>
+  </div>
   <!-- <div class="topbox">
     <div class="find" *ngIf="buildingShow">
       <form #form2="ngForm" >
@@ -35,8 +39,7 @@
       <!-- <span style="position: relative;top: 3%;right: 15%;cursor: pointer;" >
         <mat-icon >autorenew</mat-icon>
     </span> -->
-    <button mat-raised-button (click)='danweiClick()' [ngClass]="{'selectedBtn': dwOryuan=='danwei'}"  style="margin:0 10px;">单位信息</button>
-    <button mat-raised-button (click)='yuanClick()' [ngClass]="{'selectedBtn': dwOryuan=='yuan'}">预案信息</button>
+    
       <div id="pieTwo">
         
       </div>
diff --git a/src/app/statistic-analysis/scheduled-updates/scheduled-updates.component.scss b/src/app/statistic-analysis/scheduled-updates/scheduled-updates.component.scss
index 6991a6b..d307e31 100644
--- a/src/app/statistic-analysis/scheduled-updates/scheduled-updates.component.scss
+++ b/src/app/statistic-analysis/scheduled-updates/scheduled-updates.component.scss
@@ -32,6 +32,14 @@
   flex-direction: column;
   overflow: hidden;
   position: relative;
+  .top{
+    text-align: center;
+    button{
+      width: 88px;
+      height: 36px;
+      margin-top: 20px;
+    }
+  }
   .topbox{
       width: 100%;
       height: 80px;
@@ -75,10 +83,7 @@
       flex-direction: row;
       margin-top: 80px;
       //justify-content:center;
-      button{
-        width: 88px;
-        height: 36px;
-      }
+      
   }
   #pie{
       width: 50%;
@@ -91,7 +96,10 @@
     flex-direction: row
 }
 }
-
+.noselectedBtn{
+  background-color: #E8E9E9;
+  color: #000000;
+}
 .selectedBtn{
   background-color: #2196f3;
   color: white;