Rainie/bbq
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

edit

Browse Source
This commit is contained in:
Taric Xin
2022-01-20 13:51:18 +08:00
parent ec285a095b
commit a76a9f0718
6 changed files with 172 additions and 123 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/app/routes/menu-manager/components/index/index.component.html
View File

@ -28,8 +28,8 @@
<nz-card class="content-box">
<nz-tabset [nzTabBarExtraContent]="extraTemplate">
<nz-tab nzTitle="货主菜单" (nzClick)="changeMemu('1')"></nz-tab>
<nz-tab nzTitle="运营后台菜单" (nzClick)="changeMemu('2')"></nz-tab>
<nz-tab nzTitle="货主菜单" (nzClick)="changeMemu(0)"></nz-tab>
<nz-tab nzTitle="运营后台菜单" (nzClick)="changeMemu(1)"></nz-tab>
</nz-tabset>
<ng-template #extraTemplate>
<div class="d-flex align-items-center">
@ -39,12 +39,52 @@
</div>
</ng-template>
<st #st [data]="service.$api_get_all" [columns]="columns" [expand]="expand" expandRowByClick
<!-- <st #st [data]="service.$api_get_all" [columns]="columns" [expand]="expand" expandRowByClick
[req]="{ method: 'POST', reName: { pi: 'pageIndex', ps: 'pageSize' },params:{appId:selectedPlatform?.appId} }"
[res]="{ reName: { list: 'data' } }" [page]="{ show: false }" [loading]="service.http.loading"
[scroll]="{ y: '370px' }" (change)="stChange($event)">
<ng-template #expand let-item let-index="index" let-column="column">
{{ item.description }}
</ng-template>
</st>
</st> -->
<nz-table #expandTable [nzData]="listOfMapData" nzTableLayout="fixed" nzBordered>
<thead>
<tr>
<th>菜单名称</th>
<th>路由地址</th>
<th>菜单图标</th>
<th>菜单排序</th>
<th class="text-center">操作</th>
</tr>
</thead>
<tbody>
<ng-container *ngFor="let data of expandTable.data">
<ng-container *ngFor="let item of mapOfExpandedData[data.key]">
<tr *ngIf="(item.parent && item.parent.expand) || !item.parent">
<td [nzIndentSize]="item.level! * 20" [nzShowExpand]="!!item.children" [(nzExpand)]="item.expand"
(nzExpandChange)="collapse(mapOfExpandedData[data.key], item, $event)">
{{ item.text }}
</td>
<td>{{ item.link }}</td>
<td>
<i nz-icon [nzType]="item.iconType"></i>
</td>
<td>{{ item.sorted }}</td>
<td class="text-center">
<a>查看</a>
<nz-divider nzType="vertical"></nz-divider>
<a>编辑</a>
<nz-divider nzType="vertical"></nz-divider>
<a>删除</a>
<ng-container *ngIf="item.level!==3">
<nz-divider nzType="vertical"></nz-divider>
<a>新增子项</a>
</ng-container>
</td>
</tr>
</ng-container>
</ng-container>
</tbody>
</nz-table>
</nz-card>