全局表格样式

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

@@ -206,7 +206,7 @@ const PatrolRecord = (props) => {
     ]
 
     return (
-        <div id='patrol-record'>
+        <div id='patrol-record' className='global-main'>
             <div style={{ marginBottom: 20 }}>
                 <Input style={{ width: 240, marginRight: 20 }}
                     value={name} onChange={e => { setName(e.target.value) }}
@@ -229,6 +229,11 @@ const PatrolRecord = (props) => {
                     showSizeChanger: true,
                     pageSizeOptions: [10, 20, 50],
                 }}
+                rowClassName={(record, index) => {
+                    let className = 'global-light-row';
+                    if (index % 2 === 1) className = 'global-dark-row';
+                    return className;
+                }}
             />
         </div>
     )

web/client/src/sections/organization/components/resource.js

@@ -10,7 +10,7 @@ const Resource = props => {
     const [roleCheck, setRoleCheck] = useState({});//一级权限码
     const [parentRoleCheck, setParentRoleCheck] = useState({}); //二级权限码
 
-    const roleDatas=roleData.slice(0)
+    const roleDatas = roleData.slice(0)
     useEffect(() => {
         const check = {}
         const parentCheck = {}
@@ -54,6 +54,11 @@ const Resource = props => {
             bordered
             pagination={false}
             dataSource={roleDatas}
+            rowClassName={(record, index) => {
+                let className = 'global-light-row';
+                if (index % 2 === 1) className = 'global-dark-row';
+                return className;
+            }}
             columns={[{
                 title: '功能',
                 key: 'name',
@@ -61,7 +66,7 @@ const Resource = props => {
                 render: (text, record) => {
                     const parentCode = record.code
                     return <Checkbox
-                    
+
                         indeterminate={indeterminate[parentCode]}
                         onChange={(e) => {
                             const currentParCheck = JSON.parse(JSON.stringify(parentRoleCheck));

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

@@ -302,6 +302,11 @@ const UserManage = (props) => {
                     options={false}
                     search={false}
                     rowKey="id"
+                    rowClassName={(record, index) => {
+                        let className = 'global-light-row';
+                        if (index % 2 === 1) className = 'global-dark-row';
+                        return className;
+                    }}
                 />
             </div>
             {

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

@@ -146,6 +146,11 @@ function CheckItems(props) {
             disabled: record && record.patrolTemplates && record.patrolTemplates.length,
           }),
         }}
+        rowClassName={(record, index) => {
+          let className = 'global-light-row';
+          if (index % 2 === 1) className = 'global-dark-row';
+          return className;
+        }}
       />
       {
         visible ?

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

@@ -153,6 +153,11 @@ function PatrolPlan(props) {
                     return { ...res };
                 }}
                 onReset={() => { }}
+                rowClassName={(record, index) => {
+                    let className = 'global-light-row';
+                    if (index % 2 === 1) className = 'global-dark-row';
+                    return className;
+                }}
             />
             {
                 visible ?

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

@@ -126,7 +126,7 @@ const PatrolRecord = (props) => {
     ]
 
     return (
-        <div id='patrol-record'>
+        <div id='patrol-record' className='global-main'>
             <div style={{ display: 'flex', justifyContent: 'space-between', padding: '0 10px' }}>
                 <Form
                     style={{ display: 'flex', }}
@@ -182,10 +182,15 @@ const PatrolRecord = (props) => {
                         return <span style={{ fontSize: 15 }}>{`共${Math.ceil(total / query?.limit)}页，${total}项`}</span>
                     },
                     onChange: (page, pageSize) => {
-                        setQuery({ limit: pageSize, page: page - 1 }); 
+                        setQuery({ limit: pageSize, page: page - 1 });
                         record({ limit: pageSize, page: page - 1, ...search, companyId: search?.companyId })
                     }
                 }}
+                rowClassName={(record, index) => {
+                    let className = 'global-light-row';
+                    if (index % 2 === 1) className = 'global-dark-row';
+                    return className;
+                }}
             />
             <Modal
                 title='巡检记录详情'
@@ -270,7 +275,7 @@ const PatrolRecord = (props) => {
     )
 }
 
-function mapStateToProps (state) {
+function mapStateToProps(state) {
     const { auth, global } = state;
     return {
         user: auth.user,

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

@@ -104,6 +104,11 @@ function patrolReport(props) {
                     };
                 }}
                 onReset={() => { setDate([moment().subtract(1, 'days'), moment()]) }}
+                rowClassName={(record, index) => {
+                    let className = 'global-light-row';
+                    if (index % 2 === 1) className = 'global-dark-row';
+                    return className;
+                }}
             />
         </>
     )

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

@@ -104,6 +104,11 @@ function PatrolTemplate(props) {
                     return { ...res };
                 }}
                 onReset={() => { }}
+                rowClassName={(record, index) => {
+                    let className = 'global-light-row';
+                    if (index % 2 === 1) className = 'global-dark-row';
+                    return className;
+                }}
             />
             {
                 visible ?