sgApp/src/app/app.component.html

<ion-app>
  <ion-split-pane>
    <ion-menu menuId="leftMenu">
      <ion-header>
        <ion-toolbar>
          <ion-title>菜 单</ion-title>
        </ion-toolbar>
      </ion-header>
      <ion-content>
        <ion-list>
          <ion-list-header>
            账户
          </ion-list-header>
          <ion-menu-toggle autoHide="false">
            <ion-item routerLink="/login">
              <ion-icon slot="start" name="log-in"></ion-icon>
              <ion-label>
                登录
              </ion-label>
            </ion-item>
          </ion-menu-toggle>
          <ion-menu-toggle autoHide="false">
            <ion-item button (click)="logout()">
              <ion-icon slot="start" name="log-out"></ion-icon>
              <ion-label>
                登出
              </ion-label>
            </ion-item>
          </ion-menu-toggle>

        </ion-list>



        <ion-list *ngIf="loggedIn">
        <!-- <ion-list> -->
          <ion-list-header>
            业务
          </ion-list-header>

          <ion-menu-toggle autoHide="false">
            <ion-item routerLink="/scanning">
              <ion-icon slot="start" name="qr-scanner"></ion-icon>
              <ion-label>
                开单号，样品扫描
              </ion-label>
            </ion-item>
          </ion-menu-toggle>

        </ion-list>


        <ion-list *ngIf="loggedIn">
          <!-- <ion-list> -->
          <ion-list-header>
            QA
          </ion-list-header>
          <ion-menu-toggle autoHide="false">
            <ion-item routerLink="/contract">
              <ion-icon slot="start" name="book"></ion-icon>
              <ion-label>
                采购合同
              </ion-label>
            </ion-item>
          </ion-menu-toggle>

          <ion-menu-toggle autoHide="false">
            <ion-item routerLink="/sample">
              <ion-icon slot="start" name="document"></ion-icon>
              <ion-label>
                样品单管理
              </ion-label>
            </ion-item>
          </ion-menu-toggle>

        </ion-list>


        <ion-list *ngIf="loggedIn">
          <!-- <ion-list> -->
          <ion-list-header>
            仓库样品
          </ion-list-header>
          <ion-menu-toggle autoHide="false">
            <ion-item routerLink="/store-sample-pending">
              <ion-icon slot="start" name="timer"></ion-icon>
              <ion-label>
                待备样
              </ion-label>
            </ion-item>
          </ion-menu-toggle>

          <ion-menu-toggle autoHide="false">
            <ion-item routerLink="/store-sample-binding">
              <ion-icon slot="start" name="timer"></ion-icon>
              <ion-label>
                样品绑定
              </ion-label>
            </ion-item>
          </ion-menu-toggle>

          <ion-menu-toggle autoHide="false">
            <ion-item routerLink="/store-sample">
              <ion-icon slot="start" name="home"></ion-icon>
              <ion-label>
                样品列表
              </ion-label>
            </ion-item>
          </ion-menu-toggle>
        </ion-list>


        <ion-list *ngIf="loggedIn">
          <!-- <ion-list> -->
          <ion-list-header>
            仓库管理
          </ion-list-header>
          <ion-menu-toggle autoHide="false">
            <ion-item routerLink="/enter-store">
              <ion-icon slot="start" name="appstore"></ion-icon>
              <ion-label>
                入库扫描
              </ion-label>
            </ion-item>
          </ion-menu-toggle>

          <ion-menu-toggle autoHide="false">
            <ion-item routerLink="/warehouse-manage-pending">
              <ion-icon slot="start" name="timer"></ion-icon>
              <ion-label>
                待备货
              </ion-label>
            </ion-item>
          </ion-menu-toggle>



        </ion-list>


        <ion-list *ngIf="loggedIn">
          <ion-list-header>
            QC
          </ion-list-header>
          <ion-menu-toggle autoHide="false">
            <ion-item routerLink="/store-qc">
              <ion-icon slot="start" name="list-box"></ion-icon>
              <ion-label>
                QC验货初检报告列表
              </ion-label>
            </ion-item>
          </ion-menu-toggle>
          <ion-menu-toggle autoHide="false">
            <ion-item routerLink="/store-qc-scanning">
              <ion-icon slot="start" name="qr-scanner"></ion-icon>
              <ion-label>
                QC扫描
              </ion-label>
            </ion-item>
          </ion-menu-toggle>
          <ion-menu-toggle autoHide="false">
            <ion-item routerLink="/store-pending">
              <ion-icon slot="start" name="checkbox"></ion-icon>
              <ion-label>
                待验货物
              </ion-label>
            </ion-item>
          </ion-menu-toggle>
        </ion-list>
        <ion-item lines="none">
          <span slot="end">{{version_number}}</span>
        </ion-item>
        <!-- <ion-list>
          <ion-list-header>
            Tutorial
          </ion-list-header>
          <ion-menu-toggle autoHide="false">
            <ion-item button (click)="openTutorial()">
              <ion-icon slot="start" name="hammer"></ion-icon>
              <ion-label>Show Tutorial</ion-label>
            </ion-item>
          </ion-menu-toggle>
        </ion-list> -->
      </ion-content>
    </ion-menu>

    <ion-router-outlet main></ion-router-outlet>

  </ion-split-pane>

</ion-app>