ttk-app-core
Version:
enterprise develop framework
773 lines (764 loc) • 68.6 kB
JavaScript
import moment from 'moment'
export function getMeta() {
return {
name: 'root',
component: '::div',
className: 'edfx-app-portal',
children: [
{
name: 'header',
component: 'Layout',
className: 'edfx-app-portal-header',
_visible: "{{data.fold =='zhankai'?true:false}}",
children: [
{
name: 'left',
component: 'Layout',
className: 'edfx-app-portal-header-left',
// _visible: '{{data.isShowMenu}}',
children: [
// {
// name: 'logo',
// component: '::img',
// className: 'edfx-app-portal-header-left-logo',
// src: '{{$getLogo()}}'
// },
{
name: 'siteName',
component: '::h1',
children: '智能财税'
}]
}, {
name: 'right',
component: 'Layout',
className: 'edfx-app-portal-header-right',
children: [{
name: 'common',
component: 'Popover',
overlayClassName: 'manageListPopover',
trigger: 'click',
visible: '{{data.visible}}',
onVisibleChange: '{{$handleVisibleChange}}',
style: { padding: '0px 10px' },
className: 'edfx-app-portal-header-right-menu',
placement: 'bottomLeft',
content: [
{
name: 'menu',
component: 'Menu',
children: [
{
name: 'itemSearch',
component: 'Input.Search',
style: { padding: '3px 5px', borderBottom: '1px solid rgb(228, 228, 228)' },
className: 'edfx-app-portal-header-right-menu-deptSearch',
placeholder: '搜索企业',
_visible: '{{data.manageList && data.manageList.length >= 8}}',
// onChange: `{{function(e){
// var list = []
// if(e.target.value == ''){
// list = data.manageList
// }else{
// data.manageList.forEach(function(listData){
// if(listData.name.indexOf(e.target.value) > -1){
// list.push(listData)
// }
// })
// };
// $manageListShow(list)
// }}}`
onChange: '{{function(e){$manageListShow(e.target.value)}}}'
}
]
},
{
name: 'menu',
component: 'Menu',
onClick: '{{$toggleManage}}',
children: {
name: 'item1',
component: 'Menu.Item',
style: { padding: '0px', paddingLeft: '8px', paddingRight: '8px', height: '36px', lineHeight: '36px', maxWith: '320px', fontSize: '14px' },
className: 'edfx-app-portal-header-right-menu-item1',
title: '{{data.manageListShow[_rowIndex].name}}',
disabled: '{{!!data.manageListShow[_rowIndex].disabled}}',
children: '{{data.manageListShow[_rowIndex].name}}',
key: '{{data.manageListShow[_rowIndex].name}}',
_power: 'for in data.manageListShow'
}
},
{
name: 'item2',
component: '::div',
style: { borderTop: '1px solid #e4e4e4', backgroundColor: '#F9F8FA' },
children: [
{
name: 'org3',
className: 'edfx-app-portal-header-right-org-popover-icon',
component: 'Button',
onClick: "{{$goCompanyManage}}",
style: { height: '36px', overflow: 'hidden' },
children: {
name: 'container',
component: '::span',
children: [{
name: 'setting',
component: 'Icon',
type: 'qiyeguanli',
fontFamily: 'edficon',
style: { fontSize: '22px', verticalAlign: 'middle' },
className: 'edfx-app-portal-header-right-org-popover-icon-title'
}, {
name: 'item',
component: '::span',
style: { display: 'inline-block', verticalAlign: 'middle', fontSize: '14px' },
children: '企业管理'
}]
}
},
{
name: 'line',
style: { display: 'inline-block', verticalAlign: 'middle', width: '1px', height: '25px', borderLeft: '1px dashed #8E8C8C' },
component: '::div'
},
{
name: 'org4',
className: 'edfx-app-portal-header-right-org-popover-icon',
component: 'Button',
style: { height: '36px' },
onClick: "{{$goRegister}}",
children: {
name: 'container',
component: '::div',
children: [{
name: 'add_company',
component: 'Icon',
fontFamily: 'edficon',
type: 'chuangjianqiye',
style: { fontSize: '22px', verticalAlign: 'middle' },
}, {
name: 'item',
component: '::span',
style: { display: 'inline-block', verticalAlign: 'middle', fontSize: '14px' },
children: '创建企业'
}]
}
}
]
}
],
children: [{
name: 'internal',
component: '::div',
className: 'orgName',
_visible: '{{data.headCtrl}}',
onClick: '{{$getOrgs}}',
style: {
margin: '0px 2px', float: 'left', height: '54px', lineHeight
: '54px', padding: '0 10px'
},
children: [{
name: 'currentOrg',
component: '::span',
title: "{{$getOrgName()}}",
children: "{{$getOrgName()}}",
className: 'currentOrgName',
},
{
name: 'down',
fontFamily: 'edficon',
component: 'Icon',
style: { fontSize: '22px', verticalAlign: 'middle' },
type: 'xia'
}]
}]
}, {
name: 'div',
component: '::div',
_visible: '{{data.headCtrl}}',
className: 'edfx-app-portal-header-right-leftDiv orgName',
children: [{
name: 'date',
component: 'DatePicker.MonthPicker',
className: 'edfx-app-portal-header-right-leftDiv-datepicker',
dropdownClassName: 'edfx-app-portal-header-right-leftDiv-datepickerDropdown',
value: '{{data.periodDate.periodDate}}',
// defaultValue: '{{$periodDate()}}',
monthCellContentRender: '{{$monthCellCustom}}',
disabledDate: '{{function(value){return $disabledPeriodDate(value)}}}',
onChange: '{{$periodDateChange}}'
}]
}, {
name: 'yijiezhang',
fontFamily: 'edficon',
component: '::div',
className: 'edfx-app-portal-header-right-yijiezhang',
_visible: '{{$isSettle()}}',
children: '已结账'
}, {
name: 'rightDiv',
component: '::div',
className: 'edfx-app-portal-search-rightDiv',
children: [{
// name: 'live',
// component: '::span',
// _visible: '{{data.headCtrl}}',
// className: 'liveCast edfx-app-portal-header-right-headerSearch',
// style: { padding: '0px 16px 0 10px', cursor: 'pointer', position: 'relative' },
// //onClick: '{{$jumpToLiveCast}}',
// children: [{
// name: 'liveCast',
// component: 'Icon',
// fontFamily: 'edficon',
// style: { fontSize: '22px', verticalAlign: 'middle', },
// className: 'edfx-app-portal-header-right-help-icon-popover',
// type: 'jiezhang1',
// }, {
// name: 'liveName',
// component: '::span',
// className: 'headBarBtn',
// children: '银税互动'
// }]
// },{
// name: 'live',
// component: '::span',
// _visible: '{{data.headCtrl}}',
// className: 'liveCast edfx-app-portal-header-right-headerSearch',
// style: { padding: '0px 16px 0 10px', cursor: 'pointer', position: 'relative' },
// //onClick: '{{$jumpToLiveCast}}',
// children: [{
// name: 'liveCast',
// component: 'Icon',
// fontFamily: 'edficon',
// style: { fontSize: '22px', verticalAlign: 'middle', },
// className: 'edfx-app-portal-header-right-help-icon-popover',
// type: 'baobiao',
// }, {
// name: 'liveName',
// component: '::span',
// className: 'headBarBtn',
// children: '风险扫描'
// }]
// },{
name: 'live',
component: '::span',
_visible: '{{data.headCtrl}}',
className: 'liveCast edfx-app-portal-header-right-headerSearch',
style: { padding: '0px 16px 0 10px', cursor: 'pointer', position: 'relative' },
onClick: '{{$jumpToLiveCast}}',
children: [{
name: 'liveCast',
component: 'Icon',
fontFamily: 'edficon',
style: { fontSize: '22px', verticalAlign: 'middle', },
className: 'edfx-app-portal-header-right-help-icon-popover',
type: 'zhibo',
}, {
name: 'liveName',
component: '::span',
className: 'headBarBtn',
children: '直播'
}]
}, {
name: 'message',
_visible: '{{data.headCtrl}}',
component: '::span',
className: 'edfx-app-portal-header-right-headerSearch',
style: { padding: '0px 16px 0 10px', cursor: 'pointer', position: 'relative' },
onClick: '{{function() {$setContent("消息", "ttk-edf-app-message")}}}',
children: [{
name: 'messageIcon',
component: 'Icon',
fontFamily: 'edficon',
style: { fontSize: '24px', verticalAlign: 'middle' },
className: 'edfx-app-portal-header-right-org-menu-icon-menu',
type: 'xiaoxi',
}, {
name: 'news',
component: '::span',
className: 'headBarBtn',
children: '消息'
}, {
name: 'num',
component: '::span',
_visible: '{{data.msgNum == 0 ? false : true}}',
className: 'msgNum',
children: '{{data.msgNum}}'
}]
}, {
// name: 'myMessageTitle',
// component: '::span',
// _visible: '{{data.headCtrl}}',
// className: 'helpCenter',
// style: { padding: '0px 16px 0 10px', cursor: 'pointer', display: 'flex', alignItems: 'center' },
// onClick: '{{$menuControl}}',
// children: [{
// name: 'solution',
// component: 'Icon',
// fontFamily: 'edficon',
// style: { fontSize: '22px', verticalAlign: 'middle', },
// className: 'edfx-app-portal-header-right-help-icon-popover',
// type: 'bangzhuzhongxin',
// }, {
// name: 'helpName',
// component: '::span',
// className: 'headBarBtn',
// children: "{{'帮助中心'}}"
// }]
// }, {
// }, {
// name: 'pop',
// component: '::div',
// className: 'popContent',
// style: { position: 'fixed', top: '54px', right: '0px', overflow: 'hidden', height: '{{data.animation == "in"?"100%":"0" }}', width: '100%', boxSizing: 'border-box', paddingBottom: '{{data.animation == "in"?"54px":"0"}}', zIndex: '2' },
// children: {
// name: 'card',
// component: '::div',
// bordered: false,
// style: { display: "{{data.showPanel}}" },
// onAnimationEnd: "{{$animationEnd}}",
// className: '{{data.animation == "in" ? "edfx-app-portal-header-right-help-popover animated slideInDown" : "edfx-app-portal-header-right-help-popover animated slideOutDown"}}',
// // className: 'edfx-app-portal-header-right-help-popover',
// children: [{
// name: 'shade1',
// onMouseOver: '{{$hidePanel}}',
// className: 'edfx-app-portal-header-right-help-popover-shade',
// component: '::div',
// onClick: '{{$hidePanel}}'
// }, {
// name: 'shade2',
// className: 'edfx-app-portal-header-right-help-popover-content',
// component: '::div',
// children: [{
// name: 'icon-arrow',
// component: '::div',
// className: 'ant-popover-arrow',
// }, {
// name: 'titleIcon',
// component: '::div',
// className: 'edfx-app-portal-header-right-help-popover-titleIcon',
// children: [{
// name: 'helpIcon',
// component: 'Icon',
// bordered: false,
// fontFamily: 'edficon',
// style: { fontSize: '22px', verticalAlign: 'middle', marginRight: '5px', marginBottom: '2px' },
// className: 'edfx-app-portal-header-right-help-popover-icon',
// type: 'bangzhuzhongxin'
// }, {
// name: 'helpTitle1',
// component: '::span',
// bordered: false,
// className: 'edfx-app-portal-header-right-help-popover-title1',
// children: '帮助-'
// }, {
// name: 'helpTitle2',
// component: '::span',
// bordered: false,
// className: 'edfx-app-portal-header-right-help-popover-title2',
// children: '首页'
// }]
// }, {
// name: 'Search',
// component: '::div',
// // className: 'edfx-app-portal-header-right ,animated, slideInUp,',
// children: [{
// name: 'search',
// component: 'Input.Search',
// className: 'edfx-app-portal-header-right-search',
// placeholder: '提问或使用关键词搜索...',
// onSearch: '{{function(value){console.log(value)}}}'
// }]
// }, {
// name: 'title',
// component: '::p',
// children: "{{'推荐的文章'}}",
// className: 'edfx-app-portal-header-right-help-title'
// }, {
// name: 'help-title',
// component: '::ul',
// className: 'edfx-app-portal-header-right-help-subContent',
// children: [{
// name: 'content1',
// component: '::li',
// children: "{{'为什么修改密码后登录一直报错？'}}",
// className: 'edfx-app-portal-header-right-help-subContent-item'
// }, {
// name: 'content2',
// component: '::li',
// children: "{{'如何便捷管理多个账号？'}}",
// className: 'edfx-app-portal-header-right-help-subContent-item'
// }, {
// name: 'content3',
// component: '::li',
// children: "{{'如何修改绑定手机？'}}",
// className: 'edfx-app-portal-header-right-help-subContent-item'
// }],
// }]
// },]
// },
// }, {
name: 'common',
component: 'Popover',
overlayClassName: 'selfPopover',
// overlayClassName: 'headerRightMenu',
trigger: 'click',
placement: 'bottomRight',
visible: '{{data.userMenuVisible}}',
onVisibleChange: '{{$userVisibleChange}}',
style: { padding: '0px 10px' },
className: 'edfx-app-portal-header-right-menu',
placement: 'bottom',
content: {
name: 'menu',
component: 'Menu',
selectedKeys: '{{data.selectedKeys}}',
style: { width: '164.08px' },
onClick: '{{$topMenuClick}}',
children: [{
name: 'Search',
component: 'Menu.Item',
key: 'mySetting',
_visible: '{{data.headCtrl}}',
className: 'edfx-app-portal-header-right-self-popover-item',
children: [{
name: 'message',
component: 'Icon',
fontFamily: 'edficon',
style: { fontSize: '24px', verticalAlign: 'middle', margin: '0px 2px' },
className: 'edfx-app-portal-header-right-self-popover-item1',
type: 'gerenshezhi',
}, {
name: 'messageName',
component: '::span',
className: 'headBarBtn',
style: { marginLeft: '4px' },
children: "{{'个人设置'}}"
}]
// }, {
// name: 'Search',
// component: 'Menu.Item',
// key: 'help',
// className: 'edfx-app-portal-header-right-self-popover-item',
// children: [{
// name: 'message',
// fontFamily: 'edficon',
// component: 'Icon',
// style: { fontSize: '24px', verticalAlign: 'middle' },
// className: 'edfx-app-portal-header-right-self-popover-item2',
// type: 'zaixianbangzhuxin',
// }, {
// name: 'messageName',
// component: '::span',
// className: 'headBarBtn',
// children: "{{'在线帮助'}}"
// }]
}, {
name: 'Search',
component: 'Menu.Item',
trigger: 'click',
key: 'toggleColor',
className: 'edfx-app-portal-header-right-self-popover-item',
children: [{
name: 'message',
component: 'Icon',
fontFamily: 'edficon',
style: { fontSize: '24px', verticalAlign: 'middle', margin: '0px 2px' },
className: 'edfx-app-portal-header-right-self-popover-item2',
type: 'huanfu',
}, {
name: 'messageItem',
component: '::span',
className: 'headBarBtn',
children: [{
name: 'messageItem2',
component: '::span',
children: [{
name: 'name',
component: '::span',
placement: 'bottom',
title: '{{data.colors[_rowIndex].tip}}',
onClick: '{{function(){{$toggleColor(data.colors[_rowIndex].color, "change")}}}}',
className: 'edfx-app-portal-header-right-self-popover-item-toggleColor',
style: { background: "{{data.colors[_rowIndex].color}}", display: 'inline-block', marginLeft: '4px' },
_power: 'for in data.colors',
}]
}]
}]
}, {
name: 'newGuide',
component: 'Menu.Item',
key: 'newGuide',
className: 'edfx-app-portal-header-right-self-popover-item',
children: [{
name: 'message',
component: 'Icon',
fontFamily: 'edficon',
style: { fontSize: '24px', verticalAlign: 'middle', margin: '0px 2px' },
className: 'edfx-app-portal-header-right-self-popover-item2',
type: 'xinshouyindao',
}, {
name: 'messageName',
component: '::span',
className: 'headBarBtn',
style: { marginLeft: '4px' },
children: "{{'新手引导'}}"
}]
}, {
name: 'Search',
component: 'Menu.Item',
key: 'logout',
className: 'edfx-app-portal-header-right-self-popover-item',
// onClick: '{{$logout}}',
children: [{
name: 'message',
component: 'Icon',
fontFamily: 'edficon',
style: { fontSize: '24px', verticalAlign: 'middle', margin: '0px 2px' },
className: 'edfx-app-portal-header-right-self-popover-item2',
type: 'tuichu',
}, {
name: 'messageName',
component: '::span',
style: { marginLeft: '4px' },
className: 'headBarBtn',
children: "{{'退出'}}"
}]
}]
},
children: {
name: 'internal2',
component: '::div',
className: 'basicInfo',
style: { margin: '0px 2px' },
children: [{
name: 'icon1',
component: '::img',
//fontFamily: 'edficon',
style: { width: '28px', verticalAlign: 'middle', margin: '-3px 5px', cursor: 'pointer', height: '28px' },
src: '{{$getPhoto()}}'
//type: 'yonghu'
}, {
name: 'userName',
component: '::span',
className: 'userName',
title: '{{$getUserNickName()}}',
children: '{{$getUserNickName()}}'
}, {
name: 'BugList',
component: 'Icon',
fontFamily: 'edficon',
style: { fontSize: '22px', verticalAlign: 'middle', marginLeft: '5px', cursor: 'pointer' },
type: 'xia'
}]
}
}]
// }, {
// name: 'topSearch1',
// component: '::span',
// _visible: '{{data.headCtrl}}',
// // className:"edfx-app-portal-header-right-headerSearch",
// className: '{{data.isShowSearch ? "edfx-app-portal-header-right-headerSearch-show edfx-app-portal-header-right-headerSearch" : "edfx-app-portal-header-right-headerSearch"}}',
// children: [{
// name: 'topSearchIcon',
// component: 'Icon',
// _visible: '{{!data.isShowSearch}}',
// onClick: '{{function() {$searchVisibleToogle(true)}}}',
// className: 'edfx-app-portal-header-right-org-menu-icon-menu',
// type: 'sousuo',
// style: { fontSize: '24px', verticalAlign: 'middle' },
// fontFamily: 'edficon',
// }, {
// name: 'searchName',
// component: '::span',
// className: 'headBarBtn',
// _visible: '{{!data.isShowSearch}}',
// onClick: '{{function() {$searchVisibleToogle(true)}}}',
// children: '搜索'
// }, {
// name: 'topSearchDiv',
// component: '::div',
// _visible: '{{data.isShowSearch}}',
// className: '{{data.isShowSearch ? "edfx-app-portal-search-container edfx-app-portal-search-show animated slideInRight" : "edfx-app-portal-search-container animated fadeOutRight"}}',
// onAnimationEnd: "{{$searchAnimationEnd}}",
// children: [{
// name: 'topSearchInput',
// component: 'Input.Search',
// datasign: 'searchInput',
// onBlur: '{{function() {$searchHidden()}}}',
// id: 'edfx-app-portal-search-id',
// placeholder: '请输入编码／名称进行查询（需求待定）'
// }]
// }]
}]
}
]
}, {
name: 'content',
component: 'Layout',
className: 'edfx-app-portal-content',
// componentDidMount: '{{$resize()}}',
trigger: 'click',
children: [{
name: 'left',
component: 'Layout',
onMouseOver: "{{(data.width == false && data.currentMenuType==1) ?$onMenuMouseOver:''}}",
//onMouseLeave:"{{}}",
style: "{{data.width ? {width: '165px'} : (data.currentMenuType==1 ? {width: '80px'} :{width:'100px'})}}",
className: 'edfx-app-portal-content-left',
_visible: '{{data.isShowMenu}}',
//animated: true,
trigger: 'click',
children: [{
name: 'menuSelect',
className: "{{data.width == false?(data.currentMenuType==1 ? 'menuSelect menuSelect4':'menuSelect menuSelect3'):(data.currentMenuType==2 ? 'menuSelect menuSelect2':'menuSelect menuSelect1')}}",
component: '::div',
children: [/*{
name: 'menuType',
component: 'Select',
_visible: "{{data.width ? true : false}}",
onChange: '{{function(e){$menuSelectChange(e)}}}',
value: "{{data.currentMenuType==1?'树形菜单':'平铺菜单'}}",
className: 'menu-type',
showSearch: false,
children: {
name: 'option',
component: 'Select.Option',
value: '{{data.menuType && data.menuType[_rowIndex].id }}',
title: '{{data.menuType && data.menuType[_rowIndex].text }}',
children: '{{data.menuType && data.menuType[_rowIndex].text }}',
_power: 'for in data.menuType'
}
}*/{
name: 'menuType',
component: '::span',
className: 'menu-type',
onClick: '{{function(e){$menuSelectChange(data.currentMenuType)}}}',
_visible: "{{data.width ? true : false}}",
children: [{
name: 'item',
component: 'Icon',
fontFamily: 'edficon',
title: "{{data.currentMenuType==1?'切换到平铺菜单':'切换到树形菜单'}}",
type: "{{data.currentMenuType ==1 ? 'pingpu' : 'shuxing'}}"
}]
}, {
name: 'menusplit',
component: '::span',
className: 'menu-split',
_visible: "{{data.width ? true : false}}",
children: [{
name: 'splitFont',
component: 'Icon',
fontFamily: 'edficon',
type: 'fenge',
style: { fontSize: '26px' }
}]
}, {
name: 'switch',
component: '::span',
className: "{{data.width ?'menu-switch':'menu-switchcenter'}}",
onClick: '{{$switchMenu}}',
children: [{
name: 'item',
component: 'Icon',
fontFamily: 'icon',
style: { fontSize: '18px' },
title: "{{data.width ?'收缩':'展开'}}",
type: "{{data.width ? 'menu-fold' : 'menu-unfold'}}"
}]
}]
}, {
name: 'leftMenu',
style: { display: '{{data.currentMenuType==1?"block":""}}' },
onMouseOver: "{{(data.width == true && data.currentMenuType==1) ?$onScrollMouseOver:''}}",
onMouseLeave: "{{(data.width == true && data.currentMenuType==1) ?$onScrollMouseLeave:''}}",
className: "{{data.currentMenuType==2?'leftmenu':data.width ? data.currentMenuStyle:'leftmenu2'}}",
component: 'Layout',
children: [{
name: 'menu',
id: 'menucontainer',
component: 'Menu',
mode: "{{data.currentMenuType==1?'inline':'vertical'}}",
theme: 'light',
trigger: 'click',
//openKeys:[10],
key: "{{data.menuMathRandom}}",
onOpenChange: "{{data.currentMenuType==1?$onOpenChange:''}}",
selectedKeys: "{{data.currentMenuType==1?data.selectedKeys:''}}",
//inlineCollapsed:"{{data.width ?false:true}}",
defaultOpenKeys: "{{data.defaultOpenKeys}}",
getPopupContainer: '{{function(){return document.querySelector("#box")}}}',
onClick: '{{$menuClick}}',
children: '{{$getMenuChildren()}}'
}]
}]
}, {
name: 'more',
component: 'Layout',
className: "{{data.fold =='zhankai' ? '' :'divPadding'}}",
children: [{
name: 'mainTop',
component: '::div',
className: 'mainTop',
_visible: '{{data.isTabsStyle}}',
children: [{
name: 'tabcontainer',
component: '::div',
className: 'tabcontainer',
children: {
name: 'tabs',
component: 'Tabs',
className: "{{data.openTabs.length >= 2 ? 'edfx-app-portal-content-tabs showLast': 'hideLast edfx-app-portal-content-tabs'}}",
type: "editable-card",
hideAdd: true,
activeKey: '{{data.content && data.content.name}}',
onChange: '{{$tabChange}}',
onEdit: '{{$tabEdit}}',
key: '{{data.mathRandom}}',
_visible: '{{ data.openTabs && data.openTabs.length > 0}}',
children: [{
name: 'tab1',
component: 'Tabs.TabPane',
closable: '{{data.openTabs[_rowIndex].name !== "我的桌面"}}',
key: '{{data.openTabs[_rowIndex].name}}',
tab: '{{data.openTabs[_rowIndex].name}}',
_power: 'for in data.openTabs'
}, {
name: 'more',
component: 'Tabs.TabPane',
closable: false,
key: 'more',
tab: {
name: 'arrowdown',
component: 'Dropdown',
trigger: 'click',
overlay: {
name: 'menu',
component: 'Menu',
onClick: '{{$closeTabs}}',
children: [{
name: 'tempt',
component: 'Menu.Item',
key: 'current',
children: '关闭当前'
}, {
name: 'import',
component: 'Menu.Item',
key: 'all',
children: '关闭所有'
}]
},
children: {
name: 'icon',
component: 'Icon',
fontFamily: 'edficon',
style: { fontSize: '20px' },
type: 'xia'
}
}
}]
}
}, {
name: 'extraMenu',
component: '::div',