UNPKG

@wjya/ngx-webapp-icpc.group.pms

Version:

angular webapp : icpc.group.pms

249 lines 24.8 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var data_source_helper_1 = require("../../service/data-source.helper"); var core_1 = require("@angular/core"); var forms_1 = require("@angular/forms"); var ngx_webapp_fx_1 = require("@wjya/ngx-webapp-fx"); var router_1 = require("@angular/router"); var community_detail_bank_private_model_1 = require("../community/community-detail-bank-private.model"); var community_detail_bank_common_model_1 = require("../community/community-detail-bank-common.model"); var GroupInfoBankComponent = /** @class */ (function () { function GroupInfoBankComponent(fb, config, authServerProvider, dataSourceHelper, activateRoute, appSettingService, userStorageService) { var _this = this; this.fb = fb; this.config = config; this.authServerProvider = authServerProvider; this.dataSourceHelper = dataSourceHelper; this.activateRoute = activateRoute; this.appSettingService = appSettingService; this.userStorageService = userStorageService; this.previewImage = ''; this.previewVisible = false; this.fileList = []; this.fileList1 = []; this.fileList2 = []; this.fileList3 = []; this.fileList4 = []; this.data = {}; this.selectedOption = 'common'; this.handlePreview = function (file) { _this.previewImage = file.url || file.thumbUrl; _this.previewVisible = true; }; this.photoBaseUrl = appSettingService.photoBaseUrl; this.dataSource = dataSourceHelper.communityGroupAccount; this.commonDataSource = dataSourceHelper.changeCommunityGroupAccount; this.privateDataSource = dataSourceHelper.privateAccountSave; this.validateForm = this.fb.group({ id: [null], type: [null], businessIdentityNo: [null], companyName: [null], taxNo: [null], legalName: [null], legalIdentityCardNo: [null], bank: [null], accountNo: [null], address_province: [null], address_city: [null], accountName: [null], businessIdentityPhoto: [null], licencePhoto: [null] }); this.validateForm1 = this.fb.group({ id: [null], type: [null], administratorName: [null], administratorIdentityNo: [null], bank: [null], address_province: [null], address_city: [null], accountNo: [null], accountName: [null], idCardFrountPic: [null], idCardReversedPic: [null], bankCardPic: [null], }); } GroupInfoBankComponent.prototype.ngOnInit = function () { this.communityGroupId = this.userStorageService.getCurrentOffice().id; this.loadAll(); }; GroupInfoBankComponent.prototype.loadAll = function () { var _this = this; this.dataSource.findList({ communityGroupId: this.communityGroupId }).subscribe(function (res) { _this.data = res.body; var a = new community_detail_bank_common_model_1.CommunityBankCommon(_this.data); _this.validateForm.setValue(a); if (res.headers.get('type') === 'common') { _this.selectedOption = 'common'; var data = new community_detail_bank_common_model_1.CommunityBankCommon(_this.data); _this.validateForm.setValue(data); if (data.businessIdentityPhoto) { _this.fileList[_this.fileList.length] = { uid: 1, name: 1 + '.png', status: 'done', url: _this.photoBaseUrl + data.businessIdentityPhoto, response: { info: { md5: data.businessIdentityPhoto } } }; } if (data.licencePhoto) { _this.fileList1[_this.fileList1.length] = { uid: 1, name: 1 + '.png', status: 'done', url: _this.photoBaseUrl + data.licencePhoto, response: { info: { md5: data.licencePhoto } } }; } } else if (res.headers.get('type') === 'private') { _this.selectedOption = 'private'; var data = new community_detail_bank_private_model_1.CommunityBankPrivate(_this.data); _this.validateForm1.setValue(data); if (data.idCardFrountPic) { _this.fileList2[_this.fileList2.length] = { uid: 1, name: 1 + '.png', status: 'done', url: _this.photoBaseUrl + data.idCardFrountPic, response: { info: { md5: data.idCardFrountPic } } }; } if (data.idCardReversedPic) { _this.fileList3[_this.fileList3.length] = { uid: 1, name: 1 + '.png', status: 'done', url: _this.photoBaseUrl + data.idCardReversedPic, response: { info: { md5: data.idCardReversedPic } } }; } if (data.bankCardPic) { _this.fileList4[_this.fileList4.length] = { uid: 1, name: 1 + '.png', status: 'done', url: _this.photoBaseUrl + data.bankCardPic, response: { info: { md5: data.bankCardPic } } }; } } }); }; Object.defineProperty(GroupInfoBankComponent.prototype, "uploadUrl", { get: function () { return this.config.apiUrls.uploadPic; }, enumerable: true, configurable: true }); GroupInfoBankComponent.prototype.getAuthToken = function () { return this.authServerProvider.getToken(); }; GroupInfoBankComponent.prototype.formateType = function (type) { if (type === 'common') { return '企业'; } else if (type === 'private') { return '个人'; } }; GroupInfoBankComponent.prototype.onSave = function () { var _this = this; var entity = {}; if (this.selectedOption === 'common') { entity = this.validateForm.value; // entity.communityId = this.id; entity.communityGroupId = this.communityGroupId; delete entity.type; if (this.fileList.length > 0) { entity.businessIdentityPhoto = this.fileList[0].response.info.md5; } else { entity.businessIdentityPhoto = null; } if (this.fileList1.length > 0) { entity.licencePhoto = this.fileList1[0].response.info.md5; } else { entity.licencePhoto = null; } this.commonDataSource.create(entity).subscribe(function (success) { _this.loadAll(); }); } else if (this.selectedOption === 'private') { entity = this.validateForm1.value; // entity.communityId = this.id; entity.communityGroupId = this.communityGroupId; delete entity.type; if (this.fileList2.length > 0) { entity.idCardFrountPic = this.fileList2[0].response.info.md5; } else { entity.idCardFrountPic = null; } if (this.fileList3.length > 0) { entity.idCardReversedPic = this.fileList3[0].response.info.md5; } else { entity.idCardReversedPic = null; } if (this.fileList4.length > 0) { entity.bankCardPic = this.fileList4[0].response.info.md5; } else { entity.bankCardPic = null; } this.privateDataSource.create(entity).subscribe(function (success) { _this.loadAll(); }); } }; GroupInfoBankComponent.decorators = [ { type: core_1.Component, args: [{ selector: 'zx-group-info-bank', template: "<zx-content-block><nz-card nzNoHovering nzBordered=\"false\"><ng-template #title><h4>\u7ED1\u5B9A\u94F6\u884C\u8D26\u6237</h4></ng-template><ng-template #extra><div class=\"extra\"><span *ngIf=\"!isEdit\"><i class=\"anticon anticon-edit\"></i> <a (click)=\"isEdit = !isEdit\">\u7533\u8BF7\u53D8\u66F4</a> </span><span *ngIf=\"isEdit\"><span><i class=\"anticon anticon-save\"></i> <a (click)=\"isEdit = !isEdit;onSave()\">\u4FDD\u5B58</a> </span><span><i class=\"anticon anticon-reload\"></i> <a (click)=\"isEdit = !isEdit\">\u53D6\u6D88</a></span></span></div></ng-template><ng-template #body><p>\u8BBE\u7F6E\u94F6\u884C\u8D26\u6237\u901A\u8FC7\u5BA1\u6838\u540E\uFF0C\u4E0D\u53EF\u968F\u610F\u66F4\u6539\uFF0C\u5982\u9700\u53D8\u66F4\u9700\u63D0\u4EA4\u53D8\u66F4\u7533\u8BF7\u3002</p><div class=\"bank-info\"><form nz-form [formGroup]=\"validateForm\" class=\"ant-advanced-search-form\" *ngIf=\"selectedOption === 'common'\"><h3>\u4F01\u4E1A\u8D44\u6599</h3><div nz-row><div nz-col [nzSpan]=\"8\"><div nz-form-item nz-row><div nz-form-label nz-col [nzSpan]=\"5\"><label>\u4E3B\u4F53\u7C7B\u578B</label></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"isEdit\"><nz-select [(ngModel)]=\"selectedOption\" [nzPlaceHolder]=\"'\u8BF7\u9009\u62E9\u4E3B\u4F53\u7C7B\u578B'\" formControlName=\"type\"><nz-option [nzLabel]=\"'\u4F01\u4E1A'\" [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>\u8425\u4E1A\u6267\u7167\u7F16\u53F7</label></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"isEdit\"><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'\u8BF7\u8F93\u5165\u8425\u4E1A\u6267\u7167\u7F16\u53F7'\" 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>\u4F01\u4E1A\u540D\u79F0</label></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"isEdit\"><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'\u8BF7\u8F93\u5165\u4F01\u4E1A\u540D\u79F0'\" 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>\u7A0E\u52A1\u767B\u8BB0\u8BC1\u53F7</label></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"isEdit\"><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'\u8BF7\u8F93\u5165\u7A0E\u52A1\u767B\u8BB0\u8BC1\u53F7'\" 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>\u6CD5\u4EBA\u59D3\u540D</label></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"isEdit\"><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'\u8BF7\u8F93\u5165\u6CD5\u4EBA\u59D3\u540D'\" 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>\u6CD5\u4EBA\u8EAB\u4EFD\u8BC1\u53F7</label></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"isEdit\"><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'\u8BF7\u8F93\u5165\u6CD5\u4EBA\u8EAB\u4EFD\u8BC1\u53F7'\" formControlName=\"legalIdentityCardNo\"></nz-input></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"!isEdit\"><span>{{data.legalIdentityCardNo}}</span></div></div></div></div><h3>\u94F6\u884C\u8D26\u6237</h3><div nz-row><div nz-col [nzSpan]=\"8\"><div nz-form-item nz-row><div nz-form-label nz-col [nzSpan]=\"5\"><label>\u5F00\u6237\u94F6\u884C</label></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"isEdit\"><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'\u8BF7\u8F93\u5165\u5F00\u6237\u94F6\u884C'\" 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>\u94F6\u884C\u8D26\u6237</label></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"isEdit\"><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'\u8BF7\u8F93\u5165\u94F6\u884C\u8D26\u6237'\" 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>\u5F00\u6237\u884C\u6240\u5728\u5730</label></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"isEdit\"><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'\u8BF7\u8F93\u5165\u5F00\u6237\u94F6\u884C\u7701\u4EFD'\" formControlName=\"address_province\" style=\"width: 48%; float:left\"></nz-input><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'\u8BF7\u8F93\u5165\u5F00\u6237\u94F6\u884C\u57CE\u5E02'\" 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>\u94F6\u884C\u5F00\u6237\u540D\u79F0</label></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"isEdit\"><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'\u8BF7\u8F93\u5165\u94F6\u884C\u5F00\u6237\u540D\u79F0'\" formControlName=\"accountName\"></nz-input></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"!isEdit\"><span>{{data.accountName}}</span></div></div></div></div><h3>\u9644\u4EF6\u8D44\u6599</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\">\u8425\u4E1A\u6267\u7167</div></nz-upload><div class=\"photo-title\" *ngIf=\"fileList.length === 1\">\u8425\u4E1A\u6267\u7167</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\">\u5F00\u6237\u8BB8\u53EF\u8BC1</div></nz-upload><div class=\"photo-title\" *ngIf=\"fileList1.length === 1\">\u5F00\u6237\u8BB8\u53EF\u8BC1</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>\u4E2A\u4EBA\u8D44\u6599</h3><div nz-row><div nz-col [nzSpan]=\"8\"><div nz-form-item nz-row><div nz-form-label nz-col [nzSpan]=\"5\"><label>\u4E3B\u4F53\u7C7B\u578B</label></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"isEdit\"><nz-select [(ngModel)]=\"selectedOption\" [nzPlaceHolder]=\"'\u8BF7\u9009\u62E9\u4E3B\u4F53\u7C7B\u578B'\" formControlName=\"type\"><nz-option [nzLabel]=\"'\u4F01\u4E1A'\" [nzValue]=\"'common'\"></nz-option><nz-option [nzLabel]=\"'\u4E2A\u4EBA'\" [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>\u7BA1\u7406\u5458\u59D3\u540D</label></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"isEdit\"><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'\u8BF7\u8F93\u5165\u7BA1\u7406\u5458\u59D3\u540D'\" 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>\u7BA1\u7406\u5458\u8EAB\u4EFD\u8BC1\u53F7\u7801</label></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"isEdit\"><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'\u8BF7\u8F93\u5165\u7BA1\u7406\u5458\u8EAB\u4EFD\u8BC1\u53F7\u7801'\" formControlName=\"administratorIdentityNo\"></nz-input></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"!isEdit\"><span>{{data.administratorIdentityNo}}</span></div></div></div></div><h3>\u94F6\u884C\u8D26\u6237</h3><div nz-row><div nz-col [nzSpan]=\"8\"><div nz-form-item nz-row><div nz-form-label nz-col [nzSpan]=\"5\"><label>\u5F00\u6237\u94F6\u884C</label></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"isEdit\"><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'\u8BF7\u8F93\u5165\u5F00\u6237\u94F6\u884C'\" 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>\u94F6\u884C\u8D26\u6237</label></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"isEdit\"><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'\u8BF7\u8F93\u5165\u94F6\u884C\u8D26\u6237'\" 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>\u5F00\u6237\u884C\u6240\u5728\u5730</label></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"isEdit\"><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'\u8BF7\u8F93\u5165\u5F00\u6237\u94F6\u884C\u7701\u4EFD'\" formControlName=\"address_province\" style=\"width: 48%;float:left\"></nz-input><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'\u8BF7\u8F93\u5165\u5F00\u6237\u94F6\u884C\u57CE\u5E02'\" 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>\u5F00\u6237\u4EBA\u59D3\u540D</label></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"isEdit\"><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'\u8BF7\u8F93\u5165\u5F00\u6237\u4EBA\u59D3\u540D'\" formControlName=\"accountName\"></nz-input></div><div nz-form-control nz-col [nzSpan]=\"19\" *ngIf=\"!isEdit\"><span>{{data.accountName}}</span></div></div></div></div><h3>\u9644\u4EF6\u8D44\u6599</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\">\u8EAB\u4EFD\u8BC1\u6B63\u9762\u7167\u7247</div></nz-upload><div class=\"photo-title\" *ngIf=\"fileList2.length === 1\">\u8EAB\u4EFD\u8BC1\u6B63\u9762\u7167\u7247</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\">\u8EAB\u4EFD\u8BC1\u53CD\u9762\u7167\u7247</div></nz-upload><div class=\"photo-title\" *ngIf=\"fileList3.length === 1\">\u8EAB\u4EFD\u8BC1\u53CD\u9762\u7167\u7247</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\">\u94F6\u884C\u5361</div></nz-upload><div class=\"photo-title\" *ngIf=\"fileList4.length === 1\">\u94F6\u884C\u5361</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 " ] },] }, ]; /** @nocollapse */ GroupInfoBankComponent.ctorParameters = function () { return [ { type: forms_1.FormBuilder, }, { type: ngx_webapp_fx_1.CoreConfigService, }, { type: ngx_webapp_fx_1.AuthServerProvider, }, { type: data_source_helper_1.DataSourceHelper, }, { type: router_1.ActivatedRoute, }, { type: ngx_webapp_fx_1.AppSettingService, }, { type: ngx_webapp_fx_1.UserStorageService, }, ]; }; return GroupInfoBankComponent; }()); exports.GroupInfoBankComponent = GroupInfoBankComponent; //# sourceMappingURL=group-info-bank.component.js.map