提交 4911828c 编写于 作者: ibizdev's avatar ibizdev

ibizdev提交

上级 93141a26
import React, { PureComponent } from 'react';
import EntityEditView from './pages/module/entity-edit-view/entity-edit-view';
import ExampleEditorType from './pages/exapmple/example-editor-type/example-editor-type';
import ExampleEditView from './pages/exapmple/example-edit-view/example-edit-view';
import Entity3EditView from './pages/module3/entity3-edit-view/entity3-edit-view';
import Entity4EditView from './pages/module4/entity4-edit-view/entity4-edit-view';
import Entity5EditView from './pages/module5/entity5-edit-view/entity5-edit-view';
import ExampleDLFEditView from './pages/exapmple/example-dlfedit-view/example-dlfedit-view';
import Entity2EditView from './pages/module2/entity2-edit-view/entity2-edit-view';
import './App.less';
import { Layout, Menu, Breadcrumb, Icon } from 'antd';
const { Header, Content, Footer, Sider } = Layout;
......@@ -20,7 +25,7 @@ export default class App extends PureComponent {
/**
* 当前页面
*/
public currentPage: string = "ExampleEditorType";
public currentPage: string = "EntityEditView";
/**
* 处理菜单点击
......@@ -38,15 +43,30 @@ export default class App extends PureComponent {
* 获取当前视图
*/
public getCurPage(): any {
if (Object.is(this.currentPage, "EntityEditView")) {
return <EntityEditView/>;
}
if (Object.is(this.currentPage, "ExampleEditorType")) {
return <ExampleEditorType/>;
}
if (Object.is(this.currentPage, "ExampleEditView")) {
return <ExampleEditView/>;
}
if (Object.is(this.currentPage, "Entity3EditView")) {
return <Entity3EditView/>;
}
if (Object.is(this.currentPage, "Entity4EditView")) {
return <Entity4EditView/>;
}
if (Object.is(this.currentPage, "Entity5EditView")) {
return <Entity5EditView/>;
}
if (Object.is(this.currentPage, "ExampleDLFEditView")) {
return <ExampleDLFEditView/>;
}
if (Object.is(this.currentPage, "Entity2EditView")) {
return <Entity2EditView/>;
}
}
/**
......@@ -70,20 +90,40 @@ export default class App extends PureComponent {
return <div className="App">
<Layout id="components-layout-demo-custom-trigger">
<Sider trigger={null} collapsible style={{ minHeight: '100vh' }}>
<div className="logo"><img src="https://cdn.ibizlab.cn/super-form/logo.png" /></div>
<Menu theme="dark" mode="inline" defaultSelectedKeys={['"ExampleEditorType""ExampleEditView""ExampleDLFEditView"']} onClick={({ item, key, keyPath, domEvent }) => { this.handleMenuClick(item, key, keyPath, domEvent) }}>
<Menu.Item key="ExampleEditorType">
<div className="logo"><img src="assets/images/logo.png" /></div>
<Menu theme="dark" mode="inline" defaultSelectedKeys={['"EntityEditView""ExampleEditorType""ExampleEditView""Entity3EditView""Entity4EditView""Entity5EditView""ExampleDLFEditView""Entity2EditView"']} onClick={({ item, key, keyPath, domEvent }) => { this.handleMenuClick(item, key, keyPath, domEvent) }}>
<Menu.Item key="EntityEditView">
<Icon type="user" />
<span>实体编辑视图</span>
</Menu.Item>
<Menu.Item key="ExampleEditorType">
<Icon type="video-camera" />
<span>基础编辑器</span>
</Menu.Item>
<Menu.Item key="ExampleEditView">
<Icon type="video-camera" />
<Icon type="upload" />
<span>基础表单项</span>
</Menu.Item>
<Menu.Item key="ExampleDLFEditView">
<Menu.Item key="Entity3EditView">
<Icon type="user" />
<span>实体3编辑视图</span>
</Menu.Item>
<Menu.Item key="Entity4EditView">
<Icon type="video-camera" />
<span>实体4编辑视图</span>
</Menu.Item>
<Menu.Item key="Entity5EditView">
<Icon type="upload" />
<span>实体5编辑视图</span>
</Menu.Item>
<Menu.Item key="ExampleDLFEditView">
<Icon type="user" />
<span>表单项动态逻辑示例</span>
</Menu.Item>
<Menu.Item key="Entity2EditView">
<Icon type="video-camera" />
<span>实体2编辑视图</span>
</Menu.Item>
</Menu>
</Sider>
<Layout>
......
// this is less
.app-form-item {
display: flex;
justify-content: space-between;
padding-right: 16px;
margin-bottom: 6px;
.app-form-item-label {
text-align: right;
height: 32px;
line-height: 32px;
padding-right: 16px;
.isrequired {
display: inline-block;
margin-right: 4px;
font-family: SimSun;
line-height: 1;
font-size: 14px;
color: #f5222d;
}
}
.app-form-item-container {
.ant-form-item {
width: 100%;
.ant-form-item-control-wrapper {
width: 100%;
height: auto;
min-height: 59px;
}
}
}
}
.app-form-item-left {
flex-direction: row;
}
.app-form-item-right {
flex-direction: row-reverse;
}
.app-form-item-top {
flex-direction: column;
}
.app-form-item-bottom {
flex-direction: column-reverse;
}
.ant-form-inline .ant-form-item-with-help {
margin-bottom: 0px !important;
}
此差异已折叠。
// this is less
.app-form-item {
display: flex;
justify-content: space-between;
padding-right: 16px;
margin-bottom: 6px;
.app-form-item-label {
text-align: right;
height: 32px;
line-height: 32px;
padding-right: 16px;
.isrequired {
display: inline-block;
margin-right: 4px;
font-family: SimSun;
line-height: 1;
font-size: 14px;
color: #f5222d;
}
}
.app-form-item-container {
.ant-form-item {
width: 100%;
.ant-form-item-control-wrapper {
width: 100%;
height: auto;
min-height: 59px;
}
}
}
}
.app-form-item-left {
flex-direction: row;
}
.app-form-item-right {
flex-direction: row-reverse;
}
.app-form-item-top {
flex-direction: column;
}
.app-form-item-bottom {
flex-direction: column-reverse;
}
.ant-form-inline .ant-form-item-with-help {
margin-bottom: 0px !important;
}
此差异已折叠。
// this is less
.app-form-item {
display: flex;
justify-content: space-between;
padding-right: 16px;
margin-bottom: 6px;
.app-form-item-label {
text-align: right;
height: 32px;
line-height: 32px;
padding-right: 16px;
.isrequired {
display: inline-block;
margin-right: 4px;
font-family: SimSun;
line-height: 1;
font-size: 14px;
color: #f5222d;
}
}
.app-form-item-container {
.ant-form-item {
width: 100%;
.ant-form-item-control-wrapper {
width: 100%;
height: auto;
min-height: 59px;
}
}
}
}
.app-form-item-left {
flex-direction: row;
}
.app-form-item-right {
flex-direction: row-reverse;
}
.app-form-item-top {
flex-direction: column;
}
.app-form-item-bottom {
flex-direction: column-reverse;
}
.ant-form-inline .ant-form-item-with-help {
margin-bottom: 0px !important;
}
此差异已折叠。
// this is less
.app-form-item {
display: flex;
justify-content: space-between;
padding-right: 16px;
margin-bottom: 6px;
.app-form-item-label {
text-align: right;
height: 32px;
line-height: 32px;
padding-right: 16px;
.isrequired {
display: inline-block;
margin-right: 4px;
font-family: SimSun;
line-height: 1;
font-size: 14px;
color: #f5222d;
}
}
.app-form-item-container {
.ant-form-item {
width: 100%;
.ant-form-item-control-wrapper {
width: 100%;
height: auto;
min-height: 59px;
}
}
}
}
.app-form-item-left {
flex-direction: row;
}
.app-form-item-right {
flex-direction: row-reverse;
}
.app-form-item-top {
flex-direction: column;
}
.app-form-item-bottom {
flex-direction: column-reverse;
}
.ant-form-inline .ant-form-item-with-help {
margin-bottom: 0px !important;
}
此差异已折叠。
// this is less
.app-form-item {
display: flex;
justify-content: space-between;
padding-right: 16px;
margin-bottom: 6px;
.app-form-item-label {
text-align: right;
height: 32px;
line-height: 32px;
padding-right: 16px;
.isrequired {
display: inline-block;
margin-right: 4px;
font-family: SimSun;
line-height: 1;
font-size: 14px;
color: #f5222d;
}
}
.app-form-item-container {
.ant-form-item {
width: 100%;
.ant-form-item-control-wrapper {
width: 100%;
height: auto;
min-height: 59px;
}
}
}
}
.app-form-item-left {
flex-direction: row;
}
.app-form-item-right {
flex-direction: row-reverse;
}
.app-form-item-top {
flex-direction: column;
}
.app-form-item-bottom {
flex-direction: column-reverse;
}
.ant-form-inline .ant-form-item-with-help {
margin-bottom: 0px !important;
}
此差异已折叠。
......@@ -197,10 +197,10 @@ export default class AppRichTextEditor extends PureComponent<RichTextProps> {
{ text: "C#", value: "csharp" },
{ text: "C++", value: "cpp" }
],
codesample_content_css: "https://cdn.ibizlab.cn/super-form/tinymce/prism.css",
skin_url: "https://cdn.ibizlab.cn/super-form/tinymce/skins/lightgray",
codesample_content_css: "assets/tinymce/prism.css",
skin_url: "assets/tinymce/skins/lightgray",
language_url:
"https://cdn.ibizlab.cn/super-form/tinymce/langs/" +
"assets/tinymce/langs/" +
(this.langu ? this.langu : "zh_CN") +
".js",
setup: editor => {
......
......@@ -7,6 +7,7 @@ import { ConfigProvider } from 'antd';
import zhCN from 'antd/es/locale/zh_CN';
import moment from 'moment';
import 'moment/locale/zh-cn';
import 'antd/dist/antd.css';
moment.locale('zh-cn');
ReactDOM.render(<ConfigProvider locale={zhCN}><App/></ConfigProvider>, document.getElementById('root'));
......
import React, { PureComponent } from 'react';
import './entity-edit-view.less';
import Mainform from '../../../forms/entity/main/main';
/**
* EntityEditView
*
* @export
* @class EntityEditView
* @extends {PureComponent}
*/
export default class EntityEditView extends PureComponent {
public formData = {
"bookname":"test1",
"input":"文本test",
"label":"标签test",
"group1":"书籍基本信息test",
"formpage1":"基本信息test",
"createman":"建立人test",
"createdate":"建立时间test",
"updateman":"更新人test",
"updatedate":"更新时间test",
"group2":"操作信息test",
"formpage2":"其它test"
}
/**
* 绘制内容
*
* @returns
* @memberof EntityEditView
*/
public render() {
return <>
<div>
<Mainform data={{}} formItemChange={(value:any) =>{this.formItemChange(value)}}></Mainform>
</div>
</>;
}
/**
* 表单项变化
* @param value
*/
public formItemChange(value:any){
console.log(value);
}
}
\ No newline at end of file
import React, { PureComponent } from 'react';
import './entity2-edit-view.less';
import Mainform from '../../../forms/entity2/main/main';
/**
* Entity2EditView
*
* @export
* @class Entity2EditView
* @extends {PureComponent}
*/
export default class Entity2EditView extends PureComponent {
public formData = {
"bookname":"test1",
"input":"文本test",
"label":"标签test",
"group1":"书籍基本信息test",
"formpage1":"基本信息test",
"createman":"建立人test",
"createdate":"建立时间test",
"updateman":"更新人test",
"updatedate":"更新时间test",
"group2":"操作信息test",
"formpage2":"其它test"
}
/**
* 绘制内容
*
* @returns
* @memberof Entity2EditView
*/
public render() {
return <>
<div>
<Mainform data={{}} formItemChange={(value:any) =>{this.formItemChange(value)}}></Mainform>
</div>
</>;
}
/**
* 表单项变化
* @param value
*/
public formItemChange(value:any){
console.log(value);
}
}
\ No newline at end of file
import React, { PureComponent } from 'react';
import './entity3-edit-view.less';
import Mainform from '../../../forms/entity3/main/main';
/**
* Entity3EditView
*
* @export
* @class Entity3EditView
* @extends {PureComponent}
*/
export default class Entity3EditView extends PureComponent {
public formData = {
"bookname":"test1",
"input":"文本test",
"label":"标签test",
"group1":"书籍基本信息test",
"formpage1":"基本信息test",
"createman":"建立人test",
"createdate":"建立时间test",
"updateman":"更新人test",
"updatedate":"更新时间test",
"group2":"操作信息test",
"formpage2":"其它test"
}
/**
* 绘制内容
*
* @returns
* @memberof Entity3EditView
*/
public render() {
return <>
<div>
<Mainform data={{}} formItemChange={(value:any) =>{this.formItemChange(value)}}></Mainform>
</div>
</>;
}
/**
* 表单项变化
* @param value
*/
public formItemChange(value:any){
console.log(value);
}
}
\ No newline at end of file
import React, { PureComponent } from 'react';
import './entity4-edit-view.less';
import Mainform from '../../../forms/entity4/main/main';
/**
* Entity4EditView
*
* @export
* @class Entity4EditView
* @extends {PureComponent}
*/
export default class Entity4EditView extends PureComponent {
public formData = {
"bookname":"test1",
"input":"文本test",
"label":"标签test",
"group1":"书籍基本信息test",
"formpage1":"基本信息test",
"createman":"建立人test",
"createdate":"建立时间test",
"updateman":"更新人test",
"updatedate":"更新时间test",
"group2":"操作信息test",
"formpage2":"其它test"
}
/**
* 绘制内容
*
* @returns
* @memberof Entity4EditView
*/
public render() {
return <>
<div>
<Mainform data={{}} formItemChange={(value:any) =>{this.formItemChange(value)}}></Mainform>
</div>
</>;
}
/**
* 表单项变化
* @param value
*/
public formItemChange(value:any){
console.log(value);
}
}
\ No newline at end of file
import React, { PureComponent } from 'react';
import './entity5-edit-view.less';
import Mainform from '../../../forms/entity5/main/main';
/**
* Entity5EditView
*
* @export
* @class Entity5EditView
* @extends {PureComponent}
*/
export default class Entity5EditView extends PureComponent {
public formData = {
"bookname":"test1",
"input":"文本test",
"label":"标签test",
"group1":"书籍基本信息test",
"formpage1":"基本信息test",
"createman":"建立人test",
"createdate":"建立时间test",
"updateman":"更新人test",
"updatedate":"更新时间test",
"group2":"操作信息test",
"formpage2":"其它test"
}
/**
* 绘制内容
*
* @returns
* @memberof Entity5EditView
*/
public render() {
return <>
<div>
<Mainform data={{}} formItemChange={(value:any) =>{this.formItemChange(value)}}></Mainform>
</div>
</>;
}
/**
* 表单项变化
* @param value
*/
public formItemChange(value:any){
console.log(value);
}
}
\ No newline at end of file
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册