[{"__symbolic":"module","version":4,"metadata":{"AppManageDetailComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"zx-app-manage-detail","template":"<zx-header-block [title]=\"data.resourceType=='APPLICATION_SET'?'应用分组详情':'应用详情'\" [showBottomLine]=\"false\" [showBreadcrumb]=\"true\" [breadcrumbAppendings]=\"['详情']\"><p>查看和设置基本信息、数据整理等</p></zx-header-block><zx-app-detail-data-arrange></zx-app-detail-data-arrange><zx-content-block><nz-card nzNoHovering nzBordered=\"false\"><ng-template #title><h4>基本信息</h4></ng-template><ng-template #extra><div *ngIf=\"!isEdit\" class=\"extra\"><span><i class=\"anticon anticon-edit\"></i> <a (click)=\"isEdit = !isEdit\">修改</a></span></div><div *ngIf=\"isEdit\" class=\"extra\"><span><i class=\"anticon anticon-save\"></i> <a (click)=\"onSave()\">保存</a> </span><span><i class=\"anticon anticon-reload\"></i> <a (click)=\"isEdit = !isEdit\">取消</a></span></div></ng-template><ng-template #body><div nz-row><form nz-form [formGroup]=\"validateForm\" class=\"ant-advanced-search-form\"><div nz-col [nzSpan]=\"8\"><div nz-row><div nz-col [nzSpan]=\"24\"><div nz-form-item nz-row><div nz-form-label nz-col [nzSpan]=\"4\"><label>资源类型</label></div><div nz-form-control nz-col [nzSpan]=\"20\"><span>{{data.resourceType}}</span></div></div></div></div><div nz-row><div nz-col [nzSpan]=\"24\"><div nz-form-item nz-row><div nz-form-label nz-col [nzSpan]=\"4\"><label nz-form-item-required>序号</label></div><div nz-form-control nz-col [nzSpan]=\"20\" *ngIf=\"!isEdit\"><span>{{data.seq}}</span></div><div nz-form-control nz-col [nzSpan]=\"20\" *ngIf=\"isEdit\"><nz-input-number formControlName=\"seq\" [nzStep]=\"1\"></nz-input-number></div></div></div></div><div nz-row><div nz-col [nzSpan]=\"24\"><div nz-form-item nz-row><div nz-form-label nz-col [nzSpan]=\"4\"><label nz-form-item-required>编码</label></div><div nz-form-control nz-col [nzSpan]=\"20\" *ngIf=\"!isEdit\"><span>{{data.pathName}}</span></div><div nz-form-control nz-col [nzSpan]=\"20\" nzHasFeedback *ngIf=\"isEdit\"><nz-input formControlName=\"pathName\" [nzSize]=\"'large'\" [nzPlaceHolder]=\"'请输入应用编码'\"></nz-input></div></div></div></div><div nz-row><div nz-col [nzSpan]=\"24\"><div nz-form-item nz-row><div nz-form-label nz-col [nzSpan]=\"4\"><label nz-form-item-required>名称</label></div><div nz-form-control nz-col [nzSpan]=\"20\" *ngIf=\"!isEdit\"><span>{{data.label}}</span></div><div nz-form-control nz-col [nzSpan]=\"20\" nzHasFeedback *ngIf=\"isEdit\"><nz-input formControlName=\"label\" [nzSize]=\"'large'\" [nzPlaceHolder]=\"'请输入应用名称'\"></nz-input></div></div></div></div><div nz-row><div nz-col [nzSpan]=\"24\"><div nz-form-item nz-row><div nz-form-label nz-col [nzSpan]=\"4\"><label>名称</label></div><div nz-form-control nz-col [nzSpan]=\"20\" *ngIf=\"!isEdit\"><span>{{data.fullDisplayName}}</span></div><div nz-form-control nz-col [nzSpan]=\"20\" nzHasFeedback *ngIf=\"isEdit\"><nz-input formControlName=\"fullDisplayName\" [nzSize]=\"'large'\" [nzPlaceHolder]=\"'请输入完整标题名称'\"></nz-input></div></div></div></div><div nz-row><div nz-col [nzSpan]=\"24\"><div nz-form-item nz-row><div nz-form-label nz-col [nzSpan]=\"4\"><label>样式图标</label></div><div nz-form-control nz-col [nzSpan]=\"20\" *ngIf=\"!isEdit\"><span><i [class]=\"data.icon||'anticon anticon-question-circle'\"></i> {{data.icon}}</span></div><div nz-form-control nz-col [nzSpan]=\"20\" nzHasFeedback *ngIf=\"isEdit\"><nz-input formControlName=\"icon\" [(ngModel)]=\"icon\" [nzSize]=\"'large'\"><ng-template #addOnBefore><i [class]=\"validateForm.value.icon||'anticon anticon-question-circle'\"></i></ng-template></nz-input></div></div></div></div><div nz-row><div nz-col [nzSpan]=\"24\"><div nz-form-item nz-row><div nz-form-label nz-col [nzSpan]=\"4\"><label>图形图标</label></div><div nz-form-control nz-col [nzSpan]=\"20\" *ngIf=\"!isEdit\"><div class=\"icon-photo\" nz-tooltip=\"默认图标\"><img *ngIf=\"data.iconPhoto\" [src]=\"uploadPhotoHelper.resolvePhotoUrl(data.iconPhoto)\"></div><div class=\"icon-photo\" nz-tooltip=\"替用图标\"><img *ngIf=\"data.iconPhotoWithBG\" [src]=\"uploadPhotoHelper.resolvePhotoUrl(data.iconPhotoWithBG)\"></div><div class=\"icon-photo\" nz-tooltip=\"消息图标\"><img *ngIf=\"data.iconPhotoForMessage\" [src]=\"uploadPhotoHelper.resolvePhotoUrl(data.iconPhotoForMessage)\"></div></div><div nz-form-control nz-col [nzSpan]=\"20\" nzHasFeedback *ngIf=\"isEdit\"><zx-photo-upload nz-tooltip=\"默认图标\" style=\"margin-right:10px;\" [uploadTextStyle]=\"{marginTop:'-3px'}\" zxWidth=\"70\" zxHeight=\"70\" formControlName=\"iconPhoto\" [zxSingleMode]=\"true\"></zx-photo-upload><zx-photo-upload nz-tooltip=\"替用图标\" style=\"margin-right:10px;\" [uploadTextStyle]=\"{marginTop:'-3px'}\" zxWidth=\"70\" zxHeight=\"70\" formControlName=\"iconPhotoWithBG\" [zxSingleMode]=\"true\"></zx-photo-upload><zx-photo-upload nz-tooltip=\"消息图标\" style=\"margin-right:10px;\" [uploadTextStyle]=\"{marginTop:'-3px'}\" zxWidth=\"70\" zxHeight=\"70\" formControlName=\"iconPhotoForMessage\" [zxSingleMode]=\"true\"></zx-photo-upload></div></div></div></div><div nz-row *ngIf=\"data.resourceType !== 'APPLICATION_SET'\"><div nz-col [nzSpan]=\"24\"><div nz-form-item nz-row><div nz-form-label nz-col [nzSpan]=\"4\"><label>链接地址</label></div><div nz-form-control nz-col [nzSpan]=\"20\" *ngIf=\"!isEdit\"><span>{{data.actionType?'[ '+data.actionType+' ] ':''}}{{data.action}}</span></div><div nz-form-control nz-col [nzSpan]=\"20\" *ngIf=\"isEdit\"><nz-input-group [nzSize]=\"'large'\" nzCompact><nz-select formControlName=\"actionType\" style=\"width: 20%;\" [nzDisabled]=\"true\"><nz-option [nzLabel]=\"'HREF'\" [nzValue]=\"'HREF'\"></nz-option><nz-option [nzLabel]=\"'SREF'\" [nzValue]=\"'SREF'\"></nz-option></nz-select><input placeholder=\"请输入链接地址\" style=\"width: 80%;\" nz-input formControlName=\"action\"></nz-input-group></div></div></div></div><div nz-row><div nz-col [nzSpan]=\"24\" *ngIf=\"data.resourceType !== 'APPLICATION_SET'\"><div nz-form-item nz-row><div nz-form-label nz-col [nzSpan]=\"4\"><label>目标窗口</label></div><div nz-form-control nz-col [nzSpan]=\"20\" *ngIf=\"!isEdit\"><span>{{data.actionTarget}}</span></div><div nz-form-control nz-col [nzSpan]=\"20\" nzHasFeedback *ngIf=\"isEdit\"><nz-input formControlName=\"actionTarget\" [nzSize]=\"'large'\" [nzPlaceHolder]=\"'请输入目标窗口'\"></nz-input></div></div></div></div></div><div nz-col [nzSpan]=\"8\"><div nz-row><div nz-col [nzSpan]=\"24\"><div nz-form-item nz-row><div nz-form-label nz-col [nzSpan]=\"4\"><label>是否可见</label></div><div nz-form-control nz-col [nzSpan]=\"20\" *ngIf=\"!isEdit\"><span>{{data.visible ? '可见': '不可见'}}</span></div><div nz-form-control nz-col [nzSpan]=\"20\" *ngIf=\"isEdit\"><label nz-checkbox formControlName=\"visible\"><span>设置为不可见后，将不会出现前端应用中</span></label></div></div></div></div><div nz-row *ngIf=\"data.resourceType == 'APPLICATION_SET'\"><div nz-col [nzSpan]=\"24\"><div nz-form-item nz-row><div nz-form-label nz-col [nzSpan]=\"4\"><label>应用等级</label></div><div nz-form-control nz-col [nzSpan]=\"20\" *ngIf=\"!isEdit\"><span>{{data.bindOfficeLevel}}</span></div><div nz-form-control nz-col [nzSpan]=\"20\" *ngIf=\"isEdit\"><nz-select formControlName=\"bindOfficeLevel\" [nzAllowClear]=\"true\" [nzSize]=\"'large'\" [nzPlaceHolder]=\"'请选择关联机构等级'\"><nz-option [nzLabel]=\"'平台版'\" [nzValue]=\"''\"></nz-option><nz-option [nzLabel]=\"'小区版'\" [nzValue]=\"'COMMUNITY'\"></nz-option><nz-option [nzLabel]=\"'区域版'\" [nzValue]=\"'BRANCH_REGION'\"></nz-option><nz-option [nzLabel]=\"'集团版'\" [nzValue]=\"'COMMUNITY_GROUP'\"></nz-option></nz-select></div></div></div></div><div nz-row><div nz-col [nzSpan]=\"24\"><div nz-form-item nz-row><div nz-form-label nz-col [nzSpan]=\"4\"><label>绑定权限</label></div><div nz-form-control nz-col [nzSpan]=\"20\" *ngIf=\"!isEdit\"><span>{{data.permits}}</span></div><div nz-form-control nz-col [nzSpan]=\"20\" *ngIf=\"isEdit\" class=\"plus\"><div><nz-input formControlName=\"permits\" [nzType]=\"'textarea'\" [nzAutosize]=\"{ minRows: 4, maxRows: 4 }\" nzPlaceHolder=\"请输入绑定的权限定义编码，使用','分隔多个权限项\"></nz-input></div><div><i class=\"anticon anticon-plus\"></i></div></div></div></div></div><div nz-row><div nz-col [nzSpan]=\"24\"><div nz-form-item nz-row><div nz-form-label nz-col [nzSpan]=\"4\"><label>备注</label></div><div nz-form-control nz-col [nzSpan]=\"20\" *ngIf=\"!isEdit\"><span>{{data.remarks}}</span></div><div nz-form-control nz-col [nzSpan]=\"20\" *ngIf=\"isEdit\" class=\"plus\"><nz-input formControlName=\"remarks\" [nzType]=\"'textarea'\" [nzAutosize]=\"{ minRows: 4, maxRows: 3 }\" [nzPlaceHolder]=\"'请输入备注'\"></nz-input></div></div></div></div></div></form></div></ng-template></nz-card></zx-content-block><zx-app-detail-nav-setting *ngIf=\"data.resourceType !== 'APPLICATION_SET'\"></zx-app-detail-nav-setting>","styles":["\n        :host .extra {\n            color: #108ee9;\n        }\n        :host .extra > span:nth-child(2) {\n            margin-left:16px;\n        }\n        :host ::ng-deep .ant-form-item-control textarea {\n            height: auto;\n        }\n        :host ::ng-deep .plus > div{\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n        :host ::ng-deep .plus > div > div:nth-child(1){\n            width:100%;\n        }\n        :host ::ng-deep .plus > div > div:nth-child(2){\n            padding: 12px;\n            border: 1px solid #d9d9d9;\n            height: 94px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n        :host .icon-photo-uploader {\n            display: inline-block;\n        }\n        :host .icon-photo-uploader .delete {\n            position: relative;\n            left: -22px;\n            top: -15px;\n            width: 0px;\n            height: 0px;\n            cursor: pointer;\n        }\n        :host .icon-photo-uploader .icon-photo {\n            cursor: pointer;\n        }\n        :host .icon-photo {\n            display: inline-block;\n            border: 1px dashed #d9d9d9;\n            border-radius: 6px;\n            margin-right: 10px;\n            padding: 10px;\n            height: 70px;\n            min-width:70px;\n            vertical-align: top;\n        }\n        :host .icon-photo img,\n        :host .icon-photo i {\n            height: 48px;\n            min-width: 48px;\n            display:block;\n        }\n        :host .icon-photo i {\n            width: 48px;\n            line-height: 48px;\n        }\n        "]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":83,"character":20},{"__symbolic":"reference","module":"../../service/data-source.helper","name":"DataSourceHelper","line":84,"character":34},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":85,"character":31},{"__symbolic":"reference","module":"@wjya/ngx-webapp-fx","name":"DataDictService","line":86,"character":33},{"__symbolic":"reference","module":"@wjya/ngx-webapp-fx","name":"UploadPhotoHelper","line":87,"character":34}]}],"ngOnInit":[{"__symbolic":"method"}],"loadAll":[{"__symbolic":"method"}],"getFormControl":[{"__symbolic":"method"}],"onSave":[{"__symbolic":"method"}]}}}}]