perf: style

src/pages/userCenter/UserManage.js

@@ -143,7 +143,7 @@ const UserManage = () => {
       dataIndex: 'loginName',
       key: 'loginName',
       fixed: 'left',
-      width: 100,
+      // width: 100,
       render: item => (
         <div
           ref={r => {
@@ -158,7 +158,7 @@ const UserManage = () => {
       title: '用户姓名',
       dataIndex: 'userName',
       key: 'userName',
-      width: 100,
+      // width: 100,
       render: item => (
         <div
           ref={r => {
@@ -173,7 +173,7 @@ const UserManage = () => {
       title: '所在机构',
       dataIndex: 'OUName',
       key: 'OUName',
-      width: 150,
+      width: 230,
       filters: orgFilters,
       onFilter: (value, record) => record.OUName === value,
     },
@@ -181,14 +181,14 @@ const UserManage = () => {
       title: '手机号码',
       dataIndex: 'phone',
       key: 'phone',
-      width: 120,
+      width: 150,
       ellipsis: true,
     },
     {
       title: '钉钉账户',
       dataIndex: 'ddid',
       key: 'ddid',
-      width: 100,
+      width: 150,
       render: record => {
         if (record) {
           return (
@@ -206,7 +206,7 @@ const UserManage = () => {
       title: '微信账户',
       dataIndex: 'wxid',
       key: 'wxid',
-      width: 100,
+      width: 140,
       render: record => {
         if (record) {
           return (
@@ -224,7 +224,7 @@ const UserManage = () => {
       title: '操作',
       key: 'action',
       fixed: 'right',
-      width: 210,
+      width: 250,
       align: 'center',
       render: record => (
         <Space size="middle">

src/pages/userCenter/UserManage.less

@@ -27,7 +27,7 @@
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
-            // display: block;
+            display: block;
         }
     }
     .ant-pagination-prev,.ant-pagination-next{

src/pages/userCenter/roleManage/RoleManage.jsx

@@ -203,7 +203,7 @@ const SiteManage = () => {
             itemRole.title = itemRole.visibleTitle || '';
             itemRole.key = itemRole.visibleTitle + itemRole.visibleValue || '';
             itemRole.groupflag = itemRole.visibleTitle;
-            itemRole.icon = mulu ? <UnorderedListOutlined /> : '';
+            // itemRole.icon = mulu ? <UnorderedListOutlined /> : '';
             itemRole.roleList.map(i => {
               i.title = i.roleName;
               i.key = i.roleID;
@@ -308,7 +308,7 @@ const SiteManage = () => {
   return (
     <PageContainer>
       <Row gutter={0}>
-        <Col span={mulu ? 5 : 0}>
+        <Col span={mulu ? 4 : 0}>
           <Card className={styles.cardBox}>
             <Spin
               tip="loading...."
@@ -356,27 +356,27 @@ const SiteManage = () => {
               confirmModal={groupModal}
             />
           </Card>
-          <div>
+          {/* <div>
             {mulu && (
               <Tooltip title="隐藏角色栏" className={styles.hide}>
                 <DoubleLeftOutlined onClick={() => handleHide()} />
               </Tooltip>
             )}
-          </div>
+          </div> */}
         </Col>
-        <Col span={mulu ? 0 : 1}>
-          {/* {mulu && (
+        {/* <Col span={mulu ? 0 : 1}>
+          {mulu && (
             <Tooltip title="隐藏角色栏" className={styles.hide}>
               <DoubleLeftOutlined onClick={() => handleHide()} />
             </Tooltip>
-          )} */}
+          )}
           {!mulu && (
             <Tooltip title="显示角色栏" className={styles.hide}>
               <DoubleRightOutlined onClick={() => handleHide()} />
             </Tooltip>
           )}
-        </Col>
-        <Col span={mulu ? 19 : 23}>
+        </Col> */}
+        <Col span={mulu ? 20 : 23}>
           <Card style={{ marginBottom: '10px', minWidth: '870px' }}>
             <Row align="middle">
               <Col span={1}>搜索</Col>

src/pages/userCenter/roleManage/RoleManage.less

 .cardBox{
-  min-height: calc(100vh - 80px);
-  max-height: calc(100vh - 80px);
+  min-height: calc(100vh - 74px);
+  max-height: calc(100vh - 74px);
   overflow-y: scroll;
-  margin-right: 20px;
+  margin-right: 10px;
 }
 .ant-tree-node-content-wrapper-open{
   display: flex;
@@ -28,8 +28,8 @@
 }
 .cardBoxR{
   min-width: 870px;
-  min-height: calc(100vh - 172px);
-  max-height: calc(100vh - 172px);
+  min-height: calc(100vh - 158px);
+  max-height: calc(100vh - 158px);
   overflow-y: scroll;
 }
 :global{
@@ -58,3 +58,6 @@
   vertical-align: 0.125em;
   color:#1890FF;
 }
+.ant-card-body {
+  padding: 20px 10px;
+}

src/pages/userCenter/siteManage/SiteManage.jsx

@@ -237,7 +237,7 @@ const SiteManage = () => {
   return (
     <PageContainer>
       <Row>
-        <Col span={mulu ? 5 : 0}>
+        <Col span={mulu ? 4 : 0}>
           <Card
             className={classnames({
               [styles.cardBox]: true,
@@ -271,33 +271,32 @@ const SiteManage = () => {
               confirmModal={editModal}
             />
           </Card>
-          <div>
+          {/* <div>
             {mulu && (
               <Tooltip title="隐藏站点" className={styles.hide}>
                 <DoubleLeftOutlined onClick={() => handleHide()} />
               </Tooltip>
             )}
-            {/* {!mulu && (
+            {!mulu && (
               <Tooltip title="显示站点" className={styles.hide}>
                 <DoubleRightOutlined onClick={() => handleHide()} />
               </Tooltip>
-            )} */}
-          </div>
+            )}
+          </div> */}
         </Col>
-        <Col span={mulu ? 0 : 1}>
-          {/* {mulu && (
+        {/* <Col span={mulu ? 0 : 1}>
+          {mulu && (
             <Tooltip title="隐藏站点" className={styles.hide}>
               <DoubleLeftOutlined onClick={() => handleHide()} />
             </Tooltip>
-          )} */}
+          )}
           {!mulu && (
             <Tooltip title="显示站点" className={styles.hide}>
               <DoubleRightOutlined onClick={() => handleHide()} />
             </Tooltip>
           )}
-        </Col>
-
-        <Col span={mulu ? 19 : 23}>
+        </Col> */}
+        <Col span={mulu ? 20 : 23}>
           <Card style={{ marginBottom: '10px', minWidth: '600px' }}>
             <Row align="middle">
               <Col span={1}>搜索</Col>

src/pages/userCenter/siteManage/SiteManage.less

 .cardBox{
-  min-height: calc(100vh - 80px);
-  max-height: calc(100vh - 80px);
+  min-height: calc(100vh - 74px);
+  max-height: calc(100vh - 74px);
   overflow: auto;
-  margin-right: 20px;
+  margin-right: 10px;
 }
 .siteTitle{
   font-size: 16px;
@@ -12,8 +12,8 @@
   border-bottom: 1px solid #ccc;
 }
 .cardBoxR{
-  min-height: calc(100vh - 172px);
-  max-height: calc(100vh - 172px);
+  min-height: calc(100vh - 158px);
+  max-height: calc(100vh - 158px);
   min-width: 600px;
   overflow-y: scroll;
 }