[{"__symbolic":"module","version":4,"metadata":{"NavDetailComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"zx-nav-detail","template":"<zx-header-block [title]=\"'导航详情'\" [showBottomLine]=\"false\" [showBreadcrumb]=\"true\" [breadcrumbAppendings]=\"['详情']\"><p>查看和设置基本信息、数据整理等</p></zx-header-block><zx-nav-detail-data-arrange></zx-nav-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 | dictConvert:'SYS_RESOURCE_TYPE' | async}}</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.name}}</span></div><div nz-form-control nz-col [nzSpan]=\"20\" nzHasFeedback *ngIf=\"isEdit\"><nz-input formControlName=\"pathName\" [nzSize]=\"'large'\" [nzPlaceHolder]=\"'请输入应用编码'\"><ng-template #addOnBefore>{{data.name.substring(0,data.name.lastIndexOf(\".\")+1)}}</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 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\" [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\" *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><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%;\"><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><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: 4 }\" [nzPlaceHolder]=\"'请输入备注'\"></nz-input></div></div></div></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:16px;\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            height: 48px;\n            min-width: 48px;\n            display:block;\n        }\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        "]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":65,"character":20},{"__symbolic":"reference","module":"../../service/data-source.helper","name":"DataSourceHelper","line":66,"character":34},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":67,"character":31},{"__symbolic":"reference","module":"@wjya/ngx-webapp-fx","name":"UploadPhotoHelper","line":68,"character":34}]}],"ngOnInit":[{"__symbolic":"method"}],"loadAll":[{"__symbolic":"method"}],"getFormControl":[{"__symbolic":"method"}],"onSave":[{"__symbolic":"method"}]}}}}]