@wjya/ngx-webapp-icpc.group.pms/src/pms/group/wechat/wechat-menu/wechat-menu.component.metadata.json

angular webapp : icpc.group.pms

[{"__symbolic":"module","version":4,"metadata":{"WechatMenuComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"zx-wechat-menu","template":"<zx-header-block [title]=\"'公众号菜单设置'\" [showBottomLine]=\"false\" [showBreadcrumb]=\"true\" [breadcrumbAppendings]=\"['公众号菜单设置']\"><p>管理社区公众号菜单</p></zx-header-block><zx-content-block><ng-template #content><div nz-row><div nz-col [nzSpan]=\"6\" class=\"wechat-menu\"><div class=\"menu-footer\"><span class=\"icon\"></span><ul class=\"nav-box\"><li *ngFor=\"let item of data\" (mouseenter)=\"item.removeShow = true\" (mouseleave)=\"item.removeShow = false\" [ngStyle]=\"{'background-color':itemId === item.id ? 'rgba(86,180,239,.2)' : '' }\"><span (click)=\"dialog(item)\">{{item.name}}</span><dl class=\"nav\"><dd class=\"plus\" (click)=\"insert(item)\" (mouseenter)=\"item.removeShow = false\" *ngIf=\"item.children.length < 5\">+</dd><dd *ngFor=\"let node of item.children\" (mouseenter)=\"node.removeShow = true; item.removeShow = false\" (mouseleave)=\"node.removeShow = false\" [ngStyle]=\"{'background-color':itemId === node.id ? 'rgba(86,180,239,.2)' : '' }\"><span (click)=\"dialog(node)\" style=\"display: inline-block;width: 100%;\">{{node.name}}</span> <i class=\"remove\" *ngIf=\"node.removeShow === true\" (click)=\"delete(node)\">x</i></dd></dl><i class=\"remove\" *ngIf=\"item.removeShow === true\" (click)=\"delete(item)\">x</i></li><li *ngIf=\"data.length < 3\"><span class=\"plus\" (click)=\"insert(data)\">+</span></li></ul></div></div><div nz-col [nzSpan]=\"18\"><div class=\"content-box\"><div class=\"content-title\"><div>设置</div><div><button nz-button [nzType]=\"'primary'\" [nzSize]=\"'large'\" (click)=\"pullFromWeixin()\"><span>获取菜单</span></button> <button nz-button [nzType]=\"'primary'\" [nzSize]=\"'large'\" (click)=\"pushToWeixin()\"><span>保存到微信</span></button></div></div><div class=\"content-body\" *ngIf=\"itemId\"><div nz-row class=\"row\"><div nz-col [nzSpan]=\"2\"><span>菜单标题：</span></div><div nz-col [nzSpan]=\"12\"><nz-input [(ngModel)]=\"item.name\" [nzPlaceHolder]=\"'请输入菜单标题'\" [nzSize]=\"'large'\"></nz-input></div></div><div nz-row class=\"row\" *ngIf=\"item.level === 1 || item.children.length === 0\"><div nz-col [nzSpan]=\"2\"><span>菜单类型：</span></div><div nz-col [nzSpan]=\"12\" style=\"height: 32px;line-height: 32px;\"><nz-checkable-tag *ngFor=\"let menuType of officeMenuType\" [nzChecked]=\"selectedTags.indexOf(menuType.value) > -1\" (nzChange)=\"handleChange($event, menuType.value)\">{{menuType.text}}</nz-checkable-tag></div></div><div nz-row class=\"row\" *ngIf=\"item.level === 1 || item.children.length === 0\" [ngStyle]=\"{'padding':selectedTags[0] === 'article' || selectedTags[0] === 'media_id' ? '20px 0' : '30px 0' }\"><div nz-col [nzSpan]=\"2\" *ngIf=\"selectedTags[0] !== 'article' && selectedTags[0] !== 'media_id'\"><span>菜单内容：</span></div><div nz-col [nzSpan]=\"12\" *ngIf=\"selectedTags[0] !== 'article' && selectedTags[0] !== 'media_id'\"><nz-input [(ngModel)]=\"item.data.url\" [nzType]=\"'textarea'\" [nzRows]=\"'4'\" [nzPlaceHolder]=\"'请输入链接'\" *ngIf=\"selectedTags[0] == 'view'\"></nz-input><nz-select [(ngModel)]=\"item.data.name\" [nzSize]=\"'large'\" [nzPlaceHolder]=\"'请选择功能'\" nzAllowClear style=\"width: 100%\" *ngIf=\"selectedTags[0] == 'module'\"><nz-option *ngFor=\"let option of funcOptions.children\" [nzLabel]=\"option.label\" [nzValue]=\"option.name\"></nz-option></nz-select><nz-select [(ngModel)]=\"item.data.tinyAppCode\" [nzSize]=\"'large'\" [nzPlaceHolder]=\"'请选择小程序'\" nzAllowClear style=\"width: 100%\" *ngIf=\"selectedTags[0] == 'miniprogram'\" (ngModelChange)=\"changeTinyApp(item.data.tinyAppCode)\"><nz-option *ngFor=\"let option of tinyApps\" [nzLabel]=\"option.name\" [nzValue]=\"option.templateCode\"></nz-option></nz-select></div><div style=\"overflow: hidden;width: 100%;padding-top: 20px;\" *ngIf=\"selectedTags[0] == 'miniprogram'\"><div nz-col [nzSpan]=\"2\" style=\"width: 90px;\"><span style=\"height: 32px;line-height: 32px;margin-left: 12px;\">菜单功能：</span></div><div nz-col [nzSpan]=\"12\"><nz-select [(ngModel)]=\"item.data.page\" [nzSize]=\"'large'\" [nzPlaceHolder]=\"'请选择小程序菜单'\" nzAllowClear style=\"width: 100%\"><nz-option *ngFor=\"let option of tinyappOptions\" [nzLabel]=\"option.label\" [nzValue]=\"option.name\" [nzDisabled]=\"option.disabled\"><ng-template #nzOptionTemplate><span [ngStyle]=\"{'padding-left': 30 * option.level + 'px'}\">{{option.label}}</span></ng-template></nz-option></nz-select></div></div><div nz-col [nzSpan]=\"24\" *ngIf=\"selectedTags[0] === 'article'\" class=\"article\"><div><div><nz-input [(ngModel)]=\"newItem.title\" [nzPlaceHolder]=\"'请在这里输入标题'\" [nzSize]=\"'large'\"></nz-input><nz-input [(ngModel)]=\"newItem.source\" [nzPlaceHolder]=\"'请输入作者'\" [nzSize]=\"'small'\"></nz-input><div></div><zx-xeditor [(ngModel)]=\"newItem.descript\" [autoEncodeHtml]=\"true\" [placeholder]=\"'从这里开始写正文'\" [style]=\"{height:'350px'}\"></zx-xeditor></div></div></div><div *ngIf=\"selectedTags[0] === 'media_id'\" style=\"width: 100%;\"><div nz-col [nzSpan]=\"6\" *ngFor=\"let item of mediaData\" class=\"wechart-media\" (click)=\"item.checked = !item.checked;mediaChecked(item)\"><ng-container *ngFor=\"let node of item.content.news_item\"><div><img [src]=\"node.thumb_url\" [alt]=\"node.title\"> <span>{{node.title}}</span></div></ng-container><label nz-checkbox [(ngModel)]=\"item.checked\" (click)=\"item.checked = !item.checked;mediaChecked(item)\"></label></div></div></div><div nz-row class=\"row\"><div nz-col [nzSpan]=\"24\"><button nz-button [nzType]=\"'primary'\" [nzSize]=\"'large'\" (click)=\"dataSave(item)\" [disabled]=\"buttonStatus\"><span>保 存</span></button></div></div></div></div></div></div></ng-template></zx-content-block><zx-wechat-menu-dialog #wechatMenuDialog (clickSave)=\"onSave()\"></zx-wechat-menu-dialog>","styles":[":host .wechat-menu{background:url(assets/images/wxmenu.png) no-repeat;background-size:100% 100%;height:720px}:host .menu-footer{width:91%;height:50px;margin:0 auto;border-top:2px solid #ddd;position:absolute;top:593px;left:4.5%}:host .icon{display:block;float:left;width:60px;height:48px;background:url(assets/images/showmenu_icon.png) no-repeat;background-size:90% 100%;border-right:1px solid #ddd}:host .nav-box{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;margin:0;padding:0;list-style:none}:host .nav-box>li{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border-right:1px solid #ddd;cursor:pointer}:host .nav-box>li:last-child{border:0}:host .nav-box>li>span,:host .nav>dd{width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .nav-box>li>span{display:block;height:48px;color:#666;font-size:14px;line-height:48px}:host .nav>dd{line-height:45px;border-bottom:1px solid #ddd;cursor:pointer;position:relative}:host .nav{width:94%;position:absolute;z-index:9;bottom:58px;left:50%;margin-left:-47%;background:#f8f8f8;border:1px solid #bbb;border-radius:5px;-webkit-box-shadow:inset 0 0 3px #fff;box-shadow:inset 0 0 3px #fff;background-size:100%}:host .nav:after,:host .nav:before{top:100%;left:50%;border:solid transparent;content:\"\";height:0;width:0;position:absolute;pointer-events:none}:host .nav:after{border-color:#ccc transparent transparent;border-width:11px;margin-left:-11px;margin-bottom:5px;z-index:999}:host .nav:before{border-color:#f8f8f8 transparent transparent;border-width:10px;margin-left:-10px;margin-top:-1px;z-index:1000}:host .content-box{min-height:720px;border:1px solid #ddd;margin-left:20px}:host .content-title{border-bottom:1px solid #ddd;padding:10px;overflow:hidden}:host .content-title>div:nth-child(1){float:left;font-size:16px;line-height:32px}:host .content-title>div:nth-child(2){float:right}:host .plus{font-size:20px!important;line-height:42px!important;cursor:pointer;height:45px}:host .row{margin:0 20px;padding:30px 0;border-bottom:1px dotted #ccc}:host .row:last-child{border-bottom:none}:host .row>div>span{height:32px;line-height:32px;margin-left:12px}:host .row>div:nth-child(1){width:90px}:host .row>div:nth-child(2)>a{margin-right:10px}:host .remove{position:absolute;top:0;right:0;font-style:normal;width:20px;display:inline-block;text-align:center;line-height:normal}:host .article{width:100%!important;height:600px;border:1px solid #ccc}:host ::ng-deep .article zx-xeditor .ql-toolbar{border:0;border-bottom:1px solid #ccc}:host ::ng-deep .article nz-input input,:host ::ng-deep .article zx-xeditor .ql-container{border:0}:host ::ng-deep .article nz-input:nth-child(1),:host ::ng-deep .article nz-input:nth-child(2){padding:5px 10px}:host ::ng-deep .article nz-input:nth-child(1) input{font-size:20px!important}:host ::ng-deep .article nz-input input:focus{-webkit-box-shadow:none;box-shadow:none}:host .article>div>div:nth-child(1)>div{border:.5px dashed #ccc;margin:10px 16px}:host .wechart-media{width:calc(25% - 24px)!important;margin:12px;border:1px solid #ccc;border-bottom:0}:host .wechart-media>div{border-bottom:1px solid #ccc;position:relative}:host .wechart-media>div:nth-child(1){height:160px}:host .wechart-media>div:nth-child(n+2){height:70px;text-align:right}:host .wechart-media>div:nth-child(1)>img{width:100%;height:100%;padding:12px}:host .wechart-media>div:nth-child(n+2)>img{width:50px;height:50px;margin:10px}:host .wechart-media>div:nth-child(1)>span{position:absolute;bottom:12px;left:12px}:host .wechart-media>div:nth-child(n+2)>span{position:absolute;left:12px;top:25px}:host ::ng-deep .wechart-media .ant-checkbox-wrapper{position:absolute;right:12px;top:4px}"]}]}],"members":{"wechatMenuDialog":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":16,"character":5},"arguments":["wechatMenuDialog"]}]}],"outerLink":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":17,"character":5},"arguments":["outerLink"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ng-zorro-antd","name":"NzModalService","line":40,"character":29},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":41,"character":31},{"__symbolic":"reference","module":"../../../service/data-source.helper","name":"DataSourceHelper","line":42,"character":34},{"__symbolic":"reference","module":"@wjya/ngx-webapp-fx","name":"DataDictService","line":43,"character":33},{"__symbolic":"reference","module":"ng-zorro-antd","name":"NzMessageService","line":44,"character":26},{"__symbolic":"reference","module":"@wjya/ngx-webapp-fx","name":"UserStorageService","line":45,"character":36}]}],"ngOnInit":[{"__symbolic":"method"}],"loadAll":[{"__symbolic":"method"}],"loadMedia":[{"__symbolic":"method"}],"loadNavTree":[{"__symbolic":"method"}],"loadOfficalsTinyApps":[{"__symbolic":"method"}],"changeTinyApp":[{"__symbolic":"method"}],"setWechatMenuId":[{"__symbolic":"method"}],"tree2Paint":[{"__symbolic":"method"}],"dialog":[{"__symbolic":"method"}],"insert":[{"__symbolic":"method"}],"delete":[{"__symbolic":"method"}],"onSave":[{"__symbolic":"method"}],"dataSave":[{"__symbolic":"method"}],"pullFromWeixin":[{"__symbolic":"method"}],"pushToWeixin":[{"__symbolic":"method"}],"handleChange":[{"__symbolic":"method"}],"dialogMedia":[{"__symbolic":"method"}],"mediaChecked":[{"__symbolic":"method"}]}}}}]