eam-web-ui/web-admin-app/src/app/pages/fixed-asset/stocktaking/stockaking-plan/stockaking-plan.component.html

<app-page class="p-3">
	<div class="flex-1 overflow-hidden">
		<app-server-paginated-table
			[options]="table"
			[tableAction]="tableActionTpl"
			[renderColumn]="renderColumnTpl"
			[formGroup]="queryForm"
		>
			<ng-template #renderColumnTpl let-data let-key="key" let-row="row">
				@switch (key) {
					@case ('fullStocktaking') {
						@switch (data) {
							@case (0) {
								<nz-badge [nzText]="'禁用'" [nzStatus]="'error'" />
							}
							@case (1) {
								<nz-badge [nzText]="'启用'" [nzStatus]="'processing'" />
							}
							@default {
								-
							}
						}
					}
					@case ('status') {
						@switch (data) {
							@case (0) {
								<nz-badge [nzText]="'未开始'" [nzStatus]="'default'" />
							}
							@case (1) {
								<nz-badge [nzText]="'进行中'" [nzStatus]="'processing'" />
							}
							@case (2) {
								<nz-badge [nzText]="'取消'" [nzStatus]="'error'" />
							}
							@case (3) {
								<nz-badge [nzText]="'已完成'" [nzStatus]="'success'" />
							}
							@default {
								-
							}
						}
					}
					@case ('_stocktakingUser') {
						{{ data?.userName ?? '-' }}
					}
					@case ('_useUser') {
						{{ data?.userName ?? '-' }}
					}
					@case ('_warehouse') {
						{{ data?.name ?? '-' }}
					}
					@case ('_position') {
						{{ data?.name ?? '-' }}
					}
					@case ('_head') {
						{{ data?.userName ?? '-' }}
					}
					@case ('_ownCompany') {
						{{ data?.organizationName ?? '-' }}
					}
					@case ('_useOrganization') {
						{{ data?.organizationName ?? '-' }}
					}
					@case ('_category') {
						{{ data?.categoryName ?? '-' }}
					}
					@default {
						{{ data }}
					}
				}
			</ng-template>

			<ng-template #tableActionTpl>
				<nz-space>
					<button *nzSpaceItem nz-button nzType="primary" (click)="onCreate()">新建</button>
				</nz-space>
			</ng-template>

			<ng-container *appTableForm>
				<app-query-item label="名称" class="w-60">
					<input nz-input placeholder="请输入" formControlName="name" />
				</app-query-item>
				<app-query-item label="备注" class="w-60">
					<input nz-input placeholder="请输入" formControlName="notes" />
				</app-query-item>
				<app-query-item label="盘点状态">
					<nz-select
						nzPlacement="bottomRight"
						class="!w-40"
						[nzPlaceHolder]="'请选择'"
						[nzDropdownMatchSelectWidth]="false"
						formControlName="status"
						nzAllowClear
					>
						<nz-option [nzValue]="0" nzLabel="未开始"></nz-option>
						<nz-option [nzValue]="1" nzLabel="进行中"></nz-option>
						<nz-option [nzValue]="2" nzLabel="取消"></nz-option>
						<nz-option [nzValue]="3" nzLabel="已完成"></nz-option>
					</nz-select>
				</app-query-item>
			</ng-container>
		</app-server-paginated-table>
	</div>
</app-page>

<ng-template #drawerFooterTpl>
	<nz-space>
		<button *nzSpaceItem nz-button nzType="primary" (click)="onConfirm()">确定</button>
		<button *nzSpaceItem nz-button nzType="default" (click)="onCancel()">取消</button>
	</nz-space>
</ng-template>

<ng-template #formContentTpl>
	<form nz-form nzLayout="vertical" [formGroup]="createForm">
		<nz-form-item>
			<nz-form-label nzRequired> 名称 </nz-form-label>
			<nz-form-control [nzErrorTip]="errorTpl">
				<input type="text" nz-input formControlName="name" placeholder="请输入名称" />
			</nz-form-control>
		</nz-form-item>
		<nz-form-item>
			<nz-form-label> 全员盘点 </nz-form-label>
			<nz-form-control [nzErrorTip]="errorTpl">
				<nz-radio-group formControlName="fullStocktaking">
					<label nz-radio [nzValue]="1">启用</label>
					<label nz-radio [nzValue]="0">禁用</label>
				</nz-radio-group>
			</nz-form-control>
		</nz-form-item>
		<nz-form-item>
			<nz-form-label> 负责人 </nz-form-label>
			<nz-form-control [nzErrorTip]="errorTpl">
				<app-select-user-by-org [radio]="true" formControlName="head" />
			</nz-form-control>
		</nz-form-item>
		<nz-form-item>
			<nz-form-label> 盘点人 </nz-form-label>
			<nz-form-control [nzErrorTip]="errorTpl">
				<app-select-user-by-org [radio]="true" formControlName="stocktakingUserId" />
			</nz-form-control>
		</nz-form-item>

		<nz-form-item>
			<nz-form-label> 备注 </nz-form-label>
			<nz-form-control [nzErrorTip]="errorTpl">
				<textarea nz-input formControlName="notes" placeholder="请输入备注"></textarea>
			</nz-form-control>
		</nz-form-item>

		<h2>盘点范围</h2>
		<nz-form-item>
			<nz-form-label> 购置开始日期 </nz-form-label>
			<nz-form-control>
				<nz-date-picker nzShowTime class="w-full" formControlName="stocktakingStartDate" />
			</nz-form-control>
		</nz-form-item>
		<nz-form-item>
			<nz-form-label> 购置结束日期 </nz-form-label>
			<nz-form-control>
				<nz-date-picker nzShowTime class="w-full" formControlName="stocktakingEndDate" />
			</nz-form-control>
		</nz-form-item>
		<nz-form-item>
			<nz-form-label> 资产分类 </nz-form-label>
			<nz-form-control>
				<nz-tree-select [nzNodes]="assetCategoryTree" formControlName="categoryId"></nz-tree-select>
			</nz-form-control>
		</nz-form-item>
		<nz-form-item>
			<nz-form-label> 资产状态 </nz-form-label>
			<nz-form-control>
				<nz-select nzPlaceHolder="请选择" formControlName="assetStatus">
					@for (item of ASSET_STATUS; track $index) {
						<nz-option [nzLabel]="item.label" [nzValue]="item.value"></nz-option>
					}
				</nz-select>
			</nz-form-control>
		</nz-form-item>
		<nz-form-item>
			<nz-form-label> 位置 </nz-form-label>
			<nz-form-control>
				<nz-tree-select nzPlaceHolder="请选择" [nzNodes]="positionTree" formControlName="positionId">
				</nz-tree-select>
			</nz-form-control>
		</nz-form-item>
		<nz-form-item>
			<nz-form-label> 仓库 </nz-form-label>
			<nz-form-control>
				<nz-select nzPlaceHolder="请选择" formControlName="warehouseId">
					@for (item of warehouse; track $index) {
						<nz-option [nzLabel]="item.label" [nzValue]="item.value"></nz-option>
					}
				</nz-select>
			</nz-form-control>
		</nz-form-item>
		<nz-form-item>
			<nz-form-label> 所属公司 </nz-form-label>
			<nz-form-control>
				<nz-tree-select nzPlaceHolder="请选择" [nzNodes]="companyTree" formControlName="ownCompanyId">
				</nz-tree-select>
			</nz-form-control>
		</nz-form-item>
		<nz-form-item>
			<nz-form-label> 使用公司/部门 </nz-form-label>
			<nz-form-control>
				<nz-tree-select nzPlaceHolder="请选择" [nzNodes]="orgTree" formControlName="useOrganizationId">
				</nz-tree-select>
			</nz-form-control>
		</nz-form-item>
		<nz-form-item>
			<nz-form-label> 保管人 </nz-form-label>
			<nz-form-control>
				<app-select-user-by-org [radio]="true" formControlName="useUserId" />
			</nz-form-control>
		</nz-form-item>
	</form>
</ng-template>

<ng-template #errorTpl let-control>
	<form-error-tips [control]="control"></form-error-tips>
</ng-template>