feats

src/pages/broker/list/detail.jsx

@@ -6,7 +6,8 @@ import apis from '@/services/apis';
 import request from '@/utils/request';
 
 function agentDeal (props) {
-  const { detail } = props;
+  const { detail, personId } = props;
+  console.log('personId', personId);
   // const formRef = useRef();
 
   // useEffect(() => {
@@ -19,13 +20,11 @@ function agentDeal (props) {
   // }, [personId]);
 
   useEffect(() => {
-    if (detail.personId) {
-      request({
-        ...apis.broker.getBrokerDetails
-      }).then((res) => {
-        res; console.log('res', res)
-      });
-    }
+    request({
+      ...apis.broker.getBrokerDetails, params: { personId: detail.personId }
+    }).then((res) => {
+      res; console.log('res', res)
+    });
   });
 
 
@@ -44,7 +43,7 @@ function agentDeal (props) {
     },
     {
       title: '银行卡号',
-      // render: detail,
+      // render: detail.personId,
     },
   ];
   return (

src/pages/broker/list/index.jsx

@@ -5,6 +5,7 @@ import Link from 'umi/link';
 import moment from 'moment'
 import QueryTable from '@/components/QueryTable'
 import apis from '@/services/apis';
+import DealDetail from './detail';
 // import { useSearchParams } from '@umijs/max';
 
 const searchFields = [
@@ -135,6 +136,7 @@ export default (props) => {
             type="link" onClick={() => {
               setDetail(row), setOpen(true)
             }}
+
           >
             查看详情
           </Button>
@@ -153,8 +155,7 @@ export default (props) => {
         columns={tableColumns}
       />
       <Modal title="经纪人详情" visible={open} onOk={hideModal} onCancel={hideModal} footer={null}>
-        {/* <DealDetail detail={detail} personId={personId} api={apis.broker.getBrokerDetails} /> */}
-        <DealDetail detail={detail} ref={ref} />
+        <DealDetail detail={detail} personId={personId} api={apis.broker.getBrokerDetails} />
       </Modal>
     </>
   )

src/pages/recommend/customer/index.jsx

@@ -1,204 +1,204 @@
-import React, { useState } from 'react';
-import {  Avatar, Button,message } from 'antd';
-import moment from 'moment';
-import request from '@/utils/request';
-import apis from '@/services/apis';
-import QueryTable from '@/components/QueryTable'
-import { router } from 'umi';
-import AuthButton from '@/components/AuthButton';
-import BuildingSelect from '@/components/SelectButton/BuildSelect';
-
-
-
-/**
- *
- *
- * @param {*} props
- * @returns
- */
-function Recommend(props) {
-  const [exportLoding,setExportLoding] = useState(false)
-
-  function toAudit(cuurentId) {
-    router.push({
-      pathname: '/customer/recommend/customer/audit',
-      query: {
-        id: cuurentId,
-      },
-    })
-  }
-
-
-  /**
-   *导出数据（推荐用户）
-   *
-   */
-  function exportRecommendCustomer() {
-    setExportLoding(true)
-    request({
-      ...apis.customer.customerRecommendRecommenderExport,
-      responseType: 'blob',
-    }).then(response => {
-      console.log('exportRecommendCustomer: ', response)
-      download(response)
-    }).catch(error => {
-
-    })
-  }
-
-  function download(data) {
-    if (!data) {
-      return
-    }
-    const url = window.URL.createObjectURL(new Blob([data]))
-    const link = document.createElement('a')
-    link.style.display = 'none'
-    link.href = url
-    link.setAttribute('download', '推荐客户.xlsx')
-    document.body.append(link)
-    link.click()
-    setExportLoding(false)
-  }
-
-  const columns = [
-    // {
-    //   title: '头像',
-    //   dataIndex: 'picture',
-    //   key: 'picture',
-    //   render: (_, record) => <Avatar shape="square" src={record.picture} size={64} icon="user" />,
-    // },
-    {
-      title: '姓名',
-      dataIndex: 'name',
-      key: 'name',
-    },
-    {
-      title: '电话',
-      dataIndex: 'phone',
-      key: 'phone',
-    },
-    {
-      title: '性别',
-      dataIndex: 'sex',
-      key: 'sex',
-      // eslint-disable-next-line no-nested-ternary
-      render: (_, record) => <><span>{record.sex === 1 ? '男' : record.sex === 2 ? '女' : '未知'}</span></>,
-    },
-    {
-      title: '意向项目',
-      dataIndex: 'buildingName',
-      key: 'buildingName',
-    },
-    {
-      title: '推荐人',
-      dataIndex: 'recommendPersonName',
-      key: 'recommendPersonName',
-      render: (_, record) => {
-        const phone = record.recommendPhone ? ` ${record.recommendPhone}` : ''
-        return <span>{`${record.recommendPersonName}${phone}`}</span>
-      },
-    },
-    {
-      title: '推荐时间',
-      dataIndex: 'createDate',
-      key: 'createDate',
-      render: (_, record) => <><span>{record.createDate && moment(record.createDate).format('YYYY-MM-DD')}</span></>,
-    },
-    {
-      title: '状态',
-      dataIndex: 'status',
-      key: 'status',
-      render: (_, record) => <><span>{record.status === '1' ? '未到访' : record.status === '2' ? '已到访' : record.status === '3' ? '无效' : ''}</span></>,
-    },
-    {
-      title: '操作',
-      dataIndex: 'customerId',
-      key: 'customerId',
-      render: (_, record) => (
-        <>{record.status === '1' ? (
-          <AuthButton name="customer.channel.verify">
-            <Button type='link' onClick={() => toAudit(record.channelCustomerId)}>审核</Button>
-          </AuthButton>
-        ) : (
-          <Button type='link' onClick={() => toAudit(record.channelCustomerId)}>查看详情</Button>
-        )
-          
-          }
-          {/* {
-            <AuthButton name="admin.customer.recommend.verify.id.put" noRight={null}>
-              {record.verifyStatus === 0 ? <span style={{ color: 'rgba(239,39,58,1)', cursor: 'pointer' }} onClick={() => toAudit(record.customerId)}>审核</span> : ''}
-            </AuthButton>
-          } */}
-        </>
-      ),
-    },
-  ]
-
- const searchFields=[
-     {
-      name: 'buildingId',
-      label: '项目',
-      placeholder: '项目',
-      render: () => <BuildingSelect style={{width: 160}} />
-    },
-  {
-    name: 'name',
-    label: '姓名',
-    placeholder: '请输入姓名',
-  },
-  {
-    name: 'phone',
-    label: '电话',
-    placeholder: '请输入电话',
-  },
-  {
-    name: 'recommendPersonName',
-    label: '推荐人',
-    placeholder: '请输入推荐人姓名',
-  },
-  {
-    name: 'recommendPhone',
-    label: '推荐人电话',
-    placeholder: '请输入推荐人电话电话',
-  },
-  {
-    name: 'status',
-    label: '状态',
-    placeholder: '请选择状态',
-    type: 'select',
-    options: [
-      {label: '未到访', value: '1'},
-      {label: '已到访', value: '2'},
-      {label: '无效', value: '3'}
-    ]
-  },
- ]
-
- const actionRender = () => {
-    
-  return (
-    <Button type="danger" loading={exportLoding} onClick={() => exportRecommendCustomer()}>
-      导出
-    </Button>
-  );
-};
-
-  return (
-    <>
-      <QueryTable
-          rowKey="recommendCustomer"
-          api={apis.customer.recommender}
-          searchFields={searchFields}
-          columns={columns}
-          postData={data => {
-            data.type='customer'
-            return data;
-          }}
-          actionRender={actionRender}
-        />
-    
-    </>
-  );
-}
-
-export default Recommend
+import React, { useState } from 'react';
+import { Avatar, Button, message } from 'antd';
+import moment from 'moment';
+import request from '@/utils/request';
+import apis from '@/services/apis';
+import QueryTable from '@/components/QueryTable'
+import { router } from 'umi';
+import AuthButton from '@/components/AuthButton';
+import BuildingSelect from '@/components/SelectButton/BuildSelect';
+
+
+
+/**
+ *
+ *
+ * @param {*} props
+ * @returns
+ */
+function Recommend (props) {
+  const [exportLoding, setExportLoding] = useState(false)
+
+  function toAudit (cuurentId) {
+    router.push({
+      pathname: '/customer/recommend/customer/audit',
+      query: {
+        id: cuurentId,
+      },
+    })
+  }
+
+
+  /**
+   *导出数据（推荐用户）
+   *
+   */
+  function exportRecommendCustomer () {
+    setExportLoding(true)
+    request({
+      ...apis.customer.customerRecommendRecommenderExport,
+      responseType: 'blob',
+    }).then(response => {
+      console.log('exportRecommendCustomer: ', response)
+      download(response)
+    }).catch(error => {
+
+    })
+  }
+
+  function download (data) {
+    if (!data) {
+      return
+    }
+    const url = window.URL.createObjectURL(new Blob([data]))
+    const link = document.createElement('a')
+    link.style.display = 'none'
+    link.href = url
+    link.setAttribute('download', '推荐客户.xlsx')
+    document.body.append(link)
+    link.click()
+    setExportLoding(false)
+  }
+
+  const columns = [
+    // {
+    //   title: '头像',
+    //   dataIndex: 'picture',
+    //   key: 'picture',
+    //   render: (_, record) => <Avatar shape="square" src={record.picture} size={64} icon="user" />,
+    // },
+    {
+      title: '姓名',
+      dataIndex: 'name',
+      key: 'name',
+    },
+    {
+      title: '电话',
+      dataIndex: 'phone',
+      key: 'phone',
+    },
+    {
+      title: '性别',
+      dataIndex: 'sex',
+      key: 'sex',
+      // eslint-disable-next-line no-nested-ternary
+      render: (_, record) => <><span>{record.sex === 1 ? '男' : record.sex === 2 ? '女' : '未知'}</span></>,
+    },
+    {
+      title: '意向项目',
+      dataIndex: 'buildingName',
+      key: 'buildingName',
+    },
+    {
+      title: '推荐人',
+      dataIndex: 'recommendPersonName',
+      key: 'recommendPersonName',
+      render: (_, record) => {
+        const phone = record.recommendPhone ? ` ${record.recommendPhone}` : ''
+        return <span>{`${record.recommendPersonName}${phone}`}</span>
+      },
+    },
+    {
+      title: '推荐时间',
+      dataIndex: 'createDate',
+      key: 'createDate',
+      render: (_, record) => <><span>{record.createDate && moment(record.createDate).format('YYYY-MM-DD')}</span></>,
+    },
+    {
+      title: '状态',
+      dataIndex: 'status',
+      key: 'status',
+      render: (_, record) => <><span>{record.status === '1' ? '未到访' : record.status === '2' ? '已到访' : record.status === '3' ? '无效' : ''}</span></>,
+    },
+    {
+      title: '操作',
+      dataIndex: 'customerId',
+      key: 'customerId',
+      render: (_, record) => (
+        <>{record.status === '1' ? (
+          <AuthButton name="customer.channel.verify">
+            <Button type='link' onClick={() => toAudit(record.channelCustomerId)}>审核</Button>
+          </AuthButton>
+        ) : (
+          <Button type='link' onClick={() => toAudit(record.channelCustomerId)}>查看详情</Button>
+        )
+
+        }
+          {/* {
+            <AuthButton name="admin.customer.recommend.verify.id.put" noRight={null}>
+              {record.verifyStatus === 0 ? <span style={{ color: 'rgba(239,39,58,1)', cursor: 'pointer' }} onClick={() => toAudit(record.customerId)}>审核</span> : ''}
+            </AuthButton>
+          } */}
+        </>
+      ),
+    },
+  ]
+
+  const searchFields = [
+    {
+      name: 'buildingId',
+      label: '项目',
+      placeholder: '项目',
+      render: () => <BuildingSelect style={{ width: 160 }} />
+    },
+    {
+      name: 'name',
+      label: '姓名',
+      placeholder: '请输入姓名',
+    },
+    {
+      name: 'phone',
+      label: '电话',
+      placeholder: '请输入电话',
+    },
+    {
+      name: 'recommendPersonName',
+      label: '推荐人',
+      placeholder: '请输入推荐人姓名',
+    },
+    {
+      name: 'recommendPhone',
+      label: '推荐人电话',
+      placeholder: '请输入推荐人电话电话',
+    },
+    {
+      name: 'status',
+      label: '状态',
+      placeholder: '请选择状态',
+      type: 'select',
+      options: [
+        { label: '未到访', value: '1' },
+        { label: '已到访', value: '2' },
+        { label: '无效', value: '3' }
+      ]
+    },
+  ]
+
+  const actionRender = () => {
+
+    return (
+      <Button type="danger" loading={exportLoding} onClick={() => exportRecommendCustomer()}>
+        导出
+      </Button>
+    );
+  };
+
+  return (
+    <>
+      <QueryTable
+        rowKey="recommendCustomer"
+        api={apis.customer.recommender}
+        searchFields={searchFields}
+        columns={columns}
+        postData={data => {
+          data.type = 'customer'
+          return data;
+        }}
+        actionRender={actionRender}
+      />
+
+    </>
+  );
+}
+
+export default Recommend