@wjya/ngx-webapp-icpc.group.pms
Version:
angular webapp : icpc.group.pms
253 lines • 25 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var community_detail_bank_private_model_1 = require("./community-detail-bank-private.model");
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_common_model_1 = require("./community-detail-bank-common.model");
var CommunityDetailBankComponent = /** @class */ (function () {
function CommunityDetailBankComponent(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.communityAccount;
this.commonDataSource = dataSourceHelper.commonAccountSave;
this.privateDataSource = dataSourceHelper.privateAccountSave;
this.id = this.activateRoute.snapshot.params['id'];
this.communityGroupId = this.userStorageService.getCurrentOffice().id;
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],
});
}
CommunityDetailBankComponent.prototype.ngOnInit = function () {
this.loadAll();
};
CommunityDetailBankComponent.prototype.loadAll = function () {
var _this = this;
this.dataSource.findList({
communityId: this.id
}).subscribe(function (res) {
_this.data = res.body;
if (res.headers.get('type') === 'common') {
_this.fileList = [];
_this.fileList1 = [];
_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.fileList2 = [];
_this.fileList3 = [];
_this.fileList4 = [];
_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(CommunityDetailBankComponent.prototype, "uploadUrl", {
get: function () {
return this.config.apiUrls.uploadPic;
},
enumerable: true,
configurable: true
});
CommunityDetailBankComponent.prototype.getAuthToken = function () {
return this.authServerProvider.getToken();
};
CommunityDetailBankComponent.prototype.formateType = function (type) {
if (type === 'common') {
return '企业';
}
else if (type === 'private') {
return '个人';
}
};
CommunityDetailBankComponent.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();
});
}
};
CommunityDetailBankComponent.decorators = [
{ type: core_1.Component, args: [{
selector: 'zx-community-detail-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-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>\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 */
CommunityDetailBankComponent.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 CommunityDetailBankComponent;
}());
exports.CommunityDetailBankComponent = CommunityDetailBankComponent;
//# sourceMappingURL=community-detail-bank.component.js.map