examSystem-Anxin/src/app/ui/collection-tools/examinationQuestions.html

<div style="min-width: 240px;">
  <div style="text-align: center;font-weight: 550;">消防设施考题设定</div>
  <div style="max-height: 300px;overflow-y: auto; margin: 25px 0;">
    <!-- 消防列表树 -->
    <mat-tree [dataSource]="dataSource" [treeControl]="treeControl">

      <mat-tree-node [ngClass]="{'isLookPattern': !node.isLookPattern}" *matTreeNodeDef="let node;" matTreeNodePadding cdkTreeNodePaddingIndent='26' class="treeNode">
        <button mat-icon-button disabled></button>
        <span title="{{node.name}}" [ngClass]="{'treeText': !node.isTemplate}">
          {{node.name}}      
        </span> 
        <span  *ngIf="node.isTemplate">({{node.children.length}})</span>
        <mat-checkbox style="margin-left: auto;" color=primary></mat-checkbox>
      </mat-tree-node>

      <mat-tree-node [ngClass]="{'isLookPattern': !node.isLookPattern}" *matTreeNodeDef="let node;when: hasChild" matTreeNodePadding class="treeNode" >
        <button mat-icon-button matTreeNodeToggle [attr.aria-label]="'toggle ' + node.name">
          <mat-icon class="mat-icon-rtl-mirror">
            {{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}}
          </mat-icon>
        </button>
        <span title="{{node.name}}" [ngClass]="{'treeText': !node.isTemplate}">
          {{node.name}}      
        </span>   
        <span  *ngIf="node.isTemplate && node.isNewElement">({{node.children.length}})</span>
        <mat-checkbox style="margin-left: auto;" color=primary></mat-checkbox>
      </mat-tree-node>

    </mat-tree>
    <!-- 消防列表树 -->
  </div>
  <div style="text-align: center;"><button mat-stroked-button style="border: none;background-color: #FF8678;color: #fff;" mat-dialog-close>退出</button></div>
</div>