feat:处理学院列表的展示

src/modules/root/CollegeManagePage.jsx

@@ -23,6 +23,8 @@ export default class CollegeManagePage extends React.Component {
       list: [],
       list: [],
       enterpriseId: User.getEnterpriseId(),
       enterpriseId: User.getEnterpriseId(),
       isAdmin: false,
       isAdmin: false,
+      createStoreList:[],
+      joinStoreList:[]
     };
     };
   }
   }
 
 
@@ -57,10 +59,15 @@ export default class CollegeManagePage extends React.Component {
         User.setStoreId(mainStore.id);
         User.setStoreId(mainStore.id);
         User.setStoreUserId(mainStore.storeUserId);
         User.setStoreUserId(mainStore.storeUserId);
       }
       }
-      this.setState({ list })
+      const createStoreList =  list.filter((item)=>{
+        return item.userRole === 'StoreManager'
+      })
+      const joinStoreList =   list.filter((item)=>{
+        return item.userRole !== 'StoreManager'
+      })
+      this.setState({createStoreList:createStoreList,joinStoreList:joinStoreList})
     });
     });
   }
   }
-
   checkCollege(item, bool) {
   checkCollege(item, bool) {
     const data = {
     const data = {
       storeId: item.id,
       storeId: item.id,
@@ -120,6 +127,8 @@ export default class CollegeManagePage extends React.Component {
       avatar,
       avatar,
       list,
       list,
       isAdmin,
       isAdmin,
+      createStoreList,
+      joinStoreList
     } = this.state;
     } = this.state;
     return (
     return (
       <div className="college-manage-page">
       <div className="college-manage-page">
@@ -154,12 +163,13 @@ export default class CollegeManagePage extends React.Component {
             <img className="image" src={avatar} />
             <img className="image" src={avatar} />
             <span className="name">{name}</span>
             <span className="name">{name}</span>
           </div>
           </div>
+          <div>
             <div className="title-box">
             <div className="title-box">
-            <span className="title">企学院 ({list.length})</span>
-            {isAdmin && <span className="text">最多可创建10个企学院，您还能创建{10 - list.length}个</span>}
+              <span className="title">我创建的({createStoreList.length})</span>
+              {isAdmin && <span className="text">最多可创建10个企学院，您还能创建{10 - createStoreList.length}个</span>}
             </div>
             </div>
             <div className="college-list">
             <div className="college-list">
-            {list.map((item) => (
+              {createStoreList.map((item) => (
                 <div
                 <div
                   key={item.id}
                   key={item.id}
                   className={`college-item${item.state === 'VALID' ? '' : ' disabled'}${item.userRole === 'StoreManager' ? ' enabled' : ''}`}
                   className={`college-item${item.state === 'VALID' ? '' : ' disabled'}${item.userRole === 'StoreManager' ? ' enabled' : ''}`}
@@ -212,7 +222,7 @@ export default class CollegeManagePage extends React.Component {
                   </div>
                   </div>
                 </div>
                 </div>
               ))}
               ))}
-            {list.length < 10 && isAdmin &&
+              {createStoreList.length < 10 && isAdmin &&
                 <div
                 <div
                   className="college-create"
                   className="college-create"
                   onClick={() => {
                   onClick={() => {
@@ -224,6 +234,68 @@ export default class CollegeManagePage extends React.Component {
               }
               }
             </div>
             </div>
           </div>
           </div>
+          <div className="join-container">
+            <div className="title-box">
+              <span className="title">我加入的({joinStoreList.length})</span>
+            </div>
+            <div className="college-list">
+              {joinStoreList.map((item) => (
+                <div
+                  key={item.id}
+                  className={`college-item${item.state === 'VALID' ? '' : ' disabled'}${item.userRole === 'StoreManager' ? ' enabled' : ''}`}
+                  onClick={() => {
+                    if (item.state !== 'VALID') {
+                      message.warning('学院已停用，请启用后使用或联系学院管理员');
+                      return null;
+                    };
+                    User.setStoreId(item.id);
+                    window.RCHistory.push('/home')
+                  }}
+                >
+                  <div className="header">
+                    <img className="image" src={item.logo || "https://image.xiaomaiketang.com/xm/fe4NCjr7XF.png"} />
+                    <span className="tag">{roleMap[item.userRole]}</span>
+                  </div>
+                  <div className="title">{item.storeName}</div>
+                  <div className="time">{moment(item.createTime).format('YYYY-MM-DD HH:mm')}</div>
+                  <div className="control-box">
+                    {item.userRole === 'StoreManager' && item.state === 'VALID' && !item.mainStore &&
+                      <span
+                        className="control-button"
+                        onClick={(e) => {
+                          e.preventDefault();
+                          e.stopPropagation();
+                          User.setStoreId(item.id);
+                          window.RCHistory.push('/college-info')
+                        }}
+                      >编辑</span>
+                    }
+                    {((item.userRole === 'StoreManager' && !item.mainStore) || item.state !== 'VALID') &&
+                      <span
+                        className="control-button"
+                        onClick={(e) => {
+                          if (item.state !== 'VALID') return null;
+                          e.preventDefault();
+                          e.stopPropagation();
+                          this.checkCollege(item, false);
+                        }}
+                      >{item.state === 'VALID' ? '停用' : '已停用'}</span>
+                    }
+                    <span
+                      className="control-button disable-button"
+                      onClick={(e) => {
+                        e.preventDefault();
+                        e.stopPropagation();
+                        this.changeCollege(item, true);
+                      }}
+                    >启用</span>
+                  </div>
+                </div>
+              ))}
+            </div>
+          </div>
+        </div>
+        
       </div>
       </div>
     )
     )
   }
   }

src/modules/root/CollegeManagePage.less

@@ -48,6 +48,9 @@
     width: 1280px;
     width: 1280px;
     margin: 0 auto;
     margin: 0 auto;
     padding: 60px 0 30px 60px;
     padding: 60px 0 30px 60px;
+    .join-container{
+      margin-top:48px;
+    }
     .user {
     .user {
       margin-bottom: 85px;
       margin-bottom: 85px;
       .image {
       .image {