style:资料云盘样式优化

src/bu-components/ChooseMembersModal.jsx

@@ -203,8 +203,10 @@ class ChooseMembersModal extends React.Component {
         title: '全选',             // 实际为头像，但在表格上这行要求显示为全选
         title: '全选',             // 实际为头像，但在表格上这行要求显示为全选
         key: 'avatar',
         key: 'avatar',
         dataIndex: 'avatar',
         dataIndex: 'avatar',
-        width: '30px',
+        width: '40%',
         render: (value, record) => {
         render: (value, record) => {
+          const { adminName } = record;
+
           return (
           return (
             <div className='avatar'>
             <div className='avatar'>
               {
               {
@@ -212,21 +214,10 @@ class ChooseMembersModal extends React.Component {
                 [<img className='avatar-img' src={ value } key='avatar' alt=""/>]
                 [<img className='avatar-img' src={ value } key='avatar' alt=""/>]
                 : [<img className='avatar-img' src='https://image.xiaomaiketang.com/xm/dEyxDRKwFw.png' key='avatar' alt=""/>]
                 : [<img className='avatar-img' src='https://image.xiaomaiketang.com/xm/dEyxDRKwFw.png' key='avatar' alt=""/>]
               }
               }
-            </div>  
-          )
-        }
-      },{
-        title: '',
-        key: 'adminNameLeft',
-        dataIndex: 'adminName',
-        width: '30%',
-        align: 'left',
-        render: (value, record) => {
-          const { adminName } = record;
-          return (
               <span className='userImg'>
               <span className='userImg'>
                 { adminName }
                 { adminName }
               </span>
               </span>
+            </div>  
           )
           )
         }
         }
       }
       }
@@ -309,7 +300,7 @@ class ChooseMembersModal extends React.Component {
                     // bordered={true}
                     // bordered={true}
                     size={'small'}
                     size={'small'}
                     rowSelection={{
                     rowSelection={{
-                      columnWidth : 30,
+                      columnWidth : 24,
                       selectedRowKeys,
                       selectedRowKeys,
                       onChange : this.onChangeRow,
                       onChange : this.onChangeRow,
                       getCheckboxProps : this.getCheckboxProps,
                       getCheckboxProps : this.getCheckboxProps,

src/bu-components/ChooseMembersModal.less

@@ -50,6 +50,7 @@
             height: 23px;
             height: 23px;
             width: 23px;
             width: 23px;
             border-radius: 50%;
             border-radius: 50%;
+            margin-right: 8px;
           }
           }
         }
         }
       }
       }
@@ -68,9 +69,9 @@
     .span-right{
     .span-right{
       float: right;
       float: right;
       margin-right: 10px;
       margin-right: 10px;
-      color:#5289FA;
+      color: #999;
       .span-right-l{
       .span-right-l{
-        color: #FD9A6A;
+        color: #5289FA;
         cursor: pointer;
         cursor: pointer;
       }
       }
     }   
     }   

src/bu-components/CopyFileModal.jsx

@@ -251,12 +251,6 @@ class CopyFileModal extends React.Component {
           </Button>
           </Button>
         ]}
         ]}
       >
       >
-      {/* <div className='copy-header'>
-        <Radio.Group>
-          <Radio.Button value={'MYSELF'} onClick={() => this.getFileList('MYSELF')}>我的文件</Radio.Button>
-          <Radio.Button onClick={() => this.getFileList('COMMON')}>公共文件</Radio.Button>
-        </Radio.Group>
-      </div> */}
       <div className='copy-body'>
       <div className='copy-body'>
         {/* 面包屑 */}
         {/* 面包屑 */}
         <div className="bread-crumbs">
         <div className="bread-crumbs">

src/bu-components/CopyFileModal.less

@@ -59,6 +59,7 @@
 .lottie-box {
 .lottie-box {
   border:1px solid #E8E8E8;
   border:1px solid #E8E8E8;
   border-radius:4px;
   border-radius:4px;
+  height: 320px;
 }
 }
 
 
 .lottie-icon{
 .lottie-icon{

src/bu-components/ManagingMembersModal.jsx

@@ -194,7 +194,7 @@ class ManagingMembersModal extends React.Component {
         title : '头像',
         title : '头像',
         key : 'avatar',
         key : 'avatar',
         dataIndex : 'avatar',
         dataIndex : 'avatar',
-        width : '20%',
+        width : '8%',
         align : 'right',
         align : 'right',
         render : (value, record) => {
         render : (value, record) => {
           return (
           return (
@@ -224,7 +224,7 @@ class ManagingMembersModal extends React.Component {
         title : '权限',
         title : '权限',
         key : 'rights',
         key : 'rights',
         dataIndex : 'rights',
         dataIndex : 'rights',
-        width : '40%',
+        width : '50%',
         align :'right',
         align :'right',
         render : (value, record) => {
         render : (value, record) => {
           const imgSrcList = ['https://image.xiaomaiketang.com/xm/Th5cKisf6f.png', 'https://image.xiaomaiketang.com/xm/nzAcc6ryTp.png'];
           const imgSrcList = ['https://image.xiaomaiketang.com/xm/Th5cKisf6f.png', 'https://image.xiaomaiketang.com/xm/nzAcc6ryTp.png'];

src/bu-components/ManagingMembersModal.less

@@ -15,7 +15,7 @@
 
 
   .managing-right{
   .managing-right{
     float: right;
     float: right;
-    color: #FFB714;
+    color: #5289FA;
     cursor: pointer;
     cursor: pointer;
     .tool-tip-right{
     .tool-tip-right{
       margin-right: 4px;
       margin-right: 4px;

src/bu-components/SelectPrepareFileModal.less

@@ -50,9 +50,14 @@
   }
   }
 
 
   .file-list {
   .file-list {
+    // border: 1px solid #E8E8E8;
+    // border-radius: 4px;
+    height: 100%;
+    border-top: 1px solid #E8E8E8;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
     border: 1px solid #E8E8E8;
     border: 1px solid #E8E8E8;
-    border-radius: 4px;
-
+    overflow: auto;
     .file-item {
     .file-item {
       display: flex;
       display: flex;
       align-items: center;
       align-items: center;