(*)权限配置展示样式调整

web/client/src/sections/humanAffairs/containers/employeeAuth.jsx

@@ -429,17 +429,19 @@ const EmployeeAuth = (props) => {
                                         <h2>权限范围:</h2>
                                         <Checkbox style={{ float: 'left', marginTop: 17, }} checked={allChecked} onChange={(value) => { onChangeAll(value) }}>全部权限</Checkbox>
                                     </div>
-                                    {treeList.map(e => {
-                                        return <div className='codeList'>
+                                    {treeList.map((e, index) => {
+                                        return <div className={`codeList`}>
                                             <Checkbox onChange={(value) => { onChangeOne(value, e) }} style={{ borderBottom: '1px solid #f2f2f2', padding: '10px 10px' }} checked={two[e.id]} key={e.id} value={e.id}>{e.name}</Checkbox>
                                             {e.child.map(i => {
                                                 return <div>
-                                                    <Checkbox value={i.id} style={{ borderBottom: '1px solid #f2f2f2', padding: '10px 10px' }} key={i.id} checked={two[i.id]} onChange={(value) => { onCheckAllChange(value, e) }}>{i.name}</Checkbox>
-                                                    <CheckboxGroup style={{ width: '100%', borderBottom: '1px solid #f2f2f2', padding: '10px 10px' }} direction='horizontal' value={checkedList}>
-                                                        {
-                                                            i.child.map(s => (<Checkbox onChange={(value) => { checkItem(value, e) }} key={s.id} value={s.id} >{s.name}</Checkbox>))
-                                                        }
-                                                    </CheckboxGroup>
+                                                    <Checkbox value={i.id} style={{ borderBottom: '1px solid #f2f2f2', padding: '10px 10px 10px 35px' }} key={i.id} checked={two[i.id]} onChange={(value) => { onCheckAllChange(value, e) }}>{i.name}</Checkbox>
+                                                    {i.child.length ?
+                                                        <CheckboxGroup style={{ width: '100%', borderBottom: '1px solid #f2f2f2', padding: '10px 10px 10px 60px' }} direction='horizontal' value={checkedList}>
+                                                            {
+                                                                i.child.map(s => (<Checkbox onChange={(value) => { checkItem(value, e) }} key={s.id} value={s.id} >{s.name}</Checkbox>))
+                                                            }
+                                                        </CheckboxGroup> : ''
+                                                    }
                                                 </div>
                                             })}
 

web/client/src/sections/humanAffairs/style.less

@@ -181,8 +181,10 @@
 
         }
         .codeList{
+            // background-color: rgb(244, 244, 245);
             width: 100%;
             border-left: 1px solid #F2F2F2;
+            border-bottom: 3px solid #F2F2F2
         }
         .codeList:first-of-type{
             border-top: 1px solid #F2F2F2;