Skip to content

Y
yudao-cloud
提交 cf5557bf authored 作者: sin's avatar sin
浏览文件
操作

- 未知原因，先注释代码

上级 76171e5a
隐藏空白字符变更
内嵌 并排
正在显示 包含 148 行增加 和 148 行删除
admin-web/config/router.config.js
浏览文件 @ cf5557bf
...@@ -69,11 +69,11 @@ export default [ ...@@ -69,11 +69,11 @@ export default [
name: 'order-list', name: 'order-list',
component: './Order/OrderList', component: './Order/OrderList',
}, },
{ // {
path: '/order/order-refunds', // path: '/order/order-refunds',
name: 'order-refunds', // name: 'order-refunds',
component: './OrderRefunds/OrderRefundsList', // component: './OrderRefunds/OrderRefundsList',
}, // },
], ],
}, },
// product // product
......
admin-web/src/pages/OrderRefunds/OrderRefundsList.js
浏览文件 @ cf5557bf
import React, { PureComponent } from 'react'; // import React, { PureComponent } from 'react';
import { connect } from 'dva'; // import { connect } from 'dva';
import { Card, Tabs } from 'antd'; // import { Card, Tabs } from 'antd';
import PageHeaderWrapper from '../../components/PageHeaderWrapper'; // import PageHeaderWrapper from '../../components/PageHeaderWrapper';
import TableSearch from './TableSearch'; // import TableSearch from './TableSearch';
import styles from '../List/TableList.less'; // import styles from '../List/TableList.less';
//
/** // /**
* 订单售后列表 // * 订单售后列表
*/ // */
@connect(({ loading }) => ({ // @connect(({ loading }) => ({
loading: loading.models.orderList, // loading: loading.models.orderList,
})) // }))
class OrderRefundsList extends PureComponent { // class OrderRefundsList extends PureComponent {
handleTabsChange = value => { // handleTabsChange = value => {
console.log(value); // console.log(value);
}; // };
//
render() { // render() {
return ( // return (
<PageHeaderWrapper> // <PageHeaderWrapper>
<Card> // <Card>
<div className={styles.tableListForm}> // <div className={styles.tableListForm}>
<TableSearch /> // <TableSearch />
</div> // </div>
//
<Tabs defaultActiveKey={null} onChange={this.handleTabsChange}> // <Tabs defaultActiveKey={null} onChange={this.handleTabsChange}>
<Tabs.TabPane tab="全部" key={null} /> // <Tabs.TabPane tab="全部" key={null} />
<Tabs.TabPane tab="待处理" key={1} /> // <Tabs.TabPane tab="待处理" key={1} />
<Tabs.TabPane tab="已处理" key={2} /> // <Tabs.TabPane tab="已处理" key={2} />
<Tabs.TabPane tab="已完成" key={4} /> // <Tabs.TabPane tab="已完成" key={4} />
</Tabs> // </Tabs>
</Card> // </Card>
</PageHeaderWrapper> // </PageHeaderWrapper>
); // );
} // }
} // }
//
export default OrderRefundsList; // export default OrderRefundsList;
admin-web/src/pages/OrderRefunds/OrderRefundsList.less
浏览文件 @ cf5557bf
@import '../../../node_modules/antd/lib/style/themes/default.less'; //@import '../../../node_modules/antd/lib/style/themes/default.less';
@import '~@/utils/utils.less'; //@import '~@/utils/utils.less';
//
.tableList { //.tableList {
.tableListOperator { // .tableListOperator {
margin-bottom: 16px; // margin-bottom: 16px;
button { // button {
margin-right: 8px; // margin-right: 8px;
} // }
} // }
} //}
//
.tableListForm { //.tableListForm {
:global { // :global {
.ant-form-item { // .ant-form-item {
display: flex; // display: flex;
margin-right: 0; // margin-right: 0;
margin-bottom: 24px; // margin-bottom: 24px;
> .ant-form-item-label { // > .ant-form-item-label {
width: auto; // width: auto;
padding-right: 8px; // padding-right: 8px;
line-height: 32px; // line-height: 32px;
} // }
.ant-form-item-control { // .ant-form-item-control {
line-height: 32px; // line-height: 32px;
} // }
} // }
.ant-form-item-control-wrapper { // .ant-form-item-control-wrapper {
flex: 1; // flex: 1;
} // }
} // }
.submitButtons { // .submitButtons {
display: block; // display: block;
margin-bottom: 24px; // margin-bottom: 24px;
white-space: nowrap; // white-space: nowrap;
} // }
} //}
//
@media screen and (max-width: @screen-lg) { //@media screen and (max-width: @screen-lg) {
.tableListForm :global(.ant-form-item) { // .tableListForm :global(.ant-form-item) {
margin-right: 24px; // margin-right: 24px;
} // }
} //}
//
@media screen and (max-width: @screen-md) { //@media screen and (max-width: @screen-md) {
.tableListForm :global(.ant-form-item) { // .tableListForm :global(.ant-form-item) {
margin-right: 8px; // margin-right: 8px;
} // }
} //}
admin-web/src/pages/OrderRefunds/TableSearch.js
浏览文件 @ cf5557bf
import React from 'react'; // import React from 'react';
import { Button, Col, Form, Input, Row, DatePicker } from 'antd'; // import { Button, Col, Form, Input, Row, DatePicker } from 'antd';
//
const FormItem = Form.Item; // const FormItem = Form.Item;
//
/** // /**
* table 查询 // * table 查询
* // *
* @type {React.ComponentClass<RcBaseFormProps & Omit<FormComponentProps, keyof FormComponentProps>>} // * @type {React.ComponentClass<RcBaseFormProps & Omit<FormComponentProps, keyof FormComponentProps>>}
*/ // */
const TableSearch = Form.create()(props => { // const TableSearch = Form.create()(props => {
const { getFieldDecorator } = props.form; // const { getFieldDecorator } = props.form;
console.log('props.form', props.form); // console.log('props.form', props.form);
//
function onSubmit() {} // function onSubmit() {}
//
function handleFormReset() {} // function handleFormReset() {}
//
return ( // return (
<Form onSubmit={onSubmit} layout="inline"> // <Form onSubmit={onSubmit} layout="inline">
<Row gutter={{ md: 8, lg: 24, xl: 48 }}> // <Row gutter={{ md: 8, lg: 24, xl: 48 }}>
<Col md={8} sm={24}> // <Col md={8} sm={24}>
<FormItem label="订单id"> // <FormItem label="订单id">
{getFieldDecorator('id')(<Input placeholder="请输入订单id" />)} // {getFieldDecorator('id')(<Input placeholder="请输入订单id" />)}
</FormItem> // </FormItem>
</Col> // </Col>
<Col md={8} sm={24}> // <Col md={8} sm={24}>
<FormItem label="订单号"> // <FormItem label="订单号">
{getFieldDecorator('orderNo')(<Input placeholder="请输入订单号" />)} // {getFieldDecorator('orderNo')(<Input placeholder="请输入订单号" />)}
</FormItem> // </FormItem>
</Col> // </Col>
</Row> // </Row>
//
<Row gutter={{ md: 8, lg: 24, xl: 48 }}> // <Row gutter={{ md: 8, lg: 24, xl: 48 }}>
<Col md={8} sm={24}> // <Col md={8} sm={24}>
<FormItem label="创建时间"> // <FormItem label="创建时间">
{getFieldDecorator('createTime')(<DatePicker.RangePicker />)} // {getFieldDecorator('createTime')(<DatePicker.RangePicker />)}
</FormItem> // </FormItem>
</Col> // </Col>
<Col md={8} sm={24}> // <Col md={8} sm={24}>
<span> // <span>
<Button type="primary" htmlType="submit"> // <Button type="primary" htmlType="submit">
查询 // 查询
</Button> // </Button>
<Button style={{ marginLeft: 8 }} onClick={handleFormReset}> // <Button style={{ marginLeft: 8 }} onClick={handleFormReset}>
重置 // 重置
</Button> // </Button>
</span> // </span>
</Col> // </Col>
</Row> // </Row>
</Form> // </Form>
); // );
}); // });
//
export default TableSearch; // export default TableSearch;
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论