Skip to content
项目
群组
代码片段
帮助
当前项目
正在载入...
登录 / 注册
切换导航面板
Y
yudao-cloud
项目
项目
详情
活动
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
图表
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
日程
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
折叠边栏
关闭边栏
活动
图像
聊天
创建新问题
作业
提交
问题看板
Open sidebar
hblj
yudao-cloud
Commits
cf5557bf
提交
cf5557bf
authored
5月 05, 2019
作者:
sin
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
- 未知原因,先注释代码
上级
76171e5a
隐藏空白字符变更
内嵌
并排
正在显示
4 个修改的文件
包含
148 行增加
和
148 行删除
+148
-148
router.config.js
admin-web/config/router.config.js
+5
-5
OrderRefundsList.js
admin-web/src/pages/OrderRefunds/OrderRefundsList.js
+39
-39
OrderRefundsList.less
admin-web/src/pages/OrderRefunds/OrderRefundsList.less
+49
-49
TableSearch.js
admin-web/src/pages/OrderRefunds/TableSearch.js
+55
-55
没有找到文件。
admin-web/config/router.config.js
浏览文件 @
cf5557bf
...
...
@@ -69,11 +69,11 @@ export default [
name
:
'order-list'
,
component
:
'./Order/OrderList'
,
},
{
path
:
'/order/order-refunds'
,
name
:
'order-refunds'
,
component
:
'./OrderRefunds/OrderRefundsList'
,
},
//
{
//
path: '/order/order-refunds',
//
name: 'order-refunds',
//
component: './OrderRefunds/OrderRefundsList',
//
},
],
},
// product
...
...
admin-web/src/pages/OrderRefunds/OrderRefundsList.js
浏览文件 @
cf5557bf
import
React
,
{
PureComponent
}
from
'react'
;
import
{
connect
}
from
'dva'
;
import
{
Card
,
Tabs
}
from
'antd'
;
import
PageHeaderWrapper
from
'../../components/PageHeaderWrapper'
;
import
TableSearch
from
'./TableSearch'
;
import
styles
from
'../List/TableList.less'
;
/**
* 订单售后列表
*/
@
connect
(({
loading
})
=>
({
loading
:
loading
.
models
.
orderList
,
}))
class
OrderRefundsList
extends
PureComponent
{
handleTabsChange
=
value
=>
{
console
.
log
(
value
);
};
render
()
{
return
(
<
PageHeaderWrapper
>
<
Card
>
<
div
className
=
{
styles
.
tableListForm
}
>
<
TableSearch
/>
<
/div
>
<
Tabs
defaultActiveKey
=
{
null
}
onChange
=
{
this
.
handleTabsChange
}
>
<
Tabs
.
TabPane
tab
=
"全部"
key
=
{
null
}
/
>
<
Tabs
.
TabPane
tab
=
"待处理"
key
=
{
1
}
/
>
<
Tabs
.
TabPane
tab
=
"已处理"
key
=
{
2
}
/
>
<
Tabs
.
TabPane
tab
=
"已完成"
key
=
{
4
}
/
>
<
/Tabs
>
<
/Card
>
<
/PageHeaderWrapper
>
);
}
}
export
default
OrderRefundsList
;
//
import React, { PureComponent } from 'react';
//
import { connect } from 'dva';
//
import { Card, Tabs } from 'antd';
//
import PageHeaderWrapper from '../../components/PageHeaderWrapper';
//
import TableSearch from './TableSearch';
//
import styles from '../List/TableList.less';
//
/
/ /
**
//
* 订单售后列表
//
*/
//
@connect(({ loading }) => ({
//
loading: loading.models.orderList,
//
}))
//
class OrderRefundsList extends PureComponent {
//
handleTabsChange = value => {
//
console.log(value);
//
};
//
//
render() {
//
return (
//
<PageHeaderWrapper>
//
<Card>
//
<div className={styles.tableListForm}>
//
<TableSearch />
//
</div>
//
//
<Tabs defaultActiveKey={null} onChange={this.handleTabsChange}>
//
<Tabs.TabPane tab="全部" key={null} />
//
<Tabs.TabPane tab="待处理" key={1} />
//
<Tabs.TabPane tab="已处理" key={2} />
//
<Tabs.TabPane tab="已完成" key={4} />
//
</Tabs>
//
</Card>
//
</PageHeaderWrapper>
//
);
//
}
//
}
//
//
export default OrderRefundsList;
admin-web/src/pages/OrderRefunds/OrderRefundsList.less
浏览文件 @
cf5557bf
@import '../../../node_modules/antd/lib/style/themes/default.less';
@import '~@/utils/utils.less';
.tableList {
.tableListOperator {
margin-bottom: 16px;
button {
margin-right: 8px;
}
}
}
.tableListForm {
:global {
.ant-form-item {
display: flex;
margin-right: 0;
margin-bottom: 24px;
> .ant-form-item-label {
width: auto;
padding-right: 8px;
line-height: 32px;
}
.ant-form-item-control {
line-height: 32px;
}
}
.ant-form-item-control-wrapper {
flex: 1;
}
}
.submitButtons {
display: block;
margin-bottom: 24px;
white-space: nowrap;
}
}
@media screen and (max-width: @screen-lg) {
.tableListForm :global(.ant-form-item) {
margin-right: 24px;
}
}
@media screen and (max-width: @screen-md) {
.tableListForm :global(.ant-form-item) {
margin-right: 8px;
}
}
//
@import '../../../node_modules/antd/lib/style/themes/default.less';
//
@import '~@/utils/utils.less';
//
//
.tableList {
//
.tableListOperator {
//
margin-bottom: 16px;
//
button {
//
margin-right: 8px;
//
}
//
}
//
}
//
//
.tableListForm {
//
:global {
//
.ant-form-item {
//
display: flex;
//
margin-right: 0;
//
margin-bottom: 24px;
//
> .ant-form-item-label {
//
width: auto;
//
padding-right: 8px;
//
line-height: 32px;
//
}
//
.ant-form-item-control {
//
line-height: 32px;
//
}
//
}
//
.ant-form-item-control-wrapper {
//
flex: 1;
//
}
//
}
//
.submitButtons {
//
display: block;
//
margin-bottom: 24px;
//
white-space: nowrap;
//
}
//
}
//
//
@media screen and (max-width: @screen-lg) {
//
.tableListForm :global(.ant-form-item) {
//
margin-right: 24px;
//
}
//
}
//
//
@media screen and (max-width: @screen-md) {
//
.tableListForm :global(.ant-form-item) {
//
margin-right: 8px;
//
}
//
}
admin-web/src/pages/OrderRefunds/TableSearch.js
浏览文件 @
cf5557bf
import
React
from
'react'
;
import
{
Button
,
Col
,
Form
,
Input
,
Row
,
DatePicker
}
from
'antd'
;
const
FormItem
=
Form
.
Item
;
/**
* table 查询
*
* @type {React.ComponentClass<RcBaseFormProps & Omit<FormComponentProps, keyof FormComponentProps>>}
*/
const
TableSearch
=
Form
.
create
()(
props
=>
{
const
{
getFieldDecorator
}
=
props
.
form
;
console
.
log
(
'props.form'
,
props
.
form
);
function
onSubmit
()
{}
function
handleFormReset
()
{}
return
(
<
Form
onSubmit
=
{
onSubmit
}
layout
=
"inline"
>
<
Row
gutter
=
{{
md
:
8
,
lg
:
24
,
xl
:
48
}}
>
<
Col
md
=
{
8
}
sm
=
{
24
}
>
<
FormItem
label
=
"订单id"
>
{
getFieldDecorator
(
'id'
)(
<
Input
placeholder
=
"请输入订单id"
/>
)}
<
/FormItem
>
<
/Col
>
<
Col
md
=
{
8
}
sm
=
{
24
}
>
<
FormItem
label
=
"订单号"
>
{
getFieldDecorator
(
'orderNo'
)(
<
Input
placeholder
=
"请输入订单号"
/>
)}
<
/FormItem
>
<
/Col
>
<
/Row
>
<
Row
gutter
=
{{
md
:
8
,
lg
:
24
,
xl
:
48
}}
>
<
Col
md
=
{
8
}
sm
=
{
24
}
>
<
FormItem
label
=
"创建时间"
>
{
getFieldDecorator
(
'createTime'
)(
<
DatePicker
.
RangePicker
/>
)}
<
/FormItem
>
<
/Col
>
<
Col
md
=
{
8
}
sm
=
{
24
}
>
<
span
>
<
Button
type
=
"primary"
htmlType
=
"submit"
>
查询
<
/Button
>
<
Button
style
=
{{
marginLeft
:
8
}}
onClick
=
{
handleFormReset
}
>
重置
<
/Button
>
<
/span
>
<
/Col
>
<
/Row
>
<
/Form
>
);
});
export
default
TableSearch
;
//
import React from 'react';
//
import { Button, Col, Form, Input, Row, DatePicker } from 'antd';
//
//
const FormItem = Form.Item;
//
/
/ /
**
//
* table 查询
//
*
//
* @type {React.ComponentClass<RcBaseFormProps & Omit<FormComponentProps, keyof FormComponentProps>>}
//
*/
//
const TableSearch = Form.create()(props => {
//
const { getFieldDecorator } = props.form;
//
console.log('props.form', props.form);
//
//
function onSubmit() {}
//
//
function handleFormReset() {}
//
//
return (
//
<Form onSubmit={onSubmit} layout="inline">
//
<Row gutter={{ md: 8, lg: 24, xl: 48 }}>
//
<Col md={8} sm={24}>
//
<FormItem label="订单id">
//
{getFieldDecorator('id')(<Input placeholder="请输入订单id" />)}
//
</FormItem>
//
</Col>
//
<Col md={8} sm={24}>
//
<FormItem label="订单号">
//
{getFieldDecorator('orderNo')(<Input placeholder="请输入订单号" />)}
//
</FormItem>
//
</Col>
//
</Row>
//
//
<Row gutter={{ md: 8, lg: 24, xl: 48 }}>
//
<Col md={8} sm={24}>
//
<FormItem label="创建时间">
//
{getFieldDecorator('createTime')(<DatePicker.RangePicker />)}
//
</FormItem>
//
</Col>
//
<Col md={8} sm={24}>
//
<span>
//
<Button type="primary" htmlType="submit">
//
查询
//
</Button>
//
<Button style={{ marginLeft: 8 }} onClick={handleFormReset}>
//
重置
//
</Button>
//
</span>
//
</Col>
//
</Row>
//
</Form>
//
);
//
});
//
//
export default TableSearch;
编写
预览
Markdown
格式
0%
重试
或
添加新文件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
请先完成此评论的编辑!
取消
请
注册
或者
登录
后发表评论