@wjya/ngx-webapp-icpc.group.pms/src/open-account/property-company/register/register.component.metadata.json

angular webapp : icpc.group.pms

[{"__symbolic":"module","version":4,"metadata":{"RegisterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"zx-register","template":"<form nz-form [formGroup]=\"validateForm\"><div class=\"title\">{{registerType === 'propertyCompany' ? '集团信息' : '城市合伙人信息'}}</div><div nz-form-item nz-row><div nz-form-label nz-col><label nz-form-item-required>企业名称</label></div><div nz-col nz-form-control nzHasFeedback><nz-input formControlName=\"name\" [nzPlaceHolder]=\"'请填写企业名称'\" [nzSize]=\"'large'\"></nz-input><div nz-form-explain *ngIf=\"getFormControl('name').dirty&&getFormControl('name').hasError('required')\">企业名称是必填的</div><span class=\"tip\">请在输入框填写企业全称</span></div></div><div nz-form-item nz-row><div nz-form-label nz-col><label>企业logo</label></div><div nz-col nz-form-control nzHasFeedback class=\"logo\"><nz-upload [nzAction]=\"'/base/api/_public/picture/upload'\" nzListType=\"picture-card\" [(nzFileList)]=\"fileList\" [nzShowButton]=\"fileList.length < 1\" [nzPreview]=\"handlePreview\" (nzChange)=\"getLogoStatus($event)\" [nzRemove]=\"removeLogoPhoto\"><i class=\"anticon anticon-plus\"></i></nz-upload><div class=\"tip\">请上传尺寸为200px*48px的企业logo，logo右侧文字推荐使用白色</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><div nz-form-item nz-row><div nz-form-label nz-col><label>企业图标</label></div><div nz-col nz-form-control nzHasFeedback class=\"icon\"><nz-upload [nzAction]=\"'/base/api/_public/picture/upload'\" nzListType=\"picture-card\" [(nzFileList)]=\"fileList1\" [nzShowButton]=\"fileList1.length < 1\" [nzPreview]=\"handlePreview\" (nzChange)=\"getIconStatus($event)\" [nzRemove]=\"removeIconPhoto\"><i class=\"anticon anticon-plus\"></i></nz-upload><div class=\"tip\">请上传尺寸为48px*48px的企业图标</div></div></div><div class=\"br\"></div><div class=\"title\">登陆账号</div><div nz-form-item nz-row><div nz-form-label nz-col><label nz-form-item-required>企业账号</label></div><div nz-col nz-form-control nzHasFeedback><nz-input formControlName=\"account\" [nzPlaceHolder]=\"'请填写登陆账号'\" [nzSize]=\"'large'\" (ngModelChange)=\"accountError = 'hidden'\"></nz-input><div nz-form-explain *ngIf=\"getFormControl('account').dirty&&getFormControl('account').hasError('required')\">企业账号是必填的</div><div nz-form-explain *ngIf=\"getFormControl('account').dirty&&getFormControl('account').hasError('confirm')\">账号格式错误，请填写正确格式</div><div nz-form-explain *ngIf=\"getFormControl('account').dirty&&getFormControl('account').hasError('length')\">账号长度不足8位</div><div nz-form-explain *ngIf=\"accountError === 'show'\" style=\"color: #f04134\">账号已经存在</div><span class=\"tip\">账户必须由字母、数字组成，最短8位，区分大小写</span></div></div><div nz-form-item nz-row><div nz-form-label nz-col><label nz-form-item-required>登陆密码</label></div><div nz-col nz-form-control nzHasFeedback><nz-input formControlName=\"password\" [nzPlaceHolder]=\"'请填写登陆密码'\" [nzSize]=\"'large'\" [nzType]=\"'password'\"></nz-input><div nz-form-explain *ngIf=\"getFormControl('password').dirty&&getFormControl('password').hasError('required')\">确认密码是必填的</div><div nz-form-explain *ngIf=\"getFormControl('password').dirty&&getFormControl('password').hasError('confirm')\">密码格式错误，请填写正确格式</div><div nz-form-explain *ngIf=\"getFormControl('password').dirty&&getFormControl('password').hasError('length')\">密码长度不足8位</div><span class=\"tip\">登陆密码必须由字母、数字组成，最短8位，区分大小写</span></div></div><div nz-form-item nz-row><div nz-form-label nz-col><label nz-form-item-required>确认密码</label></div><div nz-col nz-form-control nzHasFeedback><nz-input formControlName=\"checkPassword\" [nzPlaceHolder]=\"'请输入确认密码'\" [nzSize]=\"'large'\" [nzType]=\"'password'\"></nz-input><div nz-form-explain *ngIf=\"getFormControl('checkPassword').dirty&&getFormControl('checkPassword').hasError('required')\">确认密码是必填的</div><div nz-form-explain *ngIf=\"getFormControl('checkPassword').dirty&&getFormControl('checkPassword').hasError('confirm')\">两次输入的密码不一致</div><span class=\"tip\">请在再次输入密码</span></div></div><div class=\"br\"></div><div class=\"title\">联系人信息</div><div nz-form-item nz-row><div nz-form-label nz-col><label nz-form-item-required>联系人姓名</label></div><div nz-col nz-form-control nzHasFeedback><nz-input formControlName=\"contactName\" [nzPlaceHolder]=\"'请填写管理员姓名'\" [nzSize]=\"'large'\"></nz-input><div nz-form-explain *ngIf=\"getFormControl('contactName').dirty&&getFormControl('contactName').hasError('required')\">管理员姓名是必填的</div><div nz-form-explain *ngIf=\"getFormControl('contactName').dirty&&getFormControl('contactName').hasError('length')\">管理员姓名长度超过8位</div><span class=\"tip\">最长8位</span></div></div><div nz-form-item nz-row><div nz-form-label nz-col><label nz-form-item-required>联系人手机</label></div><div nz-col nz-form-control><div style=\"width: calc(100% - 106px); display: inline-block; margin-right: 4px;\" nz-form-control nzHasFeedback><nz-input formControlName=\"contactPhone\" [nzPlaceHolder]=\"'请填写联系电话'\" [nzSize]=\"'large'\" [nzType]=\"'number'\"></nz-input></div><button nz-button [nzType]=\"'default'\" [nzSize]=\"'large'\" style=\"vertical-align: bottom;width: 102px\" [disabled]=\"isDisabled\" (click)=\"getVerifyCode()\"><span>{{number ? number : '获取验证码'}}</span></button><div nz-form-explain *ngIf=\"getFormControl('contactPhone').dirty&&getFormControl('contactPhone').hasError('required')\">联系人手机是必填的</div><div nz-form-explain *ngIf=\"getFormControl('contactPhone').dirty&&getFormControl('contactPhone').hasError('length')\">电话格式错误，请填写正确格式</div><span class=\"tip\">请输入11位手机号码</span></div></div><div nz-form-item nz-row><div nz-form-label nz-col><label nz-form-item-required>验证码</label></div><div nz-col nz-form-control><nz-input formControlName=\"verificationCode\" [nzPlaceHolder]=\"'请填写验证码'\" [nzSize]=\"'large'\" [nzType]=\"'number'\" (ngModelChange)=\"verificationCodeError = 'hidden'\"></nz-input><div nz-form-explain *ngIf=\"getFormControl('verificationCode').dirty&&getFormControl('verificationCode').hasError('required')\">验证码是必填的</div><div nz-form-explain *ngIf=\"verificationCodeError === 'show'\" style=\"color: #f04134\">验证码错误</div><div nz-form-explain *ngIf=\"getFormControl('verificationCode').dirty&&getFormControl('verificationCode').hasError('length')\">验证码应为6位数字</div><span class=\"tip\">请输入6位验证码</span></div></div><div class=\"br\"></div><div nz-row style=\"margin-bottom: 24px;\"><div nz-col nz-form-control><label nz-checkbox formControlName=\"checked\" nz-form-item-required><span style=\"vertical-align: middle\">我同意并遵守</span></label> <a style=\"vertical-align: middle\" (click)=\"readRegisterAgreement()\">《我家云智慧社区管理平台服务协议》</a></div></div><div nz-form-item nz-row><button nz-button class=\"login-form-button\" [nzType]=\"'primary'\" (click)=\"register(validateForm.value)\" [disabled]=\"!validateForm.valid\">{{registerType === 'propertyCompany' ? '注 册' : '提交申请'}}</button> <button nz-button class=\"login-form-button\" [nzType]=\"'default'\" (click)=\"back()\">返 回</button></div></form><zx-register-agreement #registerAgreement></zx-register-agreement>","styles":["\n        :host .br {\n            height: 1px;\n            width: 100%;\n            margin: 30px 0;\n            border-top: 1px dashed #ddd;\n        }\n        :host ::ng-deep .ant-form-item-label{\n            width:100px;\n            float:left;\n        }\n        :host ::ng-deep .ant-form-item-control-wrapper{\n            width:500px;\n            float:left;\n        }\n        :host .title{\n            font-size: 16px;\n            font-weight: bold;\n            margin-bottom: 12px;\n        }\n        :host .tip{\n            color:#c0c0c0;\n        }\n        :host ::ng-deep .logo .ant-upload.ant-upload-select-picture-card{\n            width:200px;\n            height:48px;\n            line-height: 0px;\n        }\n        :host ::ng-deep .icon .ant-upload.ant-upload-select-picture-card{\n            width:48px;\n            height:48px;\n            line-height: 0px;\n        }\n        :host ::ng-deep .logo .ant-upload-list-picture-card .ant-upload-list-item{\n            float: none;\n            width: 218px;\n            height: 66px;\n        }\n        :host ::ng-deep .icon .ant-upload-list-picture-card .ant-upload-list-item{\n            float: none;\n            width: 66px;\n            height: 66px;\n        }\n        "]}]}],"members":{"next":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":61,"character":5}}]}],"registerAgreement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":62,"character":5},"arguments":["registerAgreement"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":84,"character":20},{"__symbolic":"reference","module":"../../service/data-source.helper","name":"DataSourceHelper","line":85,"character":34},{"__symbolic":"reference","module":"@wjya/ngx-webapp-fx","name":"AuthServerProvider","line":86,"character":36},{"__symbolic":"reference","module":"@wjya/ngx-webapp-fx","name":"LoginService","line":87,"character":30},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":88,"character":24},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":89,"character":32}]}],"getFormControl":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"handleCancel":[{"__symbolic":"method"}],"resetForm":[{"__symbolic":"method"}],"register":[{"__symbolic":"method"}],"getAuthToken":[{"__symbolic":"method"}],"getLogoStatus":[{"__symbolic":"method"}],"getIconStatus":[{"__symbolic":"method"}],"getVerifyCode":[{"__symbolic":"method"}],"readRegisterAgreement":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"back":[{"__symbolic":"method"}]}}}}]