Browse Source

全局表格Pagination样式

master
liujiangyong 2 years ago
parent
commit
06650f438f
  1. 24
      web/client/src/layout/containers/layout/index.less
  2. 1
      web/client/src/sections/issueHandle/containers/patrolRecord.js
  3. 1
      web/client/src/sections/organization/containers/user.js
  4. 2
      web/client/src/sections/patrolManage/containers/checkItems.js
  5. 2
      web/client/src/sections/patrolManage/containers/patrolPlan.js
  6. 1
      web/client/src/sections/patrolManage/containers/patrolRecord.js
  7. 2
      web/client/src/sections/patrolManage/containers/patrolReport.js
  8. 2
      web/client/src/sections/patrolManage/containers/patrolTemplate.js

24
web/client/src/layout/containers/layout/index.less

@ -16,15 +16,15 @@
background: #FAFCFF; background: #FAFCFF;
} }
// .global-pagination { .global-pagination {
// .ant-pagination-item { .ant-pagination-item {
// border-color: #fff; border-color: #fff;
// } }
// .ant-pagination-item-active { .ant-pagination-item-active {
// border-color: #EAF2FF; border-color: #EAF2FF;
// background: #EAF2FF; background: #EAF2FF;
// } }
// .ant-pagination-item-link { .ant-pagination-item-link {
// border-color: #fff !important; border-color: #fff !important;
// } }
// } }

1
web/client/src/sections/issueHandle/containers/patrolRecord.js

@ -228,6 +228,7 @@ const PatrolRecord = (props) => {
pagination={{ pagination={{
showSizeChanger: true, showSizeChanger: true,
pageSizeOptions: [10, 20, 50], pageSizeOptions: [10, 20, 50],
className: 'global-pagination',
}} }}
rowClassName={(record, index) => { rowClassName={(record, index) => {
let className = 'global-light-row'; let className = 'global-light-row';

1
web/client/src/sections/organization/containers/user.js

@ -307,6 +307,7 @@ const UserManage = (props) => {
if (index % 2 === 1) className = 'global-dark-row'; if (index % 2 === 1) className = 'global-dark-row';
return className; return className;
}} }}
pagination={{ size: 'default', className: 'global-pagination' }}
/> />
</div> </div>
{ {

2
web/client/src/sections/patrolManage/containers/checkItems.js

@ -100,7 +100,7 @@ function CheckItems(props) {
options={false} options={false}
dataSource={dataSource || []} dataSource={dataSource || []}
rowKey='id' rowKey='id'
pagination={{ pageSize: 10 }} pagination={{ pageSize: 10, size: 'default', className: 'global-pagination' }}
request={async (params = {}) => { request={async (params = {}) => {
const res = await dispatch(getCheckItems({ const res = await dispatch(getCheckItems({
limit: params.pageSize, limit: params.pageSize,

2
web/client/src/sections/patrolManage/containers/patrolPlan.js

@ -131,7 +131,7 @@ function PatrolPlan(props) {
options={false} options={false}
dataSource={dataSource || []} dataSource={dataSource || []}
rowKey='id' rowKey='id'
pagination={{ pageSize: 10 }} pagination={{ pageSize: 10, size: 'default', className: 'global-pagination' }}
search={{ search={{
defaultCollapsed: false, defaultCollapsed: false,
labelWidth: 'auto', labelWidth: 'auto',

1
web/client/src/sections/patrolManage/containers/patrolRecord.js

@ -173,6 +173,7 @@ const PatrolRecord = (props) => {
columns={columns} columns={columns}
dataSource={tableList} dataSource={tableList}
pagination={{ pagination={{
className: 'global-pagination',
current: query.page + 1, current: query.page + 1,
total: limits, total: limits,
showSizeChanger: true, showSizeChanger: true,

2
web/client/src/sections/patrolManage/containers/patrolReport.js

@ -88,7 +88,7 @@ function patrolReport(props) {
options={false} options={false}
dataSource={dataSource || []} dataSource={dataSource || []}
rowKey='id' rowKey='id'
pagination={{ pageSize: 10 }} pagination={{ pageSize: 10, size: 'default', className: 'global-pagination' }}
request={async (params = {}) => { request={async (params = {}) => {
const res = await dispatch(getPatrolReport({ const res = await dispatch(getPatrolReport({
limit: params?.pageSize, limit: params?.pageSize,

2
web/client/src/sections/patrolManage/containers/patrolTemplate.js

@ -83,7 +83,7 @@ function PatrolTemplate(props) {
options={false} options={false}
dataSource={dataSource || []} dataSource={dataSource || []}
rowKey='id' rowKey='id'
pagination={{ pageSize: 10 }} pagination={{ pageSize: 10, size: 'default', className: 'global-pagination' }}
search={{ search={{
defaultCollapsed: false, defaultCollapsed: false,
optionRender: (searchConfig, formProps, dom) => [ optionRender: (searchConfig, formProps, dom) => [

Loading…
Cancel
Save