bug

src/pages/property/bill/edit/components/AddOn.jsx

@@ -1,10 +1,12 @@
 import React, { useEffect, useState } from 'react'
-import { Button, Upload, Icon, Table } from 'antd'
+import { Button, Upload, Icon, Table, Select } from 'antd'
 import { fetch, apis } from '@/utils/request'
 import List from '../../../components/List'
 
 const billDownloadExcel = fetch(apis.bill.billDownloadExcel)
 const billUploadExcel = fetch(apis.bill.billUploadExcel)
+const fetchPhaseList = fetch(apis.buildingOwnerInfo.getPhaseList)
+const fetchBuildingList = fetch(apis.buildingOwnerInfo.getBuildingList)
 
 const Section = props => {
   return (
@@ -18,9 +20,13 @@ export default props => {
   const [loading, setLoading] = useState(false)
   const [listData, setListData] = useState([])
   const [pagination, setPagination] = useState({})
+  const [phaseId, setPhaseId] = useState(null)
+  const [buildingId, setBuildingId] = useState(null)
+  const [phaseList, setPhaseList] = useState([])
+  const [buildingList, setBuildingList] = useState([])
 
   const handleDownloadExcel = () => {
-    billDownloadExcel().then(res => {
+    billDownloadExcel({params: {phaseId,buildingId}}).then(res => {
       const url = window.URL.createObjectURL(new Blob([res]))
       const link = document.createElement('a')
       link.href = url
@@ -56,10 +62,33 @@ export default props => {
     input.click()
   }
 
+  const handlePhaseChange = (e) => {
+    setPhaseId(e)
+  }
+
+  const handleBuildingChange = (e) => {
+    setBuildingId(e)
+  }
+
+
+  // 获取期
+  useEffect(() => {
+    fetchPhaseList().then(res => setPhaseList(res))
+  }, [])
+
+  // 楼栋
+  useEffect(() => {
+    if (phaseId) {
+      fetchBuildingList({params: {phaseId}}).then(res => setBuildingList(res))
+    }
+    setBuildingId()
+  }, [phaseId])
+
   useEffect(() => {
     if (props.dataSource) {
       setListData(props.dataSource.billInvoice)
       setPagination({ total: props.dataSource.total })
+      
     }
   }, [props.dataSource])
 
@@ -67,6 +96,18 @@ export default props => {
     <div>
       <Section>
         <span>如果还未制作账单，请先下载账单模板，按规则填写费用后再上传</span>
+        <Select onChange={handlePhaseChange} style={{ width: '120px' }} placeholder="期/区">
+          {
+            phaseList.map(x => (<Select.Option key={x.id} value={x.id}>{x.name}</Select.Option>))
+          }
+        </Select>
+             
+        <Select onChange={handleBuildingChange} style={{ width: '120px' }} placeholder="栋">
+          {
+            buildingList.map(x => (<Select.Option key={x.id} value={x.id}>{x.name}</Select.Option>))
+          }
+        </Select>
+            
         <Button type="link" size="small" style={{ marginLeft: '6px' }} onClick={handleDownloadExcel}><Icon type="download" />下载模板</Button>
         <Button type="link" size="small" onClick={handleUploadExcel}><Icon type="upload" />选取账单文件并预览</Button>
       </Section>