Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
钟摆人-Puppet゜
ant-design-pro
提交
7c2ec988
A
ant-design-pro
项目概览
钟摆人-Puppet゜
/
ant-design-pro
与 Fork 源项目一致
从无法访问的项目Fork
通知
2
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
A
ant-design-pro
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
7c2ec988
编写于
10月 23, 2017
作者:
A
afc163
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update styles
上级
0153ec13
变更
3
显示空白变更内容
内联
并排
Showing
3 changed file
with
51 addition
and
67 deletion
+51
-67
src/layouts/BasicLayout.less
src/layouts/BasicLayout.less
+1
-1
src/routes/List/TableList.js
src/routes/List/TableList.js
+40
-54
src/routes/List/TableList.less
src/routes/List/TableList.less
+10
-12
未找到文件。
src/layouts/BasicLayout.less
浏览文件 @
7c2ec988
...
...
@@ -11,7 +11,7 @@
height: 64px;
position: relative;
line-height: 64px;
padding-left:
32
px;
padding-left:
24
px;
transition: all .3s;
background: #002140;
overflow: hidden;
...
...
src/routes/List/TableList.js
浏览文件 @
7c2ec988
import
React
,
{
PureComponent
}
from
'
react
'
;
import
{
connect
}
from
'
dva
'
;
import
{
Card
,
Row
,
Col
,
Form
,
Input
,
Select
,
Icon
,
Button
,
Dropdown
,
Menu
,
InputNumber
,
DatePicker
,
Modal
,
message
}
from
'
antd
'
;
import
{
Card
,
Form
,
Input
,
Select
,
Icon
,
Button
,
Dropdown
,
Menu
,
InputNumber
,
DatePicker
,
Modal
,
message
}
from
'
antd
'
;
import
StandardTable
from
'
../../components/StandardTable
'
;
import
PageHeaderLayout
from
'
../../layouts/PageHeaderLayout
'
;
...
...
@@ -156,11 +156,6 @@ export default class TableList extends PureComponent {
const
{
rule
:
{
loading
:
ruleLoading
,
data
},
form
:
{
getFieldDecorator
}
}
=
this
.
props
;
const
{
selectedRows
,
modalVisible
,
addInputValue
}
=
this
.
state
;
const
formItemLayout
=
{
labelCol
:
{
xs
:
5
,
sm
:
8
,
lg
:
6
,
xl
:
6
},
wrapperCol
:
{
xs
:
18
,
sm
:
16
,
lg
:
17
,
xl
:
17
},
};
const
menu
=
(
<
Menu
onClick
=
{
this
.
handleMenuClick
}
selectedKeys
=
{[]}
>
<
Menu
.
Item
key
=
"
remove
"
>
删除
<
/Menu.Item
>
...
...
@@ -173,56 +168,47 @@ export default class TableList extends PureComponent {
<
Card
bordered
=
{
false
}
>
<
div
className
=
{
styles
.
tableList
}
>
<
div
className
=
{
styles
.
tableListForm
}
>
<
Form
onSubmit
=
{
this
.
handleSearch
}
>
<
Row
>
<
Col
md
=
{
8
}
sm
=
{
12
}
xs
=
{
24
}
>
<
FormItem
{...
formItemLayout
}
label
=
"
规则编号
"
>
<
Form
onSubmit
=
{
this
.
handleSearch
}
layout
=
"
inline
"
>
<
div
style
=
{{
marginBottom
:
16
}}
>
<
FormItem
label
=
"
规则编号
"
>
{
getFieldDecorator
(
'
no
'
)(
<
Input
placeholder
=
"
请输入
"
/>
<
Input
placeholder
=
"
请输入
"
style
=
{{
width
:
272
}}
/
>
)}
<
/FormItem
>
<
/Col
>
<
Col
md
=
{
8
}
sm
=
{
12
}
xs
=
{
24
}
>
<
FormItem
{...
formItemLayout
}
label
=
"
状态
"
>
<
FormItem
label
=
"
使用状态
"
>
{
getFieldDecorator
(
'
status
'
)(
<
Select
placeholder
=
"
请选择
"
style
=
{{
width
:
'
100%
'
}}
>
<
Select
placeholder
=
"
请选择
"
style
=
{{
width
:
272
}}
>
<
Option
value
=
"
0
"
>
关闭
<
/Option
>
<
Option
value
=
"
1
"
>
运行中
<
/Option
>
<
/Select
>
)}
<
/FormItem
>
<
/Col
>
<
Col
md
=
{
8
}
sm
=
{
12
}
xs
=
{
24
}
style
=
{{
marginBottom
:
24
}}
>
<
div
className
=
{
styles
.
formButton
}
>
<
span
className
=
{
styles
.
formButton
}
>
<
Button
type
=
"
primary
"
htmlType
=
"
submit
"
>
查询
<
/Button
>
<
Button
style
=
{{
marginLeft
:
8
}}
onClick
=
{
this
.
handleFormReset
}
>
重置
<
/Button
>
<
a
style
=
{{
marginLeft
:
8
,
fontSize
:
12
}}
onClick
=
{
this
.
toggleForm
}
>
<
a
style
=
{{
marginLeft
:
8
}}
onClick
=
{
this
.
toggleForm
}
>
{
this
.
state
.
expandForm
?
'
收起
'
:
'
展开
'
}
<
Icon
type
=
{
this
.
state
.
expandForm
?
'
up
'
:
'
down
'
}
/
>
<
/a
>
<
/span
>
<
/div
>
<
/Col
>
<
/Row
>
{
this
.
state
.
expandForm
&&
(
<
Row
>
<
Col
md
=
{
8
}
sm
=
{
12
}
xs
=
{
24
}
>
<
FormItem
{...
formItemLayout
}
label
=
"
更新时间
"
>
<
div
style
=
{{
marginBottom
:
16
}}
>
<
FormItem
label
=
"
更新时间
"
>
{
getFieldDecorator
(
'
updatedAt
'
)(
<
DatePicker
style
=
{{
width
:
'
100%
'
}}
/
>
<
DatePicker
style
=
{{
width
:
272
}}
/
>
)}
<
/FormItem
>
<
/Col
>
<
Col
md
=
{
8
}
sm
=
{
12
}
xs
=
{
24
}
>
<
FormItem
{...
formItemLayout
}
label
=
"
调用次数
"
>
<
FormItem
label
=
"
调用次数
"
>
{
getFieldDecorator
(
'
callNo
'
)(
<
InputNumber
prefix
=
{
<
Icon
type
=
"
right
"
/>
}
placeholder
=
"
请输入
"
style
=
{{
width
:
272
}}
/
>
)}
<
/FormItem
>
<
/Col
>
<
/Row
>
<
/div
>
)
}
<
/Form
>
...
...
src/routes/List/TableList.less
浏览文件 @
7c2ec988
...
...
@@ -3,11 +3,6 @@
.tableList {
padding-bottom: 8px;
:global {
.ant-form-item {
margin-bottom: 24px;
}
}
.tableListOperator {
margin-bottom: 16px;
button {
...
...
@@ -16,20 +11,23 @@
}
}
.tableListForm :global(.ant-form-item) {
margin-right: 48px;
margin-bottom: 8px;
}
.formButton {
margin-left: 40px;
position: relative;
top: 2px;
white-space: nowrap;
}
@media screen and (max-width: @screen-lg) {
.
formButton
{
margin-
left: 20
px;
.
tableListForm :global(.ant-form-item)
{
margin-
right: 24
px;
}
}
@media screen and (max-width: @screen-md) {
.
formButton
{
margin-
left: 0
;
.
tableListForm :global(.ant-form-item)
{
margin-
right: 8px
;
}
}
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录