6.27 集成

src/pages/PartyMemberTopic/PartyBranch/index.tsx

@@ -1,6 +1,8 @@
-import React, { useEffect } from 'react';
+import React, { useEffect, useState } from 'react';
 import '../Style/ld_style.less';
 import { Input, List } from 'antd';
+import { history } from 'umi'
+import { getBranchList, getMemberAndBranch } from './service';
 
 const { Search } = Input;
 
@@ -71,12 +73,51 @@ const data = [
   },
 ];
 
+
+
 const PartyBranch: React.FC<{}> = () => {
+  //member number and branch number
+  const [memberNumber, setMemberNumber] = useState<any>({});
+  //branch list
+  const [branchData, setBranchData] = useState<any[]>([]);
+  //get member and branch
+  const getMemberNumber = () => {
+    getMemberAndBranch().then(res => {
+      if (res?.code == 200) {
+        setMemberNumber(res?.data);
+      }
+    })
+  }
+
+  //get member and branch
+  const getBranchData = () => {
+    getBranchList().then(res => {
+      if (res?.code == 200) {
+        setBranchData(res?.data);
+      }
+    })
+  }
+
+  //onclick
+  const clickCard = (data: any) => {
+    sessionStorage.setItem("detailData", JSON.stringify(data));
+    history.push("/partyMemberTopic/personInfor");
+  }
+
+  //to home
+  const toHome = () => {
+    history.push("/partyMemberTopic/home");
+  }
+
+  useEffect(() => {
+    getMemberNumber();
+    getBranchData();
+  }, [])
   return (
     <div className="page-container">
       <div className="top-banner">
         <div className="back-home">
-          <span>返回首页</span>
+          <span onClick={() => toHome()}>返回首页</span>
         </div>
       </div>
       <div className="search">
@@ -91,21 +132,21 @@ const PartyBranch: React.FC<{}> = () => {
         </div>
       </div>
       <div className="static-box">
-        <div className="person-num">党员数量<span>3451</span>人</div>
-        <div className="party-num">党支部数量<span>51</span>个</div>
+        <div className="person-num">党员数量<span>{memberNumber?.member}</span>人</div>
+        <div className="party-num">党支部数量<span>{memberNumber?.branch}</span>个</div>
       </div>
       <div className="mess-box">
         <List
           grid={{ gutter: 16, column: 4 }}
-          dataSource={data}
-          renderItem={item => (
+          dataSource={branchData}
+          renderItem={(item: any) => (
             <List.Item>
-              <div className="wrapper">
-                <div className="pic-bg">{item.title}</div>
+              <div className="wrapper" onClick={() => clickCard(item)}>
+                <div className="pic-bg">{item.branchName}</div>
                 <div className="mess">
                   <div className="mess-left">党员数量</div>
                   <div className="mess-right">
-                    <span>{item.num}</span>人
+                    <span>{item.count}</span>人
                   </div>
                 </div>
               </div>

src/pages/PartyMemberTopic/PartyBranch/service.ts

@@ -0,0 +1,11 @@
+import request from '@/utils/request';
+
+//获取党员数量，党支部数量
+export async function getMemberAndBranch() {
+    return request('/api/biz-service-ebtp-extend/v1/eventpartybranch/partyBranchMember/count');
+}
+
+//获取党支部列表
+export async function getBranchList() {
+    return request('/api/biz-service-ebtp-extend/v1/eventpartybranch/partyBranch/list');
+}