Skip to content
项目
群组
代码片段
帮助
正在加载...
帮助
提交反馈
为 GitLab 提交贡献
登录
切换导航
F
formbase
项目
项目
详情
动态
版本
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
计划
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
统计图
创建新议题
作业
提交
议题看板
打开侧边栏
formexample_react
formbase
提交
997a4eed
提交
997a4eed
编写于
6月 08, 2020
作者:
ibizdev
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
SYSTEM 发布系统代码
上级
6ae4a57e
变更
7
展开全部
隐藏空白字符变更
内嵌
并排
正在显示
7 个修改的文件
包含
518 行增加
和
209 行删除
+518
-209
App.tsx
app_Default/src/App.tsx
+21
-5
main.tsx
app_Default/src/forms/entity4/main/main.tsx
+40
-191
main2.tsx
app_Default/src/forms/example/main2/main2.tsx
+3
-13
main3.less
app_Default/src/forms/example/main3/main3.less
+55
-0
main3.tsx
app_Default/src/forms/example/main3/main3.tsx
+348
-0
example-main3-edit-view.less
...mple/example-main3-edit-view/example-main3-edit-view.less
+1
-0
example-main3-edit-view.tsx
...pmple/example-main3-edit-view/example-main3-edit-view.tsx
+50
-0
未找到文件。
app_Default/src/App.tsx
浏览文件 @
997a4eed
...
...
@@ -3,10 +3,12 @@ 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
ExampleMain3EditView
from
'./pages/exapmple/example-main3-edit-view/example-main3-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
ExampleMain2EditView
from
'./pages/exapmple/example-main2-edit-view/example-main2-edit-view'
;
import
'./App.less'
;
import
{
Layout
,
Menu
,
Breadcrumb
,
Icon
}
from
'antd'
;
const
{
Header
,
Content
,
Footer
,
Sider
}
=
Layout
;
...
...
@@ -55,6 +57,9 @@ export default class App extends PureComponent {
if
(
Object
.
is
(
this
.
currentPage
,
"Entity3EditView"
))
{
return
<
Entity3EditView
/>;
}
if
(
Object
.
is
(
this
.
currentPage
,
"ExampleMain3EditView"
))
{
return
<
ExampleMain3EditView
/>;
}
if
(
Object
.
is
(
this
.
currentPage
,
"Entity4EditView"
))
{
return
<
Entity4EditView
/>;
}
...
...
@@ -67,6 +72,9 @@ export default class App extends PureComponent {
if
(
Object
.
is
(
this
.
currentPage
,
"Entity2EditView"
))
{
return
<
Entity2EditView
/>;
}
if
(
Object
.
is
(
this
.
currentPage
,
"ExampleMain2EditView"
))
{
return
<
ExampleMain2EditView
/>;
}
}
/**
...
...
@@ -91,7 +99,7 @@ export default class App extends PureComponent {
<
Layout
id=
"components-layout-demo-custom-trigger"
>
<
Sider
trigger=
{
null
}
collapsible
style=
{
{
minHeight
:
'100vh'
}
}
>
<
div
className=
"logo"
><
img
src=
"assets/images/logo.png"
/></
div
>
<
Menu
theme=
"dark"
mode=
"inline"
defaultSelectedKeys=
{
[
'"EntityEditView""ExampleEditorType""ExampleEditView""Entity3EditView""E
ntity4EditView""Entity5EditView""ExampleDLFEditView""Entity
2EditView"'
]
}
onClick=
{
({
item
,
key
,
keyPath
,
domEvent
})
=>
{
this
.
handleMenuClick
(
item
,
key
,
keyPath
,
domEvent
)
}
}
>
<
Menu
theme=
"dark"
mode=
"inline"
defaultSelectedKeys=
{
[
'"EntityEditView""ExampleEditorType""ExampleEditView""Entity3EditView""E
xampleMain3EditView""Entity4EditView""Entity5EditView""ExampleDLFEditView""Entity2EditView""ExampleMain
2EditView"'
]
}
onClick=
{
({
item
,
key
,
keyPath
,
domEvent
})
=>
{
this
.
handleMenuClick
(
item
,
key
,
keyPath
,
domEvent
)
}
}
>
<
Menu
.
Item
key=
"EntityEditView"
>
<
Icon
type=
"user"
/>
<
span
>
实体编辑视图
</
span
>
...
...
@@ -108,22 +116,30 @@ export default class App extends PureComponent {
<
Icon
type=
"user"
/>
<
span
>
实体3编辑视图
</
span
>
</
Menu
.
Item
>
<
Menu
.
Item
key=
"E
ntity4
EditView"
>
<
Menu
.
Item
key=
"E
xampleMain3
EditView"
>
<
Icon
type=
"video-camera"
/>
<
span
>
表单3
</
span
>
</
Menu
.
Item
>
<
Menu
.
Item
key=
"Entity4EditView"
>
<
Icon
type=
"upload"
/>
<
span
>
实体4编辑视图
</
span
>
</
Menu
.
Item
>
<
Menu
.
Item
key=
"Entity5EditView"
>
<
Icon
type=
"u
pload
"
/>
<
Icon
type=
"u
ser
"
/>
<
span
>
实体5编辑视图
</
span
>
</
Menu
.
Item
>
<
Menu
.
Item
key=
"ExampleDLFEditView"
>
<
Icon
type=
"
user
"
/>
<
Icon
type=
"
video-camera
"
/>
<
span
>
表单项动态逻辑示例
</
span
>
</
Menu
.
Item
>
<
Menu
.
Item
key=
"Entity2EditView"
>
<
Icon
type=
"
video-camera
"
/>
<
Icon
type=
"
upload
"
/>
<
span
>
实体2编辑视图
</
span
>
</
Menu
.
Item
>
<
Menu
.
Item
key=
"ExampleMain2EditView"
>
<
Icon
type=
"user"
/>
<
span
>
表单2
</
span
>
</
Menu
.
Item
>
</
Menu
>
</
Sider
>
<
Layout
>
...
...
app_Default/src/forms/entity4/main/main.tsx
浏览文件 @
997a4eed
此差异已折叠。
点击以展开。
app_Default/src/forms/example/main2/main2.tsx
浏览文件 @
997a4eed
...
...
@@ -175,10 +175,6 @@ export default class Main2 extends PureComponent<Main2Props> {
* @memberof Main2
*/
public
detailsModel
:
any
=
{
tabpanel1
:
new
FormTabPanelModel
({
caption
:
''
,
detailType
:
'TABPANEL'
,
name
:
'tabpanel1'
,
visible
:
true
,
isShowCaption
:
false
,
form
:
this
,
tabPages
:
[]
})
,
formpage1
:
new
FormPageModel
({
caption
:
'表单分页'
,
detailType
:
'FORMPAGE'
,
name
:
'formpage1'
,
visible
:
true
,
isShowCaption
:
true
,
form
:
this
})
,
srfupdatedate
:
new
FormItemModel
({
caption
:
'更新时间'
,
detailType
:
'FORMITEM'
,
name
:
'srfupdatedate'
,
visible
:
true
,
isShowCaption
:
true
,
form
:
this
,
disabled
:
false
,
error
:
""
,
isEmptyCaption
:
"false"
,
validateStatus
:
""
,
required
:
false
,
enableCond
:
3
})
,
srforikey
:
new
FormItemModel
({
caption
:
''
,
detailType
:
'FORMITEM'
,
name
:
'srforikey'
,
visible
:
true
,
isShowCaption
:
true
,
form
:
this
,
disabled
:
false
,
error
:
""
,
isEmptyCaption
:
"false"
,
validateStatus
:
""
,
required
:
false
,
enableCond
:
3
})
...
...
@@ -197,6 +193,7 @@ export default class Main2 extends PureComponent<Main2Props> {
,
exampleid
:
new
FormItemModel
({
caption
:
'示例标识'
,
detailType
:
'FORMITEM'
,
name
:
'exampleid'
,
visible
:
true
,
isShowCaption
:
true
,
form
:
this
,
disabled
:
false
,
error
:
""
,
isEmptyCaption
:
"false"
,
validateStatus
:
""
,
required
:
false
,
enableCond
:
3
})
,
form
:
new
FormTabPanelModel
({
caption
:
'form'
,
detailType
:
'TABPANEL'
,
name
:
'form'
,
visible
:
true
,
isShowCaption
:
true
,
form
:
this
,
tabPages
:
[]
}),
}
/**
...
...
@@ -226,8 +223,6 @@ export default class Main2 extends PureComponent<Main2Props> {
}
...
...
@@ -331,13 +326,8 @@ export default class Main2 extends PureComponent<Main2Props> {
return
<>
<
div
className=
"ibiz-form main2"
>
<
Form
layout=
"inline"
>
{
this
.
detailsModel
.
tabpanel1
.
visible
?<
Col
style=
{
{}
}
lg=
{
{
span
:
24
,
offset
:
0
}
}
>
<
Tabs
className=
""
>
</
Tabs
>
</
Col
>:
""
}
<
Tabs
defaultActiveKey=
"1"
onChange=
{
(
key
:
string
)
=>
this
.
tabChange
(
key
)
}
>
</
Tabs
>
</
Form
>
</
div
>
</>;
...
...
app_Default/src/forms/example/main3/main3.less
0 → 100644
浏览文件 @
997a4eed
// 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;
}
app_Default/src/forms/example/main3/main3.tsx
0 → 100644
浏览文件 @
997a4eed
此差异已折叠。
点击以展开。
app_Default/src/pages/exapmple/example-main3-edit-view/example-main3-edit-view.less
0 → 100644
浏览文件 @
997a4eed
// this is less
app_Default/src/pages/exapmple/example-main3-edit-view/example-main3-edit-view.tsx
0 → 100644
浏览文件 @
997a4eed
import
React
,
{
PureComponent
}
from
'react'
;
import
'./example-main3-edit-view.less'
;
import
Main3form
from
'../../../forms/example/main3/main3'
;
/**
* ExampleMain3EditView
*
* @export
* @class ExampleMain3EditView
* @extends {PureComponent}
*/
export
default
class
ExampleMain3EditView
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 ExampleMain3EditView
*/
public
render
()
{
return
<>
<
div
>
<
Main3form
data=
{
{}
}
formItemChange=
{
(
value
:
any
)
=>
{
this
.
formItemChange
(
value
)}
}
></
Main3form
>
</
div
>
</>;
}
/**
* 表单项变化
* @param value
*/
public
formItemChange
(
value
:
any
){
console
.
log
(
value
);
}
}
\ No newline at end of file
编辑
预览
Markdown
格式
0%
请重试
or
添加新附件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
先完成此消息的编辑!
取消
想要评论请
注册
或
登录