feat:UI样式优化

src/bu-components/ChooseMembersModal.jsx

@@ -290,7 +290,6 @@ class ChooseMembersModal extends React.Component {
                   onSearch={this.handleSearch}
                   onSearch={this.handleSearch}
                   onChange={this.handleChangeSearchKey}
                   onChange={this.handleChangeSearchKey}
                   className='search search-input'
                   className='search search-input'
-               
                   enterButton={<span className="icon iconfont">&#xe832;</span>}
                   enterButton={<span className="icon iconfont">&#xe832;</span>}
                 />
                 />
                 <div className='container-left-body-table'>
                 <div className='container-left-body-table'>

src/modules/plan-manage/components/ExpiredCourseList.less

 .expired-course-list{
 .expired-course-list{
-    margin:8px 10px 16px;
+    margin:8px 10px 0px;
     .course-item{
     .course-item{
         display:flex;
         display:flex;
         padding:16px 0;
         padding:16px 0;
@@ -7,6 +7,7 @@
         justify-content: space-between;
         justify-content: space-between;
         &:last-child{
         &:last-child{
             border-bottom:none;
             border-bottom:none;
+            padding-bottom:0px;
         }
         }
         .course-left{
         .course-left{
             display:flex;
             display:flex;

src/modules/plan-manage/modal/SelectOperatorModal.jsx

@@ -107,7 +107,12 @@ class SelectOperatorModal extends React.Component {
           closeIcon={<span className="icon iconfont modal-close-icon">&#xe6ef;</span>} 
           closeIcon={<span className="icon iconfont modal-close-icon">&#xe6ef;</span>} 
         >
         >
           <div className="search-container">
           <div className="search-container">
-            <Search placeholder="搜索运营师/手机号"  style={{ width: 200 }}  onChange={(e) => { this.handleChangNickname(e.target.value)}}  onSearch={ () => { this.handleFetchDataList()}} />
+            <Search placeholder="搜索运营师/手机号" 
+              enterButton={<span className="icon iconfont">&#xe832;</span>} 
+              style={{ width: 200 }}  
+              onChange={(e) => { this.handleChangNickname(e.target.value)}}  
+              onSearch={ () => { this.handleFetchDataList()}} 
+            />
           </div>
           </div>
           <div>
           <div>
             <Table
             <Table
@@ -115,6 +120,7 @@ class SelectOperatorModal extends React.Component {
               dataSource={dataSource}
               dataSource={dataSource}
               columns={this.parseColumns()}
               columns={this.parseColumns()}
               pagination={false}
               pagination={false}
+              bordered
               rowSelection={{
               rowSelection={{
                 type: 'checkbox',
                 type: 'checkbox',
                 selectedRowKeys: _.pluck(selectOperatorList, 'id'),
                 selectedRowKeys: _.pluck(selectOperatorList, 'id'),
@@ -135,6 +141,7 @@ class SelectOperatorModal extends React.Component {
             {dataSource.length >0 &&
             {dataSource.length >0 &&
               <div className="box-footer">
               <div className="box-footer">
                 <PageControl
                 <PageControl
+                  size="small"
                   current={query.current - 1}
                   current={query.current - 1}
                   pageSize={size}
                   pageSize={size}
                   total={totalCount}
                   total={totalCount}

src/modules/root/Header.less

@@ -182,6 +182,7 @@
         height: 49px;
         height: 49px;
         display: flex;
         display: flex;
         position: relative;
         position: relative;
+        align-items: center;
         .store-name {
         .store-name {
           font-size: 14px;
           font-size: 14px;
           color: #666;
           color: #666;
@@ -191,16 +192,13 @@
           text-overflow: ellipsis;
           text-overflow: ellipsis;
           overflow: hidden;
           overflow: hidden;
           max-width: 230px;
           max-width: 230px;
-          margin-right: 32px;
+          margin-right: 16px;
         }
         }
         .line {
         .line {
           width: 1px;
           width: 1px;
           height: 16px;
           height: 16px;
           background-color: #f4f4f4;
           background-color: #f4f4f4;
-          position: absolute;
-          left: 122px;
-          top: 50%;
-          transform: translateY(-50%);
+          margin-right:16px;
         }
         }
         .link-to-store {
         .link-to-store {
           display: flex;
           display: flex;