edu-textbook/projects/textbook/src/app/comp-manage/comp-manage.component.html

<div class="page">
  <div class="content-left" [style.width]="isCollapsed ? '' : '248px'">
    <div class="btn-menu">
      <button mat-icon-button (click)="toggleCollapsed()" aria-label="LogOut" style="margin-right: 12px;">
        <mat-icon svgIcon="menu"></mat-icon>
      </button>
      {{ isCollapsed ? "" : "“十四五”普通高等教育本科国家级规划教材申报系统" }}
    </div>

    <ul [nzInlineCollapsed]="isCollapsed" nz-menu nzMode="inline"
      style="width: 100%; background: #f9eaea;height: 100%;position: relative;">
      @for (item of optionsMap[textbook.profile?.identity]; track item.id;let index = $index) { @if(item.child)
      {
      <li nz-submenu [nzTitle]="item.name" nzIcon="project" [nzOpen]="true">
        <ul>
          @for (child of item.child; track child.id;let idx = $index) {
          <li nz-menu-item [nzSelected]="active == child.id" (click)="toUrl(child)">
            {{ child.name }}
          </li>
          }
        </ul>
      </li>
      } @else {
      <li nz-menu-item (click)="toUrl(item)" [nzSelected]="active == item.id">
        <span nz-icon nzType="project" nzTheme="outline"></span>
        <span>{{ item.name }}</span>
      </li>
      } }
      <div class="down">
        <div class="a">
          <a href="/file/遴选推荐表相关模板.zip" download>
            <span nz-icon nzType="file-zip" nzTheme="outline"></span>
            申报书附件相关模板
          </a>
        </div>
        <div class="a">
          <a (click)="downloadFile('“十四五”普通高等教育本科国家级规划教材申报书.docx')">
            <span nz-icon nzType="file" nzTheme="outline"></span>
            “十四五”普通高等教育本科
            国家级规划教材申报书
          </a>
        </div>
        
        <div class="directions" (click)="openFile('/file/工作联系人使用指南.pdf')">
          <a>
            <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path
                d="M7.66683 12V13.3333H6.3335V12H1.00016C0.823352 12 0.653782 11.9298 0.528758 11.8047C0.403734 11.6797 0.333496 11.5101 0.333496 11.3333V0.666669C0.333496 0.489858 0.403734 0.320288 0.528758 0.195264C0.653782 0.0702397 0.823352 1.87243e-06 1.00016 1.87243e-06H5.00016C5.37855 -0.00044707 5.75269 0.0798393 6.09758 0.2355C6.44247 0.391161 6.75018 0.618613 7.00016 0.902669C7.25015 0.618613 7.55786 0.391161 7.90275 0.2355C8.24764 0.0798393 8.62177 -0.00044707 9.00016 1.87243e-06H13.0002C13.177 1.87243e-06 13.3465 0.0702397 13.4716 0.195264C13.5966 0.320288 13.6668 0.489858 13.6668 0.666669V11.3333C13.6668 11.5101 13.5966 11.6797 13.4716 11.8047C13.3465 11.9298 13.177 12 13.0002 12H7.66683ZM12.3335 10.6667V1.33334H9.00016C8.64654 1.33334 8.3074 1.47381 8.05735 1.72386C7.80731 1.97391 7.66683 2.31305 7.66683 2.66667V10.6667H12.3335ZM6.3335 10.6667V2.66667C6.3335 2.31305 6.19302 1.97391 5.94297 1.72386C5.69292 1.47381 5.35379 1.33334 5.00016 1.33334H1.66683V10.6667H6.3335Z"
                fill="#C6233F" />
            </svg>
            <span>使用指南</span>
          </a>
        </div>

      </div>
    </ul>
    <app-comp-nav [viewCollapsed]="isCollapsed" class="left-fonter"
      [style.width]="isCollapsed ? '248px' : ''"></app-comp-nav>
  </div>
  <div class="preview">
    <router-outlet></router-outlet>
  </div>
</div>