diff --git a/package-lock.json b/package-lock.json index 0223287..dd05f16 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1932,6 +1932,21 @@ } } }, + "@react-dnd/asap": { + "version": "4.0.1", + "resolved": "https://registry.npmmirror.com/@react-dnd/asap/-/asap-4.0.1.tgz", + "integrity": "sha512-kLy0PJDDwvwwTXxqTFNAAllPHD73AycE9ypWeln/IguoGBEbvFcPDbCV03G52bEcC5E+YgupBE0VzHGdC8SIXg==" + }, + "@react-dnd/invariant": { + "version": "3.0.1", + "resolved": "https://registry.npmmirror.com/@react-dnd/invariant/-/invariant-3.0.1.tgz", + "integrity": "sha512-blqduwV86oiKw2Gr44wbe3pj3Z/OsXirc7ybCv9F/pLAR+Aih8F3rjeJzK0ANgtYKv5lCpkGVoZAeKitKDaD/g==" + }, + "@react-dnd/shallowequal": { + "version": "3.0.1", + "resolved": "https://registry.npmmirror.com/@react-dnd/shallowequal/-/shallowequal-3.0.1.tgz", + "integrity": "sha512-XjDVbs3ZU16CO1h5Q3Ew2RPJqmZBDE/EVf1LYp6ePEffs3V/MX9ZbL5bJr8qiK5SbGmUMuDoaFgyKacYz8prRA==" + }, "@rollup/plugin-node-resolve": { "version": "7.1.3", "resolved": "https://registry.nlark.com/@rollup/plugin-node-resolve/download/@rollup/plugin-node-resolve-7.1.3.tgz", @@ -5543,6 +5558,16 @@ "path-type": "^4.0.0" } }, + "dnd-core": { + "version": "15.1.2", + "resolved": "https://registry.npmmirror.com/dnd-core/-/dnd-core-15.1.2.tgz", + "integrity": "sha512-EOec1LyJUuGRFg0LDa55rSRAUe97uNVKVkUo8iyvzQlcECYTuPblVQfRWXWj1OyPseFIeebWpNmKFy0h6BcF1A==", + "requires": { + "@react-dnd/asap": "4.0.1", + "@react-dnd/invariant": "3.0.1", + "redux": "^4.1.2" + } + }, "dns-equal": { "version": "1.0.0", "resolved": "https://registry.npm.taobao.org/dns-equal/download/dns-equal-1.0.0.tgz", @@ -13567,6 +13592,26 @@ } } }, + "react-dnd": { + "version": "15.1.2", + "resolved": "https://registry.npmmirror.com/react-dnd/-/react-dnd-15.1.2.tgz", + "integrity": "sha512-EaSbMD9iFJDY/o48T3c8wn3uWU+2uxfFojhesZN3LhigJoAIvH2iOjxofSA9KbqhAKP6V9P853G6XG8JngKVtA==", + "requires": { + "@react-dnd/invariant": "3.0.1", + "@react-dnd/shallowequal": "3.0.1", + "dnd-core": "15.1.2", + "fast-deep-equal": "^3.1.3", + "hoist-non-react-statics": "^3.3.2" + } + }, + "react-dnd-html5-backend": { + "version": "15.1.3", + "resolved": "https://registry.npmmirror.com/react-dnd-html5-backend/-/react-dnd-html5-backend-15.1.3.tgz", + "integrity": "sha512-HH/8nOEmrrcRGHMqJR91FOwhnLlx5SRLXmsQwZT3IPcBjx88WT+0pWC5A4tDOYDdoooh9k+KMPvWfxooR5TcOA==", + "requires": { + "dnd-core": "15.1.2" + } + }, "react-dom": { "version": "17.0.2", "resolved": "https://registry.npmmirror.com/react-dom/download/react-dom-17.0.2.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Freact-dom%2Fdownload%2Freact-dom-17.0.2.tgz", diff --git a/package.json b/package.json index 1732b79..10d41a2 100644 --- a/package.json +++ b/package.json @@ -57,6 +57,8 @@ "react": "^17.0.2", "react-app-polyfill": "^2.0.0", "react-dev-utils": "^11.0.3", + "react-dnd": "^15.1.2", + "react-dnd-html5-backend": "^15.1.3", "react-dom": "^17.0.2", "react-flow-renderer": "^10.0.1", "react-pdf": "^5.6.0", diff --git a/src/components/table.js b/src/components/table.js index ad0f4b9..5808035 100644 --- a/src/components/table.js +++ b/src/components/table.js @@ -16,7 +16,9 @@ class FeTable extends Component { return { data: props.data, columns: props.columns, - total: props.total + total: props.total, + defaultPageSize: props.defaultPageSize ||10, + maxHeight: props.maxHeight || 'auto' } } return null @@ -26,8 +28,8 @@ class FeTable extends Component { return this.props.callback(e.target.innerText, value) } - onChange = e =>{ - return this.props.pageChange(e) + onChange = (current,pageSize) =>{ + return this.props.pageChange(current,pageSize) } onShowSizeChange = (current,pageSize) =>{ @@ -37,11 +39,11 @@ class FeTable extends Component { render() { return ( - {return { +
{return { onClick: event => this.jumpRow(event, record) } - }} pagination={{total: this.state.total,onChange:this.onChange.bind(this),showSizeChanger:true, - onShowSizeChange:this.onShowSizeChange.bind(this)}}/> + }} pagination={{defaultPageSize:this.state.defaultPageSize,total: this.state.total,onChange:this.onChange.bind(this),showSizeChanger:true, + onShowSizeChange:this.onShowSizeChange.bind(this),pageSizeOptions:['5','10','15','20']}}/> ) } diff --git a/src/pages/home/branch/dashboard/dashboard.js b/src/pages/home/branch/dashboard/dashboard.js index c0c928c..b81726a 100644 --- a/src/pages/home/branch/dashboard/dashboard.js +++ b/src/pages/home/branch/dashboard/dashboard.js @@ -204,7 +204,7 @@ class Dashboard extends Component { return item.title === value["企业名称"] + '(' + value["企业ID"] + ')' ? false : true }) if (state) { - newPanes.push({ title: value["企业名称"] + '(' + value["企业ID"] + ')', content: "/manager/company/details", key: (Number(newPanes[newPanes.length - 1].key) + 1).toString(),id: { cid: value["企业ID"] } }); + newPanes.push({ title: value["企业名称"] + '(' + value["企业ID"] + ')', content: "/manager/company/details", key: (Number(newPanes[newPanes.length - 1].key) + 1).toString(), id: { cid: value["企业ID"] } }); store.dispatch(operationAction(newPanes, (newPanes[newPanes.length - 1].key))) } else { return null @@ -212,8 +212,8 @@ class Dashboard extends Component { } } - pageChange = e =>{ - api.get("/admin/board/get_new_companies", { page_no: e, page_size: 10 }).then(res => { + pageChange = (current, pageSize) => { + api.get("/admin/board/get_new_companies", { page_no: current, page_size: pageSize }).then(res => { this.setState({ company: res.result.records, total: res.result.total @@ -221,14 +221,14 @@ class Dashboard extends Component { }) } - // onShowSizeChange = (current,pageSize) =>{ - // api.get("/admin/board/get_new_companies", { page_no: current, page_size: pageSize }).then(res => { - // this.setState({ - // company: res.result.records, - // total: res.result.total - // }) - // }) - // } + onShowSizeChange = (current, pageSize) => { + api.get("/admin/board/get_new_companies", { page_no: current, page_size: pageSize }).then(res => { + this.setState({ + company: res.result.records, + total: res.result.total + }) + }) + } render() { return ( @@ -252,14 +252,14 @@ class Dashboard extends Component { -
+
-
+
{ this.state.industry && this.state.industry.map(item => { return Object.keys(item).map((key, index) => { @@ -270,8 +270,8 @@ class Dashboard extends Component {
- - + + diff --git a/src/pages/home/branch/manage/company/company.js b/src/pages/home/branch/manage/company/company.js index 434f91b..eaa20f2 100644 --- a/src/pages/home/branch/manage/company/company.js +++ b/src/pages/home/branch/manage/company/company.js @@ -61,7 +61,7 @@ class ManageCompany extends Component { return ( - + ) } diff --git a/src/pages/home/branch/setting/user.js b/src/pages/home/branch/setting/user.js index df72a96..c779a9e 100644 --- a/src/pages/home/branch/setting/user.js +++ b/src/pages/home/branch/setting/user.js @@ -30,7 +30,6 @@ class UserSet extends Component { this.submit("") } - setVisible = () => { this.setState({ visible: true @@ -43,12 +42,12 @@ class UserSet extends Component { }) } - submit = (search, sort) => { + submit = (search, sort, current, pageSize) => { const obj = { search: search || {}, sort: sort || {}, - page_size: 10, - page_no: 1 + page_size: pageSize || 10, + page_no: current || 1 } api.post("/admin/user/list_user", obj) .then(res => { @@ -64,7 +63,7 @@ class UserSet extends Component { align: 'center', sorter: item !== 'uid' ? (a, b, c) => { this.sort(c, item, search) } : null, defaultSortOrder: 'descend', - render: item === '状态' ? (record) =>
{record}
: item === '角色' ? (record) => {record} : null + render: item === '状态' ? (record) =>
{record}
: item === '角色' ? (record) => {record} : null } : { title: "操作", dataIndex: "操作", @@ -127,13 +126,12 @@ class UserSet extends Component { } } - pageChange = e => { - api.get("/admin/board/get_new_companies", { page_no: e, page_size: 10 }).then(res => { - this.setState({ - data: res.result.records, - total: res.result.total - }) - }) + pageChange = (current, pageSize) => { + this.submit(null, null, current, pageSize) + } + + onShowSizeChange = (current, pageSize) => { + this.submit(null, null, current, pageSize) } onAdd = () => { @@ -193,7 +191,7 @@ class UserSet extends Component { - + } /> } else { - return })} + } })() }