上海预案管理平台
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

45 lines
2.0 KiB

<!--
* @Descripttion:
* @version:
* @Author: sueRimn
* @Date: 2021-05-08 09:42:43
* @LastEditors: sueRimn
* @LastEditTime: 2021-05-11 15:05:16
-->
<div class="box">
<div class="topbox">
<div class="timebox">
<!-- <mat-form-field appearance="fill">
<mat-label>请选择时间</mat-label>
<input matInput [matDatepicker]="dp3" >
<mat-datepicker-toggle matSuffix [for]="dp3"></mat-datepicker-toggle>
<mat-datepicker #dp3 ></mat-datepicker>
</mat-form-field>
<span style="margin-left: 15px;margin-bottom: 25px;" id="pcshow" >🠊</span>
<mat-form-field appearance="fill" style="margin-left: 10px;">
<mat-label>请选择时间</mat-label>
<input matInput [matDatepicker]="dp4" disabled>
<mat-datepicker-toggle matSuffix [for]="dp4"></mat-datepicker-toggle>
<mat-datepicker #dp4 disabled="false"></mat-datepicker>
</mat-form-field> -->
<input type="month" matInput name="addtime" autocomplete="off" [(ngModel)]="addtime">
<span style="margin-left: 15px;" id="pcshow" >🠊</span>
<input type="month" matInput name="endtime" autocomplete="off" [(ngModel)]="endtime" style="margin-left: 10px;">
<button mat-raised-button color="primary" style="margin-left: 30px;" (click)='findClick()'>查询</button>
</div>
<!-- <div class="find">
<button mat-button color="primary">查询</button>
</div> -->
</div>
<div class="centerbox">
<div class="leftecharts" id="leftecharts"></div>
<div class="rightecharts" id="rightecharts"></div>
</div>
<div class="bottombox" >
<div class="bottomspan">
<span style="margin-left: 8%;">当月新增预案{{addNum}}个,排名前三的分别是:</span>
<span *ngFor="let item of addyuan">{{item}}</span>
</div>
<div class="bottomEcharts" id="bottomEcharts"></div>
</div>
</div>