feats

src/pages/property/proprietor/index.jsx

@@ -2,11 +2,13 @@ import React, { useState, useEffect } from 'react'
 import { Select, Spin, Table, Button, Form, Input, Icon, Modal, Popconfirm } from 'antd'
 import NavLink from 'umi/navlink'
 import { fetch, fetchList, apis } from '@/utils/request'
+import { exportExcel } from '@/utils/utils'
 import Search from '../components/Search'
 import List from '../components/List'
 import useRoomSelect from '../utils/hooks/useRoomSelect'
 
 const buildingInfoList = fetch(apis.buildingOwnerInfo.buildingList)
+const buildingInfoListExport = fetch(apis.buildingOwnerInfo.buildingListExport)
 const deleteBuilding = fetch(apis.buildingOwnerInfo.deleteBuilding)
 
 const Condition = props => {
@@ -129,6 +131,17 @@ const Condition = props => {
               getFieldDecorator('idCard')(<Input style={{ width: '200px' }} placeholder="身份证" />)
             }
             </Form.Item>
+            <Form.Item>
+            {
+              getFieldDecorator('roleName')(
+                <Select style={{ width: '200px' }} placeholder="身份">
+                  <Select.Option value={1}>户主</Select.Option>
+                  <Select.Option value={3}>家属</Select.Option>
+                  <Select.Option value={2}>租客</Select.Option>
+                </Select>
+              )
+            }
+            </Form.Item>
           </>
         )
       }}
@@ -145,9 +158,17 @@ const verifyStatusDict = {
 export default props => {
   const [loading, setLoading] = useState(false)
   const [listData, setListData] = useState([])
+  const [selectedKeys, setSelectedKeys] = useState([])
   const [pagination, setPagination] = useState({})
   const [queryParams, setQueryParams] = useState({ pageNum: 1, pageSize: 10 })
 
+  const rowSelection = {
+    onChange: (selectedRowKeys, selectedRows) => {
+      console.log('------>', selectedRowKeys)
+      setSelectedKeys(selectedRowKeys)
+    }
+  }
+
   const handleSearch = (vals) => {
     setQueryParams({
       ...vals,      
@@ -167,6 +188,17 @@ export default props => {
     })
   }
 
+  const handleDeleteSelected = () => {
+    deleteBuilding({ data: selectedKeys }).then(res => {
+      Modal.success({
+        content: '数据删除成功',
+        onOk: () => {
+          window.location.reload()
+        }
+      })
+    })
+  }
+
   const handlePageChange = (pageNum, pageSize) => {
     setQueryParams({
       ...queryParams,      
@@ -175,6 +207,14 @@ export default props => {
     })
   }
 
+  const handleExport = () => {
+    setLoading(true)
+    buildingInfoListExport({ data: {...queryParams, pageNum: 1, pageSize: 9999} }).then(res => {
+      setLoading(false)
+      exportExcel(res, "业主列表")
+    }).catch(() => setLoading(false))
+  }
+
   useEffect(() => {
     setLoading(true)
     buildingInfoList({ data: queryParams }).then(res => {
@@ -192,12 +232,31 @@ export default props => {
         <NavLink to={`/property/proprietor/add`}>
           <Button type="primary">添加</Button>
         </NavLink>
+        <div style={{marginLeft: 16, display: 'inline-block'}}>
+          <Popconfirm
+            title="确认进行批量删除操作?"
+            onConfirm={handleDeleteSelected}
+            okText="确定"
+            cancelText="取消"
+          >
+            <Button type="danger" disabled={!selectedKeys.length}>批量删除</Button>
+          </Popconfirm>
+        </div>
+        <div style={{marginLeft: 16, display: 'inline-block'}}>
+          <Button onClick={handleExport}>导出</Button>
+        </div>
         <NavLink to={`/property/proprietor/batch`}>
           <Button type="link"><Icon type="upload"/>批量导入业主资料</Button>
         </NavLink>
       </div>
-      <List dataSource={listData} loading={loading} onPageChange={handlePageChange} pagination={pagination} rowKey="userVerifyId">
-        <Table.Column title="编号" dataIndex="userVerifyId" key="userVerifyId" />
+      <List
+        dataSource={listData}
+        loading={loading}
+        pagination={pagination}
+        rowSelection={rowSelection}
+        onPageChange={handlePageChange}
+        rowKey="id"
+      >
         <Table.Column
           title="姓名"
           dataIndex="ownerName"
@@ -212,6 +271,7 @@ export default props => {
         />
         <Table.Column title="手机号" dataIndex="ownerTel" key="ownerTel" />
         <Table.Column title="身份证" dataIndex="idCard" key="idCard" />
+        <Table.Column title="性别" dataIndex="idCard" key="idCard1" render={t => (t.substring(-2, 1) - 0) % 2 === 1 ? '男' : '女'} />
         <Table.Column
           title="房间号"
           dataIndex="roomNoName"

src/services/buildingOwnerInfo_api.js

@@ -51,6 +51,13 @@ export default prefix => {
       action: `admin.${moduleName}.list.post`
     },
 
+    // 导出楼栋户主信息列表
+    buildingListExport: {
+      url: `${prefix}/${moduleName}/list/export`,
+      method: 'post',
+      action: `admin.${moduleName}.list-export.post`
+    },
+
     // 认证通过户主信息
     userPassCertification: {
       url: `${prefix}/${moduleName}/userPassCertification`,