feats

config/routes.js

@@ -585,6 +585,12 @@ export default [
                 component: './broker/agentRule/index',
                 menuCode: '/broker/agentRule',
               },
+              {
+                path: '/broker/customer/list',
+                name: '经纪人客户列表',
+                component: './broker/customer/index',
+                hideInMenu: true,
+              },
             ],
           },
           {

src/pages/broker/announcement/Edit/index.jsx

@@ -38,6 +38,13 @@ const AnnouncementEdit = React.forwardRef((props, ref) => {
 
   const [loading, setLoading] = useState(false)
 
+  const handlePageChange = (path) => {
+    const page = pages.filter(x => x.page === path)[0]
+    if (page) {
+      setFieldsValue({ pageParam: page.queryStr })
+    }
+  }
+
   const handleSubmit = (e) => {
     validateFieldsAndScroll((err, values) => {
       if (err) return;
@@ -118,7 +125,7 @@ const AnnouncementEdit = React.forwardRef((props, ref) => {
           <FormItem label="跳转页面">
             {
               getFieldDecorator('linkPage')(
-                <Select style={fullWidth} allowClear>
+                <Select style={fullWidth} allowClear onChange={handlePageChange}>
                   {
                     pages.map(x => <Option key={x.page} value={x.page}>{x.title}</Option>)
                   }
@@ -126,7 +133,7 @@ const AnnouncementEdit = React.forwardRef((props, ref) => {
               )
             }
           </FormItem>
-          <FormItem label="页面参数">
+          <FormItem label="页面参数" help="默认不需要处理">
             {
               getFieldDecorator('pageParam')(<Input placeholder="key1=value1&key2=value2" />)
             }

src/pages/broker/announcement/util.js

@@ -5,8 +5,19 @@ export const showTypeList = [
 
 export const pages = [
   {
-    title: '页面1',
-    page: '/subpackages/pages/broker',
+    title: '成为经纪人',
+    page: '/subpackages/pages/broker/toBeBroker/index',
+    queryStr: 'recommendAgent={personId}'
+  },
+  {
+    title: '报备客户',
+    page: '/pages/mine/addCustomer/index',
+    queryStr: ''
+  },
+  {
+    title: '公告详情',
+    page: '/subpackages/pages/broker/firstScreenDetail/index',
+    queryStr: 'id={id}'
   }
 ]
 

src/pages/broker/customer/index.jsx

@@ -0,0 +1,123 @@
+import React, { useMemo, useRef, useState } from 'react'
+import { Button, notification, Spin, Badge, Select } from 'antd'
+import { router } from 'umi'
+import moment from 'moment'
+import QueryTable from '@/components/QueryTable'
+import { fetch, apis } from '@/utils/request';
+import { useEffect } from 'react'
+
+const searchFields = [
+  {
+    name: 'name',
+    label: '姓名',
+    placeholder: '请输入客户姓名',
+  },
+  {
+    name: 'phone',
+    label: '手机号',
+    placeholder: '请输入客户手机号',
+  },
+]
+
+export default (props) => {
+  const { history } = props
+  const { recommendPerson } = history.location.query
+
+  const ref = useRef()
+  const [notQuery, setNotQuery] = useState(true);
+
+  const tableColumns = [
+    {
+      title: '姓名',
+      dataIndex: 'name',
+      key: 'name',
+    },
+    {
+      title: '手机号',
+      dataIndex: 'phone',
+      key: 'phone',
+    },
+    {
+      title: '归属楼盘',
+      dataIndex: 'buildingName',
+      key: 'buildingName',
+    },
+    {
+      title: '客户状态',
+      dataIndex: 'status',
+      key: 'status',
+      render: (_, row) => {
+        if (!row.status || row.status <= 1) {
+          return '待审核';
+        } else if (row.status === 3) {
+          return '驳回';
+        } else {
+          if (!row.commission_date) {
+            return '结佣';
+          }
+          if (!row.signed_date) {
+            return '签约';
+          }
+          if (!row.preparatory_date) {
+            return '认筹';
+          }
+          if (!row.visit_date) {
+            return '到访';
+          }
+        }
+
+        return '未知';
+      }
+    },
+    {
+      title: '佣金总数',
+      dataIndex: 'totalCommission',
+      key: 'totalCommission',
+      align: 'right',
+      width: 120,
+      render: t => t && t > 0 ? `￥${Number(t / 100).toFixed(2)}元` : '-'
+    },
+    {
+      title: '已结佣金',
+      dataIndex: 'settledCommission',
+      key: 'settledCommission',
+      align: 'right',
+      width: 120,
+      render: t => t && t > 0 ? `￥${Number(t / 100).toFixed(2)}元` : '-'
+    },
+    {
+      title: '待结佣金',
+      dataIndex: 'unsettledCommission',
+      key: 'unsettledCommission',
+      align: 'right',
+      width: 120,
+      render: t => t && t > 0 ? `￥${Number(t / 100).toFixed(2)}元` : '-'
+    },
+    {
+      title: '时间',
+      dataIndex: 'createDate',
+      key: 'createDate',
+      align: 'center',
+      render: (t) => moment(t).format('YYYY-MM-DD HH:mm')
+    },
+  ]
+
+  useEffect(() => {
+    setNotQuery(!recommendPerson);
+
+    if (!recommendPerson) {
+      notification.warning({ message: "请设置经纪人" })
+    }
+  }, [recommendPerson])
+
+  return (
+    <QueryTable
+      ref={ref}
+      rowKey="channelCustomerId"
+      api={apis.broker.getCustomerList}
+      searchFields={searchFields}
+      columns={tableColumns}
+      params={{ recommendPerson }}
+    />
+  )
+}

src/pages/broker/list/index.jsx

@@ -1,6 +1,7 @@
 import React, { useMemo, useRef, useCallback, useState } from 'react'
 import { Button, notification, Spin, Badge, Select } from 'antd'
 import { router } from 'umi'
+import Link from 'umi/link';
 import moment from 'moment'
 import QueryTable from '@/components/QueryTable'
 import { fetch, apis } from '@/utils/request';
@@ -76,6 +77,7 @@ export default (props) => {
       key: 'customerNum',
       align: 'right',
       width: 120,
+      render: (t, row) => <Link to={`/broker/customer/list?recommendPerson=${row.personId}`}>{ !t ? 0 : t }</Link>
     },
     {
       title: '佣金总数',

src/services/apis.js

@@ -2464,5 +2464,10 @@ export default {
       method: 'PUT',
       url: `${prefix}/building/:id/broker-manager`,
     },
+    // 获取经纪人客户列表
+    getCustomerList: {
+      method: 'GET',
+      url: `${prefix}/broker/customer`,
+    },
   }
 };