@wjya/ngx-webapp-icpc.group.pms/src/pms/group/group-info/group-info-bank.component.metadata.json

angular webapp : icpc.group.pms

[{"__symbolic":"module","version":4,"metadata":{"GroupInfoBankComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"zx-group-info-bank","template":"<zx-content-block><nz-card nzNoHovering nzBordered=\"false\"><ng-template #title><h4>绑定银行账户</h4></ng-template><ng-template #extra><div class=\"extra\"><span *ngIf=\"!isEdit\"><i class=\"anticon anticon-edit\"></i> <a (click)=\"isEdit = !isEdit\">申请变更</a> </span><span *ngIf=\"isEdit\"><span><i class=\"anticon anticon-save\"></i> <a (click)=\"isEdit = !isEdit;onSave()\">保存</a> </span><span><i class=\"anticon anticon-reload\"></i> <a (click)=\"isEdit = !isEdit\">取消</a></span></span></div></ng-template><ng-template #body><p>设置银行账户通过审核后，不可随意更改，如需变更需提交变更申请。</p><div class=\"bank-info\"><form nz-form [formGroup]=\"validateForm\" class=\"ant-advanced-search-form\" *ngIf=\"selectedOption === 'common'\"><h3>企业资料</h3><div nz-row><div nz-col [nzSpan]=\"8\"><div nz-form-item nz-row><div nz-form-label nz-col [nzSpan]=\"5\"><label>主体类型</label></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"isEdit\"><nz-select [(ngModel)]=\"selectedOption\" [nzPlaceHolder]=\"'请选择主体类型'\" formControlName=\"type\"><nz-option [nzLabel]=\"'企业'\" [nzValue]=\"'common'\"></nz-option></nz-select></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"!isEdit\"><span>{{formateType(selectedOption)}}</span></div></div></div><div nz-col [nzSpan]=\"8\"><div nz-form-item nz-row><div nz-form-label nz-col [nzSpan]=\"5\"><label>营业执照编号</label></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"isEdit\"><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'请输入营业执照编号'\" formControlName=\"businessIdentityNo\"></nz-input></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"!isEdit\"><span>{{data.businessIdentityNo}}</span></div></div></div></div><div nz-row><div nz-col [nzSpan]=\"8\"><div nz-form-item nz-row><div nz-form-label nz-col [nzSpan]=\"5\"><label>企业名称</label></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"isEdit\"><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'请输入企业名称'\" formControlName=\"companyName\"></nz-input></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"!isEdit\"><span>{{data.companyName}}</span></div></div></div><div nz-col [nzSpan]=\"8\"><div nz-form-item nz-row><div nz-form-label nz-col [nzSpan]=\"5\"><label>税务登记证号</label></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"isEdit\"><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'请输入税务登记证号'\" formControlName=\"taxNo\"></nz-input></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"!isEdit\"><span>{{data.taxNo}}</span></div></div></div></div><div nz-row><div nz-col [nzSpan]=\"8\"><div nz-form-item nz-row><div nz-form-label nz-col [nzSpan]=\"5\"><label>法人姓名</label></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"isEdit\"><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'请输入法人姓名'\" formControlName=\"legalName\"></nz-input></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"!isEdit\"><span>{{data.legalName}}</span></div></div></div><div nz-col [nzSpan]=\"8\"><div nz-form-item nz-row><div nz-form-label nz-col [nzSpan]=\"5\"><label>法人身份证号</label></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"isEdit\"><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'请输入法人身份证号'\" formControlName=\"legalIdentityCardNo\"></nz-input></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"!isEdit\"><span>{{data.legalIdentityCardNo}}</span></div></div></div></div><h3>银行账户</h3><div nz-row><div nz-col [nzSpan]=\"8\"><div nz-form-item nz-row><div nz-form-label nz-col [nzSpan]=\"5\"><label>开户银行</label></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"isEdit\"><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'请输入开户银行'\" formControlName=\"bank\"></nz-input></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"!isEdit\"><span>{{data.bank}}</span></div></div></div><div nz-col [nzSpan]=\"8\"><div nz-form-item nz-row><div nz-form-label nz-col [nzSpan]=\"5\"><label>银行账户</label></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"isEdit\"><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'请输入银行账户'\" formControlName=\"accountNo\"></nz-input></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"!isEdit\"><span>{{data.accountNo}}</span></div></div></div></div><div nz-row><div nz-col [nzSpan]=\"8\"><div nz-form-item nz-row><div nz-form-label nz-col [nzSpan]=\"5\"><label>开户行所在地</label></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"isEdit\"><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'请输入开户银行省份'\" formControlName=\"address_province\" style=\"width: 48%; float:left\"></nz-input><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'请输入开户银行城市'\" formControlName=\"address_city\" style=\"width: 48%; float:right\"></nz-input></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"!isEdit\"><span>{{data.address_province}} / {{data.address_city}}</span></div></div></div><div nz-col [nzSpan]=\"8\"><div nz-form-item nz-row><div nz-form-label nz-col [nzSpan]=\"5\"><label>银行开户名称</label></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"isEdit\"><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'请输入银行开户名称'\" formControlName=\"accountName\"></nz-input></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"!isEdit\"><span>{{data.accountName}}</span></div></div></div></div><h3>附件资料</h3><div class=\"photo\"><div><nz-upload #upload [nzShowButton]=\"fileList.length < 1\" [nzAction]=\"uploadUrl\" [nzHeaders]=\"{ 'Authorization':'Bearer '+getAuthToken() }\" nzListType=\"picture-card\" [(nzFileList)]=\"fileList\" [nzPreview]=\"handlePreview\"><i class=\"anticon anticon-plus\"></i><div class=\"ant-upload-text\">营业执照</div></nz-upload><div class=\"photo-title\" *ngIf=\"fileList.length === 1\">营业执照</div><nz-modal [nzVisible]=\"previewVisible\" [nzContent]=\"modalContent\" [nzFooter]=\"null\" (nzOnCancel)=\"previewVisible=false\"><ng-template #modalContent><img [src]=\"previewImage\" [ngStyle]=\"{ 'width': '100%' }\"/></ng-template></nz-modal></div><div><nz-upload #upload [nzShowButton]=\"fileList1.length < 1\" [nzAction]=\"uploadUrl\" [nzHeaders]=\"{ 'Authorization':'Bearer '+getAuthToken() }\" nzListType=\"picture-card\" [(nzFileList)]=\"fileList1\" [nzPreview]=\"handlePreview\"><i class=\"anticon anticon-plus\"></i><div class=\"ant-upload-text\">开户许可证</div></nz-upload><div class=\"photo-title\" *ngIf=\"fileList1.length === 1\">开户许可证</div><nz-modal [nzVisible]=\"previewVisible\" [nzContent]=\"modalContent\" [nzFooter]=\"null\" (nzOnCancel)=\"previewVisible=false\"><ng-template #modalContent><img [src]=\"previewImage\" [ngStyle]=\"{ 'width': '100%' }\"/></ng-template></nz-modal></div></div></form><form nz-form [formGroup]=\"validateForm1\" class=\"ant-advanced-search-form\" *ngIf=\"selectedOption === 'private'\"><h3>个人资料</h3><div nz-row><div nz-col [nzSpan]=\"8\"><div nz-form-item nz-row><div nz-form-label nz-col [nzSpan]=\"5\"><label>主体类型</label></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"isEdit\"><nz-select [(ngModel)]=\"selectedOption\" [nzPlaceHolder]=\"'请选择主体类型'\" formControlName=\"type\"><nz-option [nzLabel]=\"'企业'\" [nzValue]=\"'common'\"></nz-option><nz-option [nzLabel]=\"'个人'\" [nzValue]=\"'private'\"></nz-option></nz-select></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"!isEdit\"><span>{{formateType(selectedOption)}}</span></div></div></div><div nz-col [nzSpan]=\"8\"><div nz-form-item nz-row><div nz-form-label nz-col [nzSpan]=\"5\"><label>管理员姓名</label></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"isEdit\"><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'请输入管理员姓名'\" formControlName=\"administratorName\"></nz-input></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"!isEdit\"><span>{{data.administratorName}}</span></div></div></div></div><div nz-row><div nz-col [nzSpan]=\"8\"><div nz-form-item nz-row><div nz-form-label nz-col [nzSpan]=\"5\"><label>管理员身份证号码</label></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"isEdit\"><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'请输入管理员身份证号码'\" formControlName=\"administratorIdentityNo\"></nz-input></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"!isEdit\"><span>{{data.administratorIdentityNo}}</span></div></div></div></div><h3>银行账户</h3><div nz-row><div nz-col [nzSpan]=\"8\"><div nz-form-item nz-row><div nz-form-label nz-col [nzSpan]=\"5\"><label>开户银行</label></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"isEdit\"><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'请输入开户银行'\" formControlName=\"bank\"></nz-input></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"!isEdit\"><span>{{data.bank}}</span></div></div></div><div nz-col [nzSpan]=\"8\"><div nz-form-item nz-row><div nz-form-label nz-col [nzSpan]=\"5\"><label>银行账户</label></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"isEdit\"><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'请输入银行账户'\" formControlName=\"accountNo\"></nz-input></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"!isEdit\"><span>{{data.accountNo}}</span></div></div></div></div><div nz-row><div nz-col [nzSpan]=\"8\"><div nz-form-item nz-row><div nz-form-label nz-col [nzSpan]=\"5\"><label>开户行所在地</label></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"isEdit\"><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'请输入开户银行省份'\" formControlName=\"address_province\" style=\"width: 48%;float:left\"></nz-input><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'请输入开户银行城市'\" formControlName=\"address_city\" style=\"width: 48%;float:right\"></nz-input></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"!isEdit\"><span>{{data.address_province}} / {{data.address_city}}</span></div></div></div><div nz-col [nzSpan]=\"8\"><div nz-form-item nz-row><div nz-form-label nz-col [nzSpan]=\"5\"><label>开户人姓名</label></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"isEdit\"><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'请输入开户人姓名'\" formControlName=\"accountName\"></nz-input></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"!isEdit\"><span>{{data.accountName}}</span></div></div></div></div><h3>附件资料</h3><div class=\"photo\"><div><nz-upload #upload [nzShowButton]=\"fileList2.length < 1\" [nzAction]=\"uploadUrl\" [nzHeaders]=\"{ 'Authorization':'Bearer '+getAuthToken() }\" nzListType=\"picture-card\" [(nzFileList)]=\"fileList2\" [nzPreview]=\"handlePreview\"><i class=\"anticon anticon-plus\"></i><div class=\"ant-upload-text\">身份证正面照片</div></nz-upload><div class=\"photo-title\" *ngIf=\"fileList2.length === 1\">身份证正面照片</div><nz-modal [nzVisible]=\"previewVisible\" [nzContent]=\"modalContent\" [nzFooter]=\"null\" (nzOnCancel)=\"previewVisible=false\"><ng-template #modalContent><img [src]=\"previewImage\" [ngStyle]=\"{ 'width': '100%' }\"/></ng-template></nz-modal></div><div><nz-upload #upload [nzShowButton]=\"fileList3.length < 1\" [nzAction]=\"uploadUrl\" [nzHeaders]=\"{ 'Authorization':'Bearer '+getAuthToken() }\" nzListType=\"picture-card\" [(nzFileList)]=\"fileList3\" [nzPreview]=\"handlePreview\"><i class=\"anticon anticon-plus\"></i><div class=\"ant-upload-text\">身份证反面照片</div></nz-upload><div class=\"photo-title\" *ngIf=\"fileList3.length === 1\">身份证反面照片</div><nz-modal [nzVisible]=\"previewVisible\" [nzContent]=\"modalContent\" [nzFooter]=\"null\" (nzOnCancel)=\"previewVisible=false\"><ng-template #modalContent><img [src]=\"previewImage\" [ngStyle]=\"{ 'width': '100%' }\"/></ng-template></nz-modal></div><div><nz-upload #upload [nzShowButton]=\"fileList4.length < 1\" [nzAction]=\"uploadUrl\" [nzHeaders]=\"{ 'Authorization':'Bearer '+getAuthToken() }\" nzListType=\"picture-card\" [(nzFileList)]=\"fileList4\" [nzPreview]=\"handlePreview\"><i class=\"anticon anticon-plus\"></i><div class=\"ant-upload-text\">银行卡</div></nz-upload><div class=\"photo-title\" *ngIf=\"fileList4.length === 1\">银行卡</div><nz-modal [nzVisible]=\"previewVisible\" [nzContent]=\"modalContent\" [nzFooter]=\"null\" (nzOnCancel)=\"previewVisible=false\"><ng-template #modalContent><img [src]=\"previewImage\" [ngStyle]=\"{ 'width': '100%' }\"/></ng-template></nz-modal></div></div></form></div></ng-template></nz-card></zx-content-block>","styles":["\n        :host .extra {\n            color: #108ee9;\n        }\n        :host .extra > span:nth-child(2) {\n            margin-left:20px;\n        }\n        :host .extra > span:nth-child(1) > span:nth-child(2){\n            margin-left:16px;\n        }\n        :host .bank-info{\n            margin-top:16px;\n        }\n        :host .bank-info h3 {\n            margin-bottom: 14px;\n        }\n        :host ::ng-deep .photo i {\n            font-size: 32px;\n            color: #999;\n        }\n        :host ::ng-deep .photo .ant-upload-text {\n            margin-top: 8px;\n            color: #666;\n        }\n        :host .photo > div{\n            display: inline-block;\n            vertical-align: top;\n        }\n        :host .photo-title{\n            margin-right:8px;\n            text-align:center;\n        }\n        "]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":67,"character":20},{"__symbolic":"reference","module":"@wjya/ngx-webapp-fx","name":"CoreConfigService","line":68,"character":24},{"__symbolic":"reference","module":"@wjya/ngx-webapp-fx","name":"AuthServerProvider","line":69,"character":36},{"__symbolic":"reference","module":"../../service/data-source.helper","name":"DataSourceHelper","line":70,"character":34},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":71,"character":31},{"__symbolic":"reference","module":"@wjya/ngx-webapp-fx","name":"AppSettingService","line":72,"character":35},{"__symbolic":"reference","module":"@wjya/ngx-webapp-fx","name":"UserStorageService","line":73,"character":36}]}],"ngOnInit":[{"__symbolic":"method"}],"loadAll":[{"__symbolic":"method"}],"getAuthToken":[{"__symbolic":"method"}],"formateType":[{"__symbolic":"method"}],"onSave":[{"__symbolic":"method"}]}}}}]