This commit is contained in:
wangshiming
2022-03-25 15:59:31 +08:00
parent 4c0724fb90
commit 0cbc13389f
5 changed files with 151 additions and 99 deletions

View File

@ -22,11 +22,8 @@ import { OrderManagementService } from '../../../services/order-management.servi
templateUrl: './appeal.component.html'
})
export class OneCarOrderAppealComponent implements OnInit {
record: any = {};
i: any;
@ViewChild('sf', { static: false }) sf!: SFComponent;
schema: SFSchema = {};
ui: SFUISchema = {};
dataList: any;
constructor(
private modalRef: NzModalRef,
private modal: NzModalService,
@ -36,93 +33,88 @@ export class OneCarOrderAppealComponent implements OnInit {
) {}
ngOnInit(): void {
this.initSF();
this.initDate();
}
initSF() {
this.schema = {
properties: {
abnormalCause: {
type: 'string',
title: '异常原因',
default: this.i.abnormalCause,
readOnly: true,
ui: {
widget: 'textarea',
autosize: { minRows: 4, maxRows: 6 }
} as SFTextareaWidgetSchema
},
representationsCause: {
type: 'string',
title: '申诉原因',
ui: {
widget: 'dict-select',
params: { dictKey: 'bill:representation:reason' },
containsAllLabel: false,
placeholder: '请选择',
errors: { required: '请选择' }
}
},
representationsDescribe: {
type: 'string',
title: '申诉描述',
maxLength: 100,
ui: {
widget: 'textarea',
autosize: { minRows: 4, maxRows: 6 }
} as SFTextareaWidgetSchema
},
fileArr: {
type: 'string',
title: '上传凭证',
ui: {
action: apiConf.fileUpload,
accept: 'image/png,image/jpeg,image/jpg',
limit: 5,
limitFileCount: 5,
resReName: 'data.fullFilePath',
urlReName: 'data.fullFilePath',
widget: 'upload',
descriptionI18n: '不超过5张单张大小不超过5M支持.jpg、.jpeg和 .png格式',
name: 'multipartFile',
multiple: true,
listType: 'picture-card',
beforeUpload: (file: any, _fileList: any) => {
return new Observable((observer: Observer<boolean>) => {
const isLt2M = file.size / 1024 / 1024 < 5;
if (!isLt2M) {
this.service.msgSrv.warning('图片大小超过5M!');
observer.complete();
return;
}
observer.next(isLt2M);
observer.complete();
});
}
} as SFUploadWidgetSchema
}
},
required: ['representationsCause', 'representationsDescribe']
};
this.ui = {
'*': {
spanLabelFixed: 100,
grid: { span: 20 }
// initSF() {
// this.schema = {
// properties: {
// abnormalCause: {
// type: 'string',
// title: '异常原因',
// default: this.i.abnormalCause,
// readOnly: true,
// ui: {
// widget: 'textarea',
// autosize: { minRows: 4, maxRows: 6 }
// } as SFTextareaWidgetSchema
// },
// representationsCause: {
// type: 'string',
// title: '申诉原因',
// ui: {
// widget: 'dict-select',
// params: { dictKey: 'bill:representation:reason' },
// containsAllLabel: false,
// placeholder: '请选择',
// errors: { required: '请选择' }
// }
// },
// representationsDescribe: {
// type: 'string',
// title: '申诉描述',
// maxLength: 100,
// ui: {
// widget: 'textarea',
// autosize: { minRows: 4, maxRows: 6 }
// } as SFTextareaWidgetSchema
// },
// fileArr: {
// type: 'string',
// title: '上传凭证',
// ui: {
// action: apiConf.fileUpload,
// accept: 'image/png,image/jpeg,image/jpg',
// limit: 5,
// limitFileCount: 5,
// resReName: 'data.fullFilePath',
// urlReName: 'data.fullFilePath',
// widget: 'upload',
// descriptionI18n: '不超过5张单张大小不超过5M支持.jpg、.jpeg和 .png格式',
// name: 'multipartFile',
// multiple: true,
// listType: 'picture-card',
// beforeUpload: (file: any, _fileList: any) => {
// return new Observable((observer: Observer<boolean>) => {
// const isLt2M = file.size / 1024 / 1024 < 5;
// if (!isLt2M) {
// this.service.msgSrv.warning('图片大小超过5M!');
// observer.complete();
// return;
// }
// observer.next(isLt2M);
// observer.complete();
// });
// }
// } as SFUploadWidgetSchema
// }
// },
// required: ['representationsCause', 'representationsDescribe']
// };
// this.ui = {
// '*': {
// spanLabelFixed: 100,
// grid: { span: 20 }
// }
// };
// }
initDate(): void {
console.log(this.i);
this.service.request(this.service.$api_get_getOrderComplaintDetail, { id: this.i?.id }).subscribe((res: any) => {
if (res) {
console.log(res);
this.dataList = res
}
};
}
save(value: any): void {
// if (!this.sf.valid){
// this.sf.validator({ emitError: true });
// return;
// }
// this.service.request(this.service.$api_addCompleteVehicleRepresentations, { id: this.i?.id, ...this.sf.value }).subscribe(res => {
// if (res) {
// this.service.msgSrv.success('申诉成功!');
// this.modalRef.close(true);
// } else {
// this.service.msgSrv.error(res.msg);
// }
// });
});
}
close(): void {