feats

config/routes.js

               {
                 path: 'proprietor/add',
                 name: '增加业主',
-                component: './property/proprietor/Add'
+                component: './property/proprietor/Add',
+                hideInMenu: true,
               },
               {
                 path: 'proprietor/detail',
                 component: './property/proprietor/Detail',
                 hideInMenu: true,
               },
+              {
+                path: 'proprietor/audit',
+                name: '资料审核',
+                component: './property/proprietor/Audit',
+              },
+              {
+                path: 'proprietor/batch',
+                name: '业主导入',
+                component: './property/proprietor/BatchImport',
+                hideInMenu: true,
+              },
               {
                 path: 'notice',
                 name: '公告管理',

src/pages/property/building/BatchImport.jsx

   const downloadExcel = () => {
     const link = document.createElement('a')
     link.href = "http://jingcheng-h5temp.oss-cn-shanghai.aliyuncs.com/%E6%A5%BC%E6%A0%8B%E5%BA%93%E6%A8%A1%E6%9D%BF.xlsx"
-    link.setAttribute('download', '业主资料库.xlsx')
+    link.setAttribute('download', '楼栋库模板.xlsx')
     link.click()
   }
 

src/pages/property/proprietor/Audit.jsx

-import React from 'react'
-import { Spin, Button, Form, Input, Popconfirm,  } from 'antd'
+import React, { useEffect, useRef, useState } from 'react'
+import { Spin, Button, Form, Input, Popconfirm, Table, Modal, notification } from 'antd'
 import { fetch, fetchList, apis } from '@/utils/request'
 import Search from '../components/Search'
 import List from '../components/List'
           <>
             <Form.Item label="姓名">
             {
-              getFieldDecorator('ownerName')(<Input style={{ width: '160px' }} placeholder="姓名" />)
+              getFieldDecorator('userName')(<Input style={{ width: '160px' }} placeholder="姓名" />)
             }
             </Form.Item>
             <Form.Item label="手机号">
             {
-              getFieldDecorator('ownerTel')(<Input style={{ width: '160px' }} placeholder="手机号" />)
+              getFieldDecorator('phone')(<Input style={{ width: '160px' }} placeholder="手机号" />)
             }
             </Form.Item>
             <Form.Item label="身份证">
   const [loading, setLoading] = useState(false)
   const [noPassShow, setNoPassShow] = useState(false)
   const [listData, setListData] = useState([])
+  const [pagination, setPagination] = useState({})
+  const [queryParams, setQueryParams] = useState({ pageNum: 1, pageSize: 10 })
 
-  const handleSearch = vals => {}
+  const currentRow = useRef()
+  
+  const handleSearch = vals => {
+    setQueryParams({
+      ...queryParams,
+      ...vals,
+      pageNum: 1
+    })
+  }
 
   const handleDeleteRow = row => {}
 
+  const showAuditDialog = row => {
+    currentRow.current = row
+    setNoPassShow(true)
+  }
+
+  const handleVerfiy = (row, verifyStatus) => {
+    const params = {
+      verifyStatus,
+      remark: row.remark
+    }
+
+    userVerifyAudit({ urlData: { id: row.id }, params }).then(res => {
+      Modal.success({
+        content: '审核提交成功',
+        onOk: () => {
+          // 触发数据刷新
+          setQueryParams({...queryParams})
+        }
+      })
+    })
+  }
+
+  const handleSubmit = vals => {
+    if (!currentRow.current) {
+      notification.error({
+        message: '操作异常',
+        description: '未找到对应行数据'
+      })
+      return
+    }
+
+    const row = {
+      ...currentRow.current,
+      ...vals,
+    }
+
+    handleVerfiy(row, false)
+    setNoPassShow(false)
+  }
+
+  useEffect(() => {
+    setLoading(true)
+    userVerifyAll(queryParams).then(res => {
+      const [records, pagi] = res || []
+      setListData(records)
+      setPagination(pagi)
+      setLoading(false)
+    }).catch(() => setLoading(false))
+  }, [queryParams])
+
   return (
     <div>
       <Condition onSearch={handleSearch} onSearch={handleSearch} />
-      <div>
-        <p style={{color: '#888'}}>注意，审核后无法修改审核结果，请仔细确认</p>
+      <div style={{ marginTop: '24px' }}>
+        <p style={{color: '#888', fontSize: '0.8em'}}>注意，审核后无法修改审核结果，请仔细确认</p>
       </div>
-      <Spin spinning={loading}>
-        <List dataSource={listData} rowKey="id">
-          <Table.Column title="姓名" dataIndex="userName" key="userName" />
-          <Table.Column title="手机号" dataIndex="phone" key="phone" />
-          <Table.Column title="身份证" dataIndex="idCard" key="idCard" />
-          <Table.Column title="性别" dataIndex="gender" key="gender" render={x => x === '1' ? '男' : '女'} />
-          <Table.Column
-            title="房产"
-            dataIndex="address"
-            key="address"
-            render={(_, row) => row.phaseName + row.buildingName + row.unitName + row.levelName + row.roomNoName}
-          />
-          <Table.Column title="角色" dataIndex="roleId" key="roleId" render={x => propRole[x]} />
-          <Table.Column title="提交时间" dataIndex="createDate" key="createDate" />
-          <Table.Column
-            title="操作"
-            key="action"
-            render={(_, row) => {
-              return (
-                <>
-                  <Popconfirm
-                    title="确认进行删除操作?"
-                    onConfirm={() => handleDeleteRow(row)}
-                    okText="删除"
-                    cancelText="取消"
-                  >
-                    <Button type="link">删除</Button>
-                  </Popconfirm>
-                  <Divider type="vertical" />
-                  <Button type="link">审核通过</Button>
-                  <Button type="link">审核不通过</Button>
-                </>
-              )
-            }}
-          />
-        </List>
-      </Spin>
+      <List dataSource={listData} loading={loading} rowKey="id">
+        <Table.Column title="姓名" dataIndex="userName" key="userName" />
+        <Table.Column title="手机号" dataIndex="phone" key="phone" />
+        <Table.Column title="身份证" dataIndex="idCard" key="idCard" />
+        <Table.Column title="性别" dataIndex="gender" key="gender" render={x => x === '2' ? '女' : '男'} />
+        <Table.Column
+          title="房产"
+          dataIndex="address"
+          key="address"
+          render={(_, row) => row.phaseName + row.buildingName + row.unitName + row.levelName + row.roomNoName}
+        />
+        <Table.Column title="角色" dataIndex="roleId" key="roleId" render={x => propRole[x]} />
+        <Table.Column title="提交时间" dataIndex="createDate" key="createDate" />
+        <Table.Column
+          title="操作"
+          key="action"
+          render={(_, row) => {
+            return (
+              <>
+                {/* <Popconfirm
+                  title="确认进行删除操作?"
+                  onConfirm={() => handleDeleteRow(row)}
+                  okText="删除"
+                  cancelText="取消"
+                >
+                  <Button type="link">删除</Button>
+                </Popconfirm>
+                <Divider type="vertical" /> */}
+                {
+                  row.verifyStatus !== '1' && (
+                    <Popconfirm
+                      title="确认进行审核通过操作?"
+                      onConfirm={() => handleVerfiy(row, true)}
+                      okText="通过"
+                      cancelText="取消"
+                    >
+                      <Button type="link">审核通过</Button>
+                    </Popconfirm>
+                  )
+                }
+                {
+                  row.verifyStatus === '0' && <Divider type="vertical" />
+                }
+                {
+                  row.verifyStatus !== '2' && (
+                    <Popconfirm
+                      title="确认进行审核不通过操作?"
+                      onConfirm={() => showAuditDialog(row)}
+                      okText="不通过"
+                      cancelText="取消"
+                    >
+                      <Button type="link">审核不通过</Button>
+                    </Popconfirm>
+                  )
+                }
+              </>
+            )
+          }}
+        />
+      </List>
       <AuditNot visible={noPassShow} onSubmit={handleSubmit} onCancel={() => setNoPassShow(false)} />
     </div>
   )

src/pages/property/proprietor/BatchImport.jsx

+import React, { useRef, useState } from 'react'
+import { Button, Spin, Table, Icon, notification } from 'antd'
+import router from 'umi/router'
+import { fetch, apis } from '@/utils/request'
+
+const { Column } = Table
+const spaceStyle = { marginLeft: '16px' }
+
+const buildingDownloadExcel = fetch(apis.buildingOwnerInfo.buildingDownloadExcel)
+const uploadBuildingExcel = fetch(apis.buildingOwnerInfo.uploadBuildingExcel)
+const submitBuildingExcel = fetch(apis.buildingOwnerInfo.submitBuildingExcel)
+
+export default props => {
+  const [loading, setLoading] = useState(false)
+  const [dataList, setDataList] = useState([])
+  const [pagenavi, setPagenavi] = useState({ pageSize: 10, total: 0 })
+
+  const excelRef = useRef()
+
+  const downloadExcel = () => {
+    buildingDownloadExcel().then(res => {
+      const url = window.URL.createObjectURL(new Blob([res]))
+      const link = document.createElement('a')
+      link.href = url
+      link.setAttribute('download', '业主资料库.xlsx')
+      link.click()
+    })
+  }
+
+  const importExcel = () => {
+    const input = document.createElement('input')
+    input.setAttribute('type', 'file')
+    input.addEventListener('input', e => {
+      const files = e.target.files
+      if (files && files[0]) {
+        excelRef.current = files[0]
+        const formData = new FormData()
+        formData.append('file', excelRef.current)
+        
+        setLoading(true)
+        uploadBuildingExcel({ data: formData }).then(res => {
+          setDataList(res.list)
+          setPagenavi({
+            ...pagenavi,
+            pageSize: res.size,
+            total: res.total
+          })
+          setLoading(false)
+        }).catch(() => {
+          setLoading(false)
+        })
+      }
+    })
+    input.click()
+  }
+
+  const submitExcel = () => {
+    if (!excelRef.current) {
+      notification.warning({ message: '没有选择文件' })
+      return
+    }
+
+    const formData = new FormData()
+    formData.append('file', excelRef.current)
+
+    setLoading(true)
+    submitBuildingExcel({ data: formData }).then(res => {
+      notification.success({ message: '提交成功' })
+
+      setLoading(false)
+    }).catch(() => {
+      setLoading(false)
+    })
+  }
+
+  return (
+    <div>
+      <div style={{ marginBottom: '24px' }}>
+        <Button onClick={downloadExcel}><Icon type="download" />下载模板</Button>
+        <Button onClick={importExcel} style={spaceStyle}><Icon type="upload" />选取文件并预览</Button>
+        <Button type="primary" onClick={submitExcel} style={spaceStyle}>提交</Button>
+        <Button style={spaceStyle} onClick={() => router.go(-1)}>取消</Button>
+      </div>
+
+      <Table dataSource={dataList} pagination={pagenavi} loading={loading}>
+        <Column key="phaseName" title="期/区" dataIndex="phaseName" />
+        <Column key="buildingName" title="栋" dataIndex="buildingName" />
+        <Column key="unitName" title="单元" dataIndex="unitName" />
+        <Column key="levelName" title="楼层" dataIndex="levelName" />
+        <Column key="roomNoName" title="户号" dataIndex="roomNoName" />
+        <Column key="ownerName" title="户主姓名" dataIndex="ownerName" />
+        <Column key="roleName" title="身份" dataIndex="roleName" />
+        <Column key="ownerTel" title="手机号码" dataIndex="ownerTel" />
+      </Table>
+    </div>
+  )
+
+}

src/pages/property/proprietor/Detail.jsx

-import React, { useState } from 'react'
-import { Button, Descriptions } from 'antd'
+import React, { useEffect, useState } from 'react'
+import { Button, Descriptions, List, Modal } from 'antd'
+import router from 'umi/router'
+import { fetch, apis } from '@/utils/request'
 import Section from './components/Section'
 import Edit from './components/Edit'
 
+const VerifyStatusDict = {
+  '0': '未审核',
+  '1': '通过',
+  '2': '不通过',
+}
+
+const buildingDetails = fetch(apis.buildingOwnerInfo.buildingDetails)
+const verifyinfoAdd = fetch(apis.buildingOwnerInfo.verifyinfoAdd)
+
 export default props => {
   const [editorShow, setEditorShow] = useState(false)
-  const [roomName, setRoomName] = useState('1期1号楼1单元13层1331')
+  const [userData, setUserData] = useState({})
+  
+  const { id } = props.location.query
+  const roomName = userData.phaseName + userData.buildingName + userData.unitName + userData.levelName + userData.roomNoName
 
-  const handleEdit = () => {}
+  const handleEdit = vals => {
+    verifyinfoAdd({ urlData: { id }, params: vals }).then(res => {
+      Modal.success({
+        content: '提交修改成功',
+        onOk: () => {
+          setEditorShow(false)
+        }
+      })
+    })
+  }
+
+  useEffect(() => {
+    buildingDetails({ data: { id } }).then(res => {
+      const { taUser = {}, taUserVerify = {} } = res || {}
+      setUserData({
+        userName: taUser.userName,
+        gender: taUser.gender,
+        loginName : taUser.loginName,
+        nickname : taUser.nickname,
+        openid: taUser.openid,
+        idCard: taUser.idCard,
+        headPortrait: taUser.headPortrait,
+        description: taUser.description,
+        verifyStatus: taUserVerify.verifyStatus + '',
+        status: taUserVerify.verifyStatus + '',
+        faceImg: taUserVerify.faceImg,
+        roomNoName: taUserVerify.roomNoName,
+        roomInfoList : roomInfoList,
+        roleId: taUserVerify.roleId + '',
+        phaseName: taUserVerify.phaseName,
+        unitName: taUserVerify.unitName,
+        buildingName: taUserVerify.buildingName,
+        levelName: taUserVerify.levelName,
+      })
+    })
+  }, [id])
 
   return (
     <div>
       <Section title="基本信息">
         <Descriptions column={3}>
-          <Descriptions.Item label="姓名">测试</Descriptions.Item>
-          <Descriptions.Item label="性别">男</Descriptions.Item>
-          <Descriptions.Item label="手机号">1382383843</Descriptions.Item>
-          <Descriptions.Item label="微信昵称">Big Big</Descriptions.Item>
-          <Descriptions.Item label="微信ID">iwnxlspqpsisnxghgys</Descriptions.Item>
-          <Descriptions.Item label="身份证">320101200001011234</Descriptions.Item>
+          <Descriptions.Item label="姓名">{userData.userName}</Descriptions.Item>
+          <Descriptions.Item label="性别">{userData.gender === '2' ? '女' : '男'}</Descriptions.Item>
+          <Descriptions.Item label="手机号">{userData.loginName}</Descriptions.Item>
+          <Descriptions.Item label="微信昵称">{userData.nickname}</Descriptions.Item>
+          <Descriptions.Item label="微信ID">{userData.openid}</Descriptions.Item>
+          <Descriptions.Item label="身份证">{userData.idCard}</Descriptions.Item>
           <Descriptions.Item label="头像">
-            <img src="" alt=""/>
+            <img src={userData.headPortrait} alt="" style={{ width: '128px', height: '128px' }}/>
           </Descriptions.Item>
         </Descriptions>
       </Section>
       <Section title="在当前房屋" subTitle={roomName} action={<Button type="link" onClick={() => setEditorShow(true)}>修改</Button>}>
         <Descriptions column={3}>
-          <Descriptions.Item label="身份">户主</Descriptions.Item>
-          <Descriptions.Item label="审核状态">未审核</Descriptions.Item>
-          <Descriptions.Item label="资料手机">1382383843</Descriptions.Item>
+          <Descriptions.Item label="身份">{userData.description}</Descriptions.Item>
+          <Descriptions.Item label="审核状态">{VerifyStatusDict[userData.status]}</Descriptions.Item>
+          <Descriptions.Item label="资料手机">{userData.loginName}</Descriptions.Item>
           <Descriptions.Item label="人脸">
-            <img src="" alt=""/>
+            <img src={userData.faceImg} alt="" style={{ width: '128px', height: '128px' }}/>
           </Descriptions.Item>
         </Descriptions>
       </Section>
-      <Section title="关联本小区其他房屋">
-
+      <Section title="关联本小区其他房屋" subTitle="使用用户手机号在小区用户列表中搜索查看">
+        <List dataSource={userData.roomInfoList || []} renderItem={x => (<List.Item>{x}</List.Item>)} size="small" />
       </Section>
       <p style={{ color: '#888' }}>
         若想修改户主登录手机号，需要户主自己登录APP在个人中心修改。
       </p>
       <Edit
         visible={editorShow}
+        userData={userData}
         onSubmit={handleEdit}
         onCancel={() => setEditorShow(false)}
       />

src/pages/property/proprietor/components/AuditNot.jsx

 import React, { useEffect } from 'react'
-import { Form, Select, Button, Modal } from 'antd'
+import { Form, Radio, Button, Modal } from 'antd'
 
 const formItemLayout = {
   labelCol: {
   },
 }
 
+const blockRadio = {
+  display: 'block',
+  height: '30px',
+  lineHeight: '30px',
+}
+
 export default Form.create()(props => {
 
   const handleSubmit = e => {
     })
   }
 
-  useEffect(() => {
-    // props.setFieldsValue()
-  }, [])
-
   return (
     <Modal footer={null} maskClosable={false} onCancel={props.onCancel} visible={props.visible}>
       <Form {...formItemLayout} onSubmit={handleSubmit}>
-        <Form.Item label="身份">
-          {
-            props.form.getFieldDecorator('roleId')(
-              <Select>
-                <Select.Option key="1" value="1">户主</Select.Option>
-                <Select.Option key="2" value="2">租客</Select.Option>
-                <Select.Option key="3" value="3">家属</Select.Option>
-              </Select>
-            )
-          }
-        </Form.Item>
-        <Form.Item label="审核状态">
+        <Form.Item label="不通过原因">
           {
-            props.form.getFieldDecorator('verifyStatus')(
-              <Select>
-                <Select.Option key="1" value="1">审核通过</Select.Option>
-                <Select.Option key="2" value="2">审核未通过</Select.Option>
-                <Select.Option key="0" value="0">未审核</Select.Option>
-              </Select>
+            props.form.getFieldDecorator('remark')(
+              <Radio.Group>
+                <Radio value="不认识的人的手机号" style={blockRadio}>不认识的人的手机号</Radio>
+                <Radio value="其他原因需要沟通" style={blockRadio}>其他原因需要沟通</Radio>
+              </Radio.Group>
             )
           }
         </Form.Item>

src/pages/property/proprietor/components/Edit.jsx

 import React, { useEffect } from 'react'
-import { Form, Select, Button, Modal } from 'antd'
+import { Form, Select, Button, Modal, Radio } from 'antd'
 
 const formItemLayout = {
   labelCol: {
   },
 }
 
+const blockRadio = {
+  display: 'block',
+  height: '30px',
+  lineHeight: '30px',
+}
+
 export default Form.create()(props => {
 
   const handleSubmit = e => {
     e.preventDefault()
     props.form.validateFields((err, values) => {
       if (!err) {
-        props.onSubmit(values)
+        props.onSubmit({
+          status: userData.status,
+          ...values,
+        })
       }
     })
   }
 
-  useEffect(() => {
-    // props.setFieldsValue()
-  }, [])
-
   return (
     <Modal footer={null} maskClosable={false} onCancel={props.onCancel} visible={props.visible}>
       <Form {...formItemLayout} onSubmit={handleSubmit}>
             )
           }
         </Form.Item>
-        <Form.Item label="审核状态">
+        {          
+          userData.verifyStatus !== '1' && (
+            <Form.Item label="审核状态">
+              {
+                props.form.getFieldDecorator('status')(
+                  <Select>
+                    <Select.Option key="1" value="1">审核通过</Select.Option>
+                    <Select.Option key="2" value="2">审核未通过</Select.Option>
+                    <Select.Option key="0" value="0">未审核</Select.Option>
+                  </Select>
+                )
+              }
+            </Form.Item>
+          )
+        }
+        <Form.Item label="不通过原因">
           {
-            props.form.getFieldDecorator('verifyStatus')(
-              <Select>
-                <Select.Option key="1" value="1">审核通过</Select.Option>
-                <Select.Option key="2" value="2">审核未通过</Select.Option>
-                <Select.Option key="0" value="0">未审核</Select.Option>
-              </Select>
+            props.form.getFieldDecorator('remark')(
+              <Radio.Group>
+                <Radio value="不认识的人的手机号" style={blockRadio}>不认识的人的手机号</Radio>
+                <Radio value="其他原因需要沟通" style={blockRadio}>其他原因需要沟通</Radio>
+              </Radio.Group>
             )
           }
         </Form.Item>

src/pages/property/proprietor/index.jsx

 import React, { useState, useEffect } from 'react'
-import { Select, Spin, Table, Button, Form, Input, Icon } from 'antd'
+import { Select, Spin, Table, Button, Form, Input, Icon, Modal } from 'antd'
 import NavLink from 'umi/navlink'
-import { fetch, apis } from '@/utils/request'
+import { fetch, fetchList, apis } from '@/utils/request'
 import Search from '../components/Search'
 import List from '../components/List'
 
 const fetchUnitList = fetch(apis.buildingOwnerInfo.getUnitList)
 const fetchLevelList = fetch(apis.buildingOwnerInfo.getLevelList)
 const fetchRoomNoList = fetch(apis.buildingOwnerInfo.getRoomNoList)
+const buildingInfoList = fetch(apis.buildingOwnerInfo.buildingList)
+const deleteBuilding = fetch(apis.buildingOwnerInfo.deleteBuilding)
 
 const Condition = props => {
   const [phaseList, setPhaseList] = useState([])
 export default props => {
   const [loading, setLoading] = useState(false)
   const [listData, setListData] = useState([])
+  const [pagination, setPagination] = useState({})
+  const [queryParams, setQueryParams] = useState({ pageNum: 1, pageSize: 10 })
 
-  const handleSearch = () => {
-
+  const handleSearch = (vals) => {
+    setQueryParams({
+      ...vals,      
+      pageNum: 1,
+      pageSize: queryParams.pageSize,
+    })
   }
 
   const handleDeleteRow = row => {
-
+    deleteBuilding({ data: [row.id] }).then(res => {
+      Modal.success({
+        content: '数据参数成功',
+        onOk: () => {
+          window.location.reload()
+        }
+      })
+    })
   }
 
   const handlePageChange = (pageNum, pageSize) => {
-
+    setQueryParams({
+      ...queryParams,      
+      pageNum,
+      pageSize,
+    })
   }
 
+  useEffect(() => {
+    setLoading(true)
+    buildingInfoList({ data: queryParams }).then(res => {
+      const { records, ...pageInfo } = res || {}
+      setListData(records)
+      setPagination(pageInfo)
+      setLoading(false)
+    }).catch(() => setLoading(false))
+  }, [queryParams])
+
   return (
     <div>
       <Condition onSearch={handleSearch} onReset={handleSearch} />
         <NavLink to={`/property/proprietor/add`}>
           <Button type="primary">添加</Button>
         </NavLink>
-        <Button type="link"><Icon type="upload"/>批量导入业主资料</Button>
+        <NavLink to={`/property/proprietor/batch`}>
+          <Button type="link"><Icon type="upload"/>批量导入业主资料</Button>
+        </NavLink>
       </div>
-      <Spin spinning={loading}>
-        <List dataSource={listData} onPageChange={handlePageChange} rowKey="userVerifyId">
-          <Table.Column title="编号" dataIndex="userVerifyId" key="userVerifyId" />
-          <Table.Column
-            title="姓名"
-            dataIndex="ownerName"
-            key="ownerName"
-            render={(_, row) => {
-              return (
-                <NavLink to={`/xxx?id=${row.userVerifyId}`}>
-                  <Button type="link">{row.ownerName}</Button>
-                </NavLink>
-              )
-            }}
-          />
-          <Table.Column title="手机号" dataIndex="ownerTel" key="ownerTel" />
-          <Table.Column title="身份证" dataIndex="idCard" key="idCard" />
-          <Table.Column
-            title="房间号"
-            dataIndex="roomNoName"
-            key="roomNoName"
-            render={(_, row) => {
-              return (
-                <span>
-                  {row.phaseName + row.buildingName + row.unitName + row.levelName + row.roomNoName}
-                </span>
-              )
-            }}
-          />
-          <Table.Column title="身份" dataIndex="roleName" key="roleName" />
-          <Table.Column
-            title="审核状态"
-            dataIndex="verifyStatus"
-            key="verifyStatus"
-            render={(_, row) => {
-              return (
-                <span>
-                  {verifyStatusDict[row.verifyStatus] || ''}
-                </span>
-              )
-            }}
-          />
-          <Table.Column title="编辑人" dataIndex="updateName" key="updateName" />
-          <Table.Column title="编辑时间" dataIndex="createDate" key="createDate" />
-          <Table.Column
-            title="操作"
-            key="action"
-            render={(_, row) => {
-              return (
-                <Popconfirm
-                  title="确认进行删除操作?"
-                  onConfirm={() => handleDeleteRow(row)}
-                  okText="删除"
-                  cancelText="取消"
-                >
-                  <Button type="link">删除</Button>
-                </Popconfirm>
-              )
-            }}
-          />
-        </List>
-      </Spin>
+      <List dataSource={listData} loading={loading} onPageChange={handlePageChange} pagination={pagination} rowKey="userVerifyId">
+        <Table.Column title="编号" dataIndex="userVerifyId" key="userVerifyId" />
+        <Table.Column
+          title="姓名"
+          dataIndex="ownerName"
+          key="ownerName"
+          render={(_, row) => {
+            return (
+              <NavLink to={`/property/proprietor/detail?id=${row.userVerifyId}`}>
+                <Button type="link">{row.ownerName}</Button>
+              </NavLink>
+            )
+          }}
+        />
+        <Table.Column title="手机号" dataIndex="ownerTel" key="ownerTel" />
+        <Table.Column title="身份证" dataIndex="idCard" key="idCard" />
+        <Table.Column
+          title="房间号"
+          dataIndex="roomNoName"
+          key="roomNoName"
+          render={(_, row) => {
+            return (
+              <span>
+                {row.phaseName + row.buildingName + row.unitName + row.levelName + row.roomNoName}
+              </span>
+            )
+          }}
+        />
+        <Table.Column title="身份" dataIndex="roleName" key="roleName" />
+        <Table.Column
+          title="审核状态"
+          dataIndex="verifyStatus"
+          key="verifyStatus"
+          render={(_, row) => {
+            return (
+              <span>
+                {verifyStatusDict[row.verifyStatus] || ''}
+              </span>
+            )
+          }}
+        />
+        <Table.Column title="编辑人" dataIndex="updateName" key="updateName" />
+        <Table.Column title="编辑时间" dataIndex="createDate" key="createDate" />
+        <Table.Column
+          title="操作"
+          key="action"
+          render={(_, row) => {
+            return (
+              <Popconfirm
+                title="确认进行删除操作?"
+                onConfirm={() => handleDeleteRow(row)}
+                okText="删除"
+                cancelText="取消"
+              >
+                <Button type="link">删除</Button>
+              </Popconfirm>
+            )
+          }}
+        />
+      </List>
 
     </div>
   )

src/services/buildingOwnerInfo_api.js

 
     // 根据楼栋信息 id 查询
     getByIdBuildingId: {
-      url: `${prefix}/${moduleName}/verify/:buildingId`,
+      url: `${prefix}/${moduleName}/verify/:id`,
       method: 'get',
       action: `admin.${moduleName}.verify`
     },
 
     // 楼栋详情审核用户
     verifyinfoAdd: {
-      url: `${prefix}/${moduleName}/user/verifyinfo/:userVerifyId`,
+      url: `${prefix}/${moduleName}/user/verifyinfo/:id`,
       method: 'put',
       action: `admin.${moduleName}.user.verifyinfo`
     },