feats

src/pages/property/proprietor/Audit.jsx

@@ -0,0 +1,101 @@
+import React from 'react'
+import { Spin, Button, Form, Input, Popconfirm,  } from 'antd'
+import { fetch, fetchList, apis } from '@/utils/request'
+import Search from '../components/Search'
+import List from '../components/List'
+
+const Condition = props => {
+  return (
+    <Search
+      onSearch={props.onSearch}
+      onReset={props.onReset}
+      render={form => {
+        const { getFieldDecorator } = form
+
+        return (
+          <>
+            <Form.Item label="姓名">
+            {
+              getFieldDecorator('ownerName')(<Input style={{ width: '160px' }} placeholder="姓名" />)
+            }
+            </Form.Item>
+            <Form.Item label="手机号">
+            {
+              getFieldDecorator('ownerTel')(<Input style={{ width: '160px' }} placeholder="手机号" />)
+            }
+            </Form.Item>
+            <Form.Item label="身份证">
+            {
+              getFieldDecorator('idCard')(<Input style={{ width: '200px' }} placeholder="身份证" />)
+            }
+            </Form.Item>
+          </>
+        )
+      }}
+    />
+  )
+}
+
+const propRole = {
+  1: '户主',
+  2: '租客',
+  3: '家属'
+}
+
+const userVerifyAll = fetchList(apis.propUser.userVerifyAll)
+const userVerifyAudit = fetch(apis.propUser.userVerifyAudit)
+
+export default props => {
+  const [loading, setLoading] = useState(false)
+  const [listData, setListData] = useState([])
+
+  const handleSearch = vals => {}
+
+  const handleDeleteRow = row => {}
+
+  return (
+    <div>
+      <Condition onSearch={handleSearch} onSearch={handleSearch} />
+      <div>
+        <p style={{color: '#888'}}>注意，审核后无法修改审核结果，请仔细确认</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>
+    </div>
+  )
+}

src/pages/property/proprietor/Detail.jsx

@@ -1,10 +1,14 @@
 import React, { useState } from 'react'
 import { Button, Descriptions } from 'antd'
 import Section from './components/Section'
+import Edit from './components/Edit'
 
 export default props => {
+  const [editorShow, setEditorShow] = useState(false)
   const [roomName, setRoomName] = useState('1期1号楼1单元13层1331')
 
+  const handleEdit = () => {}
+
   return (
     <div>
       <Section title="基本信息">
@@ -20,7 +24,7 @@ export default props => {
           </Descriptions.Item>
         </Descriptions>
       </Section>
-      <Section title="在当前房屋" subTitle={roomName} action={<Button type="link">修改</Button>}>
+      <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>
@@ -38,6 +42,11 @@ export default props => {
         或者联系荟房网络运营人员核实后修改，因为此手机号可能在其他社区在用。
         若想修改成员为其他成员的手机号，请删除此成员后添加新成员。 
       </p>
+      <Edit
+        visible={editorShow}
+        onSubmit={handleEdit}
+        onCancel={() => setEditorShow(false)}
+      />
     </div>
   )
 }

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

@@ -0,0 +1,75 @@
+import React, { useEffect } from 'react'
+import { Form, Select, Button, Modal } from 'antd'
+
+const formItemLayout = {
+  labelCol: {
+    xs: { span: 24 },
+    sm: { span: 6 },
+  },
+  wrapperCol: {
+    xs: { span: 24 },
+    sm: { span: 12 },
+  },
+}
+
+const tailFormItemLayout = {
+  wrapperCol: {
+    xs: {
+      span: 24,
+      offset: 0,
+    },
+    sm: {
+      span: 16,
+      offset: 6,
+    },
+  },
+}
+
+export default Form.create()(props => {
+
+  const handleSubmit = e => {
+    e.preventDefault()
+    props.form.validateFields((err, values) => {
+      if (!err) {
+        props.onSubmit(values)
+      }
+    })
+  }
+
+  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="审核状态">
+          {
+            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>
+            )
+          }
+        </Form.Item>
+        <Form.Item {...tailFormItemLayout}>
+          <Button type="primary" htmlType="submit">确定</Button>
+          <Button onClick={props.onCancel} style={{ marginLeft: '48px' }}>取消</Button>
+        </Form.Item>
+      </Form>
+    </Modal>
+  )
+})

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

@@ -0,0 +1,75 @@
+import React, { useEffect } from 'react'
+import { Form, Select, Button, Modal } from 'antd'
+
+const formItemLayout = {
+  labelCol: {
+    xs: { span: 24 },
+    sm: { span: 6 },
+  },
+  wrapperCol: {
+    xs: { span: 24 },
+    sm: { span: 12 },
+  },
+}
+
+const tailFormItemLayout = {
+  wrapperCol: {
+    xs: {
+      span: 24,
+      offset: 0,
+    },
+    sm: {
+      span: 16,
+      offset: 6,
+    },
+  },
+}
+
+export default Form.create()(props => {
+
+  const handleSubmit = e => {
+    e.preventDefault()
+    props.form.validateFields((err, values) => {
+      if (!err) {
+        props.onSubmit(values)
+      }
+    })
+  }
+
+  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="审核状态">
+          {
+            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>
+            )
+          }
+        </Form.Item>
+        <Form.Item {...tailFormItemLayout}>
+          <Button type="primary" htmlType="submit">确定</Button>
+          <Button onClick={props.onCancel} style={{ marginLeft: '48px' }}>取消</Button>
+        </Form.Item>
+      </Form>
+    </Modal>
+  )
+})

src/pages/property/proprietor/index.jsx

@@ -22,7 +22,7 @@ const Condition = props => {
     // getPhaseList()
   }, [])
 
-  return (    
+  return (
     <Search
       onSearch={props.onSearch}
       onReset={props.onReset}

src/services/apis.js

@@ -1,6 +1,7 @@
 import { APIBaseURL, AMapAPIPrefix } from '../utils/constant'
-import bill from './bill'
-import buildingOwnerInfo from './buildingOwnerInfo'
+import bill from './bill_api'
+import buildingOwnerInfo from './buildingOwnerInfo_api'
+import propUser from './prop_user_api'
 
 const prefix = `${APIBaseURL}api/admin`
 
@@ -10,6 +11,7 @@ const amapPrefix = AMapAPIPrefix
 
 export default {
   bill: bill(prefix),
+  propUser: propUser(prefix),
   buildingOwnerInfo: buildingOwnerInfo(prefix),
   image: {
     uploadForAnt: {

src/services/prop_user_api.js

@@ -0,0 +1,16 @@
+
+export default prefix => {
+  return {
+    // 获取审核列表
+    userVerifyAll: {
+      url: `${prefix}/user/verify/all`,
+      method: 'get',
+    },
+
+    // 审核用户
+    userVerifyAudit: {
+      url: `${prefix}/user/verify/audit/:id`,
+      method: 'put',
+    }
+  }
+}