| | |
| | | {tabviews.map(view => { |
| | | return ( |
| | | <Tabs.TabPane |
| | | className="test" |
| | | tab={ |
| | | <span className="tab-control"> |
| | | {['CommonTable', 'FormTab', 'TreePage'].includes(view.type) ? |
| | |
| | | const { BID, setting, searchlist, pageSize, actions, columns, loadingview, viewlost, pickup, config, triggerBtn, userConfig, tabActive, chartId, search, selectedData } = this.state |
| | | |
| | | return ( |
| | | <div className="commontable pick-control" id={this.state.ContainerId}> |
| | | <div className="commontable bg-gray" id={this.state.ContainerId}> |
| | | {loadingview && <Spin size="large" />} |
| | | {searchlist && searchlist.length > 0 ? |
| | | <MainSearch |
| | |
| | | return ( |
| | | <Col span={item.width || 24} key={item.uuid}> |
| | | {config.charts.length > 1 && item.title ? <p className="chart-table chart-title">{item.title}</p> : null} |
| | | <div style={{minHeight: '25px'}}> |
| | | <div className="commontable-main-action"> |
| | | <MainAction |
| | | BID={BID} |
| | | setting={setting} |
| | |
| | | .box404 { |
| | | padding-top: 30px; |
| | | } |
| | | .commontable-main-action { |
| | | min-height: 25px; |
| | | .button-list { |
| | | padding-right: 110px; |
| | | } |
| | | } |
| | | .ant-modal-mask { |
| | | position: absolute; |
| | | } |
| | |
| | | } |
| | | } |
| | | } |
| | | .commontable.pick-control { |
| | | .button-list { |
| | | padding-right: 110px; |
| | | } |
| | | } |
| | | |
| | | .menu-tree-modal { |
| | | .ant-modal-body { |
| | | min-height: 300px; |
| | |
| | | } |
| | | } |
| | | } |
| | | .common-table-custom-modal { |
| | | .ant-modal { |
| | | top: 50px; |
| | | padding-bottom: 5px; |
| | | .ant-modal-body { |
| | | max-height: calc(100vh - 190px); |
| | | min-height: 250px; |
| | | overflow-y: auto; |
| | | .ant-empty { |
| | | margin: 15vh 8px; |
| | | |
| | | .commontable.bg-gray { |
| | | background: #f0f2f5; |
| | | >.top-search { |
| | | background: #ffffff; |
| | | padding: 10px 10px; |
| | | margin: 0 20px; |
| | | } |
| | | .chart-view { |
| | | margin-bottom: 20px; |
| | | .ant-col:last-child { |
| | | .line-chart-plot-box { |
| | | margin-bottom: 0px; |
| | | } |
| | | .card-row-box { |
| | | margin-bottom: 0px; |
| | | } |
| | | .normal-data-table { |
| | | margin-bottom: 0px; |
| | | } |
| | | } |
| | | .ant-modal-body::-webkit-scrollbar { |
| | | width: 7px; |
| | | >.ant-col { |
| | | min-height: 50px; |
| | | } |
| | | .ant-modal-body::-webkit-scrollbar-thumb { |
| | | border-radius: 5px; |
| | | box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13); |
| | | background: rgba(0, 0, 0, 0.13); |
| | | } |
| | | .line-chart-plot-box { |
| | | background: #ffffff; |
| | | padding: 10px; |
| | | margin-bottom: 20px; |
| | | } |
| | | .card-row-box { |
| | | min-height: 130px; |
| | | background: #ffffff; |
| | | padding-bottom: 10px; |
| | | margin-bottom: 20px; |
| | | } |
| | | .commontable-main-action { |
| | | padding: 0 10px; |
| | | background: #ffffff; |
| | | } |
| | | .normal-data-table { |
| | | padding: 0 10px 10px; |
| | | margin-bottom: 20px; |
| | | background: #ffffff; |
| | | } |
| | | .main-pickup { |
| | | right: 45px; |
| | | } |
| | | .custom-control { |
| | | right: 10px; |
| | | } |
| | | > .ant-tabs { |
| | | margin: 0px 20px 20px; |
| | | padding: 0px; |
| | | width: calc(100% - 40px); |
| | | background: #ffffff; |
| | | .top-search { |
| | | padding: 0 10px 10px; |
| | | } |
| | | .ant-modal-body::-webkit-scrollbar-track { |
| | | box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); |
| | | border-radius: 3px; |
| | | border: 1px solid rgba(0, 0, 0, 0.07); |
| | | background: rgba(0, 0, 0, 0); |
| | | .button-list.toolbar-button { |
| | | padding: 15px 10px 5px; |
| | | } |
| | | } |
| | | } |
| | |
| | | const { dict, searchlist, config, setting, actions, columns, pickup, selectedData } = this.state |
| | | |
| | | return ( |
| | | <div className="veruptable pick-control" id={this.state.ContainerId}> |
| | | <div className="script-manage-table" id={this.state.ContainerId}> |
| | | <TopSearch |
| | | dict={dict} |
| | | searchlist={searchlist} |
| | |
| | | .veruptable { |
| | | .script-manage-table { |
| | | position: relative; |
| | | min-height: calc(100vh - 94px); |
| | | padding-top: 16px; |
| | |
| | | } |
| | | .main-table-box { |
| | | position: relative; |
| | | padding: 0 20px; |
| | | .pickchange { |
| | | position: absolute; |
| | | right: 0px; |
| | |
| | | } |
| | | } |
| | | } |
| | | > .ant-tabs { |
| | | padding: 0px 20px; |
| | | margin-bottom: 20px; |
| | | .ant-tabs-tab:not(.ant-tabs-tab-active) { |
| | | cursor: pointer; |
| | | } |
| | | } |
| | | .common-table-copy { |
| | | position: fixed; |
| | | z-index: 2; |
| | | bottom: 65px; |
| | | right: 30px; |
| | | width: 40px; |
| | | height: 40px; |
| | | } |
| | | } |
| | | .commontable.pick-control { |
| | | >.button-list { |
| | | padding-right: 140px; |
| | | } |
| | | } |
| | | |
| | | .menu-tree-modal { |
| | | .ant-modal-body { |
| | | min-height: 300px; |
| | | .menu-header { |
| | | text-align: center; |
| | | span { |
| | | font-weight: 600; |
| | | margin-right: 20px; |
| | | } |
| | | .ant-typography { |
| | | font-weight: 600; |
| | | display: inline-block; |
| | | } |
| | | } |
| | | .ant-tree li .ant-tree-node-content-wrapper { |
| | | cursor: default; |
| | | } |
| | | } |
| | | } |
| | |
| | | {!treedata ? <Spin /> : null} |
| | | </Card> |
| | | </Col> |
| | | <Col span={24 - setting.width} style={{paddingTop: 6}}> |
| | | <Col span={24 - setting.width}> |
| | | {tabgroups.map(group => ( |
| | | <Tabs activeKey={tabActive[group.uuid]} key={group.uuid} onChange={(key) => this.setState({tabActive: {...tabActive, [group.uuid]: key}})}> |
| | | {group.sublist.map(_tab => { |
| | |
| | | left: calc(50% - 22px); |
| | | top: calc(50vh - 70px); |
| | | } |
| | | > .ant-row { |
| | | > .ant-col:last-child { |
| | | > .ant-tabs:first-child { |
| | | padding-top: 6px; |
| | | } |
| | | } |
| | | } |
| | | .tree-card { |
| | | min-height: calc(100vh - 125px); |
| | | box-shadow: 0px 0px 2px #dddddd; |
| | |
| | | } |
| | | } |
| | | |
| | | > .ant-tabs { |
| | | padding: 0px 20px; |
| | | margin-bottom: 20px; |
| | | .ant-tabs { |
| | | .ant-tabs-tab:not(.ant-tabs-tab-active) { |
| | | cursor: pointer; |
| | | } |
| | |
| | | width: 40px; |
| | | height: 40px; |
| | | } |
| | | |
| | | } |
| | | .tree-page.bg-gray { |
| | | background: #f0f2f5; |
| | | .ant-tabs { |
| | | background: #ffffff; |
| | | padding: 0px 5px 5px; |
| | | margin-bottom: 20px; |
| | | } |
| | | } |
| | | |
| | | .menu-tree-modal { |
| | |
| | | // 外部请求 |
| | | _outParam = JSON.parse(JSON.stringify(res)) |
| | | |
| | | if (btn.sysInterface === 'true' && options.cloudServiceApi) { |
| | | if (btn.outerFunc === 's_app_version_upt') { // 更新版本号 |
| | | if (window.GLOB.mainSystemApi) { |
| | | res.rduri = window.GLOB.mainSystemApi |
| | | } |
| | | } else if (btn.sysInterface === 'true' && options.cloudServiceApi) { |
| | | res.rduri = options.cloudServiceApi |
| | | } else if (btn.sysInterface !== 'true') { |
| | | res.rduri = btn.interface |
| | |
| | | ] |
| | | } |
| | | }, |
| | | {OpenType:'prompt',Ot:'notRequired',sqlType:'custom',position:'toolbar',sql:'sVersion',execSuccess:'grid',label:'更新版本',intertype:'inner',execError:'never',class:'primary', |
| | | verify:{default:'false',uniques:[],scripts:[{position:'back',sql:'update sapp set app_version=app_version+0.01,modifyuserid=@userid@,modifydate=getdate() where id=@appkey@',uuid:'1592636597030trc047em39bdrpo9tgu'}],customverifys:[],voucher:{enabled:false},contrasts:[],invalid:'false',accountdate:'false',billcodes:[]}, |
| | | icon:'',innerFunc:'',uuid:'15926364942911efnal5pv6r92if2vr2' |
| | | } |
| | | {OpenType:"prompt",Ot:"notRequired",callbackFunc:"",position:"toolbar",sysInterface:"true",execSuccess:"grid",label:"更新版本",intertype:"outer",execError:"never",class:"primary", |
| | | icon:"",interface:"http://cloud.mk9h.cn/webapi/dostars",innerFunc:"",uuid:"15926364942911efnal5pv6r92if2vr2",outerFunc:"s_app_version_upt"} |
| | | ], |
| | | columns:[ |
| | | {label:'ID',field:'ID',type:'text',Align:'left',Hide:'true',IsSort:'true',Width:120,prefix:'',postfix:'',matchVal:'',color:'',fieldlength:50,uuid:'1581736658674f11dg01sqdneu8bbn2q'}, |
| | |
| | | const { dict, searchlist, setting, actions, columns, pickup, config, selectedData } = this.state |
| | | |
| | | return ( |
| | | <div className="veruptable pick-control" id={this.state.ContainerId}> |
| | | <div className="veruptable" id={this.state.ContainerId}> |
| | | <TopSearch |
| | | dict={dict} |
| | | searchlist={searchlist} |
| | |
| | | cursor: pointer; |
| | | } |
| | | } |
| | | .common-table-copy { |
| | | position: fixed; |
| | | z-index: 2; |
| | | bottom: 65px; |
| | | right: 30px; |
| | | width: 40px; |
| | | height: 40px; |
| | | } |
| | | } |
| | | .commontable.pick-control { |
| | | >.button-list { |
| | | padding-right: 140px; |
| | | } |
| | | } |
| | | |
| | | .menu-tree-modal { |
| | | .ant-modal-body { |
| | | min-height: 300px; |
| | | .menu-header { |
| | | text-align: center; |
| | | span { |
| | | font-weight: 600; |
| | | margin-right: 20px; |
| | | } |
| | | .ant-typography { |
| | | font-weight: 600; |
| | | display: inline-block; |
| | | } |
| | | } |
| | | .ant-tree li .ant-tree-node-content-wrapper { |
| | | cursor: default; |
| | | } |
| | | } |
| | | } |
| | |
| | | .common-table-custom-modal { |
| | | .ant-modal { |
| | | top: 50px; |
| | | padding-bottom: 5px; |
| | | .ant-modal-body { |
| | | max-height: calc(100vh - 190px); |
| | | min-height: 250px; |
| | | overflow-y: auto; |
| | | .ant-empty { |
| | | margin: 15vh 8px; |
| | | } |
| | | } |
| | | .ant-modal-body::-webkit-scrollbar { |
| | | width: 7px; |
| | | } |
| | | .ant-modal-body::-webkit-scrollbar-thumb { |
| | | border-radius: 5px; |
| | | box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13); |
| | | background: rgba(0, 0, 0, 0.13); |
| | | } |
| | | .ant-modal-body::-webkit-scrollbar-track { |
| | | box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); |
| | | border-radius: 3px; |
| | | border: 1px solid rgba(0, 0, 0, 0.07); |
| | | background: rgba(0, 0, 0, 0); |
| | | } |
| | | } |
| | | } |
| | |
| | | |
| | | return C ? |
| | | <C {...this.props} /> : |
| | | <div className="async-spin" style={{textAlign: 'center', minHeight: 50, lineHeight: '50px'}}><Spin/></div> |
| | | <div className="async-spin" style={{textAlign: 'center', minHeight: 50, lineHeight: '50px', background: '#ffffff'}}><Spin/></div> |
| | | } |
| | | } |
| | | } |