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
1.8 KiB
45 lines
1.8 KiB
5 years ago
|
<div mat-dialog-title>编辑消防要素模板</div>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
<form (ngSubmit)="onSubmit(form.value)" #form="ngForm">
|
||
|
|
<mat-form-field>
|
||
|
|
<input matInput placeholder="消防要素模板名称" [(ngModel)]="fireName"
|
||
|
|
name='name' required>
|
||
|
|
</mat-form-field>
|
||
|
|
<div>
|
||
|
|
<!-- <mat-checkbox>全选</mat-checkbox> -->
|
||
|
|
<label>请选择消防要素</label>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="tree">
|
||
|
|
<mat-tree [dataSource]="newDataSource" [treeControl]="treeControl">
|
||
|
|
<mat-tree-node *matTreeNodeDef="let node" matTreeNodePadding>
|
||
|
|
<button mat-icon-button disabled ></button>
|
||
|
|
<mat-checkbox (change)='changed($event,node.id)' [checked]='node.checked'>
|
||
|
|
{{node.name}}
|
||
|
|
</mat-checkbox>
|
||
|
|
</mat-tree-node>
|
||
|
|
|
||
|
|
<mat-tree-node *matTreeNodeDef="let node;when: hasChild" matTreeNodePadding>
|
||
|
|
<button mat-icon-button type="button"
|
||
|
|
[attr.aria-label]="'toggle ' + node.name">
|
||
|
|
<mat-icon class="mat-icon-rtl-mirror">
|
||
|
|
{{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}}
|
||
|
|
</mat-icon>
|
||
|
|
</button>
|
||
|
|
<mat-checkbox (change)='changed($event,node.id)' [checked]='node.checked'>
|
||
|
|
{{node.name}}
|
||
|
|
</mat-checkbox>
|
||
|
|
</mat-tree-node>
|
||
|
|
</mat-tree>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div mat-dialog-actions>
|
||
|
|
<button mat-raised-button color="primary" type="submit"
|
||
|
|
[disabled]="!form.form.valid">
|
||
|
|
确定
|
||
|
|
</button>
|
||
|
|
<button mat-raised-button mat-dialog-close>取消</button>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|