kely
1 year ago
111 changed files with 5432 additions and 258 deletions
@ -0,0 +1 @@ |
|||
version 2 |
|||
@ -0,0 +1,44 @@ |
|||
<div class="modal"> |
|||
<form nz-form [formGroup]="formGroup" nzLayout="vertical"> |
|||
<div class="overflow-hidden"> |
|||
<nz-form-item> |
|||
<nz-form-label nzRequired>班组名称</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<input nz-input placeholder="请输入班组名称" formControlName="teamName" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
<nz-form-item> |
|||
<nz-form-label nzRequired>班组编号</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<input nz-input placeholder="请输入班组编号" formControlName="teamKey" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
|
|||
<nz-form-item> |
|||
<nz-form-label nzRequired>班组状态</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<nz-radio-group formControlName="status"> |
|||
<label nz-radio [nzValue]="0">停用</label> |
|||
<label nz-radio [nzValue]="1">启用</label> |
|||
</nz-radio-group> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
<nz-form-item> |
|||
<nz-form-label nzRequired>添加成员</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<app-select-user-by-org [radio]="false" (onSelect)="onUerChange($event)" formControlName="_value" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
<nz-form-item> |
|||
<nz-form-label>备注</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<input nz-input placeholder="请输入班组名称" formControlName="remark" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
</form> |
|||
|
|||
<ng-template #errorTpl let-control> |
|||
<form-error-tips [control]="control"></form-error-tips> |
|||
</ng-template> |
|||
</div> |
|||
@ -0,0 +1,92 @@ |
|||
import { Component, Input, OnInit, inject } from '@angular/core' |
|||
import { FormBuilder, FormGroup } from '@angular/forms' |
|||
import { ApiService } from 'app/services' |
|||
import { SharedModule } from 'app/shared/shared.module' |
|||
import { FormValidators, Utils } from 'app/utils' |
|||
import { NzMessageService } from 'ng-zorro-antd/message' |
|||
import { OrgSelectComponent } from '../org-select/org-select.component' |
|||
import { SelectUserByOrgComponent } from '../select-user-by-org/select-user-by-org.component' |
|||
import { PositionSelectComponent } from '../position-select/position-select.component' |
|||
import { NzSafeAny } from 'ng-zorro-antd/core/types' |
|||
import { NZ_MODAL_DATA } from 'ng-zorro-antd/modal' |
|||
import { SupplierSelectComponent } from '../supplier-select/supplier-select.component' |
|||
import { AssetSelectComponent } from '../asset-select/asset-select.component' |
|||
import { WarehouseSelectComponent } from '../warehouse-select/warehouse-select.component' |
|||
|
|||
@Component({ |
|||
selector: 'app-asset-basic-team-form', |
|||
standalone: true, |
|||
imports: [ |
|||
SharedModule, |
|||
SelectUserByOrgComponent, |
|||
SupplierSelectComponent, |
|||
AssetSelectComponent, |
|||
OrgSelectComponent, |
|||
PositionSelectComponent, |
|||
WarehouseSelectComponent, |
|||
], |
|||
templateUrl: './asset-basic-team-form.component.html', |
|||
styleUrl: './asset-basic-team-form.component.less', |
|||
}) |
|||
export class AssetBasicTeamFormComponent { |
|||
constructor( |
|||
private fb: FormBuilder, |
|||
private api: ApiService, |
|||
private msg: NzMessageService, |
|||
) {} |
|||
|
|||
readonly data: NzSafeAny = inject(NZ_MODAL_DATA) |
|||
|
|||
formGroup!: FormGroup |
|||
|
|||
groupIndex = 0 |
|||
|
|||
uploadLoading = false |
|||
|
|||
ngOnInit(): void { |
|||
this.formGroup = this.fb.group({ |
|||
teamId: this.fb.control(null, []), |
|||
teamName: this.fb.control('', [FormValidators.required('请输入')]), |
|||
teamKey: this.fb.control('', [FormValidators.required('请输入')]), |
|||
// useUserId: this.fb.control(null, [FormValidators.required('请选择')]),
|
|||
// useOrganizationId: this.fb.control(null, [FormValidators.required('请选择')]),
|
|||
status: this.fb.control(1, [FormValidators.required('请选择')]), |
|||
|
|||
_value: this.fb.control([], [FormValidators.required('请选择')]), |
|||
remark: this.fb.control(null, []), |
|||
}) |
|||
|
|||
this.patchValues() |
|||
} |
|||
|
|||
patchValues() { |
|||
const { value: data, preview } = this.data |
|||
if (data) { |
|||
this.formGroup.patchValue({ |
|||
...data, |
|||
_value: data?._value?.map((i: NzSafeAny) => i.userId), |
|||
}) |
|||
} |
|||
if (preview) { |
|||
this.formGroup.disable() |
|||
} |
|||
} |
|||
|
|||
public getValues() { |
|||
let values = null |
|||
if (FormValidators.validateFormGroup(this.formGroup)) { |
|||
const v = this.formGroup.value |
|||
|
|||
values = { |
|||
...v, |
|||
_value: this.selectedUser, |
|||
} |
|||
} |
|||
return values |
|||
} |
|||
|
|||
selectedUser = [] |
|||
onUerChange(e: any) { |
|||
this.selectedUser = e |
|||
} |
|||
} |
|||
@ -0,0 +1 @@ |
|||
<p>flow-form-create works!</p> |
|||
@ -0,0 +1,12 @@ |
|||
import { Component } from '@angular/core'; |
|||
|
|||
@Component({ |
|||
selector: 'app-flow-form-create', |
|||
standalone: true, |
|||
imports: [], |
|||
templateUrl: './flow-form-create.component.html', |
|||
styleUrl: './flow-form-create.component.less' |
|||
}) |
|||
export class FlowFormCreateComponent { |
|||
|
|||
} |
|||
@ -0,0 +1,84 @@ |
|||
<div class="modal"> |
|||
<form nz-form [formGroup]="formGroup" nzLayout="vertical"> |
|||
<div class="overflow-hidden"> |
|||
<div nz-row [nzGutter]="24"> |
|||
<div nz-col [nzSpan]="6"> |
|||
<nz-form-item> |
|||
<nz-form-label nzRequired>业务名称</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<input nz-input placeholder="请输入业务名称" formControlName="name" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
<div nz-col [nzSpan]="6"> |
|||
<nz-form-item> |
|||
<nz-form-label>业务编号</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<input nz-input placeholder="请输入业务编号" formControlName="businessId" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
<div nz-col [nzSpan]="6"> |
|||
<nz-form-item> |
|||
<nz-form-label nzRequired>维修类型</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<nz-select nzPlaceHolder="请选择维修类型" formControlName="repairTypeId"> |
|||
@for (item of types; track $index) { |
|||
<nz-option [nzLabel]="item.name" [nzValue]="item.repairTypeId"></nz-option> |
|||
} |
|||
</nz-select> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
<div nz-col [nzSpan]="6"> |
|||
<nz-form-item> |
|||
<nz-form-label nzRequired>计划完成时间</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<nz-date-picker class="w-full" formControlName="plannedDate" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
|
|||
<div nz-col [nzSpan]="6"> |
|||
<nz-form-item> |
|||
<nz-form-label>附件</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<button class="upload-btn" nz-button [nzLoading]="uploadLoading"> |
|||
<i nz-icon nzType="upload"></i> |
|||
选择文件 |
|||
<input type="file" (change)="onFileChange($event)" /> |
|||
</button> |
|||
@if (formGroup.get('attach')?.value) { |
|||
<div class="mt-1"> |
|||
<nz-tag class="break-words w-full !whitespace-pre-wrap"> |
|||
{{ formGroup.get('attach')?.value }} |
|||
</nz-tag> |
|||
</div> |
|||
} |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
<div nz-col [nzSpan]="18"> |
|||
<nz-form-item> |
|||
<nz-form-label>维修说明</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<textarea nz-input placeholder="请输入维修说明" formControlName="notes"></textarea> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
<div nz-col [nzSpan]="24"> |
|||
<nz-form-item> |
|||
<nz-form-label>资产列表</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<app-asset-select formControlName="assetIdList" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</form> |
|||
|
|||
<ng-template #errorTpl let-control> |
|||
<form-error-tips [control]="control"></form-error-tips> |
|||
</ng-template> |
|||
</div> |
|||
@ -0,0 +1,117 @@ |
|||
import { Component, Input, OnInit, inject } from '@angular/core' |
|||
import { FormBuilder, FormGroup } from '@angular/forms' |
|||
import { ApiService } from 'app/services' |
|||
import { SharedModule } from 'app/shared/shared.module' |
|||
import { FormValidators, Utils } from 'app/utils' |
|||
import { NzMessageService } from 'ng-zorro-antd/message' |
|||
import { AssetCategorySelectComponent } from '../asset-category-select/asset-category-select.component' |
|||
import { OrgSelectComponent } from '../org-select/org-select.component' |
|||
import { ASSET_SOURCE_MAP, ASSET_STATUS, MAINTENANCE_STATUS, MAINTENANCE_TYPE, MAX_PAGE_SIZE } from 'app/constants' |
|||
import { SelectUserByOrgComponent } from '../select-user-by-org/select-user-by-org.component' |
|||
import { ManufacturerSelectComponent } from '../manufacturer-select/manufacturer-select.component' |
|||
import { PositionSelectComponent } from '../position-select/position-select.component' |
|||
import { MaintenanceSelectComponent } from '../maintenance-select/maintenance-select.component' |
|||
import { NzSafeAny } from 'ng-zorro-antd/core/types' |
|||
import { NZ_MODAL_DATA } from 'ng-zorro-antd/modal' |
|||
import { SupplierSelectComponent } from '../supplier-select/supplier-select.component' |
|||
import { AssetSelectComponent } from '../asset-select/asset-select.component' |
|||
|
|||
@Component({ |
|||
selector: 'app-maintain-record-form', |
|||
standalone: true, |
|||
imports: [SharedModule, SelectUserByOrgComponent, SupplierSelectComponent, AssetSelectComponent], |
|||
templateUrl: './maintain-record-form.component.html', |
|||
styleUrl: './maintain-record-form.component.less', |
|||
}) |
|||
export class MaintainRecordFormComponent { |
|||
constructor( |
|||
private fb: FormBuilder, |
|||
private api: ApiService, |
|||
private msg: NzMessageService, |
|||
) {} |
|||
|
|||
readonly data: NzSafeAny = inject(NZ_MODAL_DATA) |
|||
|
|||
formGroup!: FormGroup |
|||
|
|||
groupIndex = 0 |
|||
|
|||
uploadLoading = false |
|||
|
|||
types: NzSafeAny[] = [] |
|||
|
|||
ngOnInit(): void { |
|||
this.formGroup = this.fb.group({ |
|||
id: this.fb.control(null, []), |
|||
name: this.fb.control('', [FormValidators.required('请输入')]), |
|||
repairTypeId: this.fb.control(null, [FormValidators.required('请输入')]), |
|||
businessId: this.fb.control(null, []), |
|||
plannedDate: this.fb.control(null, [FormValidators.required('请输入')]), |
|||
notes: this.fb.control(null, []), |
|||
attach: this.fb.control('', []), |
|||
assetIdList: this.fb.control([], []), |
|||
}) |
|||
this.api.getRepairTypePage({ pageSize: MAX_PAGE_SIZE }).subscribe((res) => { |
|||
this.types = res.body.rows |
|||
}) |
|||
this.patchValues() |
|||
} |
|||
|
|||
patchValues() { |
|||
const { value: v, preview } = this.data |
|||
if (v) { |
|||
this.api.getRepairDetail(v.id).subscribe((res) => { |
|||
const data = res.body |
|||
this.formGroup.patchValue({ |
|||
...data, |
|||
repairTypeId: data._repairType?.repairTypeId, |
|||
|
|||
useUserId: data._useUser?.userId ? [data._useUser?.userId] : [], |
|||
manager: data._manager?.userId ? [data._manager?.userId] : [], |
|||
responsiblePerson: data._responsiblePerson?.userId ? [data._responsiblePerson?.userId] : [], |
|||
categoryId: data._category?.categoryId + '', |
|||
positionId: data._position?.positionId + '', |
|||
ownCompanyId: data._ownCompany?.organizationId + '', |
|||
useOrganizationId: data._useOrganization?.organizationId + '', |
|||
maintenanceVendor: data._maintenanceVendor?.maintenanceVendorId, |
|||
manufacturersVendorId: data._manufacturersVendor?.manufacturersVendorId, |
|||
}) |
|||
}) |
|||
} |
|||
if (preview) { |
|||
this.formGroup.disable() |
|||
} |
|||
} |
|||
|
|||
public getValues() { |
|||
let values = null |
|||
if (FormValidators.validateFormGroup(this.formGroup)) { |
|||
const v = this.formGroup.value |
|||
|
|||
values = { |
|||
...v, |
|||
useUserId: v.useUserId?.[0], |
|||
manager: v.manager?.[0], |
|||
categoryId: v.categoryId?.[0], |
|||
ownCompanyId: v.ownCompanyId?.[0], |
|||
positionId: v.positionId, |
|||
useOrganizationId: v.useOrganizationId?.[0], |
|||
responsiblePerson: v.responsiblePerson?.[0], |
|||
assetIdList: v.assetIdList, |
|||
} |
|||
} |
|||
return values |
|||
} |
|||
|
|||
onFileChange(e: Event) { |
|||
const target = e.target as HTMLInputElement |
|||
const file = target.files![0] |
|||
target.value = '' |
|||
|
|||
const formdata = new FormData() |
|||
formdata.append('file', file) |
|||
this.api.upload(formdata).subscribe((res) => { |
|||
this.formGroup.get('attach')?.setValue(res.body.fileName) |
|||
}) |
|||
} |
|||
} |
|||
@ -0,0 +1,37 @@ |
|||
<app-page> |
|||
<nz-calendar [(ngModel)]="date" [(nzMode)]="mode" (nzPanelChange)="panelChange($event)"> |
|||
<ul *nzDateCell="let date" class="events"> |
|||
@switch (date.getDate()) { |
|||
@case (8) { |
|||
@for (item of listDataMap.eight; track $index) { |
|||
<li> |
|||
<nz-badge [nzStatus]="item.type" [nzText]="item.content"></nz-badge> |
|||
</li> |
|||
} |
|||
} |
|||
@case (10) { |
|||
@for (item of listDataMap.ten; track $index) { |
|||
<li> |
|||
<nz-badge [nzStatus]="item.type" [nzText]="item.content"></nz-badge> |
|||
</li> |
|||
} |
|||
} |
|||
@case (11) { |
|||
@for (item of listDataMap.eleven; track $index) { |
|||
<li> |
|||
<nz-badge [nzStatus]="item.type" [nzText]="item.content"></nz-badge> |
|||
</li> |
|||
} |
|||
} |
|||
} |
|||
</ul> |
|||
<ng-container *nzMonthCell="let month"> |
|||
@if (getMonthData(month); as monthData) { |
|||
<div class="notes-month"> |
|||
<section>{{ monthData }}</section> |
|||
<span>Backlog number</span> |
|||
</div> |
|||
} |
|||
</ng-container> |
|||
</nz-calendar> |
|||
</app-page> |
|||
@ -0,0 +1,22 @@ |
|||
.events { |
|||
list-style: none; |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
.events .ant-badge-status { |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
width: 100%; |
|||
text-overflow: ellipsis; |
|||
font-size: 12px; |
|||
} |
|||
|
|||
.notes-month { |
|||
text-align: center; |
|||
font-size: 28px; |
|||
} |
|||
|
|||
.notes-month section { |
|||
font-size: 28px; |
|||
} |
|||
@ -0,0 +1,54 @@ |
|||
import { Component, Input } from '@angular/core' |
|||
import { SharedModule } from 'app/shared/shared.module' |
|||
import { PlanTaskType } from 'app/types' |
|||
import { NzCalendarMode } from 'ng-zorro-antd/calendar' |
|||
|
|||
@Component({ |
|||
selector: 'app-calendar-list', |
|||
standalone: true, |
|||
imports: [SharedModule], |
|||
templateUrl: './calendar-list.component.html', |
|||
styleUrl: './calendar-list.component.less', |
|||
}) |
|||
export class CalendarListComponent { |
|||
constructor() {} |
|||
|
|||
@Input() type: PlanTaskType = 'inspection' |
|||
|
|||
date = new Date(2012, 11, 21) |
|||
|
|||
mode: NzCalendarMode = 'month' |
|||
|
|||
OnInit() {} |
|||
|
|||
panelChange(change: { date: Date; mode: string }): void { |
|||
console.log(change.date, change.mode) |
|||
} |
|||
|
|||
listDataMap = { |
|||
eight: [ |
|||
{ type: 'warning', content: 'This is warning event.' }, |
|||
{ type: 'success', content: 'This is usual event.' }, |
|||
], |
|||
ten: [ |
|||
{ type: 'warning', content: 'This is warning event.' }, |
|||
{ type: 'success', content: 'This is usual event.' }, |
|||
{ type: 'error', content: 'This is error event.' }, |
|||
], |
|||
eleven: [ |
|||
{ type: 'warning', content: 'This is warning event' }, |
|||
{ type: 'success', content: 'This is very long usual event........' }, |
|||
{ type: 'error', content: 'This is error event 1.' }, |
|||
{ type: 'error', content: 'This is error event 2.' }, |
|||
{ type: 'error', content: 'This is error event 3.' }, |
|||
{ type: 'error', content: 'This is error event 4.' }, |
|||
], |
|||
} |
|||
|
|||
getMonthData(date: Date): number | null { |
|||
if (date.getMonth() === 8) { |
|||
return 1394 |
|||
} |
|||
return null |
|||
} |
|||
} |
|||
@ -0,0 +1,152 @@ |
|||
<div class="modal-container"> |
|||
<form nz-form [formGroup]="formGroup" nzLayout="vertical"> |
|||
<div class="overflow-hidden"> |
|||
<div class="text-lg mb-2">基本信息</div> |
|||
<div nz-row [nzGutter]="24"> |
|||
<div nz-col [nzSpan]="8"> |
|||
<nz-form-item> |
|||
<nz-form-label nzRequired>计划名称</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<input nz-input formControlName="name" placeholder="请输入" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
<div nz-col [nzSpan]="8"> |
|||
<nz-form-item> |
|||
<nz-form-label>计划编号</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<input nz-input formControlName="businessId" placeholder="请输入" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
<div nz-col [nzSpan]="8"> |
|||
<nz-form-item> |
|||
<nz-form-label nzRequired>执行班组</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<nz-select nzPlaceHolder="请选择" formControlName="teamId" nzAllowClear nzShowSearch> |
|||
@for (item of teamList; track $index) { |
|||
<nz-option [nzLabel]="item.teamName" [nzValue]="item.teamId" /> |
|||
} |
|||
</nz-select> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
<div nz-col [nzSpan]="8"> |
|||
<nz-form-item> |
|||
<nz-form-label nzRequired>计划类型</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<nz-radio-group formControlName="cycleType"> |
|||
<label nz-radio nzValue="day">日循环计划 </label> |
|||
<label nz-radio nzValue="week">周循环计划 </label> |
|||
<label nz-radio nzValue="month">月循环计划</label> |
|||
<label nz-radio nzValue="once">单任务计划</label> |
|||
</nz-radio-group> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
<div nz-col [nzSpan]="8"> |
|||
<nz-form-item> |
|||
<nz-form-label nzRequired>计划开始</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<nz-date-picker class="!w-full" formControlName="expectedStartTime" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
<div nz-col [nzSpan]="8"> |
|||
<nz-form-item> |
|||
<nz-form-label nzRequired>计划结束</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<nz-date-picker class="!w-full" formControlName="expectedFinishTime" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
<div nz-col [nzSpan]="8"> |
|||
<nz-form-item> |
|||
<nz-form-label nzRequired>任务开始</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<nz-date-picker class="!w-full" nzShowTime formControlName="actualStartTime" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
<div nz-col [nzSpan]="8"> |
|||
<nz-form-item> |
|||
<nz-form-label nzRequired>任务时长</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<nz-input-group nzAddOnAfter="天"> |
|||
<nz-input-number class="!w-full" [nzMin]="0" formControlName="duration" /> |
|||
</nz-input-group> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
<div nz-col [nzSpan]="8"> |
|||
<nz-form-item> |
|||
<nz-form-label nzRequired>顺序巡检</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<nz-switch formControlName="order" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
|
|||
<div nz-col [nzSpan]="8"> |
|||
<nz-form-item> |
|||
<nz-form-label nzRequired>超期限制</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<nz-switch formControlName="limit" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
<div nz-col [nzSpan]="8"> |
|||
<nz-form-item> |
|||
<nz-form-label nzRequired>跳过周末</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<nz-switch formControlName="skipWeekend" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
<div nz-col [nzSpan]="24"> |
|||
<nz-form-item> |
|||
<nz-form-label>计划备注</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<input nz-input placeholder="请输入" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
<div nz-col nzSpan="24"> |
|||
<div class="text-lg mb-2">任务单据</div> |
|||
</div> |
|||
<div nz-col nzSpan="16"> |
|||
<nz-form-item> |
|||
<nz-form-label nzRequired>表单</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<nz-select nzPlaceHolder="请选择" formControlName="formTempId" nzAllowClear nzShowSearch> |
|||
@for (item of flowForms; track $index) { |
|||
<nz-option [nzLabel]="item.formName" [nzValue]="item.formTempId" /> |
|||
} |
|||
</nz-select> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
<div nz-col nzSpan="8"> |
|||
<nz-form-item> |
|||
<nz-form-label>开启拍照</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<nz-switch formControlName="photo" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
<div nz-col [nzSpan]="24"> |
|||
<nz-form-item> |
|||
<nz-form-label>资产列表</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<app-asset-select [storage]="true" formControlName="assetIdList" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</form> |
|||
|
|||
<ng-template #errorTpl let-control> |
|||
<form-error-tips [control]="control"></form-error-tips> |
|||
</ng-template> |
|||
</div> |
|||
@ -0,0 +1,5 @@ |
|||
.modal-container { |
|||
height: 70vh; |
|||
|
|||
overflow: auto; |
|||
} |
|||
@ -0,0 +1,160 @@ |
|||
import { Component, Input, OnInit, inject } from '@angular/core' |
|||
import { FormBuilder, FormGroup } from '@angular/forms' |
|||
import { ApiService } from 'app/services' |
|||
import { SharedModule } from 'app/shared/shared.module' |
|||
import { FormValidators, Utils } from 'app/utils' |
|||
import { NzMessageService } from 'ng-zorro-antd/message' |
|||
|
|||
import { NzSafeAny } from 'ng-zorro-antd/core/types' |
|||
import { NZ_MODAL_DATA } from 'ng-zorro-antd/modal' |
|||
|
|||
import { ActivatedRoute } from '@angular/router' |
|||
import { STOCKTAKING_JOB_STATUS_MAP } from 'app/constants' |
|||
import { |
|||
AssetSelectComponent, |
|||
OrgSelectComponent, |
|||
PositionSelectComponent, |
|||
SelectUserByOrgComponent, |
|||
SupplierSelectComponent, |
|||
} from 'app/components' |
|||
|
|||
@Component({ |
|||
selector: 'app-stocktaking-detail-form', |
|||
standalone: true, |
|||
imports: [ |
|||
SharedModule, |
|||
SelectUserByOrgComponent, |
|||
SupplierSelectComponent, |
|||
AssetSelectComponent, |
|||
OrgSelectComponent, |
|||
PositionSelectComponent, |
|||
], |
|||
templateUrl: './plan-form.component.html', |
|||
styleUrl: './plan-form.component.less', |
|||
}) |
|||
export class PlanFormComponent { |
|||
constructor( |
|||
private fb: FormBuilder, |
|||
private api: ApiService, |
|||
private msg: NzMessageService, |
|||
private route: ActivatedRoute, |
|||
) {} |
|||
|
|||
readonly data: NzSafeAny = inject(NZ_MODAL_DATA) |
|||
|
|||
STOCKTAKING_JOB_STATUS_MAP = STOCKTAKING_JOB_STATUS_MAP |
|||
|
|||
jobName = '' |
|||
|
|||
formGroup!: FormGroup |
|||
|
|||
groupIndex = 0 |
|||
|
|||
uploadLoading = false |
|||
|
|||
uploadImgLoading = false |
|||
|
|||
iconPreview = '' |
|||
|
|||
flowForms: NzSafeAny[] = [] |
|||
|
|||
teamList: NzSafeAny[] = [] |
|||
ngOnInit(): void { |
|||
this.api.getAssetTeamAll().subscribe((res) => { |
|||
this.teamList = res.body |
|||
}) |
|||
this.api.getFlowFormList().subscribe((res) => { |
|||
this.flowForms = res.body |
|||
}) |
|||
|
|||
this.formGroup = this.fb.group({ |
|||
jobId: this.fb.control(null, []), |
|||
status: this.fb.control(null, []), |
|||
name: this.fb.control(null, [FormValidators.required('请输入')]), |
|||
teamId: this.fb.control(null, [FormValidators.required('请选择')]), |
|||
cycleType: this.fb.control('once', [FormValidators.required('请选择')]), |
|||
duration: this.fb.control(0, [FormValidators.required('请选择')]), |
|||
actualStartTime: this.fb.control(null, [FormValidators.required('请选择')]), |
|||
expectedFinishTime: this.fb.control(null, [FormValidators.required('请选择')]), |
|||
expectedStartTime: this.fb.control(null, [FormValidators.required('请选择')]), |
|||
|
|||
limit: this.fb.control(false, [FormValidators.required('请选择')]), |
|||
order: this.fb.control(false, [FormValidators.required('请选择')]), |
|||
skipWeekend: this.fb.control(false, [FormValidators.required('请选择')]), |
|||
photo: this.fb.control(false, []), |
|||
|
|||
businessId: this.fb.control(null, []), |
|||
remark: this.fb.control(null, []), |
|||
|
|||
formTempId: this.fb.control(null, [FormValidators.required('请选择')]), |
|||
|
|||
assetIdList: this.fb.control([], []), |
|||
}) |
|||
|
|||
this.patchValues() |
|||
} |
|||
|
|||
patchValues() { |
|||
const { value: data, preview } = this.data |
|||
if (data) { |
|||
this.formGroup.patchValue({ |
|||
...data, |
|||
}) |
|||
} |
|||
if (preview) { |
|||
this.formGroup.disable() |
|||
} |
|||
} |
|||
|
|||
public getValues() { |
|||
let values = null |
|||
console.log('this.formGroup', this.formGroup) |
|||
if (FormValidators.validateFormGroup(this.formGroup)) { |
|||
const v = this.formGroup.value |
|||
values = { |
|||
...v, |
|||
assetIdList: v.assetIdList.map((i: NzSafeAny) => { |
|||
return { |
|||
...i, |
|||
// assetId: i,
|
|||
} |
|||
}), |
|||
// assetId
|
|||
} |
|||
} |
|||
return values |
|||
} |
|||
|
|||
onFileChange(e: Event) { |
|||
const target = e.target as HTMLInputElement |
|||
const file = target.files![0] |
|||
target.value = '' |
|||
|
|||
const formdata = new FormData() |
|||
formdata.append('file', file) |
|||
this.api.upload(formdata).subscribe((res) => { |
|||
this.formGroup.get('attachment')?.setValue(res.body.fileName) |
|||
}) |
|||
} |
|||
|
|||
onImgChange(e: Event) { |
|||
const target = e.target as HTMLInputElement |
|||
const file = target.files![0] |
|||
target.value = '' |
|||
if (file.size / 1024 / 1024 >= 2) { |
|||
this.msg.error('图片大小不能超过2M') |
|||
return |
|||
} |
|||
const fileReader = new FileReader() |
|||
fileReader.onload = () => { |
|||
const base64 = fileReader.result as string |
|||
this.iconPreview = base64 |
|||
} |
|||
fileReader.readAsDataURL(file) |
|||
const formdata = new FormData() |
|||
formdata.append('file', file) |
|||
this.api.upload(formdata).subscribe((res) => { |
|||
this.formGroup.get('img')?.setValue(res.body.fileName) |
|||
}) |
|||
} |
|||
} |
|||
@ -0,0 +1,38 @@ |
|||
<app-page> |
|||
<ng-template #actionTpl> |
|||
<nz-space> |
|||
<button *nzSpaceItem nz-button nzType="primary" (click)="onCreate()"> |
|||
<span>新建计划</span> |
|||
</button> |
|||
</nz-space> |
|||
</ng-template> |
|||
<div class="flex-1 overflow-hidden"> |
|||
<app-server-paginated-table |
|||
[options]="table" |
|||
[formGroup]="queryForm" |
|||
[tableAction]="actionTpl" |
|||
[renderColumn]="renderColumnTpl" |
|||
> |
|||
<ng-template #renderColumnTpl let-data let-key="key" let-row="row"> |
|||
@switch (key) { |
|||
@case ('status') { |
|||
<app-status-tag [status]="data" /> |
|||
} |
|||
@case ('_value') { |
|||
{{ data?.length ?? 0 }} |
|||
} |
|||
|
|||
@default { |
|||
{{ data }} |
|||
} |
|||
} |
|||
</ng-template> |
|||
|
|||
<ng-container *appTableForm> |
|||
<app-query-item label="计划名称"> |
|||
<input nz-input placeholder="请输入" formControlName="name" /> |
|||
</app-query-item> |
|||
</ng-container> |
|||
</app-server-paginated-table> |
|||
</div> |
|||
</app-page> |
|||
@ -0,0 +1,128 @@ |
|||
import { PlanTaskType } from 'app/types' |
|||
import { Component, Input, TemplateRef, ViewChild } from '@angular/core' |
|||
import { FormControl, FormGroup } from '@angular/forms' |
|||
|
|||
import { AnyObject, TableOption } from 'app/shared/components/server-paginated-table' |
|||
import { ApiService } from 'app/services' |
|||
import { SharedModule } from 'app/shared/shared.module' |
|||
import { lastValueFrom, of } from 'rxjs' |
|||
|
|||
import { NzModalRef, NzModalService } from 'ng-zorro-antd/modal' |
|||
import { NzMessageService } from 'ng-zorro-antd/message' |
|||
import { NzSafeAny } from 'ng-zorro-antd/core/types' |
|||
import { ASSET_TYPE } from 'app/constants' |
|||
|
|||
import { AssetBasicTeamFormComponent } from 'app/components/asset-basic-team-form/asset-basic-team-form.component' |
|||
import { StatusTagComponent } from 'app/components/status-tag/status-tag.component' |
|||
import { PlanFormComponent } from '../plan-form/plan-form.component' |
|||
|
|||
@Component({ |
|||
selector: 'app-plan-list', |
|||
standalone: true, |
|||
imports: [SharedModule, StatusTagComponent], |
|||
templateUrl: './plan-list.component.html', |
|||
styleUrl: './plan-list.component.less', |
|||
}) |
|||
export class PlanListComponent { |
|||
constructor( |
|||
private api: ApiService, |
|||
private modal: NzModalService, |
|||
private msg: NzMessageService, |
|||
) {} |
|||
|
|||
@Input() type: PlanTaskType = 'inspection' |
|||
|
|||
queryForm = new FormGroup({ |
|||
name: new FormControl(), |
|||
|
|||
// status: new FormControl(),
|
|||
}) |
|||
|
|||
table = new TableOption(this.fetchData.bind(this)) |
|||
|
|||
copyNum = 1 |
|||
|
|||
ASSET_TYPE = ASSET_TYPE |
|||
|
|||
ngOnInit(): void { |
|||
this.table |
|||
|
|||
.setColumn([ |
|||
{ key: 'teamKey', title: '计划编号', visible: true }, |
|||
{ key: 'teamName', title: '计划名称', visible: true }, |
|||
{ key: 'status', title: '计划状态', visible: true }, |
|||
|
|||
{ key: 'createUser', title: '执行计划', visible: true }, |
|||
{ key: 'createTime', title: '开始时间', visible: true }, |
|||
{ key: 'createTime', title: '截止时间', visible: true }, |
|||
{ key: 'createTime', title: '执行周期', visible: true }, |
|||
{ key: '_value', title: '下次执行', visible: true }, |
|||
{ key: 'remark', title: '巡检设备数', visible: true }, |
|||
]) |
|||
.setRowOperate([ |
|||
{ |
|||
title: '查看', |
|||
onClick: (v) => { |
|||
this.onCreate(v, true) |
|||
}, |
|||
}, |
|||
{ title: '修改', onClick: this.onCreate.bind(this) }, |
|||
{ title: '删除', onClick: this.deleteItem.bind(this) }, |
|||
{ title: '停用', onClick: this.deleteItem.bind(this) }, |
|||
{ title: '启用', onClick: this.deleteItem.bind(this) }, |
|||
{ title: '报表', onClick: this.deleteItem.bind(this) }, |
|||
]) |
|||
} |
|||
|
|||
fetchData(p: {}, q: AnyObject) { |
|||
return this.api.getPlanPage({ ...p, ...q, platType: this.type }) |
|||
} |
|||
|
|||
onCopy(data: NzSafeAny) {} |
|||
|
|||
onCreate(data?: NzSafeAny, preview?: boolean) { |
|||
let nzTitle = data ? '编辑计划' : '添加计划' |
|||
if (preview) { |
|||
nzTitle = '预览计划' |
|||
} |
|||
this.modal.create({ |
|||
nzTitle, |
|||
nzContent: PlanFormComponent, |
|||
nzWidth: '80vw', |
|||
nzWrapClassName: 'modal-lg', |
|||
nzData: { |
|||
value: data, |
|||
preview, |
|||
}, |
|||
nzOnOk: async (e) => { |
|||
const vals = e.getValues() |
|||
if (vals) { |
|||
const res = await lastValueFrom( |
|||
this.api.savePlan({ |
|||
...vals, |
|||
planType: this.type, |
|||
}), |
|||
) |
|||
this.msg.success(res.desc) |
|||
this.table.ref.reload() |
|||
return true |
|||
} |
|||
|
|||
return false |
|||
}, |
|||
}) |
|||
} |
|||
|
|||
deleteItem(item?: NzSafeAny) { |
|||
const ids = item ? [item.teamId] : Array.from(this.table.ref.selected) |
|||
this.modal.confirm({ |
|||
nzTitle: '警告', |
|||
nzContent: `是否要删除${ids.length}个计划？`, |
|||
nzOnOk: async () => { |
|||
const res = await lastValueFrom(this.api.deleteUserTeam(ids)) |
|||
this.msg.success(res.desc) |
|||
this.table.ref.reload() |
|||
}, |
|||
}) |
|||
} |
|||
} |
|||
@ -0,0 +1,73 @@ |
|||
<div class="modal-lg-container"> |
|||
<form nz-form [formGroup]="formGroup" nzLayout="vertical"> |
|||
<div class="overflow-hidden"> |
|||
<div class="text-lg mb-2">基本信息</div> |
|||
<div nz-row [nzGutter]="24"> |
|||
<div nz-col [nzSpan]="8"> |
|||
<nz-form-item> |
|||
<nz-form-label nzRequired>任务名称</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<input nz-input formControlName="name" placeholder="请输入" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
<div nz-col [nzSpan]="8"> |
|||
<nz-form-item> |
|||
<nz-form-label>任务编号</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<input nz-input formControlName="businessId" placeholder="请输入" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
<div nz-col [nzSpan]="8"> |
|||
<nz-form-item> |
|||
<nz-form-label nzRequired>故障时间</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<nz-date-picker class="!w-full" nzShowTime formControlName="plannedDate" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
<div nz-col [nzSpan]="24"> |
|||
<nz-form-item> |
|||
<nz-form-label>故障说明</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<textarea nz-input placeholder="请输入" formControlName="remark"></textarea> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
|
|||
<div nz-col [nzSpan]="8"> |
|||
<nz-form-item> |
|||
<nz-form-label>图片信息</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<app-upload [drag]="true" placeholder="拖动或点击上传图片" formControlName="img" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
<div nz-col [nzSpan]="8"> |
|||
<nz-form-item> |
|||
<nz-form-label>附件信息</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<app-upload [drag]="true" placeholder="拖动或点击上传附件" formControlName="attachment" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
<div nz-col nzSpan="24"> |
|||
<div class="text-lg mb-2">选择设备</div> |
|||
</div> |
|||
<div nz-col [nzSpan]="24"> |
|||
<nz-form-item> |
|||
<!-- <nz-form-label>资产列表</nz-form-label> --> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<app-asset-select [storage]="true" formControlName="assetIdList" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</form> |
|||
|
|||
<ng-template #errorTpl let-control> |
|||
<form-error-tips [control]="control"></form-error-tips> |
|||
</ng-template> |
|||
</div> |
|||
@ -0,0 +1,151 @@ |
|||
import { Component, Input, OnInit, inject } from '@angular/core' |
|||
import { FormBuilder, FormGroup } from '@angular/forms' |
|||
import { ApiService } from 'app/services' |
|||
import { SharedModule } from 'app/shared/shared.module' |
|||
import { FormValidators, Utils } from 'app/utils' |
|||
import { NzMessageService } from 'ng-zorro-antd/message' |
|||
|
|||
import { NzSafeAny } from 'ng-zorro-antd/core/types' |
|||
import { NZ_MODAL_DATA } from 'ng-zorro-antd/modal' |
|||
|
|||
import { ActivatedRoute } from '@angular/router' |
|||
import { STOCKTAKING_JOB_STATUS_MAP } from 'app/constants' |
|||
import { |
|||
AssetSelectComponent, |
|||
OrgSelectComponent, |
|||
PositionSelectComponent, |
|||
SelectUserByOrgComponent, |
|||
SupplierSelectComponent, |
|||
} from 'app/components' |
|||
import { UploadComponent } from '../../../shared/components/upload/upload.component' |
|||
|
|||
@Component({ |
|||
selector: 'app-stocktaking-detail-form', |
|||
standalone: true, |
|||
imports: [ |
|||
SharedModule, |
|||
SelectUserByOrgComponent, |
|||
SupplierSelectComponent, |
|||
AssetSelectComponent, |
|||
OrgSelectComponent, |
|||
PositionSelectComponent, |
|||
UploadComponent, |
|||
], |
|||
templateUrl: './repair-task-form.component.html', |
|||
styleUrl: './repair-task-form.component.less', |
|||
}) |
|||
export class RepairTaskFormComponent { |
|||
constructor( |
|||
private fb: FormBuilder, |
|||
private api: ApiService, |
|||
private msg: NzMessageService, |
|||
private route: ActivatedRoute, |
|||
) {} |
|||
|
|||
readonly data: NzSafeAny = inject(NZ_MODAL_DATA) |
|||
|
|||
STOCKTAKING_JOB_STATUS_MAP = STOCKTAKING_JOB_STATUS_MAP |
|||
|
|||
jobName = '' |
|||
|
|||
formGroup!: FormGroup |
|||
|
|||
groupIndex = 0 |
|||
|
|||
uploadLoading = false |
|||
|
|||
uploadImgLoading = false |
|||
|
|||
iconPreview = '' |
|||
|
|||
flowForms: NzSafeAny[] = [] |
|||
|
|||
teamList: NzSafeAny[] = [] |
|||
ngOnInit(): void { |
|||
this.api.getAssetTeamAll().subscribe((res) => { |
|||
this.teamList = res.body |
|||
}) |
|||
this.api.getFlowFormList().subscribe((res) => { |
|||
this.flowForms = res.body |
|||
}) |
|||
|
|||
this.formGroup = this.fb.group({ |
|||
name: this.fb.control(null, [FormValidators.required('请输入')]), |
|||
remark: this.fb.control(null, []), |
|||
|
|||
plannedDate: this.fb.control(null, [FormValidators.required('请选择')]), |
|||
|
|||
businessId: this.fb.control(null, []), |
|||
attachment: this.fb.control(null, []), |
|||
img: this.fb.control(null, []), |
|||
|
|||
assetIdList: this.fb.control([], []), |
|||
}) |
|||
|
|||
this.patchValues() |
|||
} |
|||
|
|||
patchValues() { |
|||
const { value: data, preview } = this.data |
|||
if (data) { |
|||
this.formGroup.patchValue({ |
|||
...data, |
|||
}) |
|||
} |
|||
if (preview) { |
|||
this.formGroup.disable() |
|||
} |
|||
} |
|||
|
|||
public getValues() { |
|||
let values = null |
|||
console.log('this.formGroup', this.formGroup) |
|||
if (FormValidators.validateFormGroup(this.formGroup)) { |
|||
const v = this.formGroup.value |
|||
values = { |
|||
...v, |
|||
assetIdList: v.assetIdList.map((i: NzSafeAny) => { |
|||
return { |
|||
...i, |
|||
// assetId: i,
|
|||
} |
|||
}), |
|||
// assetId
|
|||
} |
|||
} |
|||
return values |
|||
} |
|||
|
|||
onFileChange(e: Event) { |
|||
const target = e.target as HTMLInputElement |
|||
const file = target.files![0] |
|||
target.value = '' |
|||
|
|||
const formdata = new FormData() |
|||
formdata.append('file', file) |
|||
this.api.upload(formdata).subscribe((res) => { |
|||
this.formGroup.get('attachment')?.setValue(res.body.fileName) |
|||
}) |
|||
} |
|||
|
|||
onImgChange(e: Event) { |
|||
const target = e.target as HTMLInputElement |
|||
const file = target.files![0] |
|||
target.value = '' |
|||
if (file.size / 1024 / 1024 >= 2) { |
|||
this.msg.error('图片大小不能超过2M') |
|||
return |
|||
} |
|||
const fileReader = new FileReader() |
|||
fileReader.onload = () => { |
|||
const base64 = fileReader.result as string |
|||
this.iconPreview = base64 |
|||
} |
|||
fileReader.readAsDataURL(file) |
|||
const formdata = new FormData() |
|||
formdata.append('file', file) |
|||
this.api.upload(formdata).subscribe((res) => { |
|||
this.formGroup.get('img')?.setValue(res.body.fileName) |
|||
}) |
|||
} |
|||
} |
|||
@ -0,0 +1,95 @@ |
|||
<div class="modal-lg-container"> |
|||
<form nz-form [formGroup]="formGroup" nzLayout="vertical"> |
|||
<div class="overflow-hidden"> |
|||
<div class="text-lg mb-2">基本信息</div> |
|||
<div nz-row [nzGutter]="24"> |
|||
<div nz-col [nzSpan]="8"> |
|||
<nz-form-item> |
|||
<nz-form-label nzRequired>任务名称</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<input nz-input formControlName="name" placeholder="请输入" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
<div nz-col [nzSpan]="8"> |
|||
<nz-form-item> |
|||
<nz-form-label>任务编号</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<input nz-input formControlName="businessId" placeholder="请输入" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
<div nz-col [nzSpan]="8"> |
|||
<nz-form-item> |
|||
<nz-form-label nzRequired>执行班组</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<nz-select nzPlaceHolder="请选择" formControlName="teamId" nzAllowClear nzShowSearch> |
|||
@for (item of teamList; track $index) { |
|||
<nz-option [nzLabel]="item.teamName" [nzValue]="item.teamId" /> |
|||
} |
|||
</nz-select> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
<div nz-col [nzSpan]="8"> |
|||
<nz-form-item> |
|||
<nz-form-label nzRequired>任务开始</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<nz-date-picker class="!w-full" nzShowTime formControlName="actualStartTime" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
<div nz-col [nzSpan]="8"> |
|||
<nz-form-item> |
|||
<nz-form-label nzRequired>任务时长</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<nz-input-group nzAddOnAfter="天"> |
|||
<nz-input-number class="!w-full" [nzMin]="0" formControlName="duration" /> |
|||
</nz-input-group> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
<div nz-col [nzSpan]="8"> |
|||
<nz-form-item> |
|||
<nz-form-label nzRequired>顺序巡检</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<nz-switch formControlName="order" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
|
|||
<div nz-col [nzSpan]="8"> |
|||
<nz-form-item> |
|||
<nz-form-label nzRequired>超期限制</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<nz-switch formControlName="limit" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
<div nz-col [nzSpan]="24"> |
|||
<nz-form-item> |
|||
<nz-form-label>任务备注</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<input nz-input placeholder="请输入" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
<div nz-col nzSpan="24"> |
|||
<div class="text-lg mb-2">选择设备</div> |
|||
</div> |
|||
<div nz-col [nzSpan]="24"> |
|||
<nz-form-item> |
|||
<!-- <nz-form-label>资产列表</nz-form-label> --> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<app-asset-select [storage]="true" formControlName="assetIdList" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</form> |
|||
|
|||
<ng-template #errorTpl let-control> |
|||
<form-error-tips [control]="control"></form-error-tips> |
|||
</ng-template> |
|||
</div> |
|||
@ -0,0 +1,152 @@ |
|||
import { Component, Input, OnInit, inject } from '@angular/core' |
|||
import { FormBuilder, FormGroup } from '@angular/forms' |
|||
import { ApiService } from 'app/services' |
|||
import { SharedModule } from 'app/shared/shared.module' |
|||
import { FormValidators, Utils } from 'app/utils' |
|||
import { NzMessageService } from 'ng-zorro-antd/message' |
|||
|
|||
import { NzSafeAny } from 'ng-zorro-antd/core/types' |
|||
import { NZ_MODAL_DATA } from 'ng-zorro-antd/modal' |
|||
|
|||
import { ActivatedRoute } from '@angular/router' |
|||
import { STOCKTAKING_JOB_STATUS_MAP, taskTypeTitle } from 'app/constants' |
|||
import { |
|||
AssetSelectComponent, |
|||
OrgSelectComponent, |
|||
PositionSelectComponent, |
|||
SelectUserByOrgComponent, |
|||
SupplierSelectComponent, |
|||
} from 'app/components' |
|||
import { UploadComponent } from '../../../shared/components/upload/upload.component' |
|||
|
|||
@Component({ |
|||
selector: 'app-stocktaking-detail-form', |
|||
standalone: true, |
|||
imports: [ |
|||
SharedModule, |
|||
SelectUserByOrgComponent, |
|||
SupplierSelectComponent, |
|||
AssetSelectComponent, |
|||
OrgSelectComponent, |
|||
PositionSelectComponent, |
|||
UploadComponent, |
|||
], |
|||
templateUrl: './task-form.component.html', |
|||
styleUrl: './task-form.component.less', |
|||
}) |
|||
export class TaskFormComponent { |
|||
constructor( |
|||
private fb: FormBuilder, |
|||
private api: ApiService, |
|||
private msg: NzMessageService, |
|||
private route: ActivatedRoute, |
|||
) {} |
|||
|
|||
readonly data: NzSafeAny = inject(NZ_MODAL_DATA) |
|||
|
|||
STOCKTAKING_JOB_STATUS_MAP = STOCKTAKING_JOB_STATUS_MAP |
|||
|
|||
formGroup!: FormGroup |
|||
|
|||
groupIndex = 0 |
|||
|
|||
uploadLoading = false |
|||
|
|||
uploadImgLoading = false |
|||
|
|||
iconPreview = '' |
|||
|
|||
flowForms: NzSafeAny[] = [] |
|||
|
|||
teamList: NzSafeAny[] = [] |
|||
ngOnInit(): void { |
|||
this.api.getAssetTeamAll().subscribe((res) => { |
|||
this.teamList = res.body |
|||
}) |
|||
this.api.getFlowFormList().subscribe((res) => { |
|||
this.flowForms = res.body |
|||
}) |
|||
|
|||
this.formGroup = this.fb.group({ |
|||
name: this.fb.control(null, [FormValidators.required('请输入')]), |
|||
remark: this.fb.control(null, []), |
|||
|
|||
plannedDate: this.fb.control(null, [FormValidators.required('请选择')]), |
|||
|
|||
businessId: this.fb.control(null, []), |
|||
attachment: this.fb.control(null, []), |
|||
img: this.fb.control(null, []), |
|||
|
|||
assetIdList: this.fb.control([], []), |
|||
}) |
|||
|
|||
this.patchValues() |
|||
} |
|||
|
|||
title?: string |
|||
|
|||
patchValues() { |
|||
const { value: data, preview, type } = this.data |
|||
this.title = taskTypeTitle.get(type) |
|||
if (data) { |
|||
this.formGroup.patchValue({ |
|||
...data, |
|||
}) |
|||
} |
|||
if (preview) { |
|||
this.formGroup.disable() |
|||
} |
|||
} |
|||
|
|||
public getValues() { |
|||
let values = null |
|||
console.log('this.formGroup', this.formGroup) |
|||
if (FormValidators.validateFormGroup(this.formGroup)) { |
|||
const v = this.formGroup.value |
|||
values = { |
|||
...v, |
|||
assetIdList: v.assetIdList.map((i: NzSafeAny) => { |
|||
return { |
|||
...i, |
|||
// assetId: i,
|
|||
} |
|||
}), |
|||
// assetId
|
|||
} |
|||
} |
|||
return values |
|||
} |
|||
|
|||
onFileChange(e: Event) { |
|||
const target = e.target as HTMLInputElement |
|||
const file = target.files![0] |
|||
target.value = '' |
|||
|
|||
const formdata = new FormData() |
|||
formdata.append('file', file) |
|||
this.api.upload(formdata).subscribe((res) => { |
|||
this.formGroup.get('attachment')?.setValue(res.body.fileName) |
|||
}) |
|||
} |
|||
|
|||
onImgChange(e: Event) { |
|||
const target = e.target as HTMLInputElement |
|||
const file = target.files![0] |
|||
target.value = '' |
|||
if (file.size / 1024 / 1024 >= 2) { |
|||
this.msg.error('图片大小不能超过2M') |
|||
return |
|||
} |
|||
const fileReader = new FileReader() |
|||
fileReader.onload = () => { |
|||
const base64 = fileReader.result as string |
|||
this.iconPreview = base64 |
|||
} |
|||
fileReader.readAsDataURL(file) |
|||
const formdata = new FormData() |
|||
formdata.append('file', file) |
|||
this.api.upload(formdata).subscribe((res) => { |
|||
this.formGroup.get('img')?.setValue(res.body.fileName) |
|||
}) |
|||
} |
|||
} |
|||
@ -0,0 +1,32 @@ |
|||
<app-page> |
|||
<ng-template #actionTpl> </ng-template> |
|||
<div class="flex-1 overflow-hidden"> |
|||
<app-server-paginated-table |
|||
[options]="table" |
|||
[formGroup]="queryForm" |
|||
[tableAction]="actionTpl" |
|||
[renderColumn]="renderColumnTpl" |
|||
> |
|||
<ng-template #renderColumnTpl let-data let-key="key" let-row="row"> |
|||
@switch (key) { |
|||
@case ('status') { |
|||
<app-status-tag [status]="data" /> |
|||
} |
|||
@case ('_value') { |
|||
{{ data?.length ?? 0 }} |
|||
} |
|||
|
|||
@default { |
|||
{{ data }} |
|||
} |
|||
} |
|||
</ng-template> |
|||
|
|||
<ng-container *appTableForm> |
|||
<app-query-item label="任务名称"> |
|||
<input nz-input placeholder="请输入" formControlName="name" /> |
|||
</app-query-item> |
|||
</ng-container> |
|||
</app-server-paginated-table> |
|||
</div> |
|||
</app-page> |
|||
@ -0,0 +1,153 @@ |
|||
import { PlanTaskType } from 'app/types' |
|||
import { Component, Input, TemplateRef, ViewChild } from '@angular/core' |
|||
import { FormControl, FormGroup } from '@angular/forms' |
|||
|
|||
import { AnyObject, TableOption } from 'app/shared/components/server-paginated-table' |
|||
import { ApiService } from 'app/services' |
|||
import { SharedModule } from 'app/shared/shared.module' |
|||
import { lastValueFrom, of } from 'rxjs' |
|||
|
|||
import { NzModalRef, NzModalService } from 'ng-zorro-antd/modal' |
|||
import { NzMessageService } from 'ng-zorro-antd/message' |
|||
import { NzSafeAny } from 'ng-zorro-antd/core/types' |
|||
import { ASSET_TYPE } from 'app/constants' |
|||
|
|||
import { AssetBasicTeamFormComponent } from 'app/components/asset-basic-team-form/asset-basic-team-form.component' |
|||
import { StatusTagComponent } from 'app/components/status-tag/status-tag.component' |
|||
import { PlanFormComponent } from '../plan-form/plan-form.component' |
|||
|
|||
@Component({ |
|||
selector: 'app-task-list', |
|||
standalone: true, |
|||
imports: [SharedModule, StatusTagComponent], |
|||
templateUrl: './task-list.component.html', |
|||
styleUrl: './task-list.component.less', |
|||
}) |
|||
export class TaskListComponent { |
|||
constructor( |
|||
private api: ApiService, |
|||
private modal: NzModalService, |
|||
private msg: NzMessageService, |
|||
) {} |
|||
|
|||
@Input() type: PlanTaskType = 'inspection' |
|||
|
|||
queryForm = new FormGroup({ |
|||
name: new FormControl(), |
|||
|
|||
// status: new FormControl(),
|
|||
}) |
|||
|
|||
table = new TableOption(this.fetchData.bind(this)) |
|||
|
|||
copyNum = 1 |
|||
|
|||
ASSET_TYPE = ASSET_TYPE |
|||
|
|||
ngOnInit(): void { |
|||
this.table |
|||
|
|||
.setColumn([ |
|||
{ key: 'teamKey', title: '任务名称', visible: true }, |
|||
{ key: 'teamName', title: '任务状态', visible: true }, |
|||
{ key: 'status', title: '任务来源', visible: true }, |
|||
|
|||
{ key: 'createUser', title: '开始时间', visible: true }, |
|||
{ key: 'createTime', title: '任务时长', visible: true }, |
|||
{ key: 'createTime', title: '完成时间', visible: true }, |
|||
{ key: 'createTime', title: '设备总数', visible: true }, |
|||
{ key: '_value', title: '待处理设备数', visible: true }, |
|||
{ key: 'remark', title: '已处理设备数', visible: true }, |
|||
{ key: 'remark', title: '执行班组', visible: true }, |
|||
]) |
|||
.setRowOperate([ |
|||
{ |
|||
title: '查看', |
|||
onClick: (v) => { |
|||
this.onCreate(v, true) |
|||
}, |
|||
}, |
|||
{ title: '受理', onClick: this.shouli.bind(this) }, |
|||
{ title: '指派', onClick: this.zhipai.bind(this) }, |
|||
{ title: '处置', onClick: this.chuzhi.bind(this) }, |
|||
{ title: '报表', onClick: this.deleteItem.bind(this) }, |
|||
]) |
|||
} |
|||
|
|||
fetchData(p: {}, q: AnyObject) { |
|||
return this.api.getTaskPage({ ...p, ...q, jobType: this.type }) |
|||
} |
|||
|
|||
shouli(item?: NzSafeAny) { |
|||
const ids = item ? [item.teamId] : Array.from(this.table.ref.selected) |
|||
this.modal.confirm({ |
|||
nzTitle: '是否确定受理当前设备流程？', |
|||
nzContent: `受理后你将作为该任务的责任人，其他人员无法受理！`, |
|||
nzOnOk: async () => { |
|||
const res = await lastValueFrom(this.api.deleteUserTeam(ids)) |
|||
this.msg.success(res.desc) |
|||
this.table.ref.reload() |
|||
}, |
|||
}) |
|||
} |
|||
zhipai(item?: NzSafeAny) { |
|||
const ids = item ? [item.teamId] : Array.from(this.table.ref.selected) |
|||
this.modal.confirm({ |
|||
nzTitle: '请选择设备任务处置人员', |
|||
nzContent: ``, |
|||
nzOnOk: async () => { |
|||
const res = await lastValueFrom(this.api.deleteUserTeam(ids)) |
|||
this.msg.success(res.desc) |
|||
this.table.ref.reload() |
|||
}, |
|||
}) |
|||
} |
|||
|
|||
chuzhi(data: NzSafeAny) {} |
|||
|
|||
onCreate(data?: NzSafeAny, preview?: boolean) { |
|||
let nzTitle = data ? '编辑任务' : '添加任务' |
|||
if (preview) { |
|||
nzTitle = '预览任务' |
|||
} |
|||
this.modal.create({ |
|||
nzTitle, |
|||
nzContent: PlanFormComponent, |
|||
nzWidth: '80vw', |
|||
nzWrapClassName: 'modal-lg', |
|||
nzData: { |
|||
value: data, |
|||
preview, |
|||
}, |
|||
nzOnOk: async (e) => { |
|||
const vals = e.getValues() |
|||
if (vals) { |
|||
const res = await lastValueFrom( |
|||
this.api.savePlan({ |
|||
...vals, |
|||
planType: this.type, |
|||
}), |
|||
) |
|||
this.msg.success(res.desc) |
|||
this.table.ref.reload() |
|||
return true |
|||
} |
|||
|
|||
return false |
|||
}, |
|||
}) |
|||
} |
|||
|
|||
deleteItem(item?: NzSafeAny) { |
|||
const ids = item ? [item.teamId] : Array.from(this.table.ref.selected) |
|||
this.modal.confirm({ |
|||
nzTitle: '警告', |
|||
nzContent: `是否要删除${ids.length}个任务？`, |
|||
nzOnOk: async () => { |
|||
const res = await lastValueFrom(this.api.deleteUserTeam(ids)) |
|||
this.msg.success(res.desc) |
|||
this.table.ref.reload() |
|||
}, |
|||
}) |
|||
} |
|||
} |
|||
@ -0,0 +1,11 @@ |
|||
@switch (status) { |
|||
@case (0) { |
|||
<nz-badge nzText="停用" nzStatus="default"></nz-badge> |
|||
} |
|||
@case (1) { |
|||
<nz-badge nzText="启用" nzStatus="success"></nz-badge> |
|||
} |
|||
@default { |
|||
{{ status }} |
|||
} |
|||
} |
|||
@ -0,0 +1,17 @@ |
|||
import { Component, Input } from '@angular/core' |
|||
import { NzBadgeModule } from 'ng-zorro-antd/badge' |
|||
|
|||
@Component({ |
|||
selector: 'app-status-tag', |
|||
standalone: true, |
|||
imports: [NzBadgeModule], |
|||
templateUrl: './status-tag.component.html', |
|||
styleUrl: './status-tag.component.less', |
|||
}) |
|||
export class StatusTagComponent { |
|||
constructor() {} |
|||
|
|||
@Input() status: number = 0 |
|||
|
|||
ngOnInit() {} |
|||
} |
|||
@ -0,0 +1,73 @@ |
|||
<app-page> |
|||
<ng-template #actionTpl> |
|||
<nz-space> |
|||
<button *nzSpaceItem nz-button nzType="primary" (click)="onCreate()"> |
|||
<span>新建流程</span> |
|||
</button> |
|||
</nz-space> |
|||
</ng-template> |
|||
<div class="flex-1 overflow-hidden"> |
|||
<app-server-paginated-table |
|||
[options]="table" |
|||
[formGroup]="queryForm" |
|||
[tableAction]="actionTpl" |
|||
[renderColumn]="renderColumnTpl" |
|||
> |
|||
<ng-template #renderColumnTpl let-data let-key="key" let-row="row"> |
|||
@switch (key) { |
|||
@case ('status') { |
|||
<nz-tag> |
|||
{{ ASSET_STATUS_MAP[data] }} |
|||
</nz-tag> |
|||
} |
|||
@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-container *appTableForm> |
|||
<app-query-item label="流程类型"> |
|||
<nz-select |
|||
nzPlaceHolder="请选择" |
|||
nzPlacement="bottomRight" |
|||
class="!w-24" |
|||
[nzDropdownMatchSelectWidth]="false" |
|||
formControlName="model" |
|||
nzAllowClear |
|||
> |
|||
<nz-option nzLabel="所有分类" nzValue=""></nz-option> |
|||
<nz-option *ngFor="let item of ASSET_TYPE" [nzLabel]="item.label" [nzValue]="item.value" /> |
|||
</nz-select> |
|||
</app-query-item> |
|||
<app-query-item label="流程状态"> |
|||
<input nz-input placeholder="请输入" formControlName="assetCode" /> |
|||
</app-query-item> |
|||
<app-query-item label="流程名称"> |
|||
<input nz-input placeholder="请输入" formControlName="model" /> |
|||
</app-query-item> |
|||
</ng-container> |
|||
</app-server-paginated-table> |
|||
</div> |
|||
</app-page> |
|||
@ -0,0 +1,194 @@ |
|||
import { Component, TemplateRef, ViewChild } from '@angular/core' |
|||
import { FormControl, FormGroup } from '@angular/forms' |
|||
|
|||
import { AnyObject, TableOption } from 'app/shared/components/server-paginated-table' |
|||
import { ApiService } from 'app/services' |
|||
import { SharedModule } from 'app/shared/shared.module' |
|||
import { format } from 'date-fns' |
|||
import { lastValueFrom, of } from 'rxjs' |
|||
import { AssetFormComponent, ManufacturerSelectComponent, PositionSelectComponent } from 'app/components' |
|||
import { NzModalRef, NzModalService } from 'ng-zorro-antd/modal' |
|||
import { NzMessageService } from 'ng-zorro-antd/message' |
|||
import { NzSafeAny } from 'ng-zorro-antd/core/types' |
|||
import { ASSET_SOURCE_MAP, ASSET_STATUS, ASSET_STATUS_MAP, ASSET_TYPE } from 'app/constants' |
|||
import { Utils } from 'app/utils' |
|||
|
|||
@Component({ |
|||
selector: 'app-asset-management', |
|||
standalone: true, |
|||
imports: [SharedModule, AssetFormComponent, PositionSelectComponent, ManufacturerSelectComponent], |
|||
templateUrl: './asset-management.component.html', |
|||
styleUrl: './asset-management.component.less', |
|||
}) |
|||
export class AssetManagementComponent { |
|||
constructor( |
|||
private api: ApiService, |
|||
private modal: NzModalService, |
|||
private msg: NzMessageService, |
|||
) {} |
|||
|
|||
queryForm = new FormGroup({ |
|||
name: new FormControl(), |
|||
model: new FormControl(), |
|||
status: new FormControl(), |
|||
assetCode: new FormControl(), |
|||
serialNumber: new FormControl(), |
|||
sourceId: new FormControl(), |
|||
positionId: new FormControl(), |
|||
manufacturersVendorId: new FormControl(), |
|||
}) |
|||
|
|||
ASSET_STATUS_MAP = ASSET_STATUS_MAP() |
|||
|
|||
ASSET_SOURCE_MAP = ASSET_SOURCE_MAP |
|||
|
|||
table = new TableOption(this.fetchData.bind(this)) |
|||
|
|||
copyNum = 1 |
|||
|
|||
ASSET_TYPE = ASSET_TYPE |
|||
|
|||
ngOnInit(): void { |
|||
this.table |
|||
.setConfig({ |
|||
selectable: true, |
|||
rowKey: 'assetId', |
|||
}) |
|||
.setColumn([ |
|||
{ key: 'assetCode', title: '业务编号', visible: true }, |
|||
{ key: 'name', title: '流程名称', visible: true }, |
|||
{ key: '_category', title: '流程类型', visible: true }, |
|||
{ key: 'status', title: '流程状态', visible: true }, |
|||
{ key: '_ownCompany', title: '紧急程度', visible: true }, |
|||
{ key: '_useOrganization', title: '发起人', visible: true }, |
|||
{ key: '_position', title: '创建时间', visible: true }, |
|||
{ key: '_position', title: '当前节点', visible: true }, |
|||
{ key: '_position', title: '备注', visible: true }, |
|||
]) |
|||
.setRowOperate([ |
|||
{ |
|||
title: '查看', |
|||
onClick: (v) => { |
|||
this.onCreate(v, true) |
|||
}, |
|||
}, |
|||
{ title: '修改', onClick: this.onCreate.bind(this) }, |
|||
{ title: '复制', onClick: this.onCopy.bind(this) }, |
|||
{ title: '二维码', onClick: this.qrcode.bind(this) }, |
|||
{ title: '删除', onClick: this.deleteItem.bind(this) }, |
|||
]) |
|||
} |
|||
|
|||
fetchData(p: {}, q: AnyObject) { |
|||
return this.api.getAssetManagerPage({ ...p, ...q }) |
|||
} |
|||
|
|||
onCopy(data: NzSafeAny) {} |
|||
|
|||
onCreate(data?: NzSafeAny, preview?: boolean) { |
|||
let nzTitle = data ? '编辑资产' : '添加资产' |
|||
if (preview) { |
|||
nzTitle = '预览资产' |
|||
} |
|||
this.modal.create({ |
|||
nzTitle, |
|||
nzContent: AssetFormComponent, |
|||
nzWidth: '80vw', |
|||
nzWrapClassName: 'modal-lg', |
|||
nzData: { |
|||
value: data, |
|||
preview, |
|||
}, |
|||
nzOnOk: async (e) => { |
|||
const vals = e.getValues() |
|||
if (vals) { |
|||
const res = await lastValueFrom(this.api.saveAsset(vals)) |
|||
this.msg.success(res.desc) |
|||
this.table.ref.reload() |
|||
return true |
|||
} |
|||
|
|||
return false |
|||
}, |
|||
}) |
|||
} |
|||
|
|||
deleteItem(item?: NzSafeAny) { |
|||
const ids = item ? [item.assetId] : Array.from(this.table.ref.selected) |
|||
this.modal.confirm({ |
|||
nzTitle: '警告', |
|||
nzContent: `是否要删除${ids.length}个资产？`, |
|||
nzOnOk: async () => { |
|||
const res = await lastValueFrom(this.api.deleteAsset(ids)) |
|||
this.msg.success(res.desc) |
|||
this.table.ref.reload() |
|||
}, |
|||
}) |
|||
} |
|||
|
|||
confirmAsset() { |
|||
const ids = Array.from(this.table.ref.selected).map((i) => Number(i)) |
|||
this.modal.confirm({ |
|||
nzTitle: '警告', |
|||
nzContent: `是否对选择的${ids.length}个资产进行确认？`, |
|||
nzOnOk: async () => { |
|||
const res = await lastValueFrom(this.api.confirmAsset(ids)) |
|||
this.msg.success(res.desc) |
|||
this.table.ref.reload() |
|||
}, |
|||
}) |
|||
} |
|||
|
|||
qrcode(d: NzSafeAny) { |
|||
this.msg.loading('二维码生成中...') |
|||
this.api.assetQrcode(d.assetId).subscribe((res) => { |
|||
Utils.downLoadFile(res, 'application/pdf') |
|||
this.msg.remove() |
|||
this.msg.success('二维码生成成功') |
|||
}) |
|||
} |
|||
|
|||
downloadTemplate() { |
|||
this.msg.loading('模板下载中...') |
|||
this.api.downloadAssetTemplate().subscribe((res) => { |
|||
Utils.downLoadFile(res, 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8') |
|||
this.msg.remove() |
|||
this.msg.success('模板下载成功') |
|||
}) |
|||
} |
|||
|
|||
importModalRef?: NzModalRef |
|||
importExcel(nzContent: TemplateRef<{}>) { |
|||
this.importModalRef = this.modal.create({ |
|||
nzTitle: '资产数据导入', |
|||
nzContent, |
|||
nzWidth: 800, |
|||
nzFooter: null, |
|||
}) |
|||
} |
|||
|
|||
onFileChange(e: Event) { |
|||
const target = e.target as HTMLInputElement |
|||
const file = target.files![0] |
|||
target.value = '' |
|||
const formdata = new FormData() |
|||
formdata.append('file', file) |
|||
this.api.uploadAsset(formdata).subscribe((res) => { |
|||
this.importModalRef?.close() |
|||
this.msg.success(res.desc) |
|||
this.table.ref.reload() |
|||
}) |
|||
} |
|||
exportExcel() { |
|||
const ids = Array.from(this.table.ref.selected).map((i) => Number(i)) |
|||
if (ids.length === 0) { |
|||
return |
|||
} |
|||
this.msg.loading('Excel生成中...') |
|||
this.api.exportAsset(ids).subscribe((res) => { |
|||
Utils.downLoadFile(res, 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8') |
|||
this.msg.remove() |
|||
this.msg.success('Excel生成成功') |
|||
}) |
|||
} |
|||
} |
|||
@ -0,0 +1,59 @@ |
|||
<app-page> |
|||
<ng-template #actionTpl> |
|||
<nz-space> |
|||
<button *nzSpaceItem nz-button nzType="primary" (click)="onCreate()"> |
|||
<span>创建班组</span> |
|||
</button> |
|||
</nz-space> |
|||
</ng-template> |
|||
<div class="flex-1 overflow-hidden"> |
|||
<app-server-paginated-table |
|||
[options]="table" |
|||
[formGroup]="queryForm" |
|||
[tableAction]="actionTpl" |
|||
[renderColumn]="renderColumnTpl" |
|||
> |
|||
<ng-template #renderColumnTpl let-data let-key="key" let-row="row"> |
|||
@switch (key) { |
|||
@case ('status') { |
|||
<app-status-tag [status]="data" /> |
|||
} |
|||
@case ('_value') { |
|||
{{ data?.length ?? 0 }} |
|||
} |
|||
|
|||
@default { |
|||
{{ data }} |
|||
} |
|||
} |
|||
</ng-template> |
|||
|
|||
<ng-container *appTableForm> |
|||
<!-- <app-query-item label="班组类型"> |
|||
<nz-select nzShowSearch nzPlaceHolder="请选择"> |
|||
<nz-option nzValue="" 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> --> |
|||
<app-query-item label="班组名称"> |
|||
<input nz-input placeholder="请输入" formControlName="teamName" /> |
|||
</app-query-item> |
|||
<!-- <app-query-item label="状态"> |
|||
<nz-select nzShowSearch nzPlaceHolder="请选择" formControlName="status"> |
|||
<nz-option [nzValue]="0" nzLabel="停用"></nz-option> |
|||
<nz-option [nzValue]="1" nzLabel="启用"></nz-option> |
|||
</nz-select> |
|||
</app-query-item> --> |
|||
<!-- <app-query-item label="巡检班组"> |
|||
<nz-select nzShowSearch nzPlaceHolder="请选择"> |
|||
<nz-option nzValue="">所有类型</nz-option> |
|||
<nz-option nzValue="1">物品领用</nz-option> |
|||
<nz-option nzValue="2">设备保修</nz-option> |
|||
</nz-select> |
|||
</app-query-item> --> |
|||
</ng-container> |
|||
</app-server-paginated-table> |
|||
</div> |
|||
</app-page> |
|||
@ -0,0 +1,125 @@ |
|||
import { Component, TemplateRef, ViewChild } from '@angular/core' |
|||
import { FormControl, FormGroup } from '@angular/forms' |
|||
|
|||
import { AnyObject, TableOption } from 'app/shared/components/server-paginated-table' |
|||
import { ApiService } from 'app/services' |
|||
import { SharedModule } from 'app/shared/shared.module' |
|||
import { format } from 'date-fns' |
|||
import { lastValueFrom, of } from 'rxjs' |
|||
import { |
|||
AssetFormComponent, |
|||
ManufacturerSelectComponent, |
|||
PositionSelectComponent, |
|||
StatusTagComponent, |
|||
} from 'app/components' |
|||
import { NzModalRef, NzModalService } from 'ng-zorro-antd/modal' |
|||
import { NzMessageService } from 'ng-zorro-antd/message' |
|||
import { NzSafeAny } from 'ng-zorro-antd/core/types' |
|||
import { ASSET_SOURCE_MAP, ASSET_STATUS, ASSET_STATUS_MAP, ASSET_TYPE } from 'app/constants' |
|||
import { Utils } from 'app/utils' |
|||
import { AssetBasicTeamFormComponent } from 'app/components/asset-basic-team-form/asset-basic-team-form.component' |
|||
|
|||
@Component({ |
|||
selector: 'app-asset-management', |
|||
standalone: true, |
|||
imports: [ |
|||
SharedModule, |
|||
AssetFormComponent, |
|||
PositionSelectComponent, |
|||
ManufacturerSelectComponent, |
|||
StatusTagComponent, |
|||
], |
|||
templateUrl: './asset-user-group.component.html', |
|||
styleUrl: './asset-user-group.component.less', |
|||
}) |
|||
export class AssetUserGroupComponent { |
|||
constructor( |
|||
private api: ApiService, |
|||
private modal: NzModalService, |
|||
private msg: NzMessageService, |
|||
) {} |
|||
|
|||
queryForm = new FormGroup({ |
|||
teamName: new FormControl(), |
|||
|
|||
// status: new FormControl(),
|
|||
}) |
|||
|
|||
table = new TableOption(this.fetchData.bind(this)) |
|||
|
|||
copyNum = 1 |
|||
|
|||
ASSET_TYPE = ASSET_TYPE |
|||
|
|||
ngOnInit(): void { |
|||
this.table |
|||
|
|||
.setColumn([ |
|||
{ key: 'teamKey', title: '班组编号', visible: true }, |
|||
{ key: 'teamName', title: '班组名称', visible: true }, |
|||
{ key: 'status', title: '班组状态', visible: true }, |
|||
|
|||
{ key: 'createUser', title: '创建人', visible: true }, |
|||
{ key: 'createTime', title: '创建时间', visible: true }, |
|||
{ key: '_value', title: '成员数', visible: true }, |
|||
{ key: 'remark', title: '备注', visible: true }, |
|||
]) |
|||
.setRowOperate([ |
|||
{ |
|||
title: '查看', |
|||
onClick: (v) => { |
|||
this.onCreate(v, true) |
|||
}, |
|||
}, |
|||
{ title: '修改', onClick: this.onCreate.bind(this) }, |
|||
|
|||
{ title: '删除', onClick: this.deleteItem.bind(this) }, |
|||
]) |
|||
} |
|||
|
|||
fetchData(p: {}, q: AnyObject) { |
|||
return this.api.getAssetTeamPage({ ...p, ...q }) |
|||
} |
|||
|
|||
onCopy(data: NzSafeAny) {} |
|||
|
|||
onCreate(data?: NzSafeAny, preview?: boolean) { |
|||
let nzTitle = data ? '编辑班组' : '添加班组' |
|||
if (preview) { |
|||
nzTitle = '预览班组' |
|||
} |
|||
this.modal.create({ |
|||
nzTitle, |
|||
nzContent: AssetBasicTeamFormComponent, |
|||
nzWidth: '800px', |
|||
nzData: { |
|||
value: data, |
|||
preview, |
|||
}, |
|||
nzOnOk: async (e) => { |
|||
const vals = e.getValues() |
|||
if (vals) { |
|||
const res = await lastValueFrom(this.api.saveUserTeam(vals)) |
|||
this.msg.success(res.desc) |
|||
this.table.ref.reload() |
|||
return true |
|||
} |
|||
|
|||
return false |
|||
}, |
|||
}) |
|||
} |
|||
|
|||
deleteItem(item?: NzSafeAny) { |
|||
const ids = item ? [item.teamId] : Array.from(this.table.ref.selected) |
|||
this.modal.confirm({ |
|||
nzTitle: '警告', |
|||
nzContent: `是否要删除${ids.length}个班组？`, |
|||
nzOnOk: async () => { |
|||
const res = await lastValueFrom(this.api.deleteUserTeam(ids)) |
|||
this.msg.success(res.desc) |
|||
this.table.ref.reload() |
|||
}, |
|||
}) |
|||
} |
|||
} |
|||
@ -0,0 +1,219 @@ |
|||
<app-page> |
|||
<nz-card> |
|||
<nz-steps [nzCurrent]="step"> |
|||
<nz-step nzTitle="导入模板"></nz-step> |
|||
<nz-step nzTitle="检项明细"></nz-step> |
|||
<nz-step nzTitle="模板确认"></nz-step> |
|||
</nz-steps> |
|||
<div class="mt-6 p-4"> |
|||
<form [formGroup]="formGroup"> |
|||
@switch (step) { |
|||
@case (0) { |
|||
<ng-container *ngTemplateOutlet="step1"></ng-container> |
|||
} |
|||
@case (1) { |
|||
<ng-container *ngTemplateOutlet="step2"></ng-container> |
|||
} |
|||
@case (2) { |
|||
<ng-container *ngTemplateOutlet="step3"></ng-container> |
|||
} |
|||
} |
|||
|
|||
<nz-form-item class="mt-4"> |
|||
<nz-form-control nzSpan="14" nzOffset="5"> |
|||
<nz-space> |
|||
<button *nzSpaceItem nz-button nzType="primary" (click)="nextStep(this.step)"> |
|||
下一步 |
|||
</button> |
|||
<button *nzSpaceItem nz-button nzType="primary" nzDanger (click)="cancel(this.step)"> |
|||
取消 |
|||
</button> |
|||
</nz-space> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
|
|||
<ng-template #step1> |
|||
<nz-form-item> |
|||
<nz-form-label nzSpan="5" nzRequired>表单名称</nz-form-label> |
|||
<nz-form-control nzSpan="14" [nzErrorTip]="formErrorTpl"> |
|||
<input nz-input placeholder="请输入表单名称" formControlName="formName" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
<nz-form-item> |
|||
<nz-form-label nzSpan="5" [nzRequired]="true">表单编号</nz-form-label> |
|||
<nz-form-control nzSpan="14" [nzErrorTip]="formErrorTpl"> |
|||
<input nz-input placeholder="请输入表单编号" formControlName="formKey" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
<nz-form-item> |
|||
<nz-form-label nzSpan="5" [nzRequired]="true">选择模板</nz-form-label> |
|||
<nz-form-control nzSpan="14" [nzExtra]="tempalteTpl" [nzErrorTip]="formErrorTpl"> |
|||
<app-upload |
|||
[drag]="true" |
|||
formControlName="templatePath" |
|||
[uploadFn]="api.uploadFlowFormTpl" |
|||
(onUpload)="onTplupload($event)" |
|||
/> |
|||
</nz-form-control> |
|||
<ng-template #tempalteTpl> |
|||
<div class="mt-4"> |
|||
<a (click)="downloadTemplate()"> |
|||
<i nz-icon nzType="cloud-download" class="mb-2"></i> |
|||
点击下载模板示例 |
|||
</a> |
|||
</div> |
|||
</ng-template> |
|||
</nz-form-item> |
|||
</ng-template> |
|||
<ng-template #step2> |
|||
<div formArrayName="_formValue"> |
|||
<div> |
|||
<nz-table nzTemplateMode nzSize="small" [nzBordered]="true"> |
|||
<thead> |
|||
<tr> |
|||
<th>序号</th> |
|||
<th>标识符</th> |
|||
<th>检查内容</th> |
|||
<th>类型</th> |
|||
|
|||
<th>结果</th> |
|||
<th>备注</th> |
|||
<th>操作</th> |
|||
</tr> |
|||
</thead> |
|||
<tbody> |
|||
@for (item of formValue.controls; track $index) { |
|||
<tr [formGroupName]="$index"> |
|||
<td> |
|||
<nz-input-number |
|||
[nzStep]="1" |
|||
placeholder="请输入" |
|||
formControlName="sort" |
|||
/> |
|||
</td> |
|||
<td> |
|||
<input nz-input placeholder="请输入" formControlName="key" /> |
|||
</td> |
|||
<td> |
|||
<input nz-input placeholder="请输入" formControlName="name" /> |
|||
</td> |
|||
<td> |
|||
<nz-select nzPlaceHolder="请选择" formControlName="type"> |
|||
@for (item of FLOW_FORM_TYPES; track $index) { |
|||
<nz-option [nzLabel]="item.label" [nzValue]="item.value" /> |
|||
} |
|||
</nz-select> |
|||
</td> |
|||
<td> |
|||
@switch (formValue.controls.at($index)?.get('type')?.value) { |
|||
@case ('DATE') { |
|||
<nz-date-picker |
|||
class="!w-full" |
|||
placeholder="请输入" |
|||
formControlName="value" |
|||
/> |
|||
} |
|||
@case ('RADIO') { |
|||
<ng-container *ngIf="getRadioFields($index) as fields"> |
|||
<nz-radio-group formControlName="value" class="radio"> |
|||
<div formArrayName="fields"> |
|||
<div |
|||
class="flex items-center" |
|||
*ngFor="let f of fields; let i = index" |
|||
> |
|||
<label |
|||
class="!flex" |
|||
nz-radio |
|||
[nzValue]="f.value" |
|||
> |
|||
</label> |
|||
<input |
|||
class="flex-1" |
|||
nz-input |
|||
nzSize="small" |
|||
[formControlName]="i" |
|||
/> |
|||
<button |
|||
nz-button |
|||
nzType="text" |
|||
nzSize="small" |
|||
class="ml-2" |
|||
nzDanger |
|||
(click)="removeRadioItem($index, i)" |
|||
> |
|||
<i nz-icon nzType="delete"></i> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</nz-radio-group> |
|||
</ng-container> |
|||
<div class="mt-2"> |
|||
<button |
|||
nz-button |
|||
nzSize="small" |
|||
(click)="addRadioItem($index)" |
|||
> |
|||
<span nz-icon nzType="plus" nzTheme="outline"></span> |
|||
新增选项 |
|||
</button> |
|||
</div> |
|||
} |
|||
@case ('NUMBER') { |
|||
<nz-input-number |
|||
class="!w-full" |
|||
nz-input |
|||
placeholder="请输入" |
|||
formControlName="value" |
|||
/> |
|||
} |
|||
@default { |
|||
<input |
|||
class="w-full" |
|||
nz-input |
|||
placeholder="请输入" |
|||
formControlName="value" |
|||
/> |
|||
} |
|||
} |
|||
</td> |
|||
<td> |
|||
<input nz-input placeholder="请输入" formControlName="remark" /> |
|||
</td> |
|||
<td> |
|||
<button |
|||
nz-button |
|||
nzShape="circle" |
|||
nzType="primary" |
|||
nzDanger="" |
|||
(click)="removeFormItem($index)" |
|||
> |
|||
<span nz-icon nzType="delete" nzTheme="outline"></span> |
|||
</button> |
|||
</td> |
|||
</tr> |
|||
} |
|||
|
|||
<tr> |
|||
<td colspan="6" class="text-right"></td> |
|||
<td> |
|||
<button nz-button nzType="primary" nzShape="circle" (click)="addFormItem()"> |
|||
<span nz-icon nzType="plus" nzTheme="outline"></span> |
|||
</button> |
|||
</td> |
|||
</tr> |
|||
</tbody> |
|||
</nz-table> |
|||
</div> |
|||
</div> |
|||
</ng-template> |
|||
<ng-template #step3> 33 </ng-template> |
|||
|
|||
<ng-template #radioTpl let-fields> </ng-template> |
|||
</form> |
|||
</div> |
|||
</nz-card> |
|||
</app-page> |
|||
|
|||
<ng-template #formErrorTpl let-control> |
|||
<form-error-tips [control]="control"></form-error-tips> |
|||
</ng-template> |
|||
@ -0,0 +1,8 @@ |
|||
.radio { |
|||
[nz-radio] { |
|||
display: block; |
|||
height: 32px; |
|||
line-height: 32px; |
|||
} |
|||
|
|||
} |
|||
@ -0,0 +1,198 @@ |
|||
import { Component, inject } from '@angular/core' |
|||
import { FormArray, FormBuilder, FormControl, FormGroup } from '@angular/forms' |
|||
import { ActivatedRoute, Router } from '@angular/router' |
|||
import { FLOW_FORM_TYPES } from 'app/constants' |
|||
import { ApiService } from 'app/services' |
|||
import { UploadComponent } from 'app/shared/components/upload/upload.component' |
|||
import { SharedModule } from 'app/shared/shared.module' |
|||
import { FormValidators, Utils } from 'app/utils' |
|||
import { NzSafeAny } from 'ng-zorro-antd/core/types' |
|||
import { NzMessageService } from 'ng-zorro-antd/message' |
|||
import { NzModalService } from 'ng-zorro-antd/modal' |
|||
import { lastValueFrom } from 'rxjs' |
|||
|
|||
@Component({ |
|||
selector: 'app-basic-flow-form-manage', |
|||
standalone: true, |
|||
imports: [SharedModule, UploadComponent], |
|||
templateUrl: './basic-flow-form-manage.component.html', |
|||
styleUrl: './basic-flow-form-manage.component.less', |
|||
}) |
|||
export class BasicFlowFormManageComponent { |
|||
constructor(public api: ApiService) {} |
|||
|
|||
step = 0 |
|||
|
|||
formJsonData = [] |
|||
|
|||
FLOW_FORM_TYPES = FLOW_FORM_TYPES |
|||
|
|||
formGroup = new FormGroup({ |
|||
formKey: new FormControl('', [FormValidators.required()]), |
|||
formName: new FormControl('', [FormValidators.required()]), |
|||
templatePath: new FormControl('', []), |
|||
_formValue: new FormArray([]), |
|||
}) |
|||
|
|||
msg = inject(NzMessageService) |
|||
|
|||
router = inject(Router) |
|||
|
|||
modal = inject(NzModalService) |
|||
|
|||
route = inject(ActivatedRoute) |
|||
|
|||
get formValue(): FormArray { |
|||
return this.formGroup.get('_formValue') as FormArray |
|||
} |
|||
|
|||
id: string | null = null |
|||
ngOnInit() { |
|||
const id = this.route.snapshot.paramMap.get('id') |
|||
if (id && id !== 'create') { |
|||
this.id = id |
|||
this.api.getFlowFormDetail(id).subscribe((res) => { |
|||
Object.entries(res.body).forEach(([k, v]) => { |
|||
if (k === '_formValue') { |
|||
this.patchFormValue(res.body[k] ?? []) |
|||
} else { |
|||
this.formGroup.get(k)?.setValue(v) |
|||
} |
|||
}) |
|||
console.log('this.formGroup', this.formGroup) |
|||
}) |
|||
} |
|||
} |
|||
|
|||
downloadTemplate() { |
|||
this.msg.loading('模板下载中...') |
|||
this.api.getFlowFormsTpl().subscribe((res) => { |
|||
Utils.downLoadFile(res, 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8') |
|||
this.msg.remove() |
|||
this.msg.success('模板下载成功') |
|||
}) |
|||
} |
|||
|
|||
fb = inject(FormBuilder) |
|||
onTplupload(e: NzSafeAny[]) { |
|||
this.patchFormValue(e) |
|||
} |
|||
|
|||
patchFormValue(e: NzSafeAny[]) { |
|||
this.formValue.clear() |
|||
e.forEach((v) => { |
|||
let value = v.value |
|||
const fieldsArrays = this.fb.array([]) |
|||
if (v.type === 'RADIO') { |
|||
let val = Object.create(null) |
|||
try { |
|||
val = typeof v.value === 'string' ? JSON.parse(v.value) : v.value |
|||
} catch (error) {} |
|||
val?.fields?.forEach((i: string) => { |
|||
fieldsArrays.push(this.fb.control(i)) |
|||
}) |
|||
value = val?.value |
|||
} |
|||
this.formValue.push( |
|||
new FormGroup({ |
|||
key: new FormControl(v.key, []), |
|||
value: new FormControl(value, []), |
|||
name: new FormControl(v.name, []), |
|||
type: new FormControl(v.type, []), |
|||
remark: new FormControl(v.remark, []), |
|||
sort: new FormControl(v.sort ?? 0, []), |
|||
fields: fieldsArrays, |
|||
}), |
|||
) |
|||
}) |
|||
} |
|||
|
|||
nextStep(currentStep: number) { |
|||
if (currentStep === 0) { |
|||
if (!FormValidators.validateFormGroup(this.formGroup) || this.formValue.value.length === 0) { |
|||
this.msg.error('请完善表单信息') |
|||
return |
|||
} |
|||
} |
|||
if (currentStep === 2) { |
|||
this.handleSubmit() |
|||
} |
|||
this.step = currentStep + 1 |
|||
} |
|||
|
|||
handleSubmit() { |
|||
if (FormValidators.validateFormGroup(this.formGroup)) { |
|||
// if(this.formValue.value)
|
|||
this.modal.confirm({ |
|||
nzTitle: '提交表单', |
|||
nzContent: '确定提交表单？', |
|||
nzOnOk: async () => { |
|||
const vals = this.formGroup.value |
|||
const res = await lastValueFrom( |
|||
this.id |
|||
? this.api.updateFlowForm({ |
|||
...vals, |
|||
id: this.id, |
|||
formTempId: this.id, |
|||
}) |
|||
: this.api.addFlowForm(vals), |
|||
) |
|||
this.msg.success(res.desc) |
|||
this.router.navigate(['/fixed-asset/basic/flow-form/list']) |
|||
}, |
|||
}) |
|||
} |
|||
} |
|||
|
|||
getRadioFieldsFormArray(index: number): FormArray { |
|||
return this.formValue.at(index).get('fields') as FormArray |
|||
} |
|||
getRadioFields(index: number): any[] { |
|||
return this.getRadioFieldsFormArray(index).controls |
|||
} |
|||
cancel(currentStep: number) { |
|||
if (currentStep === 0) { |
|||
this.router.navigate(['/fixed-asset/basic/flow-form/list']) |
|||
return |
|||
} |
|||
this.step = currentStep - 1 |
|||
} |
|||
|
|||
addRadioItem(idx: number) { |
|||
this.getRadioFieldsFormArray(idx).push(new FormControl()) |
|||
} |
|||
addFormItem() { |
|||
this.formValue.push( |
|||
new FormGroup({ |
|||
key: new FormControl(null, []), |
|||
value: new FormControl(null, []), |
|||
name: new FormControl(null, []), |
|||
type: new FormControl(null, []), |
|||
remark: new FormControl(null, []), |
|||
sort: new FormControl(null, []), |
|||
fields: this.fb.array([]), |
|||
}), |
|||
) |
|||
} |
|||
|
|||
addFormValue() { |
|||
this.formValue.push( |
|||
new FormGroup({ |
|||
key: new FormControl(), |
|||
value: new FormControl(), |
|||
name: new FormControl(), |
|||
type: new FormControl(), |
|||
remark: new FormControl(), |
|||
sort: new FormControl(0), |
|||
}), |
|||
) |
|||
} |
|||
|
|||
removeFormItem(idx: number) { |
|||
this.formValue.removeAt(idx) |
|||
} |
|||
|
|||
removeRadioItem(idx: number, idx2: number) { |
|||
this.getRadioFieldsFormArray(idx).removeAt(idx2) |
|||
} |
|||
} |
|||
@ -0,0 +1,71 @@ |
|||
<app-page> |
|||
<ng-template #actionsTpl> |
|||
<nz-space> |
|||
<button |
|||
*nzSpaceItem |
|||
nzType="primary" |
|||
nz-button |
|||
[routerLink]="['/fixed-asset/basic/flow-form/manage/create']" |
|||
> |
|||
新建 |
|||
</button> |
|||
<button *nzSpaceItem nzType="primary" nz-button [routerLink]="['/fixed-asset/basic/flow-form/import']"> |
|||
导入 |
|||
</button> |
|||
</nz-space> |
|||
</ng-template> |
|||
<div class="flex-1 overflow-hidden"> |
|||
<app-server-paginated-table |
|||
[options]="table" |
|||
[tableAction]="actionsTpl" |
|||
[renderColumn]="renderColumnTpl" |
|||
[formGroup]="queryForm" |
|||
> |
|||
<ng-container *appTableForm> |
|||
<app-query-item label="表单状态"> |
|||
<nz-select nzPlaceHolder="请选择" class="w-40"> |
|||
<nz-option nzValue="1" nzLabel="所有表单"></nz-option> |
|||
<nz-option nzValue="2" nzLabel="默认巡检表单"></nz-option> |
|||
<nz-option nzValue="3" nzLabel="默认保养表单"></nz-option> |
|||
<nz-option nzValue="4" nzLabel="默认盘点表单"></nz-option> |
|||
</nz-select> |
|||
</app-query-item> |
|||
<app-query-item label="表单名称"> |
|||
<input nz-input placeholder="请输入" class="w-60" formControlName="name" /> |
|||
</app-query-item> |
|||
<app-query-item label="巡检班组"> |
|||
<nz-select nzPlaceHolder="请选择" class="w-40"> |
|||
<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> |
|||
<ng-template #renderColumnTpl let-data let-key="key" let-row="row"> |
|||
@switch (key) { |
|||
@case ('formStatus') { |
|||
<app-status-tag [status]="data" /> |
|||
} |
|||
@default { |
|||
{{ data }} |
|||
} |
|||
} |
|||
</ng-template> |
|||
</app-server-paginated-table> |
|||
</div> |
|||
</app-page> |
|||
|
|||
<ng-template #createFormTpl> |
|||
<form nz-form [formGroup]="createForm"> |
|||
<nz-form-item> |
|||
<nz-form-label [nzSpan]="6" [nzRequired]="true">审批人</nz-form-label> |
|||
<nz-form-control [nzSpan]="12" [nzErrorTip]="errorTpl"> |
|||
<app-select-user-by-org formControlName="userId" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</form> |
|||
</ng-template> |
|||
|
|||
<ng-template #errorTpl let-control> |
|||
<form-error-tips [control]="control"></form-error-tips> |
|||
</ng-template> |
|||
@ -0,0 +1,117 @@ |
|||
import { Component, inject, TemplateRef, ViewChild } from '@angular/core' |
|||
import { FormControl, FormGroup } from '@angular/forms' |
|||
import { Router } from '@angular/router' |
|||
import { StatusTagComponent } from 'app/components' |
|||
import { ApiService } from 'app/services' |
|||
import { AnyObject, TableOption } from 'app/shared/components/server-paginated-table' |
|||
import { SharedModule } from 'app/shared/shared.module' |
|||
import { FormValidators } from 'app/utils' |
|||
import { NzSafeAny } from 'ng-zorro-antd/core/types' |
|||
import { NzMessageService } from 'ng-zorro-antd/message' |
|||
import { NzModalService } from 'ng-zorro-antd/modal' |
|||
import { lastValueFrom, map } from 'rxjs' |
|||
|
|||
@Component({ |
|||
selector: 'app-basic-flow-form', |
|||
standalone: true, |
|||
imports: [SharedModule, StatusTagComponent], |
|||
templateUrl: './basic-flow-form.component.html', |
|||
styleUrl: './basic-flow-form.component.less', |
|||
}) |
|||
export class BasicFlowFormComponent { |
|||
constructor( |
|||
private api: ApiService, |
|||
private modal: NzModalService, |
|||
private msg: NzMessageService, |
|||
) {} |
|||
|
|||
@ViewChild('createFormTpl') createFormTpl!: TemplateRef<{}> |
|||
|
|||
queryForm = new FormGroup({ |
|||
name: new FormControl(null), |
|||
}) |
|||
|
|||
createForm = new FormGroup({ |
|||
formId: new FormControl(''), |
|||
userId: new FormControl<NzSafeAny[]>([], [FormValidators.required('请选择')]), |
|||
}) |
|||
|
|||
table = new TableOption(this.fetchData.bind(this)) |
|||
|
|||
ngOnInit(): void { |
|||
this.table |
|||
// .setConfig({
|
|||
// selectable: true,
|
|||
// rowKey: 'id',
|
|||
// })
|
|||
.setColumn([ |
|||
{ key: 'formKey', title: '表单编号', visible: true }, |
|||
{ key: 'formName', title: '表单名称', visible: true }, |
|||
{ key: 'formStatus', title: '表单状态', visible: true }, |
|||
{ key: 'createUserName', title: '创建人', visible: true }, |
|||
{ key: 'createTime', title: '创建时间', visible: true }, |
|||
{ key: 'updateTime', title: '最后修改时间', visible: true }, |
|||
{ key: 'count', title: '项目数量', visible: true }, |
|||
]) |
|||
.setRowOperate([ |
|||
{ title: '编辑', onClick: this.onEdit.bind(this) }, |
|||
{ title: '删除', onClick: this.onDelete.bind(this) }, |
|||
{ title: '停用', onClick: this.onSetApprover.bind(this) }, |
|||
{ title: '预览', onClick: this.onSetApprover.bind(this) }, |
|||
]) |
|||
} |
|||
|
|||
router = inject(Router) |
|||
|
|||
onEdit(v: NzSafeAny) { |
|||
this.router.navigate(['/fixed-asset/basic/flow-form/manage/', v.formKey]) |
|||
} |
|||
|
|||
onDelete(data: NzSafeAny) { |
|||
this.modal.confirm({ |
|||
nzTitle: '警告', |
|||
nzContent: '是否要删除该流程表单？', |
|||
nzOnOk: async () => { |
|||
const res = await lastValueFrom(this.api.deleteFlowForm([data.formTempId])) |
|||
this.table.ref.reload() |
|||
this.msg.success(res.desc) |
|||
}, |
|||
}) |
|||
} |
|||
|
|||
fetchData(p: {}, q: AnyObject) { |
|||
return this.api.getFlowFormsList({ ...p, ...q }).pipe() |
|||
} |
|||
|
|||
onSetApprover(data?: NzSafeAny) { |
|||
if (data) { |
|||
this.createForm.patchValue({ |
|||
formId: data.formId, |
|||
userId: data._assignee.userId ? [data._assignee.userId] : [], |
|||
}) |
|||
} |
|||
this.modal.create({ |
|||
nzTitle: '设置审批人', |
|||
nzContent: this.createFormTpl, |
|||
nzOnOk: async () => { |
|||
if (FormValidators.validateFormGroup(this.createForm)) { |
|||
const vals = this.createForm.value |
|||
const res = await lastValueFrom( |
|||
this.api.setFlowFormsAssignee({ |
|||
...vals, |
|||
userId: vals.userId?.[0], |
|||
}), |
|||
) |
|||
this.msg.success(res.desc) |
|||
this.table.ref.reload() |
|||
this.createForm.reset() |
|||
return true |
|||
} |
|||
return false |
|||
}, |
|||
nzOnCancel: () => { |
|||
this.createForm.reset() |
|||
}, |
|||
}) |
|||
} |
|||
} |
|||
@ -0,0 +1,106 @@ |
|||
<app-page> |
|||
<ng-template #actionTpl> |
|||
<nz-space> |
|||
<button |
|||
*nzSpaceItem |
|||
nz-button |
|||
nzType="primary" |
|||
[disabled]="table.ref.selected.size === 0" |
|||
(click)="batchOnOff(1)" |
|||
> |
|||
批量开机 |
|||
</button> |
|||
<button |
|||
*nzSpaceItem |
|||
nz-button |
|||
nzType="primary" |
|||
[disabled]="table.ref.selected.size === 0" |
|||
(click)="batchOnOff(0)" |
|||
nzDanger |
|||
> |
|||
批量关机 |
|||
</button> |
|||
</nz-space> |
|||
</ng-template> |
|||
<div class="flex-1 overflow-hidden"> |
|||
<app-server-paginated-table |
|||
[options]="table" |
|||
[tableAction]="actionTpl" |
|||
[formGroup]="queryForm" |
|||
[renderColumn]="renderColumnTpl" |
|||
> |
|||
<ng-template #renderColumnTpl let-data let-key="key" let-row="row"> |
|||
@switch (key) { |
|||
@case ('_category') { |
|||
{{ data?.categoryName }} |
|||
} |
|||
@case ('_ownCompany') { |
|||
{{ data?.organizationName }} |
|||
} |
|||
@case ('status') { |
|||
<nz-tag> |
|||
{{ ASSET_STATUS_MAP[data] }} |
|||
</nz-tag> |
|||
} |
|||
@case ('_useOrganization') { |
|||
{{ data?.organizationName }} |
|||
} |
|||
@case ('_position') { |
|||
{{ data?.name }} |
|||
} |
|||
@case ('deviceStatus') { |
|||
<ng-container *ngIf="data === 'ON'"> |
|||
<nz-tag nzColor="green">运行中</nz-tag> |
|||
</ng-container> |
|||
<ng-container *ngIf="data === 'OFF'"> |
|||
<nz-tag nzColor="red">已关机</nz-tag> |
|||
</ng-container> |
|||
} |
|||
@default { |
|||
{{ data }} |
|||
} |
|||
} |
|||
</ng-template> |
|||
|
|||
<ng-container *appTableForm> |
|||
<app-query-item label="业务分类"> |
|||
<nz-select |
|||
nzPlaceHolder="请选择" |
|||
nzPlacement="bottomRight" |
|||
class="!w-24" |
|||
[nzDropdownMatchSelectWidth]="false" |
|||
formControlName="model" |
|||
nzAllowClear |
|||
> |
|||
<nz-option nzLabel="所有分类" nzValue=""></nz-option> |
|||
<nz-option *ngFor="let item of ASSET_TYPE" [nzLabel]="item.label" [nzValue]="item.value" /> |
|||
</nz-select> |
|||
</app-query-item> |
|||
|
|||
<app-query-item label="资产状态"> |
|||
<nz-select |
|||
nzPlacement="bottomRight" |
|||
class="!w-24" |
|||
[nzDropdownMatchSelectWidth]="false" |
|||
formControlName="status" |
|||
nzPlaceHolder="请选择" |
|||
nzAllowClear |
|||
> |
|||
@for (item of ASSET_STATUS_MAP | keyvalue; track $index) { |
|||
<nz-option [nzLabel]="item.value" [nzValue]="item.key"></nz-option> |
|||
} |
|||
</nz-select> |
|||
</app-query-item> |
|||
<app-query-item label="设备名称"> |
|||
<input nz-input placeholder="请输入" formControlName="name" /> |
|||
</app-query-item> |
|||
<app-query-item label="设备编号"> |
|||
<input nz-input placeholder="请输入" formControlName="assetCode" /> |
|||
</app-query-item> |
|||
<app-query-item label="位置信息"> |
|||
<app-position-select formControlName="positionId" /> |
|||
</app-query-item> |
|||
</ng-container> |
|||
</app-server-paginated-table> |
|||
</div> |
|||
</app-page> |
|||
@ -0,0 +1,105 @@ |
|||
import { Component, TemplateRef, ViewChild } from '@angular/core' |
|||
import { FormControl, FormGroup } from '@angular/forms' |
|||
|
|||
import { AnyObject, TableOption } from 'app/shared/components/server-paginated-table' |
|||
import { ApiService } from 'app/services' |
|||
import { SharedModule } from 'app/shared/shared.module' |
|||
import { format } from 'date-fns' |
|||
import { lastValueFrom, of } from 'rxjs' |
|||
import { NzSafeAny } from 'ng-zorro-antd/core/types' |
|||
import { NzModalService } from 'ng-zorro-antd/modal' |
|||
import { NzMessageService } from 'ng-zorro-antd/message' |
|||
import { ASSET_STATUS_MAP, ASSET_TYPE } from 'app/constants' |
|||
import { PositionSelectComponent } from 'app/components' |
|||
|
|||
@Component({ |
|||
selector: 'app-maintain-on-off', |
|||
standalone: true, |
|||
imports: [SharedModule, PositionSelectComponent], |
|||
templateUrl: './maintain-on-off.component.html', |
|||
styleUrl: './maintain-on-off.component.less', |
|||
}) |
|||
export class MaintainOnOffComponent { |
|||
constructor( |
|||
private api: ApiService, |
|||
private modal: NzModalService, |
|||
private msg: NzMessageService, |
|||
) {} |
|||
|
|||
queryForm = new FormGroup({ |
|||
model: new FormControl(), |
|||
name: new FormControl(), |
|||
status: new FormControl(), |
|||
assetCode: new FormControl(), |
|||
positionId: new FormControl(), |
|||
}) |
|||
|
|||
table = new TableOption(this.fetchData.bind(this)) |
|||
|
|||
ASSET_STATUS_MAP = ASSET_STATUS_MAP() |
|||
|
|||
ASSET_TYPE = ASSET_TYPE |
|||
ngOnInit(): void { |
|||
this.table |
|||
.setConfig({ |
|||
selectable: true, |
|||
rowKey: 'assetId', |
|||
}) |
|||
.setColumn([ |
|||
{ key: 'serialNumber', title: '序号', visible: true }, |
|||
{ key: 'assetCode', title: '资产编号', visible: true }, |
|||
{ key: 'name', title: '资产名称', visible: true }, |
|||
{ key: '_category', title: '资产分类', visible: true }, |
|||
{ key: 'status', title: '资产状态', visible: true }, |
|||
{ key: '_ownCompany', title: '所属公司', visible: true }, |
|||
{ key: '_useOrganization', title: '使用组织', visible: true }, |
|||
{ key: '_position', title: '位置信息', visible: true }, |
|||
{ key: 'deviceStatus', title: '当前状态', visible: true }, |
|||
]) |
|||
.setRowOperate([ |
|||
// { title: '修改', onClick: this.onCreate.bind(this) },
|
|||
|
|||
{ |
|||
title: '开机', |
|||
visible(v) { |
|||
return v.deviceStatus === 'OFF' |
|||
}, |
|||
onClick: (v) => { |
|||
this.onOff([v.assetId], 1) |
|||
}, |
|||
}, |
|||
{ |
|||
title: '关机', |
|||
visible(v) { |
|||
return v.deviceStatus === 'ON' |
|||
}, |
|||
onClick: (v) => { |
|||
this.onOff([v.assetId], 0) |
|||
}, |
|||
}, |
|||
{ title: '记录', onClick: this.onOff.bind(this, [0]) }, |
|||
]) |
|||
} |
|||
|
|||
fetchData(p: {}, q: AnyObject) { |
|||
return this.api.getDeviceOnOffPage({ ...p, ...q }) |
|||
} |
|||
|
|||
onOff(ids: any[], type: number) { |
|||
console.log('type', ids, type) |
|||
const typeText = type === 1 ? '开机' : '关机' |
|||
this.modal.confirm({ |
|||
nzTitle: '警告', |
|||
nzContent: `是否要${typeText}${ids.length}个设备？`, |
|||
nzOnOk: async () => { |
|||
const res = await lastValueFrom(this.api.onOffDevice(ids, type)) |
|||
this.msg.success(res.desc) |
|||
this.table.ref.reload() |
|||
}, |
|||
}) |
|||
} |
|||
|
|||
batchOnOff(type: number) { |
|||
this.onOff(Array.from(this.table.ref.selected), type) |
|||
} |
|||
} |
|||
@ -0,0 +1,38 @@ |
|||
<app-page> |
|||
<ng-template #actionTpl> |
|||
<nz-space> |
|||
<button *nzSpaceItem nz-button nzType="primary" (click)="onCreate()"> |
|||
<span>新建</span> |
|||
</button> |
|||
</nz-space> |
|||
</ng-template> |
|||
<div class="flex-1 overflow-hidden"> |
|||
<app-server-paginated-table |
|||
[options]="table" |
|||
[tableAction]="actionTpl" |
|||
[formGroup]="queryForm" |
|||
[renderColumn]="renderColumnTpl" |
|||
> |
|||
<ng-template #renderColumnTpl let-data let-key="key" let-row="row"> |
|||
@switch (key) { |
|||
@default { |
|||
{{ data }} |
|||
} |
|||
} |
|||
</ng-template> |
|||
<ng-container *appTableAction> |
|||
<nz-space> |
|||
<button *nzSpaceItem nz-button nzType="link" nzDanger="">删除</button> |
|||
</nz-space> |
|||
</ng-container> |
|||
<ng-container *appTableForm> |
|||
<app-query-item label="业务名称"> |
|||
<input nz-input placeholder="请输入" formControlName="name" /> |
|||
</app-query-item> |
|||
<app-query-item label="业务编号"> |
|||
<input nz-input placeholder="请输入" formControlName="businessId" /> |
|||
</app-query-item> |
|||
</ng-container> |
|||
</app-server-paginated-table> |
|||
</div> |
|||
</app-page> |
|||
@ -0,0 +1,97 @@ |
|||
import { Component, TemplateRef, ViewChild } from '@angular/core' |
|||
import { FormControl, FormGroup } from '@angular/forms' |
|||
|
|||
import { AnyObject, TableOption } from 'app/shared/components/server-paginated-table' |
|||
import { ApiService } from 'app/services' |
|||
import { SharedModule } from 'app/shared/shared.module' |
|||
import { format } from 'date-fns' |
|||
import { lastValueFrom, of } from 'rxjs' |
|||
import { NzSafeAny } from 'ng-zorro-antd/core/types' |
|||
import { NzModalService } from 'ng-zorro-antd/modal' |
|||
import { NzMessageService } from 'ng-zorro-antd/message' |
|||
import { RepairFormComponent } from 'app/components' |
|||
import { MaintainRecordFormComponent } from 'app/components/maintain-record-form/maintain-record-form.component' |
|||
|
|||
@Component({ |
|||
selector: 'app-maintain-record', |
|||
standalone: true, |
|||
imports: [SharedModule], |
|||
templateUrl: './maintain-record.component.html', |
|||
styleUrl: './maintain-record.component.less', |
|||
}) |
|||
export class MaintainRecordComponent { |
|||
constructor( |
|||
private api: ApiService, |
|||
private modal: NzModalService, |
|||
private msg: NzMessageService, |
|||
) {} |
|||
|
|||
queryForm = new FormGroup({ |
|||
name: new FormControl(''), |
|||
businessId: new FormControl(''), |
|||
}) |
|||
|
|||
table = new TableOption(this.fetchData.bind(this)) |
|||
|
|||
ngOnInit(): void { |
|||
this.table |
|||
// .setConfig({
|
|||
// selectable: true,
|
|||
// rowKey: 'id',
|
|||
// })
|
|||
.setColumn([ |
|||
{ key: 'name', title: '业务名称', visible: true }, |
|||
{ key: 'businessId', title: '业务编号', visible: true }, |
|||
{ key: 'plannedDate', title: '计划完成时间', visible: true }, |
|||
|
|||
{ key: 'notes', title: '备注', visible: true }, |
|||
{ key: 'createTime', title: '创建时间', visible: true }, |
|||
]) |
|||
.setRowOperate([ |
|||
{ title: '修改', onClick: this.onCreate.bind(this) }, |
|||
|
|||
{ title: '删除', onClick: this.deleteItem.bind(this) }, |
|||
]) |
|||
} |
|||
|
|||
fetchData(p: {}, q: AnyObject) { |
|||
return this.api.getRepairPage({ ...p, ...q }) |
|||
} |
|||
|
|||
onCreate(data?: NzSafeAny, preview?: boolean) { |
|||
this.modal.create({ |
|||
nzTitle: data ? '编辑维修登记' : '添加维修登记', |
|||
nzContent: MaintainRecordFormComponent, |
|||
nzWidth: '80vw', |
|||
nzWrapClassName: 'modal-lg', |
|||
nzData: { |
|||
value: data, |
|||
preview, |
|||
}, |
|||
nzOnOk: async (e) => { |
|||
const vals = e.getValues() |
|||
if (vals) { |
|||
const res = await lastValueFrom(this.api.saveRepair(vals)) |
|||
this.msg.success(res.desc) |
|||
this.table.ref.reload() |
|||
return true |
|||
} |
|||
|
|||
return false |
|||
}, |
|||
}) |
|||
} |
|||
|
|||
deleteItem(item?: NzSafeAny) { |
|||
const ids = [item.id] |
|||
this.modal.confirm({ |
|||
nzTitle: '警告', |
|||
nzContent: `是否要删除${ids.length}个维修登记？`, |
|||
nzOnOk: async () => { |
|||
const res = await lastValueFrom(this.api.deleteRepair(ids)) |
|||
this.msg.success(res.desc) |
|||
this.table.ref.reload() |
|||
}, |
|||
}) |
|||
} |
|||
} |
|||
@ -0,0 +1 @@ |
|||
<app-calendar-list type="inspection" /> |
|||
@ -0,0 +1,12 @@ |
|||
import { Component } from '@angular/core' |
|||
import { CalendarListComponent } from 'app/components/plan-task/calendar-list/calendar-list.component' |
|||
import { SharedModule } from 'app/shared/shared.module' |
|||
|
|||
@Component({ |
|||
selector: 'app-inspection-calendar', |
|||
standalone: true, |
|||
imports: [SharedModule, CalendarListComponent], |
|||
templateUrl: './inspection-calendar.component.html', |
|||
styleUrl: './inspection-calendar.component.less', |
|||
}) |
|||
export class InspectionCalendarComponent {} |
|||
@ -0,0 +1 @@ |
|||
<app-plan-list /> |
|||
@ -0,0 +1,13 @@ |
|||
import { Component } from '@angular/core' |
|||
import { PlanListComponent } from 'app/components/plan-task/plan-list/plan-list.component' |
|||
import { TaskListComponent } from 'app/components/plan-task/task-list/task-list.component' |
|||
import { SharedModule } from 'app/shared/shared.module' |
|||
|
|||
@Component({ |
|||
selector: 'app-inspection-plan', |
|||
standalone: true, |
|||
imports: [SharedModule, PlanListComponent], |
|||
templateUrl: './inspection-plan.component.html', |
|||
styleUrl: './inspection-plan.component.less', |
|||
}) |
|||
export class InspectionPlanComponent {} |
|||
@ -0,0 +1 @@ |
|||
<app-task-list type="inspection" /> |
|||
@ -0,0 +1,12 @@ |
|||
import { Component } from '@angular/core' |
|||
import { TaskListComponent } from 'app/components/plan-task/task-list/task-list.component' |
|||
import { SharedModule } from 'app/shared/shared.module' |
|||
|
|||
@Component({ |
|||
selector: 'app-inspection-task', |
|||
standalone: true, |
|||
imports: [SharedModule, TaskListComponent], |
|||
templateUrl: './inspection-task.component.html', |
|||
styleUrl: './inspection-task.component.less', |
|||
}) |
|||
export class InspectionTaskComponent {} |
|||
@ -0,0 +1 @@ |
|||
<p>maintenance-calendar works!</p> |
|||
@ -0,0 +1,12 @@ |
|||
import { Component } from '@angular/core'; |
|||
|
|||
@Component({ |
|||
selector: 'app-maintenance-calendar', |
|||
standalone: true, |
|||
imports: [], |
|||
templateUrl: './maintenance-calendar.component.html', |
|||
styleUrl: './maintenance-calendar.component.less' |
|||
}) |
|||
export class MaintenanceCalendarComponent { |
|||
|
|||
} |
|||
@ -0,0 +1 @@ |
|||
<p>maintenance-plan works!</p> |
|||
@ -0,0 +1,12 @@ |
|||
import { Component } from '@angular/core'; |
|||
|
|||
@Component({ |
|||
selector: 'app-maintenance-plan', |
|||
standalone: true, |
|||
imports: [], |
|||
templateUrl: './maintenance-plan.component.html', |
|||
styleUrl: './maintenance-plan.component.less' |
|||
}) |
|||
export class MaintenancePlanComponent { |
|||
|
|||
} |
|||
@ -0,0 +1 @@ |
|||
<p>maintenance-task works!</p> |
|||
@ -0,0 +1,12 @@ |
|||
import { Component } from '@angular/core'; |
|||
|
|||
@Component({ |
|||
selector: 'app-maintenance-task', |
|||
standalone: true, |
|||
imports: [], |
|||
templateUrl: './maintenance-task.component.html', |
|||
styleUrl: './maintenance-task.component.less' |
|||
}) |
|||
export class MaintenanceTaskComponent { |
|||
|
|||
} |
|||
@ -0,0 +1 @@ |
|||
<p>stocktaking-calendar works!</p> |
|||
@ -0,0 +1,12 @@ |
|||
import { Component } from '@angular/core'; |
|||
|
|||
@Component({ |
|||
selector: 'app-stocktaking-calendar', |
|||
standalone: true, |
|||
imports: [], |
|||
templateUrl: './stocktaking-calendar.component.html', |
|||
styleUrl: './stocktaking-calendar.component.less' |
|||
}) |
|||
export class StocktakingCalendarComponent { |
|||
|
|||
} |
|||
@ -0,0 +1 @@ |
|||
<p>stocktaking-plan works!</p> |
|||
@ -0,0 +1,12 @@ |
|||
import { Component } from '@angular/core'; |
|||
|
|||
@Component({ |
|||
selector: 'app-stocktaking-plan', |
|||
standalone: true, |
|||
imports: [], |
|||
templateUrl: './stocktaking-plan.component.html', |
|||
styleUrl: './stocktaking-plan.component.less' |
|||
}) |
|||
export class StocktakingPlanComponent { |
|||
|
|||
} |
|||
@ -0,0 +1 @@ |
|||
<p>stocktaking-task works!</p> |
|||
@ -0,0 +1,12 @@ |
|||
import { Component } from '@angular/core'; |
|||
|
|||
@Component({ |
|||
selector: 'app-stocktaking-task', |
|||
standalone: true, |
|||
imports: [], |
|||
templateUrl: './stocktaking-task.component.html', |
|||
styleUrl: './stocktaking-task.component.less' |
|||
}) |
|||
export class StocktakingTaskComponent { |
|||
|
|||
} |
|||
@ -0,0 +1,283 @@ |
|||
<app-page> |
|||
<ng-template #actionTpl> |
|||
<nz-space> |
|||
<button *nzSpaceItem nz-button nzType="primary" (click)="onCreate()"> |
|||
<span>登记资产</span> |
|||
</button> |
|||
<button *nzSpaceItem nzDanger nz-button [disabled]="table.ref.selected.size === 0" (click)="deleteItem()"> |
|||
<span>批量删除</span> |
|||
</button> |
|||
<!-- <button *nzSpaceItem nz-button [disabled]="table.ref.selected.size === 0" (click)="confirmAsset()"> |
|||
<span>资产确认</span> |
|||
</button> --> |
|||
<button *nzSpaceItem nz-button (click)="importExcel(importExcelTpl)"> |
|||
<span>批量导入</span> |
|||
</button> |
|||
<!-- <button *nzSpaceItem nz-button nz-dropdown [nzDropdownMenu]="export"> |
|||
<span>导入/导出</span> |
|||
<i nz-icon nzType="down"></i> |
|||
<nz-dropdown-menu #export="nzDropdownMenu"> |
|||
<ul nz-menu> |
|||
<li nz-menu-item (click)="importExcel(importExcelTpl)">导入Excel</li> |
|||
<li nz-menu-item [nzDisabled]="table.ref.selected.size === 0" (click)="exportExcel()"> |
|||
导出Excel |
|||
</li> |
|||
</ul> |
|||
</nz-dropdown-menu> |
|||
</button> --> |
|||
</nz-space> |
|||
</ng-template> |
|||
<div class="flex-1 overflow-hidden"> |
|||
<app-server-paginated-table |
|||
[options]="table" |
|||
[formGroup]="queryForm" |
|||
[tableAction]="actionTpl" |
|||
[renderColumn]="renderColumnTpl" |
|||
> |
|||
<ng-template #renderColumnTpl let-data let-key="key" let-row="row"> |
|||
@switch (key) { |
|||
@case ('status') { |
|||
<nz-tag> |
|||
{{ ASSET_STATUS_MAP[data] }} |
|||
</nz-tag> |
|||
} |
|||
@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-container *appTableAction> |
|||
<nz-space> |
|||
<button *nzSpaceItem nz-button nzType="link">资产确认</button> |
|||
<button *nzSpaceItem nz-button nzType="link" nzDanger="">删除</button> |
|||
</nz-space> |
|||
</ng-container> --> |
|||
<ng-container *appTableForm> |
|||
<app-query-item label="资产名称"> |
|||
<input nz-input placeholder="请输入" formControlName="name" /> |
|||
</app-query-item> |
|||
<app-query-item label="资产编号"> |
|||
<input nz-input placeholder="请输入" formControlName="assetCode" /> |
|||
</app-query-item> |
|||
<app-query-item label="规格型号"> |
|||
<input nz-input placeholder="请输入" formControlName="model" /> |
|||
</app-query-item> |
|||
<app-query-item label="序列号"> |
|||
<input nz-input placeholder="请输入" formControlName="serialNumber" /> |
|||
</app-query-item> |
|||
|
|||
<app-query-item label="资产状态"> |
|||
<nz-select |
|||
nzPlacement="bottomRight" |
|||
class="!w-24" |
|||
[nzDropdownMatchSelectWidth]="false" |
|||
formControlName="status" |
|||
> |
|||
@for (item of ASSET_STATUS_MAP | keyvalue; track $index) { |
|||
<nz-option [nzLabel]="item.value" [nzValue]="item.key"></nz-option> |
|||
} |
|||
</nz-select> |
|||
</app-query-item> |
|||
<app-query-item label="资产来源"> |
|||
<nz-select |
|||
nzPlacement="bottomRight" |
|||
class="!w-24" |
|||
[nzDropdownMatchSelectWidth]="false" |
|||
formControlName="sourceId" |
|||
> |
|||
@for (item of ASSET_SOURCE_MAP | keyvalue; track $index) { |
|||
<nz-option [nzLabel]="item.value" [nzValue]="item.key"></nz-option> |
|||
} |
|||
</nz-select> |
|||
</app-query-item> |
|||
|
|||
<app-query-item label="位置"> |
|||
<app-position-select formControlName="positionId" /> |
|||
</app-query-item> |
|||
<app-query-item label="生产厂商"> |
|||
<app-manufacturer-select class="block w-36" formControlName="manufacturersVendorId" /> |
|||
</app-query-item> |
|||
|
|||
<!-- <app-query-item label="设备标签"> |
|||
<input nz-input placeholder="请输入" formControlName="name" /> |
|||
</app-query-item> |
|||
<app-query-item label="设备IP"> |
|||
<input nz-input placeholder="请输入" formControlName="name" /> |
|||
</app-query-item> |
|||
<app-query-item label="管理IP"> |
|||
<input nz-input placeholder="请输入" formControlName="name" /> |
|||
</app-query-item> |
|||
<app-query-item label="设备IP"> |
|||
<input nz-input placeholder="请输入" formControlName="name" /> |
|||
</app-query-item> |
|||
|
|||
<app-query-item label="运行环境"> |
|||
<nz-select |
|||
nzPlacement="bottomRight" |
|||
class="!w-auto" |
|||
[nzDropdownMatchSelectWidth]="false" |
|||
> |
|||
<nz-option nzValue="123" nzLabel="营业"></nz-option> |
|||
<nz-option nzValue="22" nzLabel="办公"></nz-option> |
|||
<nz-option nzValue="2211" nzLabel="生产"></nz-option> |
|||
<nz-option nzValue="2221" nzLabel="测试"></nz-option> |
|||
</nz-select> |
|||
</app-query-item> |
|||
<app-query-item label="来源"> |
|||
<nz-select |
|||
nzPlacement="bottomRight" |
|||
class="!w-auto" |
|||
[nzDropdownMatchSelectWidth]="false" |
|||
> |
|||
<nz-option nzValue="123" nzLabel="捐赠"></nz-option> |
|||
<nz-option nzValue="22" nzLabel="赠送"></nz-option> |
|||
<nz-option nzValue="2211" nzLabel="采购"></nz-option> |
|||
<nz-option nzValue="2221" nzLabel="自建"></nz-option> |
|||
<nz-option nzValue="2221" nzLabel="自购"></nz-option> |
|||
<nz-option nzValue="2221" nzLabel="其他"></nz-option> |
|||
</nz-select> |
|||
</app-query-item> |
|||
|
|||
<app-query-item label="厂商"> |
|||
<nz-select |
|||
nzPlacement="bottomRight" |
|||
class="!w-auto" |
|||
[nzDropdownMatchSelectWidth]="false" |
|||
> |
|||
<nz-option nzValue="123" nzLabel="11"></nz-option> |
|||
</nz-select> |
|||
</app-query-item> |
|||
<app-query-item label="维保商"> |
|||
<nz-select |
|||
nzPlacement="bottomRight" |
|||
class="!w-auto" |
|||
[nzDropdownMatchSelectWidth]="false" |
|||
> |
|||
<nz-option nzValue="123" nzLabel="11"></nz-option> |
|||
</nz-select> |
|||
</app-query-item> |
|||
|
|||
<app-query-item label="采购日期"> |
|||
<app-date-query></app-date-query> |
|||
</app-query-item> |
|||
<app-query-item label="所属公司"> |
|||
<nz-select |
|||
nzPlacement="bottomRight" |
|||
class="!w-auto" |
|||
[nzDropdownMatchSelectWidth]="false" |
|||
> |
|||
<nz-option nzValue="123" nzLabel="11"></nz-option> |
|||
</nz-select> |
|||
</app-query-item> |
|||
<app-query-item label="使用组织"> |
|||
<nz-select |
|||
nzPlacement="bottomRight" |
|||
class="!w-auto" |
|||
[nzDropdownMatchSelectWidth]="false" |
|||
> |
|||
<nz-option nzValue="123" nzLabel="11"></nz-option> |
|||
</nz-select> |
|||
</app-query-item> |
|||
<app-query-item label="管理人员"> |
|||
<nz-select |
|||
nzPlacement="bottomRight" |
|||
class="!w-auto" |
|||
[nzDropdownMatchSelectWidth]="false" |
|||
> |
|||
<nz-option nzValue="123" nzLabel="11"></nz-option> |
|||
</nz-select> |
|||
</app-query-item> |
|||
<app-query-item label="使用人员"> |
|||
<nz-select |
|||
nzPlacement="bottomRight" |
|||
class="!w-auto" |
|||
[nzDropdownMatchSelectWidth]="false" |
|||
> |
|||
<nz-option nzValue="123" nzLabel="11"></nz-option> |
|||
</nz-select> |
|||
</app-query-item> --> |
|||
</ng-container> |
|||
</app-server-paginated-table> |
|||
</div> |
|||
</app-page> |
|||
|
|||
<ng-template #copyTpl> |
|||
<div nz-form> |
|||
<nz-alert [nzMessage]="copyTextTpl"> |
|||
<ng-template #copyTextTpl> |
|||
1、为了保证复制速度，一次最多可复制200个资产<br /> |
|||
2、以下资产信息不可被复制：资产编码、资产编码（旧）、序列号、使用人、管理人、入库时间、累计折旧、残值、净值<br /> |
|||
3、复制后的资产状态为空闲 |
|||
</ng-template> |
|||
</nz-alert> |
|||
<div class="mt-3"> |
|||
<nz-form-item> |
|||
<nz-form-label [nzSpan]="6" nzRequired> 复制数量 </nz-form-label> |
|||
<nz-form-control [nzSpan]="12"> |
|||
<nz-input-number [nzMin]="1" class="!w-full" [(ngModel)]="copyNum" nzPlaceHolder="请输入" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
</div> |
|||
</ng-template> |
|||
<ng-template #importExcelTpl> |
|||
<div nz-form> |
|||
<div class="mb-3"> |
|||
<nz-form-item> |
|||
<nz-form-label [nzSpan]="6" nzRequired> 模版文件 </nz-form-label> |
|||
<nz-form-control [nzSpan]="12"> |
|||
<button nz-button nzType="link" (click)="downloadTemplate()">模板文件下载</button> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
<nz-form-item> |
|||
<nz-form-label [nzSpan]="6" nzRequired> 文件 </nz-form-label> |
|||
<nz-form-control [nzSpan]="12"> |
|||
<button nz-button class="upload-btn"> |
|||
<i nz-icon nzType="upload"></i> |
|||
选择文件 |
|||
<input type="file" (change)="onFileChange($event)" /> |
|||
</button> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
<nz-alert [nzMessage]="copyTextTpl"> |
|||
<ng-template #copyTextTpl> |
|||
按照要求填写Excel数据，系统会对部分字段做验证! <br /> |
|||
资产导入规则 字段填写要求:<br /> |
|||
1、资产编码：资产编号由后台自动生成，导入数据时不填写<br /> |
|||
2、资产分类：填写系统中存在的资产分类名称，若资产分类存在重名时，请同时填写上资产分类的id<br /> |
|||
3、所属公司：填写系统中存在的公司名称，若公司存在重名时，请同时填写上公司的id<br /> |
|||
4、使用组织：填写系统中存在的组织名称，若组织存在重名时，请同时填写上组织的id<br /> |
|||
5、管理人员：填写系统中存在的管理员姓名，若管理员姓名存在重名时，请同时填写上管理员id<br /> |
|||
6、供应商：填写系统中存在的供应商名称，若供应商存在重名时，请同时填写上供应商的id<br /> |
|||
7、资产厂商：填写系统中存在的资产厂商名称，若资产厂商存在重名时，请同时填写上资产厂商的id<br /> |
|||
8、使用人员：填写系统中存在的账户姓名，若账户姓名存在重名时，请同时填写上使用人员id<br /> |
|||
9、存放位置：填写系统中存在的存放位置名称，若存放位置名称存在重名时，请同时填写上存放位置id<br /> |
|||
10、维保信息_维保厂商：填写系统中存在的维保厂商名称，若维保厂商名称存在重名时，请同时填写上维保厂商id<br /> |
|||
11、日期格式：yyyy-MM-dd HH:mm:ss<br /> |
|||
12、财务信息：保留2位小数，若您填写超过2位小数后，系统会自动做四舍五入处理<br /> |
|||
</ng-template> |
|||
</nz-alert> |
|||
</div> |
|||
</ng-template> |
|||
@ -0,0 +1,208 @@ |
|||
import { Component, TemplateRef, ViewChild } from '@angular/core' |
|||
import { FormControl, FormGroup } from '@angular/forms' |
|||
|
|||
import { AnyObject, TableOption } from 'app/shared/components/server-paginated-table' |
|||
import { ApiService } from 'app/services' |
|||
import { SharedModule } from 'app/shared/shared.module' |
|||
import { format } from 'date-fns' |
|||
import { lastValueFrom, of } from 'rxjs' |
|||
import { AssetFormComponent, ManufacturerSelectComponent, PositionSelectComponent } from 'app/components' |
|||
import { NzModalRef, NzModalService } from 'ng-zorro-antd/modal' |
|||
import { NzMessageService } from 'ng-zorro-antd/message' |
|||
import { NzSafeAny } from 'ng-zorro-antd/core/types' |
|||
import { ASSET_SOURCE_MAP, ASSET_STATUS, ASSET_STATUS_MAP } from 'app/constants' |
|||
import { Utils } from 'app/utils' |
|||
|
|||
@Component({ |
|||
selector: 'app-fixed-asset-registration', |
|||
standalone: true, |
|||
imports: [SharedModule, AssetFormComponent, PositionSelectComponent, ManufacturerSelectComponent], |
|||
templateUrl: './registration.component.html', |
|||
styleUrl: './registration.component.less', |
|||
}) |
|||
export class RegistrationComponent { |
|||
constructor( |
|||
private api: ApiService, |
|||
private modal: NzModalService, |
|||
private msg: NzMessageService, |
|||
) {} |
|||
|
|||
queryForm = new FormGroup({ |
|||
name: new FormControl(), |
|||
model: new FormControl(), |
|||
status: new FormControl(), |
|||
assetCode: new FormControl(), |
|||
serialNumber: new FormControl(), |
|||
sourceId: new FormControl(), |
|||
positionId: new FormControl(), |
|||
manufacturersVendorId: new FormControl(), |
|||
}) |
|||
|
|||
@ViewChild('copyTpl') copyTpl!: TemplateRef<NzSafeAny> |
|||
|
|||
ASSET_STATUS_MAP = ASSET_STATUS_MAP() |
|||
|
|||
ASSET_SOURCE_MAP = ASSET_SOURCE_MAP |
|||
|
|||
table = new TableOption(this.fetchData.bind(this)) |
|||
|
|||
copyNum = 1 |
|||
|
|||
ngOnInit(): void { |
|||
this.table |
|||
.setConfig({ |
|||
selectable: true, |
|||
rowKey: 'assetId', |
|||
}) |
|||
.setColumn([ |
|||
{ key: 'assetCode', title: '资产编号', visible: true }, |
|||
{ key: 'name', title: '资产名称', visible: true }, |
|||
{ key: '_category', title: '资产分类', visible: true }, |
|||
{ key: 'status', title: '资产状态', visible: true }, |
|||
{ key: '_ownCompany', title: '所属公司', visible: true }, |
|||
{ key: '_useOrganization', title: '使用组织', visible: true }, |
|||
{ key: '_position', title: '存放位置', visible: true }, |
|||
]) |
|||
.setRowOperate([ |
|||
{ |
|||
title: '查看', |
|||
onClick: (v) => { |
|||
this.onCreate(v, true) |
|||
}, |
|||
}, |
|||
{ title: '修改', onClick: this.onCreate.bind(this) }, |
|||
{ title: '复制', onClick: this.onCopy.bind(this) }, |
|||
{ title: '二维码', onClick: this.qrcode.bind(this) }, |
|||
{ title: '删除', onClick: this.deleteItem.bind(this) }, |
|||
]) |
|||
} |
|||
|
|||
fetchData(p: {}, q: AnyObject) { |
|||
return this.api.getAssetPage({ ...p, ...q }) |
|||
} |
|||
|
|||
onCopy(data: NzSafeAny) { |
|||
this.modal.create({ |
|||
nzTitle: '复制资产', |
|||
nzWidth: 600, |
|||
nzContent: this.copyTpl, |
|||
nzOnOk: async () => { |
|||
if (!this.copyNum) { |
|||
this.msg.error('请输入复制数量') |
|||
return false |
|||
} |
|||
const res = await lastValueFrom(this.api.copyAsset(this.copyNum, data.assetId)) |
|||
this.msg.success(res.desc) |
|||
this.table.ref.reload() |
|||
return true |
|||
}, |
|||
}) |
|||
} |
|||
|
|||
onCreate(data?: NzSafeAny, preview?: boolean) { |
|||
let nzTitle = data ? '编辑资产' : '添加资产' |
|||
if (preview) { |
|||
nzTitle = '预览资产' |
|||
} |
|||
this.modal.create({ |
|||
nzTitle, |
|||
nzContent: AssetFormComponent, |
|||
nzWidth: '80vw', |
|||
nzWrapClassName: 'modal-lg', |
|||
nzData: { |
|||
value: data, |
|||
preview, |
|||
}, |
|||
nzOnOk: async (e) => { |
|||
const vals = e.getValues() |
|||
if (vals) { |
|||
const res = await lastValueFrom(this.api.saveAsset(vals)) |
|||
this.msg.success(res.desc) |
|||
this.table.ref.reload() |
|||
return true |
|||
} |
|||
|
|||
return false |
|||
}, |
|||
}) |
|||
} |
|||
|
|||
deleteItem(item?: NzSafeAny) { |
|||
const ids = item ? [item.assetId] : Array.from(this.table.ref.selected) |
|||
this.modal.confirm({ |
|||
nzTitle: '警告', |
|||
nzContent: `是否要删除${ids.length}个资产？`, |
|||
nzOnOk: async () => { |
|||
const res = await lastValueFrom(this.api.deleteAsset(ids)) |
|||
this.msg.success(res.desc) |
|||
this.table.ref.reload() |
|||
}, |
|||
}) |
|||
} |
|||
|
|||
confirmAsset() { |
|||
const ids = Array.from(this.table.ref.selected).map((i) => Number(i)) |
|||
this.modal.confirm({ |
|||
nzTitle: '警告', |
|||
nzContent: `是否对选择的${ids.length}个资产进行确认？`, |
|||
nzOnOk: async () => { |
|||
const res = await lastValueFrom(this.api.confirmAsset(ids)) |
|||
this.msg.success(res.desc) |
|||
this.table.ref.reload() |
|||
}, |
|||
}) |
|||
} |
|||
|
|||
qrcode(d: NzSafeAny) { |
|||
this.msg.loading('二维码生成中...') |
|||
this.api.assetQrcode(d.assetId).subscribe((res) => { |
|||
Utils.downLoadFile(res, 'application/pdf') |
|||
this.msg.remove() |
|||
this.msg.success('二维码生成成功') |
|||
}) |
|||
} |
|||
|
|||
downloadTemplate() { |
|||
this.msg.loading('模板下载中...') |
|||
this.api.downloadAssetTemplate().subscribe((res) => { |
|||
Utils.downLoadFile(res, 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8') |
|||
this.msg.remove() |
|||
this.msg.success('模板下载成功') |
|||
}) |
|||
} |
|||
|
|||
importModalRef?: NzModalRef |
|||
importExcel(nzContent: TemplateRef<{}>) { |
|||
this.importModalRef = this.modal.create({ |
|||
nzTitle: '资产数据导入', |
|||
nzContent, |
|||
nzWidth: 800, |
|||
nzFooter: null, |
|||
}) |
|||
} |
|||
|
|||
onFileChange(e: Event) { |
|||
const target = e.target as HTMLInputElement |
|||
const file = target.files![0] |
|||
target.value = '' |
|||
const formdata = new FormData() |
|||
formdata.append('file', file) |
|||
this.api.uploadAsset(formdata).subscribe((res) => { |
|||
this.importModalRef?.close() |
|||
this.msg.success(res.desc) |
|||
this.table.ref.reload() |
|||
}) |
|||
} |
|||
exportExcel() { |
|||
const ids = Array.from(this.table.ref.selected).map((i) => Number(i)) |
|||
if (ids.length === 0) { |
|||
return |
|||
} |
|||
this.msg.loading('Excel生成中...') |
|||
this.api.exportAsset(ids).subscribe((res) => { |
|||
Utils.downLoadFile(res, 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8') |
|||
this.msg.remove() |
|||
this.msg.success('Excel生成成功') |
|||
}) |
|||
} |
|||
} |
|||
@ -1,37 +1,124 @@ |
|||
<app-page> |
|||
<nz-spin [nzSpinning]="loading"> |
|||
<div nz-row [nzGutter]="[24, 24]"> |
|||
@for (item of assetFlows; track $index) { |
|||
<div nz-col nzSpan="8" [nzXl]="6"> |
|||
<nz-card [nzBordered]="false" [nzActions]="[actionSetting]"> |
|||
<div class="h-22 flex overflow-hidden"> |
|||
<div class="flex-shrink-0"> |
|||
<div class="icon flex items-center justify-center"> |
|||
<span nz-icon nzType="node-index" nzTheme="outline"></span> |
|||
<div nz-row [nzGutter]="[24, 24]"> |
|||
<div nz-col nzSpan="12"> |
|||
<nz-card [nzBordered]="false" nzTitle="资管流程分析"> |
|||
<div nz-row nzGutter="12"> |
|||
<div nz-col nzSpan="8"> |
|||
<nz-statistic nzTitle="累计流程总数" nzValue="15666" /> |
|||
</div> |
|||
<div nz-col nzSpan="8"> |
|||
<nz-statistic nzTitle="当日新增流程" nzValue="11" /> |
|||
</div> |
|||
<div nz-col nzSpan="8"> |
|||
<nz-statistic nzTitle="待我处理流程" nzValue="2" /> |
|||
</div> |
|||
</div> |
|||
</nz-card> |
|||
</div> |
|||
<div nz-col nzSpan="12"> |
|||
<nz-card [nzBordered]="false" nzTitle="设备流程统计"> |
|||
<div nz-row nzGutter="12"> |
|||
<div nz-col nzSpan="8"> |
|||
<nz-statistic nzTitle="累计流程总数" nzValue="15666" /> |
|||
</div> |
|||
<div nz-col nzSpan="8"> |
|||
<nz-statistic nzTitle="当日新增流程" nzValue="11" /> |
|||
</div> |
|||
<div nz-col nzSpan="8"> |
|||
<nz-statistic nzTitle="待我处理流程" nzValue="2" /> |
|||
</div> |
|||
</div> |
|||
</nz-card> |
|||
</div> |
|||
</div> |
|||
<div class="mt-4"> |
|||
<nz-card [nzBordered]="false" nzTitle="资管流程"> |
|||
<nz-spin [nzSpinning]="loading"> |
|||
<div nz-row [nzGutter]="[24, 24]"> |
|||
@for (item of assetFlows; track $index) { |
|||
<div nz-col nzSpan="8" [nzXl]="4" (click)="onStart(item)" class="cursor-pointer"> |
|||
<div> |
|||
<div class="h-22 flex flex-col items-center justify-center text-center overflow-hidden"> |
|||
<div class="flex-shrink-0"> |
|||
<div class="icon flex items-center justify-center rounded"> |
|||
<span nz-icon nzType="node-index" nzTheme="outline"></span> |
|||
</div> |
|||
</div> |
|||
<div class="flex-1 pt-3 text-base overflow-hidden"> |
|||
<div> |
|||
{{ item.name }} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
} |
|||
</div> |
|||
</nz-spin> |
|||
</nz-card> |
|||
</div> |
|||
<div class="mt-4"> |
|||
<nz-card [nzBordered]="false" nzTitle="设备流程"> |
|||
<nz-spin [nzSpinning]="loading"> |
|||
<div nz-row [nzGutter]="[24, 24]"> |
|||
<div nz-col nzSpan="8" [nzXl]="4" class="cursor-pointer" (click)="createTask('repair')"> |
|||
<div> |
|||
<div class="h-22 flex flex-col items-center justify-center text-center overflow-hidden"> |
|||
<div class="flex-shrink-0"> |
|||
<div class="icon flex items-center justify-center rounded"> |
|||
<span nz-icon nzType="node-index" nzTheme="outline"></span> |
|||
</div> |
|||
</div> |
|||
<div class="flex-1 pt-3 text-base overflow-hidden"> |
|||
<div>报修维修</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div nz-col nzSpan="8" [nzXl]="4" class="cursor-pointer" (click)="createTask('inspection')"> |
|||
<div> |
|||
<div class="h-22 flex flex-col items-center justify-center text-center overflow-hidden"> |
|||
<div class="flex-shrink-0"> |
|||
<div class="icon flex items-center justify-center rounded"> |
|||
<span nz-icon nzType="node-index" nzTheme="outline"></span> |
|||
</div> |
|||
</div> |
|||
<div class="flex-1 pt-3 text-base overflow-hidden"> |
|||
<div>巡检任务</div> |
|||
</div> |
|||
</div> |
|||
<div class="flex-1 pl-3 text-base overflow-hidden"> |
|||
<div> |
|||
{{ item.name }} |
|||
</div> |
|||
<div class="mt-2 break-words whitespace-pre-wrap">{{ item.formKey }}</div> |
|||
@if (item._assignee) { |
|||
<div class="mt-2"> |
|||
<nz-tag> 审批人：{{ item._assignee.userName }} </nz-tag> |
|||
</div> |
|||
</div> |
|||
<div nz-col nzSpan="8" [nzXl]="4" class="cursor-pointer" (click)="createTask('maintenance')"> |
|||
<div> |
|||
<div class="h-22 flex flex-col items-center justify-center text-center overflow-hidden"> |
|||
<div class="flex-shrink-0"> |
|||
<div class="icon flex items-center justify-center rounded"> |
|||
<span nz-icon nzType="node-index" nzTheme="outline"></span> |
|||
</div> |
|||
} |
|||
</div> |
|||
<div class="flex-1 pt-3 text-base overflow-hidden"> |
|||
<div>保养任务</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<ng-template #actionSetting> |
|||
@if (item.enabled) { |
|||
<div (click)="onStart(item)">发起流程</div> |
|||
} @else { |
|||
<div>没有表单</div> |
|||
} |
|||
</ng-template> |
|||
</nz-card> |
|||
</div> |
|||
<div nz-col nzSpan="8" [nzXl]="4" class="cursor-pointer" (click)="createTask('stocktaking')"> |
|||
<div> |
|||
<div class="h-22 flex flex-col items-center justify-center text-center overflow-hidden"> |
|||
<div class="flex-shrink-0"> |
|||
<div class="icon flex items-center justify-center rounded"> |
|||
<span nz-icon nzType="node-index" nzTheme="outline"></span> |
|||
</div> |
|||
</div> |
|||
<div class="flex-1 pt-3 text-base overflow-hidden"> |
|||
<div>盘点任务</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
} |
|||
</div> |
|||
</nz-spin> |
|||
</nz-spin> |
|||
</nz-card> |
|||
</div> |
|||
</app-page> |
|||
|
|||
@ -0,0 +1,63 @@ |
|||
<app-page class="p-3"> |
|||
<div class="flex flex-1"> |
|||
<nz-card [nzBordered]="false" class="org shadow" nzSize="small"> |
|||
<app-component-basic-category-tree #treeEl (onSelectedChange)="onSelectedChange($event)" /> |
|||
</nz-card> |
|||
<div class="flex-1 pl-3"> |
|||
<nz-card [nzBordered]="false" nzTitle="地址信息"> |
|||
<form nz-form nzLayout="vertical" [formGroup]="createForm" class="w-72"> |
|||
<nz-form-item> |
|||
<nz-form-label [nzRequired]="true"> 名称 </nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<input type="text" nz-input formControlName="categoryName" placeholder="请输入名称" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
<nz-form-item> |
|||
<nz-form-label> 安全库存 </nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<nz-input-number |
|||
nzPlaceHolder="请输入" |
|||
[nzMin]="0" |
|||
class="!w-full" |
|||
formControlName="safetyLimit" |
|||
/> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
<nz-form-item> |
|||
<nz-form-label> 安全库存上限 </nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<nz-input-number |
|||
nzPlaceHolder="请输入" |
|||
[nzMin]="0" |
|||
class="!w-full" |
|||
formControlName="upperLimit" |
|||
/> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
<nz-form-item> |
|||
<nz-form-label> 安全库存下限 </nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<nz-input-number |
|||
nzPlaceHolder="请输入" |
|||
[nzMin]="0" |
|||
class="!w-full" |
|||
formControlName="lowerLimit" |
|||
/> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
<nz-form-item> |
|||
<nz-form-control> |
|||
<nz-space> |
|||
<button *nzSpaceItem nz-button nzType="primary" (click)="onConfirm()">确定</button> |
|||
</nz-space> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</form> |
|||
</nz-card> |
|||
</div> |
|||
</div> |
|||
</app-page> |
|||
|
|||
<ng-template #errorTpl let-control> |
|||
<form-error-tips [control]="control"></form-error-tips> |
|||
</ng-template> |
|||
@ -0,0 +1,80 @@ |
|||
import { Component, TemplateRef, ViewChild } from '@angular/core' |
|||
import { FormBuilder, FormGroup } from '@angular/forms' |
|||
import { ComponentBasicCategoryTreeComponent } from 'app/components' |
|||
import { ApiService } from 'app/services' |
|||
import { SharedModule } from 'app/shared/shared.module' |
|||
import { FormValidators } from 'app/utils' |
|||
import { NzSafeAny } from 'ng-zorro-antd/core/types' |
|||
import { NzDrawerRef, NzDrawerService } from 'ng-zorro-antd/drawer' |
|||
import { NzMessageService } from 'ng-zorro-antd/message' |
|||
import { NzModalService } from 'ng-zorro-antd/modal' |
|||
|
|||
@Component({ |
|||
selector: 'app-system-address', |
|||
standalone: true, |
|||
imports: [SharedModule, ComponentBasicCategoryTreeComponent], |
|||
templateUrl: './system-address.component.html', |
|||
styleUrl: './system-address.component.less', |
|||
}) |
|||
export class SystemAddressComponent { |
|||
constructor( |
|||
private modal: NzModalService, |
|||
private msg: NzMessageService, |
|||
private drawer: NzDrawerService, |
|||
private api: ApiService, |
|||
private fb: FormBuilder, |
|||
) {} |
|||
|
|||
@ViewChild('treeEl') treeEl!: ComponentBasicCategoryTreeComponent |
|||
|
|||
queryForm!: FormGroup |
|||
|
|||
createForm!: FormGroup |
|||
|
|||
drawerRef?: NzDrawerRef |
|||
|
|||
@ViewChild('drawerFooterTpl') drawerFooterTpl!: TemplateRef<NzSafeAny> |
|||
|
|||
@ViewChild('formContentTpl') formContentTpl!: TemplateRef<NzSafeAny> |
|||
|
|||
initCreateForm() { |
|||
this.createForm = this.fb.group({ |
|||
categoryId: [], |
|||
parentId: ['', [FormValidators.required('请输入')]], |
|||
categoryName: ['', [FormValidators.required('请输入')]], |
|||
safetyLimit: [0, []], |
|||
lowerLimit: [0, []], |
|||
upperLimit: [0, []], |
|||
}) |
|||
} |
|||
initQueryForm() { |
|||
this.queryForm = this.fb.group({ |
|||
name: [''], |
|||
}) |
|||
} |
|||
|
|||
ngOnInit(): void { |
|||
this.initQueryForm() |
|||
this.initCreateForm() |
|||
} |
|||
|
|||
onSelectedChange(v: NzSafeAny) { |
|||
this.createForm.patchValue(v) |
|||
} |
|||
|
|||
onConfirm() { |
|||
if (FormValidators.validateFormGroup(this.createForm)) { |
|||
const { value } = this.createForm |
|||
|
|||
this.api |
|||
.updateBasicCategoryTree({ |
|||
...value, |
|||
}) |
|||
.subscribe((res) => { |
|||
this.msg.success(res.desc) |
|||
|
|||
this.treeEl.initTree() |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
@ -0,0 +1,81 @@ |
|||
<app-page class="p-3"> |
|||
<ng-template #actionsTpl> |
|||
<nz-space> |
|||
<button *nzSpaceItem nz-button nzType="primary" (click)="onCreate()">新建</button> |
|||
</nz-space> |
|||
</ng-template> |
|||
<div class="flex flex-1"> |
|||
<div class="flex-1"> |
|||
<app-server-paginated-table |
|||
[tableAction]="actionsTpl" |
|||
[options]="table" |
|||
[renderColumn]="renderColumnTpl" |
|||
[formGroup]="queryForm" |
|||
> |
|||
<ng-template #renderColumnTpl let-data let-key="key" let-row="row"> |
|||
@switch (key) { |
|||
@case ('status') { |
|||
<nz-badge |
|||
[nzText]="data === 0 ? '启用' : '禁用'" |
|||
[nzStatus]="data === 0 ? 'processing' : 'error'" |
|||
/> |
|||
} |
|||
|
|||
@default { |
|||
{{ data }} |
|||
} |
|||
} |
|||
</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="状态"> |
|||
<nz-select |
|||
nzPlacement="bottomRight" |
|||
class="!w-20" |
|||
[nzDropdownMatchSelectWidth]="false" |
|||
formControlName="status" |
|||
nzAllowClear |
|||
> |
|||
<nz-option [nzValue]="0" nzLabel="启用"></nz-option> |
|||
<nz-option [nzValue]="1" nzLabel="禁用"></nz-option> |
|||
</nz-select> |
|||
</app-query-item> |
|||
</ng-container> |
|||
</app-server-paginated-table> |
|||
</div> |
|||
</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 nzRequired> 状态 </nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errorTpl"> |
|||
<nz-radio-group formControlName="status"> |
|||
<label nz-radio [nzValue]="0"> 启用 </label> |
|||
<label nz-radio [nzValue]="1"> 禁用 </label> |
|||
</nz-radio-group> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</form> |
|||
</ng-template> |
|||
|
|||
<ng-template #errorTpl let-control> |
|||
<form-error-tips [control]="control"></form-error-tips> |
|||
</ng-template> |
|||
Some files were not shown because too many files changed in this diff
Loading…
Reference in new issue