开发

src/pages/customer/customerlist/customerDetail.jsx

 import apis from '../../../services/apis';
 import request from '../../../utils/request';
 import moment from 'moment';
+import BuildSelect from '../../../components/SelectButton/BuildSelect'
 
 import router from 'umi/router';
 
   const [tableData, setTableDataData] = useState([{}])
   const [dataConsultant, setDataonsultant] = useState({})
   const [intentionData, setIntentionData] = useState([])
+  const [buildingIdValue, setBuildingIdData] = useState()
 
   // eslint-disable-next-line react-hooks/rules-of-hooks
   useEffect(() => {
       setDataonsultant(res.geoInfo)
     })
   }
+
+  function changBuilding(buildingId) {
+    setBuildingIdData(buildingId)
+    getById({ pageNumber: 1, pageSize: 10, buildingId: buildingId })
+  }
+
   const columns = [
     {
       title: '访问事件',
       </div>
       <div className={styles.recordBox}>
         <p className={styles.tableName}>访问记录</p>
-        <Table dataSource={tableData.records} columns={columns} pagination={{ pageSize: 10, total: tableData.total, onChange }} />
+        <BuildSelect onChange={changBuilding} value={buildingIdValue} />
+        <Table dataSource={tableData.records} columns={columns} style={{marginTop: '15px'}} pagination={{ pageSize: 10, total: tableData.total, onChange }} />
         {/* <Pagination showQuickJumper defaultCurrent={1} total={data.records} onChange={e => changePageNum(e)} current={data.visitRecords.total}/> */}
       </div>
 

src/pages/customer/customerlist/publicCustomerDetail.jsx

 import apis from '../../../services/apis';
 import request from '../../../utils/request';
 import moment from 'moment';
+import BuildSelect from '../../../components/SelectButton/BuildSelect'
 
 import router from 'umi/router';
 
   const [tableData, setTableDataData] = useState([{ }])
   const [dataConsultant, setDataonsultant] = useState({})
   const [intentionData, setIntentionData] = useState([])
+  const [buildingIdValue, setBuildingIdData] = useState()
 
   // eslint-disable-next-line react-hooks/rules-of-hooks
   useEffect(() => {
       setDataonsultant(res.geoInfo)
     })
   }
+
+  function changBuilding(buildingId) {
+    setBuildingIdData(buildingId)
+    getById({ pageNumber: 1, pageSize: 10, buildingId: buildingId })
+  }
+
   const columns = [
     {
       title: '访问事件',
       </div>
       <div className={publicStyle.recordBox}>
         <p className={publicStyle.tableName}>访问记录</p>
-        <Table dataSource={tableData.records} columns={columns} pagination={{ pageSize: 10, total: tableData.total, onChange }} />
+        <BuildSelect onChange={changBuilding} value={buildingIdValue} />
+        <Table dataSource={tableData.records} columns={columns} style={{marginTop: '15px'}} pagination={{ pageSize: 10, total: tableData.total, onChange }} />
       </div>
     </>
   )