edit

src/app/routes/sys-setting/components/goods-name-config/goods-name-config.component.html

@@ -0,0 +1,52 @@
+<page-header-wrapper title="货物名称配置">
+</page-header-wrapper>
+
+<nz-card>
+    <div class="d-flex">
+        <div style="width: 250px;">
+            <nz-list nzBordered [nzHeader]="listHeader">
+                <nz-list-item *ngFor="let item of typeList;let i = index"
+                    [ngClass]="{'select-type': selectedType===item.id}">
+                    <div class="d-flex justify-content-between align-items-center" style="width: 100%;">
+                        <label style="flex:1">{{item.title}}</label>
+                        <i nz-icon nzType="more" nzTheme="outline" style="font-size: 18px;cursor: pointer;" nz-dropdown
+                            [nzDropdownMenu]="menu" nzTrigger="click"></i>
+                    </div>
+                    <nz-dropdown-menu #menu="nzDropdownMenu">
+                        <ul nz-menu nzSelectable>
+                            <li nz-menu-item>编辑{{i}}</li>
+                            <li nz-menu-item>上移</li>
+                            <li nz-menu-item>下移</li>
+                            <li nz-menu-item nzDanger>删除</li>
+                        </ul>
+                    </nz-dropdown-menu>
+                </nz-list-item>
+            </nz-list>
+            <ng-template #listHeader>
+                <div class="d-flex justify-content-between align-items-center">
+                    <label style="font-weight: 700;font-size: 16px;">货物类型</label>
+                    <button nz-button nzType="primary"><i nz-icon nzType="plus" nzTheme="outline"></i>新增</button>
+                </div>
+            </ng-template>
+        </div>
+
+        <div style="flex: 1;" class="ml-md">
+            <div class="d-flex justify-content-between align-items-center mb-md">
+                <nz-input-group [nzSuffix]="suffixTemplateInfo" style="width: 300px;">
+                    <input type="text" nz-input placeholder="请输入货物名称" />
+                </nz-input-group>
+                <ng-template #suffixTemplateInfo><i nz-icon nzType="search" nzTheme="outline"></i></ng-template>
+                <button nz-button nzType="primary"><i nz-icon nzType="plus" nzTheme="outline"></i>新增</button>
+            </div>
+
+            <st #st [data]="url" [columns]="columns"
+                [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+                [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+                [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+                [loading]="service.http.loading" [scroll]="{ y: '370px' }"></st>
+        </div>
+    </div>
+
+
+
+</nz-card>