合并

config/config.js

@@ -134,6 +134,43 @@ export default {
                 },
               ],
             },
+            {
+              path: '/customer',
+              name: '客户管理',
+              component: '../layouts/BlankLayout',
+              routes: [
+                {
+                  path: '/customer/customerlist/list',
+                  name: '客户列表',
+                  component: './customer/customerlist/index',
+                },
+                {
+                  path: '/customer/drift/list',
+                  name: '游客列表',
+                  component: './customer/drift/index',
+                },
+                {
+                  path: '/customer/report/list',
+                  name: '报备客户',
+                  component: './customer/report/index',
+                },
+                {
+                  path: '/customer/recommendCustomer/list',
+                  name: '推荐客户',
+                  component: './customer/recommendCustomer/index',
+                },
+                {
+                  path: '/customer/recommendCustomer/audit',
+                  name: '', //审核
+                  component: './customer/recommendCustomer/audit',
+                },
+                {
+                  path: '/customer/independentList',
+                  name: '经济人',
+                  component: './customer/independentList/index',
+                },
+              ],
+            },
             {
               path: '/integralMall',
               name: '积分商城',
@@ -232,7 +269,7 @@ export default {
                 },
                 {
                   path: '/activity/SignList',
-                  name: '报名列表',
+                  name: '',
                   component: './activity/SignList',
                 },
               ],
@@ -296,7 +333,7 @@ export default {
 
   proxy: {
     '/api/': {
-      target: 'http://192.168.0.84:8080/',
+      target: 'http://localhost:8080/',
       changeOrigin: true,
       // pathRewrite: { '^/server': '' },
     },

package.json

@@ -60,7 +60,8 @@
     "umi": "^2.8.7",
     "umi-plugin-pro-block": "^1.3.2",
     "umi-plugin-react": "^1.9.5",
-    "umi-request": "^1.0.8"
+    "umi-request": "^1.0.8",
+    "wangeditor": "^3.1.1"
   },
   "devDependencies": {
     "@ant-design/colors": "^3.1.0",

src/components/Wangedit/Wangedit.jsx

@@ -0,0 +1,32 @@
+import React from 'react';
+import E from 'wangeditor'
+
+/**
+ * @param {*} props
+ * @returns
+ */
+class Wangedit extends React.Component {
+  constructor(props, context) {
+    super(props, context);
+    this.state = {}
+  }
+
+  render() {
+    return (
+      <div ref="editorElem" style={{ textAlign: 'left' }}>
+      </div>
+    );
+  }
+
+  componentDidMount() {
+    const elem = this.refs.editorElem
+    const editor = new E(elem)
+    // 使用 onchange 函数监听内容的变化
+    editor.customConfig.onchange = this.props.onChange
+    editor.create()
+    editor.txt.html(this.props.value)
+  }
+}
+
+export default Wangedit
+

src/components/XForm/ImageUpload.jsx

@@ -1,10 +1,14 @@
 import React from 'react';
 import { Upload, Icon, message } from 'antd';
 import './style.less';
+import { uploaderProps } from '../../utils/upload';
+
+
 
 class ImageUpload extends React.Component {
   state = {
-    loading: false
+    loading: false,
+    imageUrl: undefined,
   };
 
   handleChange = info => {
@@ -14,13 +18,19 @@ class ImageUpload extends React.Component {
     }
 
     if (info.file.status === "done") {
-      const imageUrl = info.response.url
-
       this.setState({
-        loading: false
+        loading: false,
       })
 
-      this.props.onChange(imageUrl)
+      if (info.file.response && info.file.response.url) {
+        this.setState({
+          imageUrl: info.file.response.thumbUrl,
+        });
+
+        if (typeof this.props.onChange === 'function') {
+          this.props.onChange(info.file.response.url);
+        }
+      }
     }
   };
 
@@ -35,16 +45,16 @@ class ImageUpload extends React.Component {
 
     return (
       <Upload
-        name="avatar"
         listType="picture-card"
         className="avatar-uploader"
         showUploadList={false}
-        action={this.props.action}
         beforeUpload={this.props.beforeUpload}
         onChange={this.handleChange}
+
+        {...uploaderProps}
       >
-        {value ? (
-          <img src={value} alt="avatar" style={{ width: "100%" }} />
+        {(this.state.imageUrl || value) ? (
+          <img src={this.state.imageUrl || value} alt="avatar" style={{ width: "100%" }} />
         ) : (
           uploadButton
         )}

src/global.less

@@ -55,7 +55,12 @@ ol {
   box-shadow: none;
   border: none;
 }
-
+.ant-input-affix-wrapper .ant-input-prefix{
+  left:7px;
+}
+.ant-input-affix-wrapper .ant-input:not(:first-child) {
+  padding-left: 40px;
+}
 .ant-pro-global-header-trigger{
   display: none;
 }

src/pages/activity/editActivity.jsx

@@ -1,8 +1,15 @@
-import React, { useState } from 'react';
-import { Form, Input, Button, Icon, Select, Tabs, Radio } from 'antd';
+import React, { useState, useEffect } from 'react';
+import { Form, Input, Button, Icon, Select, Tabs, Radio, DatePicker,message } from 'antd';
 import { FormattedMessage } from 'umi-plugin-react/locale';
 import styles from '../style/GoodsList.less';
+import moment from 'moment';
+import router from 'umi/router';
+import BuildSelect from '../../components/SelectButton/BuildSelect'
+import XForm, { FieldTypes } from '../../components/XForm';
+import Wangedit from '../../components/Wangedit/Wangedit'
+import request from '../../utils/request'
 
+const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
 /**
  *
  *
@@ -10,12 +17,145 @@ import styles from '../style/GoodsList.less';
  * @returns
  */
  const Edit = (props) => {
-  const [ tab, changeTab ] = useState('basic');
+  const [ tab, changeTab ] = useState('basic')
   const dynamicId = props.location.query.dynamicId
-  console.log(dynamicId)
+  const [ dynamicData, setDynamicData ] = useState({})
+  if(dynamicId){
+    useEffect(() => {
+      getDynamicData(dynamicId);
+    },[])
+
+  // 查询列表
+  const getDynamicData = (dynamicId) => {
+    request({
+        url: '/api/admin/buildingDynamic/Details',
+        method: 'GET',
+        params: { dynamicId },
+    }).then((data) => {
+        console.log(data)
+        setDynamicData(data)
+    })
+  }
+  }
+
+  const cancelPage = () =>{
+    router.push({
+      pathname: '/activity/ActivityList',
+    });
+  }
 
   const Basic = (props) => {
-  return <div>Basic</div>
+    const fields = [
+      {
+        label: '所属项目',
+        name: 'buildingId',
+        render: <BuildSelect />,
+        value: dynamicData.buildingId,
+        rules: [
+          {required: true, message: '请选择所属项目'},
+        ]
+      },
+      {
+        label: '主图',
+        name: 'imgUrl',
+        type: FieldTypes.ImageUploader,
+        value: dynamicData.imgUrl,
+      },
+      {
+        label: '活动标题',
+        name: 'title',
+        type: FieldTypes.Text,
+        value: dynamicData.title,
+        rules: [
+          {required: true, message: '请输入活动标题'},
+        ]
+      },
+      {
+        label: '活动时间',
+        name: 'activityTime',
+        type: FieldTypes.RangePicker,
+        value: dynamicData.startDate != null ?  [moment(dynamicData.startDate,'YYYY-MM-DD'),moment(dynamicData.endDate,'YYYY-MM-DD')] : null,
+        rules: [
+          {required: true, message: '请选择活动时间'},
+        ]
+      },
+      {
+        label: '活动地点',
+        name: 'address',
+        type: FieldTypes.Text,
+        value: dynamicData.address,
+        rules: [
+          {required: true, message: '请输入活动地点'},
+        ]
+      },
+      {
+        label: '活动人数',
+        name: 'enlistNum',
+        type: FieldTypes.Text,
+        value: dynamicData.enlistNum,
+        rules: [
+          {required: true, message: '请输入活动人数'},
+        ]
+      },
+      {
+        label: '活动详情',
+        name: 'desc',
+        render: <Wangedit />,
+        value: dynamicData.desc,
+      },
+      {
+        label: '是否需要报名',
+        name: 'isEnlist',
+        render: <Radio.Group name="radiogroup">
+                  <Radio value={1}>是</Radio>
+                  <Radio value={0}>否</Radio>
+                </Radio.Group>,
+        value: dynamicData.isEnlist != null ? dynamicData.isEnlist-0 : 1,
+      },
+      {
+        label: '报名时间',
+        name: 'signupTime',
+        type: FieldTypes.RangePicker,
+        value: dynamicData.enlistStart != null ?  [moment(dynamicData.enlistStart,'YYYY-MM-DD'),moment(dynamicData.enlistEnd,'YYYY-MM-DD')] : null,
+        rules: [
+          {required: true, message: '请选择报名时间'},
+        ]
+      },
+    ]
+  
+    const handleSubmit = val => { 
+      let {activityTime,signupTime, ...submitValue} = val
+      const [startDate, endDate] = activityTime
+      submitValue.startDate = moment(startDate).format('YYYY-MM-DD');
+      submitValue.endDate = moment(endDate).format('YYYY-MM-DD');
+      const [enlistStart, enlistEnd] = signupTime
+      submitValue.enlistStart = moment(enlistStart).format('YYYY-MM-DD');
+      submitValue.enlistEnd = moment(enlistEnd).format('YYYY-MM-DD');
+      console.log('submit data --->', submitValue)
+      if(dynamicId){
+        submitValue.dynamicId = dynamicId
+        request({
+          url: '/api/admin/buildingDynamic/update',
+          method: 'PUT',
+          data: submitValue,
+        }).then((data) => {
+          cancelPage()
+        }).catch((err) => {
+          message.info(err.msg || err.message)
+        })
+      }else{
+        request({
+          url: '/api/admin/buildingDynamic/add',
+          method: 'POST',
+          data: submitValue,
+        }).then((data) => {
+          cancelPage()
+        }).catch((err) => {
+          message.info(err.msg || err.message)
+        })
+      }
+    }
+    return <XForm onSubmit={handleSubmit} onCancel={cancelPage} fields={fields}></XForm>
   }
   
   const Poster = (props) => {

src/pages/customer/customerlist/index.jsx

@@ -0,0 +1,211 @@
+import React, { useState, useEffect } from 'react';
+import { Form, Icon, Input, Button, DatePicker, Select, Card, Row, Col, Pagination, Alert, Table, Avatar, Radio } from 'antd';
+import moment from 'moment';
+import request from '../../../utils/request';
+import apis from '../../../services/apis';
+import Styles from './style.less';
+
+
+const { Option } = Select;
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const { Meta } = Card;
+
+const tempDate = [{ code: 's101' }]
+
+/**
+ *
+ *
+ * @param {*} props
+ * @returns
+ */
+function body(props) {
+  const { getFieldDecorator } = props.form
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const [dataSource, setDataSource] = useState({ records: [] })
+
+  // 默认私客
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+  const [customerType, setCustomerType] = useState('private')
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useEffect(() => {
+    getList({ pageNumber: 1, pageSize: 10, customerType })
+  }, [])
+
+  function getList(params) {
+    // 网路请求
+    request({ ...apis.customer.customerRecommend, params: { ...params } }).then(res => {
+      setDataSource(res)
+    }).catch(err => {
+      // eslint-disable-next-line no-unused-expressions
+      <Alert
+        style={{
+          marginBottom: 24,
+        }}
+        message={err}
+        type="error"
+        showIcon
+      />
+    })
+  }
+
+  // 提交事件
+  function handleSubmit(e) {
+    e.preventDefault();
+    props.form.validateFields((err, values) => {
+      if (!err) {
+        getList({ pageNum: 1, pageSize: 10, customerType, ...values })
+      }
+    });
+  }
+
+  // Change 事件
+  function handleSelectChange(e) {
+    // eslint-disable-next-line no-console
+    console.log(e)
+  }
+
+  // 分页
+  function onChange(pageNum) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+      getList({ pageNumber: pageNum, pageSize: 10, customerType })
+  }
+
+  // 私客/公客切换
+  function radioButtonHandleSizeChange(e) {
+    const { value } = e.target
+    setCustomerType(value)
+    getList({ pageNumber: 1, pageSize: 10, customerType: value })
+  }
+
+  const columns = [
+    {
+      title: '头像',
+      dataIndex: 'picture',
+      key: 'picture',
+      render: (_, record) => <Avatar shape="square" src={customerType === 'private' ? record.picture : record.avatarurl } size={64} icon="user" />,
+    },
+    {
+      title: '姓名',
+      dataIndex: 'name',
+      key: 'name',
+      // eslint-disable-next-line no-nested-ternary
+      render: (_, record) => <><sapn>{ customerType === 'private' ? record.name : record.nickname }</sapn></>,
+    },
+    {
+      title: '电话',
+      dataIndex: 'phone',
+      key: 'phone',
+    },
+    {
+      title: '性别',
+      dataIndex: 'sex',
+      key: 'sex',
+      // eslint-disable-next-line no-nested-ternary
+      render: (_, record) => <><sapn>{ record.sex === 1 ? '男' : record.sex === 2 ? '女' : '未知' }</sapn></>,
+    },
+    {
+      title: '置业顾问',
+      dataIndex: 'consultantName',
+      key: 'consultantName',
+      // eslint-disable-next-line no-nested-ternary
+      render: (_, record) => (
+        <>
+          <sapn>{ record.consultantName }</sapn>
+          <br/>
+          <sapn>{ record.consultTel }</sapn>
+        </>
+      ),
+    },
+    {
+      title: '客户状态',
+      dataIndex: 'reportRecommendStatus',
+      key: 'reportRecommendStatus',
+       // eslint-disable-next-line no-nested-ternary
+       render: (_, record) => <><sapn>{ record.reportRecommendStatus === 0 ? '为报备' : record.reportRecommendStatus === 1 ? '报备' : record.reportRecommendStatus === 2 ? '推荐' : '' }</sapn></>,
+    },
+    {
+      title: '操作',
+      dataIndex: 'customerId',
+      key: 'customerId',
+      // eslint-disable-next-line no-nested-ternary
+      render: (_, record) => (
+        <>
+          <sapn className={ customerType === 'private' ? Styles.text : Styles.displayS }>变更状态</sapn>
+          &nbsp;&nbsp;
+          <sapn className={  customerType === 'private' ? Styles.text : Styles.displayS }>调整归属</sapn>
+          <br/>
+          <sapn className={ Styles.text }>查看详情</sapn>
+          &nbsp;&nbsp;
+          <sapn className={ Styles.text }>积分记录</sapn>
+        </>
+      ),
+    },
+  ]
+
+  return (
+    <>
+      <Form layout="inline" onSubmit={e => handleSubmit(e, props)}>
+        <Form.Item>
+          {getFieldDecorator('buildingId')(
+            <Select style={{ width: '180px' }} placeholder="意向项目" onChange={handleSelectChange}>
+              <Option value="male">male</Option>
+            </Select>,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('reportRecommendStatus')(
+            <Select style={{ width: '180px' }} placeholder="状态" onChange={handleSelectChange}>
+              <Option value={0}>未报备</Option>
+              <Option value={1}>报备</Option>
+              <Option value={2}>推荐</Option>
+            </Select>,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('name')(
+            <Input
+              prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+              placeholder="姓名"
+            />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('tel')(
+            <Input
+              prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+              placeholder="电话"
+            />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('consultName')(
+            <Input placeholder="置业顾问" />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('consultTel')(
+            <Input placeholder="置业顾问电话" />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          <Button type="primary" htmlType="submit" className={Styles.SubmitButton}>
+            搜索
+          </Button>
+        </Form.Item>
+      </Form>
+
+       <div style={{ marginTop: '20px', marginBottom: '20px' }}>
+        <Radio.Group value={customerType} onChange={radioButtonHandleSizeChange} buttonStyle="solid">
+            <Radio.Button value="private">私客</Radio.Button>
+            <Radio.Button value="public">公客</Radio.Button>
+        </Radio.Group>
+       </div>
+      <Table dataSource={dataSource.records} columns={columns} pagination={{ total: dataSource.total, onChange }} />
+    </>
+  );
+}
+const WrappedBody = Form.create({ name: 'body' })(body);
+
+export default WrappedBody

src/pages/customer/customerlist/style.css

@@ -0,0 +1,69 @@
+.SubmitButton {
+  background: #ef273a;
+  border-radius: 7px;
+  border: 0px;
+}
+.text {
+  color: #ef273a;
+}
+.SelectFrom {
+  width: 180px;
+  background: #ffffff;
+  border-radius: 7px;
+  border: 1px solid #dbdbdb;
+}
+.addButton {
+  background: #50be00;
+  border-radius: 4px;
+  border: 0px;
+  margin: 10px 0px;
+}
+.cardText {
+  font-size: 18px;
+  color: #333;
+  line-height: 24px;
+  display: flex;
+  align-items: center;
+  position: relative;
+}
+.cardItem {
+  font-size: 18px;
+  font-weight: 400;
+  color: #666;
+  line-height: 24px;
+  display: flex;
+  align-items: center;
+}
+.ediText {
+  font-size: 18px;
+  color: #ff925c;
+  line-height: 24px;
+  position: absolute;
+  right: 0;
+}
+.title {
+  display: inline-block;
+  width: 84px;
+  justify-content: space-between;
+  text-align: justify;
+  text-align-last: justify;
+}
+.address {
+  width: 400px;
+  height: 24px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+.pitchButton {
+  border-color: #ff7e48;
+  background-color: #ff7e48;
+  color: #ffffff;
+}
+.noButton {
+  border-color: #ff7e48;
+  color: #ff7e48;
+}
+.displayS {
+  display: none;
+}

src/pages/customer/customerlist/style.less

@@ -0,0 +1,72 @@
+.SubmitButton {
+  background: rgba(239,39,58,1);
+  border-radius: 7px;
+  border: 0px;
+}
+.text {
+  color: rgba(239,39,58,1);
+}
+.SelectFrom {
+  width: 180px;
+  background: #ffffff;
+  border-radius: 7px;
+  border: 1px solid #dbdbdb;
+}
+.addButton {
+  background: #50be00;
+  border-radius: 4px;
+  border: 0px;
+  margin: 10px 0px;
+}
+.cardText {
+  font-size: 18px;
+  color: #333;
+  line-height: 24px;
+  display: flex;
+  align-items: center;
+  position: relative;
+
+}
+.cardItem{
+  font-size: 18px;
+  font-weight: 400;
+  color: #666;
+  line-height: 24px;
+  display: flex;
+  align-items: center;  
+}
+.ediText {
+  font-size: 18px;
+  color: #ff925c;
+  line-height: 24px;
+  position: absolute;
+  right: 0;
+}
+.title{
+  display: inline-block;
+  width: 84px;
+  justify-content: space-between;
+  text-align: justify;
+  text-align-last:justify
+}
+
+.address { 
+  width: 400px;
+  height: 24px; 
+  text-overflow: ellipsis; 
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.pitchButton { 
+  border-color: rgba(255,126,72,1);
+  background-color: rgba(255,126,72,1);
+  color: rgba(255,255,255,1); 
+}
+.noButton {
+  border-color: rgba(255,126,72,1);
+  color: rgba(255,126,72,1);
+}
+.displayS {
+  display: none;
+}

src/pages/customer/customerlist/style.wxss

@@ -0,0 +1,69 @@
+.SubmitButton {
+  background: #ef273a;
+  border-radius: 7px;
+  border: 0px;
+}
+.text {
+  color: #ef273a;
+}
+.SelectFrom {
+  width: 180px;
+  background: #ffffff;
+  border-radius: 7px;
+  border: 1px solid #dbdbdb;
+}
+.addButton {
+  background: #50be00;
+  border-radius: 4px;
+  border: 0px;
+  margin: 10px 0px;
+}
+.cardText {
+  font-size: 18px;
+  color: #333;
+  line-height: 24px;
+  display: flex;
+  align-items: center;
+  position: relative;
+}
+.cardItem {
+  font-size: 18px;
+  font-weight: 400;
+  color: #666;
+  line-height: 24px;
+  display: flex;
+  align-items: center;
+}
+.ediText {
+  font-size: 18px;
+  color: #ff925c;
+  line-height: 24px;
+  position: absolute;
+  right: 0;
+}
+.title {
+  display: inline-block;
+  width: 84px;
+  justify-content: space-between;
+  text-align: justify;
+  text-align-last: justify;
+}
+.address {
+  width: 400px;
+  height: 24px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+.pitchButton {
+  border-color: #ff7e48;
+  background-color: #ff7e48;
+  color: #ffffff;
+}
+.noButton {
+  border-color: #ff7e48;
+  color: #ff7e48;
+}
+.displayS {
+  display: none;
+}

src/pages/customer/drift/index.jsx

@@ -0,0 +1,67 @@
+import React, { useState, useEffect } from 'react';
+import { Table, Avatar, Alert } from 'antd';
+
+import request from '../../../utils/request';
+import apis from '../../../services/apis';
+import Styles from './style.less'
+
+function costomerDrift() {
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const [dataSources, setDataSources] = useState({ records: [] })
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useEffect(() => {
+   getList({ pageNumber: '1', pageSize: '10' })
+  }, [])
+
+  function getList(params) {
+    request({ ...apis.customer.drift, params: { ...params } }).then(res => {
+      setDataSources(res)
+    }).catch(err => {
+      // eslint-disable-next-line no-unused-expressions
+      <Alert
+        style={{
+          marginBottom: 24,
+        }}
+        message={err}
+        type="error"
+        showIcon
+      />
+    })
+  }
+
+  // 分页
+  function onChange(pageNum) {
+    // eslint-disable-next-line no-console
+    console.log('Page: ', pageNum);
+    getList({ pageNumber: pageNum, pageSize: 10 })
+  }
+
+  const columns = [
+    {
+      title: '头像',
+      dataIndex: 'avatarurl',
+      key: 'avatarurl',
+      render: (_, record) => <Avatar shape="square" src={record.avatarurl} size={64} icon="user" />,
+    },
+    {
+      title: '姓名',
+      dataIndex: 'nickname',
+      key: 'nickname',
+    },
+    {
+      title: '性别',
+      dataIndex: 'gender',
+      key: 'gender',
+      // eslint-disable-next-line no-nested-ternary
+      render: (_, record) => <><sapn>{ record.gender === '1' ? '男' : record.gender === '2' ? '女' : '未知' }</sapn></>,
+    },
+  ];
+
+  return (
+    // eslint-disable-next-line max-len
+    <Table dataSource={dataSources.records} columns={columns} pagination={{ total: dataSources.total, onChange }} />
+  )
+}
+
+export default costomerDrift

src/pages/customer/drift/style.less

@@ -0,0 +1,57 @@
+.SubmitButton {
+  background: rgba(239,39,58,1);
+  border-radius: 7px;
+  border: 0px;
+}
+.SelectFrom {
+  width: 180px;
+  background: #ffffff;
+  border-radius: 7px;
+  border: 1px solid #dbdbdb;
+}
+.addButton {
+  background: #50be00;
+  border-radius: 4px;
+  border: 0px;
+  margin: 10px 0px;
+}
+.cardText {
+  font-size: 18px;
+  color: #333;
+  line-height: 24px;
+  display: flex;
+  align-items: center;
+  position: relative;
+
+}
+.cardItem{
+  font-size: 18px;
+  font-weight: 400;
+  color: #666;
+  line-height: 24px;
+  display: flex;
+  align-items: center;  
+}
+.ediText {
+  font-size: 18px;
+  color: #ff925c;
+  line-height: 24px;
+  position: absolute;
+  right: 0;
+}
+.title{
+  display: inline-block;
+  width: 84px;
+  justify-content: space-between;
+  text-align: justify;
+  text-align-last:justify
+}
+
+.address { 
+  width: 400px;
+  height: 24px; 
+  text-overflow: ellipsis; 
+  white-space: nowrap;
+  overflow: hidden;
+}
+

src/pages/customer/independentList/index.jsx

@@ -0,0 +1,166 @@
+import React, { useState, useEffect } from 'react';
+import { Form, Icon, Input, Button, DatePicker, Select, Card, Row, Col, Pagination, Alert, Table, Avatar } from 'antd';
+import moment from 'moment';
+import request from '../../../utils/request';
+import apis from '../../../services/apis';
+import Styles from './style.less';
+import { router } from 'umi';
+
+
+const { Option } = Select;
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const { Meta } = Card;
+
+/**
+ *
+ *
+ * @param {*} props
+ * @returns
+ */
+function body(props) {
+  const { getFieldDecorator } = props.form
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const [dataSource, setDataSource] = useState({ records: [] })
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useEffect(() => {
+    getList({ pageNumber: 1, pageSize: 10 })
+  }, [])
+
+  function getList(params) {
+    // 网路请求
+    request({ ...apis.customer.agents, params: { ...params } }).then(res => {
+      setDataSource(res)
+    }).catch(err => {
+      // eslint-disable-next-line no-unused-expressions
+      <Alert
+        style={{
+          marginBottom: 24,
+        }}
+        message={err}
+        type="error"
+        showIcon
+      />
+    })
+  }
+
+  // 提交事件
+  function handleSubmit(e) {
+    e.preventDefault();
+    props.form.validateFields((err, values) => {
+      if (!err) {
+        getList({ pageNum: 1, pageSize: 10, ...values })
+      }
+    });
+  }
+
+  // Change 事件
+  function handleSelectChange(e) {
+    // eslint-disable-next-line no-console
+    console.log(e)
+  }
+
+  // 分页
+  function onChange(pageNum) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+      getList({ pageNumber: pageNum, pageSize: 10 })
+  }
+
+  function toAudit(cuurentId) {
+    router.push({
+      pathname: '/customer/recommendCustomer/audit',
+      query: {
+        id: cuurentId,
+      },
+    })
+  }
+
+  const columns = [
+    {
+      title: '头像',
+      dataIndex: 'avatarurl',
+      key: 'avatarurl',
+      render: (_, record) => <Avatar shape="square" src={record.avatarurl} size={64} icon="user" />,
+    },
+    {
+      title: '姓名',
+      dataIndex: 'nickname',
+      key: 'nickname',
+    },
+    {
+      title: '电话',
+      dataIndex: 'phone',
+      key: 'phone',
+    },
+    {
+      title: '性别',
+      dataIndex: 'gender',
+      key: 'gender',
+      // eslint-disable-next-line no-nested-ternary
+      render: (_, record) => <><sapn>{ record.gender === '1' ? '男' : record.gender === '2' ? '女' : '未知' }</sapn></>,
+    },
+    {
+      title: '类型',
+      dataIndex: 'personType',
+      key: 'personType',
+      render: (_, record) => <><sapn>{ record.channelName !== null ? '渠道经纪人' : '独立经纪人' }</sapn></>,
+    },
+    {
+      title: '所属渠道',
+      dataIndex: 'channelName',
+      key: 'channelName',
+    },
+    {
+      title: '操作',
+      dataIndex: 'customerId',
+      key: 'customerId',
+      render: (_, record) => (
+        <>
+          {
+            <>
+              <sapn style={{ color: 'rgba(239,39,58,1)' }}>查看详细</sapn>
+              &nbsp;&nbsp;&nbsp;&nbsp;
+              <sapn style={{ color: 'rgba(239,39,58,1)' }}>邀请经纪人</sapn>
+              &nbsp;&nbsp;&nbsp;&nbsp;
+              <sapn style={{ color: 'rgba(239,39,58,1)' }}>推荐客户</sapn>
+            </>
+          }
+        </>
+      ),
+    },
+  ]
+
+  return (
+    <>
+      <Form layout="inline" onSubmit={e => handleSubmit(e, props)}>
+        <Form.Item>
+          {getFieldDecorator('name')(
+            <Input
+              prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+              placeholder="姓名"
+            />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('tel')(
+            <Input
+              prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+              placeholder="电话"
+            />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          <Button type="primary" htmlType="submit" className={Styles.SubmitButton}>
+            搜索
+          </Button>
+        </Form.Item>
+      </Form>
+
+      <Table dataSource={dataSource.records} columns={columns} pagination={{ total: dataSource.total, onChange }} />
+    </>
+  );
+}
+const WrappedBody = Form.create({ name: 'body' })(body);
+
+export default WrappedBody

src/pages/customer/independentList/style.css

@@ -0,0 +1,54 @@
+.SubmitButton {
+  background: #ef273a;
+  border-radius: 7px;
+  border: 0px;
+}
+.SelectFrom {
+  width: 180px;
+  background: #ffffff;
+  border-radius: 7px;
+  border: 1px solid #dbdbdb;
+}
+.addButton {
+  background: #50be00;
+  border-radius: 4px;
+  border: 0px;
+  margin: 10px 0px;
+}
+.cardText {
+  font-size: 18px;
+  color: #333;
+  line-height: 24px;
+  display: flex;
+  align-items: center;
+  position: relative;
+}
+.cardItem {
+  font-size: 18px;
+  font-weight: 400;
+  color: #666;
+  line-height: 24px;
+  display: flex;
+  align-items: center;
+}
+.ediText {
+  font-size: 18px;
+  color: #ff925c;
+  line-height: 24px;
+  position: absolute;
+  right: 0;
+}
+.title {
+  display: inline-block;
+  width: 84px;
+  justify-content: space-between;
+  text-align: justify;
+  text-align-last: justify;
+}
+.address {
+  width: 400px;
+  height: 24px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}

src/pages/customer/independentList/style.less

@@ -0,0 +1,57 @@
+.SubmitButton {
+  background: rgba(239,39,58,1);
+  border-radius: 7px;
+  border: 0px;
+}
+.SelectFrom {
+  width: 180px;
+  background: #ffffff;
+  border-radius: 7px;
+  border: 1px solid #dbdbdb;
+}
+.addButton {
+  background: #50be00;
+  border-radius: 4px;
+  border: 0px;
+  margin: 10px 0px;
+}
+.cardText {
+  font-size: 18px;
+  color: #333;
+  line-height: 24px;
+  display: flex;
+  align-items: center;
+  position: relative;
+
+}
+.cardItem{
+  font-size: 18px;
+  font-weight: 400;
+  color: #666;
+  line-height: 24px;
+  display: flex;
+  align-items: center;  
+}
+.ediText {
+  font-size: 18px;
+  color: #ff925c;
+  line-height: 24px;
+  position: absolute;
+  right: 0;
+}
+.title{
+  display: inline-block;
+  width: 84px;
+  justify-content: space-between;
+  text-align: justify;
+  text-align-last:justify
+}
+
+.address { 
+  width: 400px;
+  height: 24px; 
+  text-overflow: ellipsis; 
+  white-space: nowrap;
+  overflow: hidden;
+}
+

src/pages/customer/independentList/style.wxss

@@ -0,0 +1,54 @@
+.SubmitButton {
+  background: #ef273a;
+  border-radius: 7px;
+  border: 0px;
+}
+.SelectFrom {
+  width: 180px;
+  background: #ffffff;
+  border-radius: 7px;
+  border: 1px solid #dbdbdb;
+}
+.addButton {
+  background: #50be00;
+  border-radius: 4px;
+  border: 0px;
+  margin: 10px 0px;
+}
+.cardText {
+  font-size: 18px;
+  color: #333;
+  line-height: 24px;
+  display: flex;
+  align-items: center;
+  position: relative;
+}
+.cardItem {
+  font-size: 18px;
+  font-weight: 400;
+  color: #666;
+  line-height: 24px;
+  display: flex;
+  align-items: center;
+}
+.ediText {
+  font-size: 18px;
+  color: #ff925c;
+  line-height: 24px;
+  position: absolute;
+  right: 0;
+}
+.title {
+  display: inline-block;
+  width: 84px;
+  justify-content: space-between;
+  text-align: justify;
+  text-align-last: justify;
+}
+.address {
+  width: 400px;
+  height: 24px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}

src/pages/customer/recommendCustomer/audit.jsx

@@ -0,0 +1,201 @@
+import React, { useState, useEffect } from 'react';
+import { Form, Icon, Input, Button, DatePicker, Select, Card, Row, Col, Pagination, Alert, Table, Avatar, Radio, Upload, message } from 'antd';
+import ImageUpload from '../../../components/XForm/ImageUpload';
+import moment from 'moment';
+import request from '../../../utils/request';
+import apis from '../../../services/apis';
+import Styles from './style.less';
+import { router } from 'umi';
+
+const { Option } = Select;
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const { Meta } = Card;
+
+const { TextArea } = Input;
+
+const tailFormItemLayout = {
+  labelCol: {
+    xs: { span: 20 },
+    sm: { span: 3 },
+  },
+  wrapperCol: {
+    xs: { span: 20 },
+    sm: { span: 16 },
+  },
+};
+
+function body(props) {
+  const { getFieldDecorator } = props.form
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const [dataSource, setDataSource] = useState({ picture: '' })
+
+  const { id } = props.location.query;
+
+  if (id !== '') {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useEffect(() => {
+      getById(id)
+    }, [])
+  }
+
+  // 获取详情信息
+  function getById(currentId) {
+    const { url, method } = apis.customer.recommendGetById
+    const tempUrl = url.substring(0, url.lastIndexOf('id')).concat(currentId)
+
+    request({ url: tempUrl, method }).then(res => {
+      props.form.setFieldsValue(res)
+    })
+  }
+
+  function submitDate(params) {
+    const { url, method } = apis.customer.auto
+    const tempUrl = url.substring(0, url.lastIndexOf('id')).concat(params.customerId)
+
+    // props.form.setFieldsValue(res)
+    request({ url: tempUrl, method, params: { verifyStatus: params.verifyStatus } }).then(() => {
+      // eslint-disable-next-line no-unused-expressions
+      <Alert
+        style={{
+          marginBottom: 24,
+        }}
+        message="操作成功"
+        type="success"
+        showIcon
+      />
+      router.go(-1)
+    }).catch(err => {
+      // eslint-disable-next-line no-unused-expressions
+      <Alert
+        style={{
+          marginBottom: 24,
+        }}
+        message={err}
+        type="error"
+        showIcon
+      />
+    })
+  }
+
+  // 提交事件
+  function handleSubmit(e) {
+    e.preventDefault();
+    props.form.validateFields((err, values) => {
+      if (!err) {
+        submitDate({ ...values })
+      }
+    });
+  }
+
+  // Change 事件
+  function handleSelectChange(e) {
+    // eslint-disable-next-line no-console
+    console.log(e)
+  }
+
+  return (
+    <>
+      <Form {...tailFormItemLayout} onSubmit={e => handleSubmit(e, props)} style={{ width: '800px', margin: 'auto' }}>
+        <Form.Item label="客户ID" style={{ display: 'none' }}>
+          {getFieldDecorator('customerId')(
+            <Input
+              placeholder="客户ID"
+            />,
+          )}
+        </Form.Item>
+        <Form.Item label="意向项目：">
+          {getFieldDecorator('intention')(
+            <Input
+              placeholder="意向项目"
+            />,
+          )}
+        </Form.Item>
+        <Form.Item label="客户照片">
+          {getFieldDecorator('picture')(
+            <ImageUpload value={dataSource.picture} />,
+          )}
+        </Form.Item>
+        <Form.Item label="客户姓名">
+          {getFieldDecorator('name')(
+            <Input placeholder="客户姓名" />,
+          )}
+        </Form.Item>
+        <Form.Item label="客户电话">
+          {getFieldDecorator('phone')(
+            <Input placeholder="客户电话" />,
+          )}
+        </Form.Item>
+        <Form.Item label="客户性别">
+          {getFieldDecorator('sex')(
+            <Radio.Group>
+              <Radio value={1}>男</Radio>
+              <Radio value={2}>女</Radio>
+            </Radio.Group>,
+          )}
+        </Form.Item>
+        <Form.Item label="到访人数">
+          {getFieldDecorator('visiteNum')(
+            <Input placeholder="到访人数" />,
+          )}
+        </Form.Item>
+        <Form.Item label="客户描述">
+          {getFieldDecorator('describe')(
+            <TextArea placeholder="客户描述" rows={10} />,
+          )}
+        </Form.Item>
+        <Form.Item label="物业类型">
+          {getFieldDecorator('realtyManageType')(
+            <Input placeholder="物业类型" />,
+          )}
+        </Form.Item>
+        <Form.Item label="需求类型">
+          {getFieldDecorator('demandType')(
+            <Input placeholder="需求类型" />,
+          )}
+        </Form.Item>
+        <Form.Item label="价格区间">
+          {getFieldDecorator('priceRange')(
+            <Input placeholder="价格区间" />,
+          )}
+        </Form.Item>
+        <Form.Item label="报备日期">
+          {getFieldDecorator('reportDate')(
+            <DatePicker showTime placeholder="报备日期" />,
+          )}
+        </Form.Item>
+        <Form.Item label="状态">
+          {getFieldDecorator('verifyStatus')(
+            <Select style={{ width: '180px' }} placeholder="状态" onChange={handleSelectChange}>
+              <Option value={0}>未通过</Option>
+              <Option value={1}>已通过</Option>
+              <Option value={2}>已驳回</Option>
+            </Select>,
+          )}
+        </Form.Item>
+        <Form.Item label="归属置业顾问">
+            <Row gutter={8}>
+              <Col span={12}>
+                {getFieldDecorator('consultantName')(<Input placeholder="归属置业顾问" />)}
+              </Col>
+              <Col span={12}>
+                <Button>选择</Button>
+              </Col>
+            </Row>
+        </Form.Item>
+        <Form.Item style={{ display: 'flex', justifyContent: 'center' }}>
+          <Button type="primary" htmlType="submit" className={Styles.SubmitButton}>
+            搜索
+          </Button>
+          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+          <Button onClick={() => router.go(-1)}>
+            取消
+          </Button>
+        </Form.Item>
+      </Form>
+    </>
+  );
+}
+const WrappedBody = Form.create({ name: 'body' })(body);
+
+export default WrappedBody

src/pages/customer/recommendCustomer/index.jsx

@@ -0,0 +1,191 @@
+import React, { useState, useEffect } from 'react';
+import { Form, Icon, Input, Button, DatePicker, Select, Card, Row, Col, Pagination, Alert, Table, Avatar } from 'antd';
+import moment from 'moment';
+import request from '../../../utils/request';
+import apis from '../../../services/apis';
+import Styles from './style.less';
+import { router } from 'umi';
+
+
+const { Option } = Select;
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const { Meta } = Card;
+
+/**
+ *
+ *
+ * @param {*} props
+ * @returns
+ */
+function body(props) {
+  const { getFieldDecorator } = props.form
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const [dataSource, setDataSource] = useState({ records: [] })
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useEffect(() => {
+    getList({ pageNumber: 1, pageSize: 10 })
+  }, [])
+
+  function getList(params) {
+    // 网路请求
+    request({ ...apis.customer.recommender, params: { ...params } }).then(res => {
+      setDataSource(res)
+    }).catch(err => {
+      // eslint-disable-next-line no-unused-expressions
+      <Alert
+        style={{
+          marginBottom: 24,
+        }}
+        message={err}
+        type="error"
+        showIcon
+      />
+    })
+  }
+
+  // 提交事件
+  function handleSubmit(e) {
+    e.preventDefault();
+    props.form.validateFields((err, values) => {
+      if (!err) {
+        getList({ pageNum: 1, pageSize: 10, ...values })
+      }
+    });
+  }
+
+  // Change 事件
+  function handleSelectChange(e) {
+    // eslint-disable-next-line no-console
+    console.log(e)
+  }
+
+  // 分页
+  function onChange(pageNum) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+      getList({ pageNumber: pageNum, pageSize: 10 })
+  }
+
+  function toAudit(cuurentId) {
+    router.push({
+      pathname: '/customer/recommendCustomer/audit',
+      query: {
+        id: cuurentId,
+      },
+    })
+  }
+
+  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) => <><sapn>{ record.sex === 1 ? '男' : record.sex === 2 ? '女' : '未知' }</sapn></>,
+    },
+    {
+      title: '意向项目',
+      dataIndex: 'intention',
+      key: 'intention',
+    },
+    {
+      title: '推荐人',
+      dataIndex: 'consultantName',
+      key: 'consultantName',
+      render: (_, record) => <><sapn>{ record.recommendName + " " + record.recommendTel }</sapn></>,
+    },
+    {
+      title: '推荐时间',
+      dataIndex: 'createDate',
+      key: 'createDate',
+      render: (_, record) => <><sapn>{ moment(record.createDate).format('YYYY-MM-DD') }</sapn></>,
+    },
+    {
+      title: '状态',
+      dataIndex: 'verifyStatus',
+      key: 'verifyStatus',
+      render: (_, record) => <><sapn>{ record.verifyStatus === 0 ? '未通过': record.verifyStatus === 1 ? '已通过' : record.verifyStatus === 2 ? '已驳回' : '' }</sapn></>,
+    },
+    {
+      title: '操作',
+      dataIndex: 'customerId',
+      key: 'customerId',
+      render: (_, record) => (
+        <>
+          {
+            record.verifyStatus === 0 ? <sapn style={{ color: 'rgba(239,39,58,1)' }} onClick={() => toAudit(record.customerId)}>审核</sapn> : ''
+          }
+        </>
+      ),
+    },
+  ]
+
+  return (
+    <>
+      <Form layout="inline" onSubmit={e => handleSubmit(e, props)}>
+        <Form.Item>
+          {getFieldDecorator('name')(
+            <Input
+              prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+              placeholder="姓名"
+            />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('tel')(
+            <Input
+              prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+              placeholder="电话"
+            />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('consultName')(
+            <Input placeholder="推荐人" />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('consultTel')(
+            <Input placeholder="推荐人电话" />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('verifyStatus')(
+            <Select style={{ width: '180px' }} placeholder="状态" onChange={handleSelectChange}>
+              <Option value={0}>未通过</Option>
+              <Option value={1}>已通过</Option>
+              <Option value={2}>已驳回</Option>
+            </Select>,
+          )}
+        </Form.Item>
+        <Form.Item>
+          <Button type="primary" htmlType="submit" className={Styles.SubmitButton}>
+            搜索
+          </Button>
+        </Form.Item>
+      </Form>
+
+      <Table dataSource={dataSource.records} columns={columns} pagination={{ total: dataSource.total, onChange }} />
+    </>
+  );
+}
+const WrappedBody = Form.create({ name: 'body' })(body);
+
+export default WrappedBody

src/pages/customer/recommendCustomer/style.css

@@ -0,0 +1,54 @@
+.SubmitButton {
+  background: #ef273a;
+  border-radius: 7px;
+  border: 0px;
+}
+.SelectFrom {
+  width: 180px;
+  background: #ffffff;
+  border-radius: 7px;
+  border: 1px solid #dbdbdb;
+}
+.addButton {
+  background: #50be00;
+  border-radius: 4px;
+  border: 0px;
+  margin: 10px 0px;
+}
+.cardText {
+  font-size: 18px;
+  color: #333;
+  line-height: 24px;
+  display: flex;
+  align-items: center;
+  position: relative;
+}
+.cardItem {
+  font-size: 18px;
+  font-weight: 400;
+  color: #666;
+  line-height: 24px;
+  display: flex;
+  align-items: center;
+}
+.ediText {
+  font-size: 18px;
+  color: #ff925c;
+  line-height: 24px;
+  position: absolute;
+  right: 0;
+}
+.title {
+  display: inline-block;
+  width: 84px;
+  justify-content: space-between;
+  text-align: justify;
+  text-align-last: justify;
+}
+.address {
+  width: 400px;
+  height: 24px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}

src/pages/customer/recommendCustomer/style.less

@@ -0,0 +1,57 @@
+.SubmitButton {
+  background: rgba(239,39,58,1);
+  border-radius: 7px;
+  border: 0px;
+}
+.SelectFrom {
+  width: 180px;
+  background: #ffffff;
+  border-radius: 7px;
+  border: 1px solid #dbdbdb;
+}
+.addButton {
+  background: #50be00;
+  border-radius: 4px;
+  border: 0px;
+  margin: 10px 0px;
+}
+.cardText {
+  font-size: 18px;
+  color: #333;
+  line-height: 24px;
+  display: flex;
+  align-items: center;
+  position: relative;
+
+}
+.cardItem{
+  font-size: 18px;
+  font-weight: 400;
+  color: #666;
+  line-height: 24px;
+  display: flex;
+  align-items: center;  
+}
+.ediText {
+  font-size: 18px;
+  color: #ff925c;
+  line-height: 24px;
+  position: absolute;
+  right: 0;
+}
+.title{
+  display: inline-block;
+  width: 84px;
+  justify-content: space-between;
+  text-align: justify;
+  text-align-last:justify
+}
+
+.address { 
+  width: 400px;
+  height: 24px; 
+  text-overflow: ellipsis; 
+  white-space: nowrap;
+  overflow: hidden;
+}
+

src/pages/customer/recommendCustomer/style.wxss

@@ -0,0 +1,54 @@
+.SubmitButton {
+  background: #ef273a;
+  border-radius: 7px;
+  border: 0px;
+}
+.SelectFrom {
+  width: 180px;
+  background: #ffffff;
+  border-radius: 7px;
+  border: 1px solid #dbdbdb;
+}
+.addButton {
+  background: #50be00;
+  border-radius: 4px;
+  border: 0px;
+  margin: 10px 0px;
+}
+.cardText {
+  font-size: 18px;
+  color: #333;
+  line-height: 24px;
+  display: flex;
+  align-items: center;
+  position: relative;
+}
+.cardItem {
+  font-size: 18px;
+  font-weight: 400;
+  color: #666;
+  line-height: 24px;
+  display: flex;
+  align-items: center;
+}
+.ediText {
+  font-size: 18px;
+  color: #ff925c;
+  line-height: 24px;
+  position: absolute;
+  right: 0;
+}
+.title {
+  display: inline-block;
+  width: 84px;
+  justify-content: space-between;
+  text-align: justify;
+  text-align-last: justify;
+}
+.address {
+  width: 400px;
+  height: 24px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}

src/pages/customer/report/index.jsx

@@ -0,0 +1,169 @@
+import React, { useState, useEffect } from 'react';
+import { Form, Icon, Input, Button, DatePicker, Select, Card, Row, Col, Pagination, Alert, Table, Avatar } from 'antd';
+import moment from 'moment';
+import request from '../../../utils/request';
+import apis from '../../../services/apis';
+import Styles from './style.less';
+
+
+const { Option } = Select;
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const { Meta } = Card;
+
+const tempDate = [{ code: 's101' }]
+
+/**
+ *
+ *
+ * @param {*} props
+ * @returns
+ */
+function body(props) {
+  const { getFieldDecorator } = props.form
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const [dataSource, setDataSource] = useState({ records: [] })
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useEffect(() => {
+    getList({ pageNumber: 1, pageSize: 9 })
+  }, [])
+
+  function getList(params) {
+    // 网路请求
+    request({ ...apis.customer.report, params: { ...params } }).then(res => {
+      setDataSource(res)
+    }).catch(err => {
+      // eslint-disable-next-line no-unused-expressions
+      <Alert
+        style={{
+          marginBottom: 24,
+        }}
+        message={err}
+        type="error"
+        showIcon
+      />
+    })
+  }
+
+  // 提交事件
+  function handleSubmit(e) {
+    e.preventDefault();
+    props.form.validateFields((err, values) => {
+      if (!err) {
+        getList({ pageNum: 1, pageSize: 10, ...values })
+      }
+    });
+  }
+
+  // Change 事件
+  function handleSelectChange(e) {
+    // eslint-disable-next-line no-console
+    console.log(e)
+  }
+
+  // 分页
+  function onChange(pageNum) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+      getList({ pageNumber: pageNum, pageSize: 9 })
+  }
+
+  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) => <><sapn>{ record.sex === 1 ? '男' : record.sex === 2 ? '女' : '未知' }</sapn></>,
+    },
+    {
+      title: '意向项目',
+      dataIndex: 'intention',
+      key: 'intention',
+    },
+    {
+      title: '置业顾问',
+      dataIndex: 'consultantName',
+      key: 'consultantName',
+    },
+    {
+      title: '置业顾问手机号',
+      dataIndex: 'consultTel',
+      key: 'consultTel',
+    },
+  ]
+
+  return (
+    <>
+      <Form layout="inline" onSubmit={e => handleSubmit(e, props)}>
+        <Form.Item>
+          {getFieldDecorator('name')(
+            <Input
+              prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+              placeholder="姓名"
+            />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('tel')(
+            <Input
+              prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+              placeholder="电话"
+            />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('consultName')(
+            <Input placeholder="推荐人" />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('consultTel')(
+            <Input placeholder="推荐电话" />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('sex')(
+            <Select style={{ width: '180px' }} placeholder="性别" onChange={handleSelectChange}>
+              <Option value="1">男</Option>
+              <Option value="0">女</Option>
+            </Select>,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('buildingId')(
+            <Select style={{ width: '180px' }} placeholder="意向项目" onChange={handleSelectChange}>
+              <Option value="male">male</Option>
+            </Select>,
+          )}
+        </Form.Item>
+        <Form.Item>
+          <Button type="primary" htmlType="submit" className={Styles.SubmitButton}>
+            搜索
+          </Button>
+        </Form.Item>
+      </Form>
+
+      <Table dataSource={dataSource.records} columns={columns} pagination={{ total: dataSource.total, onChange }} />
+    </>
+  );
+}
+const WrappedBody = Form.create({ name: 'body' })(body);
+
+export default WrappedBody

src/pages/customer/report/style.css

@@ -0,0 +1,54 @@
+.SubmitButton {
+  background: #ef273a;
+  border-radius: 7px;
+  border: 0px;
+}
+.SelectFrom {
+  width: 180px;
+  background: #ffffff;
+  border-radius: 7px;
+  border: 1px solid #dbdbdb;
+}
+.addButton {
+  background: #50be00;
+  border-radius: 4px;
+  border: 0px;
+  margin: 10px 0px;
+}
+.cardText {
+  font-size: 18px;
+  color: #333;
+  line-height: 24px;
+  display: flex;
+  align-items: center;
+  position: relative;
+}
+.cardItem {
+  font-size: 18px;
+  font-weight: 400;
+  color: #666;
+  line-height: 24px;
+  display: flex;
+  align-items: center;
+}
+.ediText {
+  font-size: 18px;
+  color: #ff925c;
+  line-height: 24px;
+  position: absolute;
+  right: 0;
+}
+.title {
+  display: inline-block;
+  width: 84px;
+  justify-content: space-between;
+  text-align: justify;
+  text-align-last: justify;
+}
+.address {
+  width: 400px;
+  height: 24px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}

src/pages/customer/report/style.less

@@ -0,0 +1,57 @@
+.SubmitButton {
+  background: rgba(239,39,58,1);
+  border-radius: 7px;
+  border: 0px;
+}
+.SelectFrom {
+  width: 180px;
+  background: #ffffff;
+  border-radius: 7px;
+  border: 1px solid #dbdbdb;
+}
+.addButton {
+  background: #50be00;
+  border-radius: 4px;
+  border: 0px;
+  margin: 10px 0px;
+}
+.cardText {
+  font-size: 18px;
+  color: #333;
+  line-height: 24px;
+  display: flex;
+  align-items: center;
+  position: relative;
+
+}
+.cardItem{
+  font-size: 18px;
+  font-weight: 400;
+  color: #666;
+  line-height: 24px;
+  display: flex;
+  align-items: center;  
+}
+.ediText {
+  font-size: 18px;
+  color: #ff925c;
+  line-height: 24px;
+  position: absolute;
+  right: 0;
+}
+.title{
+  display: inline-block;
+  width: 84px;
+  justify-content: space-between;
+  text-align: justify;
+  text-align-last:justify
+}
+
+.address { 
+  width: 400px;
+  height: 24px; 
+  text-overflow: ellipsis; 
+  white-space: nowrap;
+  overflow: hidden;
+}
+

src/pages/customer/report/style.wxss

@@ -0,0 +1,54 @@
+.SubmitButton {
+  background: #ef273a;
+  border-radius: 7px;
+  border: 0px;
+}
+.SelectFrom {
+  width: 180px;
+  background: #ffffff;
+  border-radius: 7px;
+  border: 1px solid #dbdbdb;
+}
+.addButton {
+  background: #50be00;
+  border-radius: 4px;
+  border: 0px;
+  margin: 10px 0px;
+}
+.cardText {
+  font-size: 18px;
+  color: #333;
+  line-height: 24px;
+  display: flex;
+  align-items: center;
+  position: relative;
+}
+.cardItem {
+  font-size: 18px;
+  font-weight: 400;
+  color: #666;
+  line-height: 24px;
+  display: flex;
+  align-items: center;
+}
+.ediText {
+  font-size: 18px;
+  color: #ff925c;
+  line-height: 24px;
+  position: absolute;
+  right: 0;
+}
+.title {
+  display: inline-block;
+  width: 84px;
+  justify-content: space-between;
+  text-align: justify;
+  text-align-last: justify;
+}
+.address {
+  width: 400px;
+  height: 24px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}

src/pages/integralMall/editGoods.jsx

@@ -1,27 +1,88 @@
-import React from 'react';
-import { Form, Input, Button, Icon, Select } from 'antd';
+import React, { useState, useEffect } from 'react';
+import { Input, Menu, Dropdown, Button, Icon, message, Table, Divider, Tag, Select, Form, Alert } from 'antd';
 import { FormattedMessage } from 'umi-plugin-react/locale';
-import styles from '../style/GoodsList.less';
+import channels from '../channel/channelList.less';
+import router from 'umi/router';
+import request from '../../utils/request'
 
+const { TextArea } = Input;
+const { Option } = Select;
 
+const header = props => {
 
-/**
- *
- *
- * @param {*} props
- * @returns
- */
+  const [data, setData] = useState({ channelNmae: [], result: [] })
 
+  function goBack(){
+    router.push({
+      pathname: '/integralMall/GoodsList',
+    });
+  }
 
-function header(props) {
-  const { getFieldDecorator } = props.form
-  return (
+  function addChannel(params) {
+    request({
+      url: '/api/admin/channel',
+      method: 'POST',
+      data: { ...params },
+      // eslint-disable-next-line no-shadow
+    }).then(data => {
+      console.log(data)
+      setData(data)
+      // eslint-disable-next-line no-unused-expressions
+      router.go(-1)
+    })
+  }
+
+  function handleSubmit(e) {
+    e.preventDefault();
+    props.form.validateFields((err, values) => {
+      if (!err) {
+        console.log('Received values of form: ', values);
+        // eslint-disable-next-line max-len
+        addChannel({ channelName: values.channelName, channelContact: values.channelContact, contactTel: values.contactTel })
+      }
+    });
+  }
 
+  const { getFieldDecorator } = props.form;
+
+  return (
     <>
-     <div>编辑商品</div>
+      <Form labelCol={{ span: 7 }} wrapperCol={{ span: 12 }} onSubmit={handleSubmit}>
+        <Form.Item label="商品名称">
+          {getFieldDecorator('channelName', {
+            rules: [{ message: '请输入商品名称' }],
+          })(<Input className={channels.inpuit} />)}
+        </Form.Item>
+        <Form.Item label="所需积分">
+          {getFieldDecorator('channelContact', {
+            rules: [{ message: ' 请输入所需积分' }],
+          })(<Input className={channels.inpuit} />)}
+        </Form.Item>
+        <Form.Item label="商品数量">
+          {getFieldDecorator('contactTel', {
+            rules: [{ message: '请输入商品数量' }],
+          })(<Input className={channels.inpuit} />)}
+        </Form.Item>
+        <Form.Item label="剩余数量">
+          {getFieldDecorator('contactTel', {
+            rules: [{ message: '请输入剩余数量' }],
+          })(<Input className={channels.inpuit} />)}
+        </Form.Item>
+        <Form.Item label="商品详情">
+          <TextArea className={channels.inpuitTxt} rows={8} />
+        </Form.Item>
+        <Form.Item wrapperCol={{ span: 15, offset: 7 }}>
+          <Button type="primary" htmlType="submit">
+            保存
+          </Button>
+          <Button className={channels.formButton} onClick={goBack} type="primary" htmlType="submit">
+            取消
+          </Button>
+        </Form.Item>
+      </Form>
     </>
   )
 }
-const WrappedHeader = Form.create({ name: 'header' })(header);
 
-export default WrappedHeader
+const WrappedNormalLoginForm = Form.create({ name: 'header' })(header);
+export default WrappedNormalLoginForm

src/pages/integralMall/exchangeRecords.jsx

@@ -246,52 +246,54 @@ function record(props) {
 
     <>
       <Form layout="inline" onSubmit={e => handleSubmit(e, props)}>
-        <Form.Item>
-          {getFieldDecorator('name')(
-            <Input
-              prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
-              placeholder="用户姓名"
-            />,
-          )}
-        </Form.Item>
-        <Form.Item>
-          {getFieldDecorator('phone')(
-            <Input
-              prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
-              placeholder="手机号"
-            />,
-          )}
-        </Form.Item>
-        <Form.Item>
-          {getFieldDecorator('goodName')(
-            <Input
-              prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
-              placeholder="商品名称"
-            />,
-          )}
-        </Form.Item>
-        <Form.Item>
-          {getFieldDecorator('type')(
-            <Select style={{ width: '200px' }} placeholder="用户类型" onChange={handleSelectChange}>
-              <Option value="2">置业顾问</Option>
-              <Option value="1">销售主管</Option>
-              <Option value="0">经纪人</Option>
-            </Select>,
-          )}
-        </Form.Item>
-        <Form.Item>
-          {getFieldDecorator('state')(
-            <Select style={{ width: '200px' }} placeholder="状态" onChange={handleSelectChange}>
-              <Option value="1">已领取</Option>
-              <Option value="0">未领取</Option>
-            </Select>,
-          )}
-        </Form.Item>
-        <Form.Item>
-          <Button type="primary" htmlType="submit" className={styles.searchBtn}>
-            搜索
+        <div style={{ display: 'flex' }}>
+          <Form.Item>
+            {getFieldDecorator('name')(
+              <Input
+                prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+                placeholder="用户姓名"
+              />,
+            )}
+          </Form.Item>
+          <Form.Item>
+            {getFieldDecorator('phone')(
+              <Input
+                prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+                placeholder="手机号"
+              />,
+            )}
+          </Form.Item>
+          <Form.Item>
+            {getFieldDecorator('goodName')(
+              <Input
+                prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+                placeholder="商品名称"
+              />,
+            )}
+          </Form.Item>
+          <Form.Item>
+            {getFieldDecorator('type')(
+              <Select style={{ width: '220px' }} placeholder="用户类型" onChange={handleSelectChange}>
+                <Option value="2">置业顾问</Option>
+                <Option value="1">销售主管</Option>
+                <Option value="0">经纪人</Option>
+              </Select>,
+            )}
+          </Form.Item>
+          <Form.Item>
+            {getFieldDecorator('state')(
+              <Select style={{ width: '220px' }} placeholder="状态" onChange={handleSelectChange}>
+                <Option value="1">已领取</Option>
+                <Option value="0">未领取</Option>
+              </Select>,
+            )}
+          </Form.Item>
+          <Form.Item>
+            <Button type="primary" htmlType="submit" className={styles.searchBtn}>
+              搜索
           </Button>
-        </Form.Item>
+          </Form.Item>
+        </div>
         <Form.Item>
           <DateRange />
         </Form.Item>

src/pages/news/list/NewsList.jsx

@@ -0,0 +1,210 @@
+import React, { useState, useEffect } from 'react';
+import { Form, Icon, Input, Button, DatePicker, Select, Card, Row, Col, Pagination, Alert } from 'antd';
+import moment from 'moment';
+import request from '../../../utils/request';
+import apis from '../../../services/apis';
+import Styles from './style.less';
+
+
+const { Option } = Select;
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const { Meta } = Card;
+
+const tempDate = [{ code: 's101' }]
+
+/**
+ *卡片
+ *
+ * @returns
+ */
+function CartBody(props) {
+  const { data } = props
+  console.log(props);
+  return (
+          <Card
+            hoverable
+            style={{ minWidth: '400px', borderRadius: '12px', margin: '10px', boxShadow: '0px 0px 16px 2px rgba(0,0,0,0.12)' }}
+            cover={<img alt="example" src={ data.newsImg } style={{ borderRadius: '12px 12px 0 0', width: '100%', height: '14vw' }}></img>}
+            bodyStyle={{ padding: '10px 20px' }}
+          >
+            <p className={Styles.cardText}>
+              <span className={Styles.title}>资讯类型</span>
+              <span >：{ data.newsType.newsTypeName }</span>
+              <span className={Styles.ediText}>
+                编辑
+                <Icon type="form" style={{ color: '#C0C4CC', marginLeft: '10px' }} />
+              </span>
+            </p>
+            <p className={Styles.cardText}>
+              <span className={Styles.title}>状态</span>
+              <span >：{ data.status == '0' ? "已发布" : "未发布" }</span>
+            </p>
+            <p className={Styles.cardItem}>
+              <span className={Styles.title}>阅读数量</span>
+              <span > ：{ data.pvNum }</span>
+            </p>
+            <p className={Styles.cardItem}>
+              <span className={Styles.title}>转发数量</span>
+              <span className={ Styles.address }>：{ data.shareNum }</span>
+            </p>
+            <p className={Styles.cardItem}>
+              <span className={Styles.title}>点赞数量</span>     
+              <span >：{ data.favorNum }</span>         
+            </p>
+            <p className={Styles.cardItem}>
+              <span className={Styles.title}>收藏数量</span>
+              <span >：{ data.saveNum }</span>
+            </p>
+            <p className={Styles.cardItem}>
+              <span className={Styles.title}>录入时间</span>
+              <span >：{ data.createDate }</span>
+            </p>
+            <p style={{ margin: '15px 0', position: 'relative', fontSize: '18px' }}>
+              <span style={{ color: '#1990FF' }}>
+                取消发布
+                <Icon type="close-circle" style={{ color: '#C0C4CC', marginLeft: '8px' }} />
+              </span>
+              <span style={{
+                color: '#FF4A4A', position: 'absolute', right: '0',
+              }} >
+                删除
+                <Icon type="rest" style={{ color: '#C0C4CC', marginLeft: '8px' }} />
+              </span>
+            </p>
+          </Card>
+  )
+}
+
+/**
+ *
+ *
+ * @param {*} props
+ * @returns
+ */
+function body(props) {
+  const { getFieldDecorator } = props.form
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const [dataSource, setDataSource] = useState({ records: [] })
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useEffect(() => {
+    getList({ pageNum: 1, pageSize: 6 })
+  }, [])
+
+  function getList(params) {
+    // 网路请求
+    request({ ...apis.news.getList, params: { ...params } }).then(res => {
+      setDataSource(res)
+    }).catch(err => {
+      // eslint-disable-next-line no-unused-expressions
+      <Alert
+        style={{
+          marginBottom: 24,
+        }}
+        message={err}
+        type="error"
+        showIcon
+      />
+    })
+  }
+
+  // 提交事件
+  function handleSubmit(e) {
+    e.preventDefault();
+    props.form.validateFields((err, values) => {
+      if (!err) {
+        // eslint-disable-next-line no-console
+        console.log('提交数据: ', values)
+        const { startDate } = values
+        getList({ pageNum: 1, pageSize: 9, ...values })
+      }
+    });
+  }
+
+  // Change 事件
+  function handleSelectChange(e) {
+    // eslint-disable-next-line no-console
+    console.log(e)
+  }
+
+  // 分页
+  function onChange(pageNumber) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+      getList({ pageNum: pageNumber, pageSize: 9 })
+  }
+
+  function getDate(value, dateString) {
+    // moment(value).format('YYYY-MM-DD HH:mm:ss')
+    console.log(value, dateString)
+  }
+
+  return (
+    <>
+      <Form layout="inline" onSubmit={e => handleSubmit(e, props)}>
+
+        <Form.Item>
+          {getFieldDecorator('city')(
+            <Select style={{ width: '180px' }} placeholder="请选择城市" onChange={handleSelectChange}>
+            </Select>,
+          )}
+        </Form.Item>
+
+        <Form.Item>
+          {getFieldDecorator('project')(
+            <Select style={{ width: '180px' }} placeholder="请选择项目" onChange={handleSelectChange}>
+            </Select>,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('title')(
+            <Input
+              prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+              placeholder="请输入标题"
+            />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('type')(
+            <Select style={{ width: '180px' }} placeholder="咨询类型" onChange={handleSelectChange}>
+            </Select>,
+          )}
+        </Form.Item>       
+        <Form.Item>
+          {getFieldDecorator('newsStatus')(
+            <Select style={{ width: '180px' }} placeholder="状态" onChange={handleSelectChange}>
+              <Option value="1">已发布</Option>
+              <Option value="0">未发布</Option>
+            </Select>,
+          )}
+        </Form.Item>
+        <Form.Item>
+          <Button type="primary" htmlType="submit" className={Styles.SubmitButton}>
+            搜索
+          </Button>
+        </Form.Item>
+      </Form>
+      <Button type="primary" className={Styles.addButton}>
+        新增
+      </Button>
+
+      {/* 卡片内容，显示楼盘项目  */}
+      <Row style={{ padding: ' 0 10px' }}>
+        {
+          dataSource.records.map((item, index) => (
+              <Col span={8}>
+                <CartBody data={item} key={item.buildingId}/>
+              </Col>
+            ))
+        }
+      </Row>
+      {/* 分页 */}
+      <div style={{ display: 'flex', justifyContent: 'flex-end', marginTop: '30px' }}>
+        <Pagination showQuickJumper defaultCurrent={1} total={dataSource.total} onChange={onChange} />
+      </div>
+    </>
+  );
+}
+const WrappedBody = Form.create({ name: 'body' })(body);
+
+export default WrappedBody

src/pages/news/list/style.less

@@ -0,0 +1,58 @@
+.SubmitButton {
+    background: #3a91d5;
+    border-radius: 7px;
+    border: 0px;
+  }
+  .SelectFrom {
+    width: 180px;
+    background: #ffffff;
+    border-radius: 7px;
+    border: 1px solid #dbdbdb;
+  }
+  .addButton {
+    background: #50be00;
+    border-radius: 4px;
+    border: 0px;
+    margin: 10px 0px;
+  }
+  .cardText {
+    font-size: 18px;
+    color: #333;
+    line-height: 24px;
+    display: flex;
+    align-items: center;
+    position: relative;
+  
+  }
+  .cardItem{
+    font-size: 18px;
+    font-weight: 400;
+    color: #666;
+    line-height: 24px;
+    display: flex;
+    align-items: center;  
+  }
+  .ediText {
+    font-size: 18px;
+    color: #ff925c;
+    line-height: 24px;
+    position: absolute;
+    right: 0;
+  }
+  .title{
+    display: inline-block;
+    width: 84px;
+    justify-content: space-between;
+    text-align: justify;
+    text-align-last:justify
+  }
+  
+  .address { 
+    width: 400px;
+    height: 24px; 
+    text-overflow: ellipsis; 
+    white-space: nowrap;
+    overflow: hidden;
+  }
+  
+  

src/pages/news/type/NewsType.jsx

@@ -59,7 +59,7 @@ const columns = [
     title: '类型图片',
     dataIndex: 'img',
     key: 'img',
-    align: 'center',
+    align: 'left',
     render: (text, record) => <img src={record.img} className={styles.touxiang} />,
   },
   {

src/pages/style/GoodsList.less

@@ -1,5 +1,5 @@
 .addBtn {
-  padding: 0 30px;
+  padding: 0 40px;
   height: 36px;
   background-color: #FF7E48;
   color: #fff;

src/pages/user/login/components/Login/LoginSubmit.jsx

@@ -9,7 +9,7 @@ const LoginSubmit = ({ className, ...rest }) => {
   const clsString = classNames(styles.submit, className);
   return (
     <FormItem>
-      <Button size="large" className={clsString} type="primary" htmlType="submit" {...rest} style={{ backgroundColor: '#DB3C4B', borderRadius: '4px', border: 'none' }} />
+      <Button size="large" className={clsString} type="primary" htmlType="submit" {...rest} style={{ backgroundColor: '#EF273A', borderRadius: '4px', border: 'none' }} />
     </FormItem>
   );
 };

src/pages/user/login/components/Login/index.jsx

@@ -118,7 +118,7 @@ class Login extends Component {
           <div className={styles.con}>
             <p className={styles.welcome}>Welcome</p>
             <div className={styles.title}>
-              <span style={{fontSize:'18px'}}>ying xiao yun</span>
+              <span style={{fontSize:'18px',lineHeight:'18px'}}>ying xiao yun</span>
               <p className={styles.name}>营销云·系统</p>
             </div>
           </div>

src/pages/user/login/components/Login/index.less

@@ -9,16 +9,17 @@ position: relative;
     left:50%;
     top:50%;
     margin-top: -100px;
-    margin-left: -136px;
+    margin-left: -150px;
     text-align: center;
     height: 200px;
-    width: 272px;
+    width: 300px;
     overflow: hidden;
     .welcome{
       color: #fff;
-      font-size: 60px;
+      font-size: 62px;
       font-style: italic;
       margin-bottom: 0;
+      font-family: initial;
     }
     .title{
       width: 260px;
@@ -29,7 +30,7 @@ position: relative;
       padding: 14px  20px;
       margin:  0 auto;
       .name{
-        font-size: 40px;
+        font-size: 41px;
         margin:0; 
       }
     }
@@ -82,8 +83,10 @@ position: relative;
   }
 
   .prefixIcon {
-    color: @disabled-color;
-    font-size: @font-size-base;
+    color: #fff;
+    font-size: 18px;
+    background-color: #EF273A;
+    padding: 3px 4px;
   }
 
   .submit {

src/services/apis.js

@@ -1,6 +1,12 @@
 const prefix = '/api/admin'
 
 export default {
+  image: {
+    upload: {
+      url: `${prefix}/antd/image`,
+      method: 'POST',
+    }
+  },
   user: {
     current: {
       method: 'GET',
@@ -39,4 +45,40 @@ export default {
       url: `${prefix}/tdBuildingType/id`,
     },
   },
+  news: {
+    getList: {
+      method: 'GET',
+      url: `${prefix}/taNews`,
+    },
+  },
+  customer: {
+    drift: {
+      method: 'GET',
+      url: `${prefix}/customer/recommend/drift`,
+    },
+    report: {
+      method: 'GET',
+      url: `${prefix}/customer/recommend/report`,
+    },
+    recommender: {
+      method: 'GET',
+      url: `${prefix}/customer/recommend/recommender`,
+    },
+    auto: {
+      method: 'PUT',
+      url: `${prefix}/customer/recommend/verify/id`,
+    },
+    recommendGetById: {
+      method: 'GET',
+      url: `${prefix}/customer/recommend/getById/id`,
+    },
+    agents: {
+      method: 'GET',
+      url: `${prefix}/customer/agents`,
+    },
+    customerRecommend: {
+      method: 'GET',
+      url: `${prefix}/customer/recommend`,
+    },
+  },
 }

src/services/news.js

@@ -0,0 +1,12 @@
+import request from '@/utils/request';
+
+/**
+ * 项目
+ */
+
+/**
+ * 获取列表
+ */
+export async function getList() {
+  return request('/api/admin/taNews')
+}

src/utils/upload.js

@@ -0,0 +1,11 @@
+import apis from '../services/apis';
+
+const uploaderProps = {
+  name: 'file',
+  action: apis.image.upload.url,
+  headers: {
+    Authorization: `Bearer ${window.localStorage.getItem('x-token')}`
+  }
+}
+
+export { uploaderProps }