shaojiahao
/
ShangHaiYuan-AnXin
2
0
Fork 0
Code Issues 11 Pull Requests Projects Releases Wiki Activity
Browse Source

[修改]预案管理白色pad自适应

zhuzhou
chenjingyu 4 years ago
parent
e3dcf1ceec
commit
deffdec6e0
18 changed files with 276 additions and 146 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 16
      src/app/key-unit/key-unit-management/key-unit-management.component.html
  2. 13
      src/app/key-unit/key-unit-management/key-unit-management.component.scss
  3. 15
      src/app/key-unit/key-unit-management/key-unit-management.component.ts
  4. 13
      src/app/plan-management/entry-plan-look/entry-plan-look.component.html
  5. 2
      src/app/plan-management/entry-plan-look/entry-plan-look.component.scss
  6. 14
      src/app/plan-management/entry-plan/entry-plan.component.html
  7. 13
      src/app/plan-management/entry-plan/entry-plan.component.ts
  8. 16
      src/app/plan-management/meet-plan/meet-plan.component.html
  9. 16
      src/app/plan-management/meet-plan/meet-plan.component.ts
  10. 19
      src/app/plan-management/onetwo-entry-plan/onetwo-entry-plan.component.html
  11. 15
      src/app/plan-management/onetwo-entry-plan/onetwo-entry-plan.component.ts
  12. 5
      src/app/plan-management/open-plan/open-plan.component.html
  13. 18
      src/app/plan-management/pass-plan/pass-plan.component.html
  14. 13
      src/app/plan-management/pass-plan/pass-plan.component.ts
  15. 12
      src/app/plan-management/reinforce-plan/reinforce-plan.component.html
  16. 13
      src/app/plan-management/reinforce-plan/reinforce-plan.component.ts
  17. 12
      src/app/plan-management/type-plan/type-plan.component.html
  18. 15
      src/app/plan-management/type-plan/type-plan.component.ts

16
src/app/key-unit/key-unit-management/key-unit-management.component.html
Unescape View File

@ -15,6 +15,8 @@
<input (click)="stopclose($event)" readonly matInput placeholder="请选择消防救援站" autocomplete="off" [(ngModel)]="js" name="js" (focus)="openorganizationbox()"> <input (click)="stopclose($event)" readonly matInput placeholder="请选择消防救援站" autocomplete="off" [(ngModel)]="js" name="js" (focus)="openorganizationbox()">
</mat-form-field> </mat-form-field>
<mat-checkbox color="primary" style="margin-left: 6px;" [(ngModel)]="jscheck" name="jscheck">包含下级</mat-checkbox> <mat-checkbox color="primary" 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>
<div class="organizationbox" *ngIf="isorganizationbox"> <div class="organizationbox" *ngIf="isorganizationbox">
<div (click)="closediv()" class="closediv"><mat-icon>clear</mat-icon></div> <div (click)="closediv()" class="closediv"><mat-icon>clear</mat-icon></div>
<mat-tree [dataSource]="dataSource" [treeControl]="treeControl"> <mat-tree [dataSource]="dataSource" [treeControl]="treeControl">
@ -36,15 +38,16 @@
</mat-tree-node> </mat-tree-node>
</mat-tree> </mat-tree>
</div> </div>
</div> </div>
<div class="queryField"> <div class="queryField" *ngIf="!padMore">
<label style="margin-right: 10px;">统一社会信用代码:</label> <label style="margin-right: 10px;">统一社会信用代码:</label>
<mat-form-field class="example-full-width"> <mat-form-field class="example-full-width">
<input matInput placeholder="请输入统一社会信用代码" name="shehui" [(ngModel)]="shehui" autocomplete="off"> <input matInput placeholder="请输入统一社会信用代码" name="shehui" [(ngModel)]="shehui" autocomplete="off">
</mat-form-field> </mat-form-field>
</div> </div>
<div class="queryField"> <div class="queryField" *ngIf="!padMore">
<label style="margin-right: 10px;">单位类型:</label> <label style="margin-right: 10px;">单位类型:</label>
<mat-form-field> <mat-form-field>
<mat-select placeholder='请选择单位类型' [(ngModel)]="unittype" name="unittype"> <mat-select placeholder='请选择单位类型' [(ngModel)]="unittype" name="unittype">
@ -53,8 +56,9 @@
</mat-option> </mat-option>
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
<!-- <span style="margin-left: 2%;">更多筛选条件</span> -->
</div> </div>
<div class="queryField"> <div class="queryField" *ngIf="!padMore">
<label style="margin-right: 10px;">关注单位:</label> <label style="margin-right: 10px;">关注单位:</label>
<mat-form-field> <mat-form-field>
<mat-select placeholder='请选择单位是否关注' [(ngModel)]="follow" name="follow"> <mat-select placeholder='请选择单位是否关注' [(ngModel)]="follow" name="follow">
@ -63,7 +67,7 @@
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
</div> </div>
<div class="queryField"> <div class="queryField" *ngIf="!padMore">
<label style="margin-right: 10px;">信息完整度排序:</label> <label style="margin-right: 10px;">信息完整度排序:</label>
<mat-form-field> <mat-form-field>
<mat-select placeholder='请选择排序方式' [(ngModel)]="integritySort" name="integritySort"> <mat-select placeholder='请选择排序方式' [(ngModel)]="integritySort" name="integritySort">
@ -72,12 +76,12 @@
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
</div> </div>
<div class="queryField" style="margin-left: 100px;"> <div class="queryField" *ngIf="!padMore">
<label style="margin-right: 10px;">完整度查询:</label> <label style="margin-right: 10px;">完整度查询:</label>
<mat-form-field class="example-full-width"> <mat-form-field class="example-full-width">
<input type="number" oninput="if(value>100)value=100;if(value<0)value=0" matInput placeholder="请输入完整度最小值" name="integrityScoreMin" [(ngModel)]="integrityScoreMin" autocomplete="off"> <input type="number" oninput="if(value>100)value=100;if(value<0)value=0" matInput placeholder="请输入完整度最小值" name="integrityScoreMin" [(ngModel)]="integrityScoreMin" autocomplete="off">
</mat-form-field> </mat-form-field>
🠊 <mat-icon aria-hidden="false" style="position: relative;right: 125px;top: 5px;">arrow forward</mat-icon>
<mat-form-field class="example-full-width" style="margin-left: 5px;"> <mat-form-field class="example-full-width" style="margin-left: 5px;">
<input type="number" oninput="if(value>100)value=100;if(value<0)value=0" matInput placeholder="请输入完整度最大值" name="integrityScoreMax" [(ngModel)]="integrityScoreMax" autocomplete="off"> <input type="number" oninput="if(value>100)value=100;if(value<0)value=0" matInput placeholder="请输入完整度最大值" name="integrityScoreMax" [(ngModel)]="integrityScoreMax" autocomplete="off">
</mat-form-field> </mat-form-field>

13
src/app/key-unit/key-unit-management/key-unit-management.component.scss
Unescape View File

@ -1,4 +1,10 @@
@media screen and (min-device-width:1280px){
}
//margin: 3px 40px;
@media screen and (max-device-width:1290px){
}
.header { .header {
@ -16,7 +22,14 @@
align-items:center; align-items:center;
// justify-content:center; // justify-content:center;
.queryField { .queryField {
@media screen and (min-device-width:1280px){
margin: 3px 40px; margin: 3px 40px;
}
//margin: 3px 40px;
@media screen and (max-device-width:1280px){
margin-left: 20px;
}
input { input {
width: 180px; width: 180px;
height: 22px; height: 22px;

15
src/app/key-unit/key-unit-management/key-unit-management.component.ts
Unescape View File

@ -21,6 +21,16 @@ export class KeyUnitManagementComponent implements OnInit {
constructor(private http:HttpClient,private router:Router,private route:ActivatedRoute,private tree: TreeService,public dialog: MatDialog,public snackBar: MatSnackBar) { } constructor(private http:HttpClient,private router:Router,private route:ActivatedRoute,private tree: TreeService,public dialog: MatDialog,public snackBar: MatSnackBar) { }
padMore=true//pad收缩控制
padput=false//pad收起按钮
open="更多筛选条件"
down="收起"
imgsrcopen="../../../assets/images/routdown2.png"
imgsrcdown="../../../assets/images/routup2.png"
padInfo(){
this.padMore=!this.padMore
this.padput=!this.padput
}
private _transformer = (node, level: number) => { //初始化tree private _transformer = (node, level: number) => { //初始化tree
return { return {
expandable: !!node.children && node.children.length > 0, expandable: !!node.children && node.children.length > 0,
@ -208,6 +218,11 @@ export class KeyUnitManagementComponent implements OnInit {
this.getOrganizations(); this.getOrganizations();
this.getUnittype(); this.getUnittype();
this.getAllKeyUnit(); this.getAllKeyUnit();
if(window.matchMedia("(max-width: 1290px)").matches){
this.padMore=true
}else{
this.padMore=false
}
} }
//获得所有重点单位 //获得所有重点单位

13
src/app/plan-management/entry-plan-look/entry-plan-look.component.html
Unescape View File

@ -4,10 +4,11 @@
* @Author: sueRimn * @Author: sueRimn
* @Date: 2020-12-24 10:59:48 * @Date: 2020-12-24 10:59:48
* @LastEditors: sueRimn * @LastEditors: sueRimn
* @LastEditTime: 2021-03-22 10:56:29 * @LastEditTime: 2021-03-23 15:09:09
--> -->
<!-- <p>录入预案</p> --> <!-- <p>录入预案</p> -->
<div class="header" style="position: relative;"> <div style="overflow: auto;height: 100%;">
<div class="header" style="position: relative;">
<div> <div>
<span>单位名称：{{unitdata.unitname == "null" ? "无" : unitdata.unitname}}</span> <span>单位名称：{{unitdata.unitname == "null" ? "无" : unitdata.unitname}}</span>
</div> </div>
@ -22,9 +23,9 @@
</div> </div>
<span style="position: absolute;right:60px;bottom:15px;font-size: 13px;color: cornflowerblue;cursor: pointer;" (click)="lookUnitData()">查看详情</span> <span style="position: absolute;right:60px;bottom:15px;font-size: 13px;color: cornflowerblue;cursor: pointer;" (click)="lookUnitData()">查看详情</span>
</div> </div>
<mat-divider style="margin-bottom: 15px;"></mat-divider> <mat-divider style="margin-bottom: 15px;"></mat-divider>
<div class="body"> <div class="body">
<div class="btn" style="display: flex;"> <div class="btn" style="display: flex;">
<button *ngIf="isoperation == 'true'" mat-raised-button color="primary" (click)="addplan()">新建</button> <button *ngIf="isoperation == 'true'" mat-raised-button color="primary" (click)="addplan()">新建</button>
<!-- *ngIf="downloadisLoading" {{downloadFileName}}下载中...--> <!-- *ngIf="downloadisLoading" {{downloadFileName}}下载中...-->
@ -100,4 +101,4 @@
(page)="changePage($event)"> (page)="changePage($event)">
</mat-paginator> </mat-paginator>
</div> </div>
</div> </div></div>

2
src/app/plan-management/entry-plan-look/entry-plan-look.component.scss
Unescape View File

@ -15,6 +15,7 @@
// margin-bottom: 30px; // margin-bottom: 30px;
} }
.body{ .body{
overflow: auto;
.btn{ .btn{
button{ button{
width: 80px; width: 80px;
@ -23,6 +24,7 @@
} }
} }
.tablebox{ .tablebox{
overflow: auto;
table{ table{
width: 100%; width: 100%;
margin-left: 0%; margin-left: 0%;

14
src/app/plan-management/entry-plan/entry-plan.component.html
Unescape View File

@ -16,6 +16,8 @@
<input readonly matInput placeholder="请选择消防救援站" autocomplete="off" [(ngModel)]="js" name="js" (focus)="openorganizationbox()"> <input readonly matInput placeholder="请选择消防救援站" autocomplete="off" [(ngModel)]="js" name="js" (focus)="openorganizationbox()">
</mat-form-field> </mat-form-field>
<mat-checkbox style="margin-left: 6px;" [(ngModel)]="jscheck" name="jscheck">包含下级</mat-checkbox> <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>
<div class="organizationbox" *ngIf="isorganizationbox"> <div class="organizationbox" *ngIf="isorganizationbox">
<div (click)="closediv()" class="closediv"><mat-icon>clear</mat-icon></div> <div (click)="closediv()" class="closediv"><mat-icon>clear</mat-icon></div>
<mat-tree [dataSource]="dataSource" [treeControl]="treeControl"> <mat-tree [dataSource]="dataSource" [treeControl]="treeControl">
@ -39,7 +41,7 @@
</div> </div>
</div> </div>
<div class="queryField"> <div class="queryField" *ngIf="!padMore">
<label style="margin-right: 10px;">单位类型:</label> <label style="margin-right: 10px;">单位类型:</label>
<mat-form-field> <mat-form-field>
<mat-select placeholder='请选择单位类型' name="unittype" [(ngModel)]="unittype"> <mat-select placeholder='请选择单位类型' name="unittype" [(ngModel)]="unittype">
@ -49,7 +51,7 @@
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
</div> </div>
<div class="queryField"> <div class="queryField" *ngIf="!padMore">
<label style="margin-right: 10px;">预案类型:</label> <label style="margin-right: 10px;">预案类型:</label>
<mat-form-field> <mat-form-field>
<mat-select name="reservePlanType" [(ngModel)]="reservePlanType" placeholder='请选择预案类型' [multiple]="true"> <mat-select name="reservePlanType" [(ngModel)]="reservePlanType" placeholder='请选择预案类型' [multiple]="true">
@ -60,7 +62,7 @@
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
</div> </div>
<div class="queryField"> <div class="queryField" *ngIf="!padMore">
<label style="margin-right: 10px;">审核状态:</label> <label style="margin-right: 10px;">审核状态:</label>
<mat-form-field> <mat-form-field>
<mat-select name="toExamine" [(ngModel)]="toExamine" placeholder='请选择审核状态'> <mat-select name="toExamine" [(ngModel)]="toExamine" placeholder='请选择审核状态'>
@ -71,7 +73,7 @@
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
</div> </div>
<div class="queryField"> <div class="queryField" *ngIf="!padMore">
<label style="margin-right: 10px;">编制级别:</label> <label style="margin-right: 10px;">编制级别:</label>
<mat-form-field> <mat-form-field>
<mat-select name="preparelevel" [(ngModel)]="preparelevel" placeholder='请选择编制级别'> <mat-select name="preparelevel" [(ngModel)]="preparelevel" placeholder='请选择编制级别'>
@ -85,7 +87,7 @@
<mat-checkbox style="margin-left: 6px;" [(ngModel)]="plcheck" name="plcheck">包含下级</mat-checkbox> <mat-checkbox style="margin-left: 6px;" [(ngModel)]="plcheck" name="plcheck">包含下级</mat-checkbox>
</div> </div>
<div class="queryField"> <div class="queryField" *ngIf="!padMore">
<label style="margin-right: 10px;">信息完整度排序:</label> <label style="margin-right: 10px;">信息完整度排序:</label>
<mat-form-field> <mat-form-field>
<mat-select placeholder='请选择排序方式' [(ngModel)]="integritySort" name="integritySort"> <mat-select placeholder='请选择排序方式' [(ngModel)]="integritySort" name="integritySort">
@ -94,7 +96,7 @@
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
</div> </div>
<div class="queryField"> <div class="queryField" *ngIf="!padMore">
<label style="margin-right: 10px;">制作情况:</label> <label style="margin-right: 10px;">制作情况:</label>
<mat-form-field> <mat-form-field>
<mat-select placeholder='请选择预案制作情况' [(ngModel)]="haveyuan" name="haveyuan"> <mat-select placeholder='请选择预案制作情况' [(ngModel)]="haveyuan" name="haveyuan">

13
src/app/plan-management/entry-plan/entry-plan.component.ts
Unescape View File

@ -170,6 +170,11 @@ export class EntryPlanComponent implements OnInit {
} }
level level
ngOnInit(): void { ngOnInit(): void {
if(window.matchMedia("(max-width: 1300px)").matches){
this.padMore=true
}else{
this.padMore=false
}
this.getunitdata(); this.getunitdata();
this.getOrganizations(); this.getOrganizations();
this.getUnittype(); this.getUnittype();
@ -202,6 +207,14 @@ export class EntryPlanComponent implements OnInit {
] ]
} }
} }
padMore=true//pad收缩控制
padput=false//pad收起按钮
imgsrcopen="../../../assets/images/routdown2.png"
imgsrcdown="../../../assets/images/routup2.png"
padInfo(){
this.padMore=!this.padMore
this.padput=!this.padput
}

16
src/app/plan-management/meet-plan/meet-plan.component.html
Unescape View File

@ -19,24 +19,26 @@
<mat-option value="7">市级</mat-option> <mat-option value="7">市级</mat-option>
</mat-select> </mat-select>
</mat-form-field> </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>
</div> </div>
<div class="queryField"> <div class="queryField" *ngIf="!padMore">
<label style="margin-right: 10px;">添加人:</label> <label style="margin-right: 10px;">添加人:</label>
<mat-form-field class="example-full-width"> <mat-form-field class="example-full-width">
<input matInput placeholder="请输入添加人" name="addname" autocomplete="off" [(ngModel)]="addname"> <input matInput placeholder="请输入添加人" name="addname" autocomplete="off" [(ngModel)]="addname">
</mat-form-field> </mat-form-field>
</div> </div>
<div class="queryField"> <div class="queryField" *ngIf="!padMore">
<label style="margin-right: 10px;">添加时间:</label> <label style="margin-right: 10px;">添加时间:</label>
<mat-form-field class="example-full-width"> <mat-form-field class="example-full-width">
<input type="date" matInput name="addtime" autocomplete="off" [(ngModel)]="addtime"> <input type="date" matInput name="addtime" autocomplete="off" [(ngModel)]="addtime">
</mat-form-field> </mat-form-field>
🠊 <mat-icon aria-hidden="false" style="position: relative;right: 120px;top: 5px;">arrow forward</mat-icon>
<mat-form-field class="example-full-width"> <mat-form-field class="example-full-width" style="margin-left: 10px;">
<input type="date" matInput name="endtime" autocomplete="off" [(ngModel)]="endtime"> <input type="date" matInput name="endtime" autocomplete="off" [(ngModel)]="endtime">
</mat-form-field> </mat-form-field>
</div> </div>
<div class="queryField"> <div class="queryField" *ngIf="!padMore">
<label style="margin-right: 10px;">预案类型:</label> <label style="margin-right: 10px;">预案类型:</label>
<mat-form-field> <mat-form-field>
<!-- <mat-select name="reservePlanType" [(ngModel)]="reservePlanType" placeholder='请选择预案类型' [multiple]="true"> <!-- <mat-select name="reservePlanType" [(ngModel)]="reservePlanType" placeholder='请选择预案类型' [multiple]="true">
@ -48,7 +50,7 @@
<input matInput placeholder="请输入预案类型" name="reservePlanType" autocomplete="off" [(ngModel)]="typePlan"> <input matInput placeholder="请输入预案类型" name="reservePlanType" autocomplete="off" [(ngModel)]="typePlan">
</mat-form-field> </mat-form-field>
</div> </div>
<div class="queryField"> <div class="queryField" *ngIf="!padMore">
<label style="margin-right: 10px;">审核状态:</label> <label style="margin-right: 10px;">审核状态:</label>
<mat-form-field> <mat-form-field>
<mat-select name="toExamine" placeholder='请选择审核状态' [(ngModel)]="unitstate"> <mat-select name="toExamine" placeholder='请选择审核状态' [(ngModel)]="unitstate">
@ -59,7 +61,7 @@
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
</div> </div>
<div class="queryField"> <div class="queryField" *ngIf="!padMore">
<label style="margin-right: 10px;">编制级别:</label> <label style="margin-right: 10px;">编制级别:</label>
<mat-form-field> <mat-form-field>
<mat-select name="preparelevel" placeholder='请选择编制级别' [(ngModel)]="projectlevel"> <mat-select name="preparelevel" placeholder='请选择编制级别' [(ngModel)]="projectlevel">

16
src/app/plan-management/meet-plan/meet-plan.component.ts
Unescape View File

@ -20,6 +20,11 @@ export class MeetPlanComponent implements OnInit {
constructor(private http:HttpClient,private router:Router,private route:ActivatedRoute,private tree: TreeService,public dialog: MatDialog,public snackBar: MatSnackBar) { } constructor(private http:HttpClient,private router:Router,private route:ActivatedRoute,private tree: TreeService,public dialog: MatDialog,public snackBar: MatSnackBar) { }
ngOnInit(): void { ngOnInit(): void {
if(window.matchMedia("(max-width: 1300px)").matches){
this.padMore=true
}else{
this.padMore=false
}
this.levels = sessionStorage.getItem("level"); this.levels = sessionStorage.getItem("level");
if(this.levels == "0"){//如果是总队 if(this.levels == "0"){//如果是总队
this.preparelevels = [ this.preparelevels = [
@ -74,7 +79,16 @@ export class MeetPlanComponent implements OnInit {
pageSizeOptions: number[] = [10] //设置每页条数 pageSizeOptions: number[] = [10] //设置每页条数
PageNumber:any; //第几页 PageNumber:any; //第几页
padMore=true//pad收缩控制
padput=false//pad收起按钮
open="更多筛选条件"
down="收起"
imgsrcopen="../../../assets/images/routdown2.png"
imgsrcdown="../../../assets/images/routup2.png"
padInfo(){
this.padMore=!this.padMore
this.padput=!this.padput
}
//获取表格数据 //获取表格数据
getAlltabledate(){ getAlltabledate(){

19
src/app/plan-management/onetwo-entry-plan/onetwo-entry-plan.component.html
Unescape View File

@ -4,7 +4,7 @@
* @Author: sueRimn * @Author: sueRimn
* @Date: 2020-12-24 14:15:10 * @Date: 2020-12-24 14:15:10
* @LastEditors: sueRimn * @LastEditors: sueRimn
* @LastEditTime: 2021-02-05 15:09:48 * @LastEditTime: 2021-03-23 14:24:41
--> -->
<div style="height: 100%;overflow-y: auto;"> <div style="height: 100%;overflow-y: auto;">
<div class="header" > <div class="header" >
@ -17,26 +17,25 @@
<input matInput placeholder="请输入单位名称" name="companyName" autocomplete="off" [(ngModel)]="unitname"> <input matInput placeholder="请输入单位名称" name="companyName" autocomplete="off" [(ngModel)]="unitname">
</mat-form-field> </mat-form-field>
</div> </div>
<div class="queryField"> <div class="queryField">
<label style="margin-right: 10px;">添加人:</label> <label style="margin-right: 10px;">添加人:</label>
<mat-form-field class="example-full-width"> <mat-form-field class="example-full-width">
<input matInput placeholder="请输入添加人" name="addname" autocomplete="off" [(ngModel)]="addname"> <input matInput placeholder="请输入添加人" name="addname" autocomplete="off" [(ngModel)]="addname">
</mat-form-field> </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>
</div> </div>
<div class="queryField"> <div class="queryField" *ngIf="!padMore">
<label style="margin-right: 10px;">添加时间:</label> <label style="margin-right: 10px;">添加时间:</label>
<mat-form-field class="example-full-width"> <mat-form-field class="example-full-width">
<input type="date" matInput name="addtime" autocomplete="off" [(ngModel)]="addtime"> <input type="date" matInput name="addtime" autocomplete="off" [(ngModel)]="addtime">
</mat-form-field> </mat-form-field>
🠊 <mat-icon aria-hidden="false" style="position: relative;right: 120px;top: 5px;">arrow forward</mat-icon>
<mat-form-field class="example-full-width"> <mat-form-field class="example-full-width" style="margin-left: 10px;">
<input type="date" matInput name="endtime" autocomplete="off" [(ngModel)]="endtime"> <input type="date" matInput name="endtime" autocomplete="off" [(ngModel)]="endtime">
</mat-form-field> </mat-form-field>
</div> </div>
<div class="queryField"> <div class="queryField" *ngIf="!padMore">
<label style="margin-right: 10px;">预案类型:</label> <label style="margin-right: 10px;">预案类型:</label>
<mat-form-field> <mat-form-field>
<!-- <mat-select name="reservePlanType" [(ngModel)]="reservePlanType" placeholder='请选择预案类型' [multiple]="true"> <!-- <mat-select name="reservePlanType" [(ngModel)]="reservePlanType" placeholder='请选择预案类型' [multiple]="true">
@ -48,7 +47,7 @@
<input matInput placeholder="请输入预案类型" name="reservePlanType" autocomplete="off" [(ngModel)]="typePlan"> <input matInput placeholder="请输入预案类型" name="reservePlanType" autocomplete="off" [(ngModel)]="typePlan">
</mat-form-field> </mat-form-field>
</div> </div>
<div class="queryField"> <div class="queryField" *ngIf="!padMore">
<label style="margin-right: 10px;">审核状态:</label> <label style="margin-right: 10px;">审核状态:</label>
<mat-form-field> <mat-form-field>
<mat-select name="toExamine" placeholder='请选择审核状态' [(ngModel)]="unitstate"> <mat-select name="toExamine" placeholder='请选择审核状态' [(ngModel)]="unitstate">
@ -59,7 +58,7 @@
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
</div> </div>
<div class="queryField"> <div class="queryField" *ngIf="!padMore">
<label style="margin-right: 10px;">编制级别:</label> <label style="margin-right: 10px;">编制级别:</label>
<mat-form-field> <mat-form-field>
<mat-select name="preparelevel" placeholder='请选择编制级别' [(ngModel)]="projectlevel"> <mat-select name="preparelevel" placeholder='请选择编制级别' [(ngModel)]="projectlevel">

15
src/app/plan-management/onetwo-entry-plan/onetwo-entry-plan.component.ts
Unescape View File

@ -4,7 +4,7 @@
* @Author: sueRimn * @Author: sueRimn
* @Date: 2020-12-24 14:15:10 * @Date: 2020-12-24 14:15:10
* @LastEditors: sueRimn * @LastEditors: sueRimn
* @LastEditTime: 2021-03-06 09:14:22 * @LastEditTime: 2021-03-23 15:18:08
*/ */
import { Component, OnInit, ViewChild, Inject } from '@angular/core'; import { Component, OnInit, ViewChild, Inject } from '@angular/core';
import { HttpClient } from '@angular/common/http' import { HttpClient } from '@angular/common/http'
@ -33,6 +33,11 @@ export class OnetwoEntryPlanComponent implements OnInit {
constructor(private http:HttpClient,private router:Router,private route:ActivatedRoute,private tree: TreeService,public dialog: MatDialog,public snackBar: MatSnackBar) { } constructor(private http:HttpClient,private router:Router,private route:ActivatedRoute,private tree: TreeService,public dialog: MatDialog,public snackBar: MatSnackBar) { }
ngOnInit(): void { ngOnInit(): void {
if(window.matchMedia("(max-width: 1300px)").matches){
this.padMore=true
}else{
this.padMore=false
}
this.levels = sessionStorage.getItem("level"); this.levels = sessionStorage.getItem("level");
if(this.levels == "0"){//如果是总队 if(this.levels == "0"){//如果是总队
this.preparelevels = [ this.preparelevels = [
@ -63,6 +68,14 @@ export class OnetwoEntryPlanComponent implements OnInit {
this.url=window.location.href.substring(window.location.href.length-1,window.location.href.length) this.url=window.location.href.substring(window.location.href.length-1,window.location.href.length)
this.getAlltabledate() this.getAlltabledate()
} }
padMore=true//pad收缩控制
padput=false//pad收起按钮
imgsrcopen="../../../assets/images/routdown2.png"
imgsrcdown="../../../assets/images/routup2.png"
padInfo(){
this.padMore=!this.padMore
this.padput=!this.padput
}
levels levels
url url

5
src/app/plan-management/open-plan/open-plan.component.html
Unescape View File

@ -1,4 +1,5 @@
<div class="header"> <div style="height: 100%;overflow: auto;">
<div class="header">
<form (ngSubmit)="onSubmit(form.value)" #form="ngForm"> <form (ngSubmit)="onSubmit(form.value)" #form="ngForm">
<div class="queryBox"> <div class="queryBox">
<div class="queryField"> <div class="queryField">
@ -106,4 +107,6 @@
</div> </div>
</div> </div>
</div>

18
src/app/plan-management/pass-plan/pass-plan.component.html
Unescape View File

@ -1,4 +1,5 @@
<div class="header"> <div style="height: 100%;overflow: auto;">
<div class="header">
<form (ngSubmit)="onSubmit(form.value)" #form="ngForm"> <form (ngSubmit)="onSubmit(form.value)" #form="ngForm">
<div class="queryBox"> <div class="queryBox">
@ -15,6 +16,8 @@
<input readonly matInput placeholder="请选择消防救援站" autocomplete="off" [(ngModel)]="js" name="js" (focus)="openorganizationbox()"> <input readonly matInput placeholder="请选择消防救援站" autocomplete="off" [(ngModel)]="js" name="js" (focus)="openorganizationbox()">
</mat-form-field> </mat-form-field>
<mat-checkbox style="margin-left: 6px;" [(ngModel)]="jscheck" name="jscheck">包含下级</mat-checkbox> <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>
<div class="organizationbox" *ngIf="isorganizationbox"> <div class="organizationbox" *ngIf="isorganizationbox">
<div (click)="closediv()" class="closediv"><mat-icon>clear</mat-icon></div> <div (click)="closediv()" class="closediv"><mat-icon>clear</mat-icon></div>
<mat-tree [dataSource]="dataSource" [treeControl]="treeControl"> <mat-tree [dataSource]="dataSource" [treeControl]="treeControl">
@ -38,7 +41,7 @@
</div> </div>
</div> </div>
<div class="queryField"> <div class="queryField" *ngIf="!padMore">
<label style="margin-right: 10px;">单位类型:</label> <label style="margin-right: 10px;">单位类型:</label>
<mat-form-field> <mat-form-field>
<mat-select placeholder='请选择单位类型' [(ngModel)]="unittype" name="unittype"> <mat-select placeholder='请选择单位类型' [(ngModel)]="unittype" name="unittype">
@ -48,7 +51,7 @@
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
</div> </div>
<div class="queryField"> <div class="queryField" *ngIf="!padMore">
<label style="margin-right: 10px;">预案类型:</label> <label style="margin-right: 10px;">预案类型:</label>
<mat-form-field> <mat-form-field>
<mat-select [(ngModel)]="reservePlanType" name="reservePlanType" placeholder='请选择预案类型'> <mat-select [(ngModel)]="reservePlanType" name="reservePlanType" placeholder='请选择预案类型'>
@ -60,7 +63,7 @@
</mat-form-field> </mat-form-field>
</div> </div>
<div class="queryField"> <div class="queryField" *ngIf="!padMore">
<label style="margin-right: 10px;">编制级别:</label> <label style="margin-right: 10px;">编制级别:</label>
<mat-form-field> <mat-form-field>
<mat-select [(ngModel)]="preparelevel" name="preparelevel" placeholder='请选择编制级别'> <mat-select [(ngModel)]="preparelevel" name="preparelevel" placeholder='请选择编制级别'>
@ -73,13 +76,13 @@
</mat-form-field> </mat-form-field>
<mat-checkbox style="margin-left: 6px;" [(ngModel)]="plcheck" name="plcheck">包含下级</mat-checkbox> <mat-checkbox style="margin-left: 6px;" [(ngModel)]="plcheck" name="plcheck">包含下级</mat-checkbox>
</div> </div>
<div class="queryField"> <div class="queryField" *ngIf="!padMore">
<label style="margin-right: 10px;">添加时间:</label> <label style="margin-right: 10px;">添加时间:</label>
<mat-form-field class="example-full-width"> <mat-form-field class="example-full-width">
<input type="date" matInput name="addtime" autocomplete="off" [(ngModel)]="addtime"> <input type="date" matInput name="addtime" autocomplete="off" [(ngModel)]="addtime">
</mat-form-field> </mat-form-field>
🠊 <mat-icon aria-hidden="false" style="position: relative;right: 120px;top: 5px;">arrow forward</mat-icon>
<mat-form-field class="example-full-width"> <mat-form-field class="example-full-width" style="margin-left: 10px;">
<input type="date" matInput name="endtime" autocomplete="off" [(ngModel)]="endtime"> <input type="date" matInput name="endtime" autocomplete="off" [(ngModel)]="endtime">
</mat-form-field> </mat-form-field>
</div> </div>
@ -156,3 +159,4 @@
</div> </div>
</div> </div>
</div>

13
src/app/plan-management/pass-plan/pass-plan.component.ts
Unescape View File

@ -52,6 +52,11 @@ export class PassPlanComponent implements OnInit {
preparelevels:any preparelevels:any
ngOnInit(): void { ngOnInit(): void {
if(window.matchMedia("(max-width: 1300px)").matches){
this.padMore=true
}else{
this.padMore=false
}
this.getunitdata(); this.getunitdata();
this.getOrganizations(); this.getOrganizations();
this.getUnittype(); this.getUnittype();
@ -86,6 +91,14 @@ export class PassPlanComponent implements OnInit {
this.url=window.location.href.substring(window.location.href.length-1,window.location.href.length) this.url=window.location.href.substring(window.location.href.length-1,window.location.href.length)
//console.log(this.url) //console.log(this.url)
} }
padMore=true//pad收缩控制
padput=false//pad收起按钮
imgsrcopen="../../../assets/images/routdown2.png"
imgsrcdown="../../../assets/images/routup2.png"
padInfo(){
this.padMore=!this.padMore
this.padput=!this.padput
}
allPlanInfo:any //存储所有预案信息 allPlanInfo:any //存储所有预案信息
//获得所有预案信息 //获得所有预案信息

12
src/app/plan-management/reinforce-plan/reinforce-plan.component.html
Unescape View File

@ -1,4 +1,5 @@
<div class="header"> <div style="height: 100%;overflow: auto;">
<div class="header">
<form (ngSubmit)="onSubmit(form.value)" #form="ngForm"> <form (ngSubmit)="onSubmit(form.value)" #form="ngForm">
<div class="queryBox"> <div class="queryBox">
@ -15,6 +16,8 @@
<input readonly matInput placeholder="请选择消防救援站" autocomplete="off" [(ngModel)]="js" name="js" (focus)="openorganizationbox()"> <input readonly matInput placeholder="请选择消防救援站" autocomplete="off" [(ngModel)]="js" name="js" (focus)="openorganizationbox()">
</mat-form-field> </mat-form-field>
<mat-checkbox style="margin-left: 6px;" [(ngModel)]="jscheck" name="jscheck">包含下级</mat-checkbox> <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>
<div class="organizationbox" *ngIf="isorganizationbox"> <div class="organizationbox" *ngIf="isorganizationbox">
<div (click)="closediv()" class="closediv"><mat-icon>clear</mat-icon></div> <div (click)="closediv()" class="closediv"><mat-icon>clear</mat-icon></div>
<mat-tree [dataSource]="dataSource" [treeControl]="treeControl"> <mat-tree [dataSource]="dataSource" [treeControl]="treeControl">
@ -38,7 +41,7 @@
</div> </div>
</div> </div>
<div class="queryField"> <div class="queryField" *ngIf="!padMore">
<label style="margin-right: 10px;">单位类型:</label> <label style="margin-right: 10px;">单位类型:</label>
<mat-form-field> <mat-form-field>
<mat-select placeholder='请选择单位类型' [(ngModel)]="unittype" name="unittype"> <mat-select placeholder='请选择单位类型' [(ngModel)]="unittype" name="unittype">
@ -48,7 +51,7 @@
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
</div> </div>
<div class="queryField"> <div class="queryField" *ngIf="!padMore">
<label style="margin-right: 10px;">预案类型:</label> <label style="margin-right: 10px;">预案类型:</label>
<mat-form-field> <mat-form-field>
<mat-select [(ngModel)]="reservePlanType" name="reservePlanType" placeholder='请选择预案类型'> <mat-select [(ngModel)]="reservePlanType" name="reservePlanType" placeholder='请选择预案类型'>
@ -60,7 +63,7 @@
</mat-form-field> </mat-form-field>
</div> </div>
<div class="queryField"> <div class="queryField" *ngIf="!padMore">
<label style="margin-right: 10px;">编制级别:</label> <label style="margin-right: 10px;">编制级别:</label>
<mat-form-field> <mat-form-field>
<mat-select [(ngModel)]="preparelevel" name="preparelevel" placeholder='请选择编制级别'> <mat-select [(ngModel)]="preparelevel" name="preparelevel" placeholder='请选择编制级别'>
@ -151,3 +154,4 @@
</div> </div>
</div> </div>
</div>

13
src/app/plan-management/reinforce-plan/reinforce-plan.component.ts
Unescape View File

@ -51,6 +51,11 @@ export class ReinforcePlanComponent implements OnInit {
preparelevels:any preparelevels:any
ngOnInit(): void { ngOnInit(): void {
if(window.matchMedia("(max-width: 1300px)").matches){
this.padMore=true
}else{
this.padMore=false
}
this.getunitdata(); this.getunitdata();
this.getOrganizations(); this.getOrganizations();
this.getUnittype(); this.getUnittype();
@ -83,6 +88,14 @@ export class ReinforcePlanComponent implements OnInit {
] ]
} }
} }
padMore=true//pad收缩控制
padput=false//pad收起按钮
imgsrcopen="../../../assets/images/routdown2.png"
imgsrcdown="../../../assets/images/routup2.png"
padInfo(){
this.padMore=!this.padMore
this.padput=!this.padput
}
allPlanInfo:any //存储所有预案信息 allPlanInfo:any //存储所有预案信息
//获得所有预案信息 //获得所有预案信息

12
src/app/plan-management/type-plan/type-plan.component.html
Unescape View File

@ -15,19 +15,21 @@
<mat-form-field class="example-full-width"> <mat-form-field class="example-full-width">
<input matInput placeholder="请输入添加人" name="addname" autocomplete="off" [(ngModel)]="addname"> <input matInput placeholder="请输入添加人" name="addname" autocomplete="off" [(ngModel)]="addname">
</mat-form-field> </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>
</div> </div>
<div class="queryField"> <div class="queryField" *ngIf="!padMore">
<label style="margin-right: 10px;">添加时间:</label> <label style="margin-right: 10px;">添加时间:</label>
<mat-form-field class="example-full-width"> <mat-form-field class="example-full-width">
<input type="date" matInput name="addtime" autocomplete="off" [(ngModel)]="addtime"> <input type="date" matInput name="addtime" autocomplete="off" [(ngModel)]="addtime">
</mat-form-field> </mat-form-field>
🠊 <mat-icon aria-hidden="false" style="position: relative;right: 120px;top: 5px;">arrow forward</mat-icon>
<mat-form-field class="example-full-width"> <mat-form-field class="example-full-width" style="margin-left: 10px;">
<input type="date" matInput autocomplete="off" name="endtime" [(ngModel)]="endtime"> <input type="date" matInput autocomplete="off" name="endtime" [(ngModel)]="endtime">
</mat-form-field> </mat-form-field>
</div> </div>
<div class="queryField"> <div class="queryField" *ngIf="!padMore">
<label style="margin-right: 10px;">审核状态:</label> <label style="margin-right: 10px;">审核状态:</label>
<mat-form-field> <mat-form-field>
<mat-select name="toExamine" placeholder='请选择审核状态' [(ngModel)]="unitstate"> <mat-select name="toExamine" placeholder='请选择审核状态' [(ngModel)]="unitstate">
@ -38,7 +40,7 @@
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
</div> </div>
<div class="queryField"> <div class="queryField" *ngIf="!padMore">
<label style="margin-right: 10px;">编制级别:</label> <label style="margin-right: 10px;">编制级别:</label>
<mat-form-field> <mat-form-field>
<mat-select name="preparelevel" placeholder='请选择编制级别' [(ngModel)]="projectlevel"> <mat-select name="preparelevel" placeholder='请选择编制级别' [(ngModel)]="projectlevel">

15
src/app/plan-management/type-plan/type-plan.component.ts
Unescape View File

@ -4,7 +4,7 @@
* @Author: sueRimn * @Author: sueRimn
* @Date: 2021-01-06 09:47:43 * @Date: 2021-01-06 09:47:43
* @LastEditors: sueRimn * @LastEditors: sueRimn
* @LastEditTime: 2021-03-06 09:12:59 * @LastEditTime: 2021-03-23 14:22:18
*/ */
import { Component, OnInit, ViewChild, Inject } from '@angular/core'; import { Component, OnInit, ViewChild, Inject } from '@angular/core';
import { HttpClient } from '@angular/common/http' import { HttpClient } from '@angular/common/http'
@ -29,6 +29,11 @@ export class TypePlanComponent implements OnInit {
constructor(private http:HttpClient,private router:Router,private route:ActivatedRoute,private tree: TreeService,public dialog: MatDialog,public snackBar: MatSnackBar) { } constructor(private http:HttpClient,private router:Router,private route:ActivatedRoute,private tree: TreeService,public dialog: MatDialog,public snackBar: MatSnackBar) { }
ngOnInit(): void { ngOnInit(): void {
if(window.matchMedia("(max-width: 1290px)").matches){
this.padMore=true
}else{
this.padMore=false
}
this.levels = sessionStorage.getItem("level"); this.levels = sessionStorage.getItem("level");
if(this.levels == "0"){//如果是总队 if(this.levels == "0"){//如果是总队
this.preparelevels = [ this.preparelevels = [
@ -58,6 +63,14 @@ export class TypePlanComponent implements OnInit {
} }
this.getAlltabledate() this.getAlltabledate()
} }
padMore=true//pad收缩控制
padput=false//pad收起按钮
imgsrcopen="../../../assets/images/routdown2.png"
imgsrcdown="../../../assets/images/routup2.png"
padInfo(){
this.padMore=!this.padMore
this.padput=!this.padput
}
levels levels
preparelevels:any preparelevels:any

Write Preview
Loading…
Cancel
Save