开发

src/pages/customer/customerlist/customerDetail.jsx

@@ -5,6 +5,7 @@ import styles from './style.less';
 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';
 
@@ -19,6 +20,7 @@ function header(props) {
   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(() => {
@@ -71,6 +73,12 @@ function header(props) {
       setDataonsultant(res.geoInfo)
     })
   }
+
+  function changBuilding(buildingId) {
+    setBuildingIdData(buildingId)
+    getById({ pageNumber: 1, pageSize: 10, buildingId: buildingId })
+  }
+
   const columns = [
     {
       title: '访问事件',
@@ -190,7 +198,8 @@ function header(props) {
       </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

@@ -5,6 +5,7 @@ import publicStyle from './publicStyle.less';
 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';
 
@@ -19,6 +20,7 @@ function header(props) {
   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(() => {
@@ -72,6 +74,12 @@ function onChange(number) {
       setDataonsultant(res.geoInfo)
     })
   }
+
+  function changBuilding(buildingId) {
+    setBuildingIdData(buildingId)
+    getById({ pageNumber: 1, pageSize: 10, buildingId: buildingId })
+  }
+
   const columns = [
     {
       title: '访问事件',
@@ -158,7 +166,8 @@ function onChange(number) {
       </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>
     </>
   )