Merge branch 'master' of http://git.ycjcjy.com/zhiyuxing/estateagents-admin-manager

config/config.js

                   name: '项目列表',
                   component: './building/list/index',
                 },
+                {
+                  path: '/building/list/add',
+                  name: '', // 项目添加
+                  component: './building/list/add/index',
+                },
                 {
                   path: '/building/type',
                   name: '项目类型',
                   name: '客户列表',
                   component: './customer/customerlist/index',
                 },
+                {
+                  path: '/customer/customerlist/customerDetail',
+                  name: '',
+                  component: './customer/customerlist/customerDetail',
+                },
                 {
                   path: '/customer/drift/list',
                   name: '游客列表',
                   name: '资讯列表',
                   component: './news/list/NewsList',
                 },
+                {
+                  path: '/news/list/editNewsList',
+                  name: '',
+                  component: './news/list/editNewsList',
+                },
               ],
             },
             {
                 },
               ],
             },
-
             {
               path: '/staff',
               name: '员工管理',
                   name: '',
                   component: './staff/list/editStaff',
                 },
-             
+
                 {
                   path: '/staff/RoleList',
                   name: '角色管理',
                   name: '',
                   component: './staff/list/editRole',
                 },
-             
+
+              ],
+            },
+            {
+              path: '/carouselFigure',
+              name: '轮播图管理',
+              component: '../layouts/BlankLayout',
+              routes: [
+                {
+                  path: '/carouselFigure/carouselFigureList',
+                  name: '轮播图列表',
+                  component: './carouselFigure/carouselFigureList',
+                },
+                {
+                  path: '/carouselFigure/editCarousel',
+                  name: '',
+                  component: './carouselFigure/editCarousel',
+                },
+                {
+                  path: '/carouselFigure/advertisingList',
+                  name: '开屏广告',
+                  component: './carouselFigure/advertisingList',
+                },
+                {
+                  path: '/carouselFigure/editAdvertising',
+                  name: '',
+                  component: './carouselFigure/editAdvertising',
+                },
+              ],
+            },
+            {
+              path: '/system',
+              name: '系统管理',
+              component: '../layouts/BlankLayout',
+              routes: [
+                {
+                  path: '/system/messageList',
+                  name: '客户留言',
+                  component: './system/messageList',
+                },
+                {
+                  path: '/system/report',
+                  name: '报表数据',
+                  component: './system/report',
+                },
               ],
             },
             {
 
   proxy: {
     '/api/': {
-      target: 'http://192.168.0.11:8080/',
+      target: 'http://127.0.0.1:8080/',
       changeOrigin: true,
       // pathRewrite: { '^/server': '' },
     },

src/components/EchartsTest/index.jsx

 // 引入 ECharts 主模块
 import echarts from 'echarts/lib/echarts';
 // 引入柱状图
-import  'echarts/lib/chart/bar';
+import 'echarts/lib/chart/bar';
 // 引入提示框和标题组件
 import 'echarts/lib/component/tooltip';
 import 'echarts/lib/component/title';
 class Chart extends Component {
 
-  render() { 
-    return ( <div></div> );
+  render() {
+    return (<div></div>);
   }
 }
- 
+
 export default Chart;

src/components/SelectButton/NewTypeSelect.jsx

+import React, { useState, useEffect } from 'react';
+import { Select } from 'antd';
+
+import request from '../../utils/request'
+
+const { Option } = Select;
+
+/**
+ *
+ *
+ * @param {*} props
+ * @returns
+ */
+const NewsTypeSelect = (props) => {
+  const [ data, setData ] = useState([])
+
+  useEffect(() => {
+    getCityList();
+  },[])
+
+  const getCityList = (e) => {
+    request({
+        url: '/api/admin/taNewsType',
+        method: 'GET',
+        params: {pageNum: 1,pageSize: 999},
+    }).then((data) => {
+        setData(data.records)
+    })
+  }
+
+  return (
+      <Select value={props.value} style={{ width: '180px' }} placeholder="请选择咨询类型" onChange={props.onChange}>
+          {data.map(type => (
+            <Option key={type.newsTypeId}>{type.newsTypeName}</Option>
+          ))}
+      </Select>
+  )
+}
+export default NewsTypeSelect
+

src/components/Wangedit/Wangedit.jsx

         this.props.onChange(html)
       }
     }
+    this.editor.customConfig.zIndex = 100
     this.editor.create()
     this.editor.txt.html(this.props.value)
   }

src/global.less

 }
 .ant-table{
   line-height: 3;
+}
+.ant-modal-header{
+  border-bottom: none;
+  .ant-modal-title{
+    font-size: 24px;
+    line-height: 50px;
+  }
+}
+.ant-modal-footer{
+  border-top:none;
 }

src/pages/building/list/add/components/base.jsx

+import React, { useState, useEffect } from 'react';
+import { Form, Icon, Input, Button, DatePicker, Select, Card, Row, Col, Pagination, Alert, Radio, Tag, Tooltip, Tabs } 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';
+import ImageUpload from '../../../../../components/XForm/ImageUpload'
+import Wangedit from '../../../../../components/Wangedit/Wangedit'
+import TagGroup from './tags'
+
+const { Option } = Select
+const { TabPane } = Tabs;
+
+const formItemLayout = {
+  labelCol: {
+    xs: { span: 24 },
+    sm: { span: 2 },
+  },
+  wrapperCol: {
+    xs: { span: 24 },
+    sm: { span: 16 },
+  },
+};
+
+function AddBuilding(props) {
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const [dataSource, setDataSource] = useState({ records: [] })
+
+  const [buildingAreaTags, setBuildingAreaTags] = useState({ tags: ['Unremovable', 'Tag 2', 'Tag 3'], inputVisible: false, inputValue: '' })
+
+
+  const { getFieldDecorator } = props.form;
+
+  function handleSubmit(e) {
+    e.preventDefault();
+    props.form.validateFieldsAndScroll((err, values) => {
+      if (!err) {
+        console.log('Received values of form: ', values);
+      }
+    });
+  }
+
+  return (
+        <Form {...formItemLayout} onSubmit={handleSubmit}>
+          <Form.Item label="楼盘编号">
+            {getFieldDecorator('code')(<Input />)}
+          </Form.Item>
+          <Form.Item label="楼盘名称" hasFeedback>
+            {getFieldDecorator('buildingName')(<Input />)}
+          </Form.Item>
+          <Form.Item label="别名" hasFeedback>
+            {getFieldDecorator('name')(<Input />)}
+          </Form.Item>
+          <Form.Item label="项目类型" hasFeedback>
+            {getFieldDecorator('name')(<Input />)}
+          </Form.Item>
+          <Form.Item label="均价" hasFeedback>
+            {getFieldDecorator('price')(<Input />)}
+          </Form.Item>
+          <Form.Item label="开盘时间" hasFeedback>
+            {getFieldDecorator('openingDate')(<DatePicker />)}
+          </Form.Item>
+          <Form.Item label="电话" hasFeedback>
+            {getFieldDecorator('tel')(<Input />)}
+          </Form.Item>
+          <Form.Item label="项目动态" hasFeedback>
+            {getFieldDecorator('dynamic')(<Input />)}
+          </Form.Item>
+          <Form.Item label="物业类型" hasFeedback>
+            {getFieldDecorator('buildingProperty')(
+              <Select mode="multiple" placeholder="物业类型" style={{ width: '1016px' }}>
+                <Option value="未知">未知</Option>
+              </Select>,
+            )}
+          </Form.Item>
+          <Form.Item label="销售状态" hasFeedback>
+            {getFieldDecorator('marketStatus')(<Input />)}
+          </Form.Item>
+          <Form.Item label="标签" hasFeedback>
+            {getFieldDecorator('tags')(
+              <Select mode="multiple" placeholder="标签" style={{ width: '1016px' }}>
+              <Option value="未知">未知</Option>
+              </Select>,
+            )}
+          </Form.Item>
+          <Form.Item label="项目主图" hasFeedback>
+            {getFieldDecorator('tags')(
+              <ImageUpload />,
+            )}
+          </Form.Item>
+          <Form.Item label="地址图片" hasFeedback>
+            {getFieldDecorator('tags')(
+              <ImageUpload />,
+            )}
+          </Form.Item>
+          <Form.Item label="海报底图" hasFeedback>
+            {getFieldDecorator('tags')(
+              <ImageUpload />,
+            )}
+          </Form.Item>
+          <Form.Item label="排序" hasFeedback>
+            {getFieldDecorator('orderNo')(<Input />)}
+          </Form.Item>
+          <Form.Item label="优惠信息" hasFeedback>
+            {getFieldDecorator('discount')(<Input />)}
+          </Form.Item>
+          <Form.Item label="首页推荐" hasFeedback>
+            {getFieldDecorator('isMain')(
+            <Radio.Group>
+              <Radio value={1}>是</Radio>
+              <Radio value={2}>否</Radio>
+            </Radio.Group>,
+            )}
+          </Form.Item>
+          <Form.Item label="所在城市" hasFeedback>
+            {getFieldDecorator('cityId')(
+              <Select placeholder="选择城市" style={{ width: '200px' }}>
+                <Option value="red">Red</Option>
+              </Select>,
+            )}
+          </Form.Item>
+          <Form.Item label="楼盘区域" hasFeedback>
+            {getFieldDecorator('buildingArea')(<Input />)}
+          </Form.Item>
+          <Form.Item label="项目地址" hasFeedback>
+            {getFieldDecorator('address')(<Input />)}
+          </Form.Item>
+          <Form.Item label="项目坐标" hasFeedback>
+            {getFieldDecorator('coordinate')(<Input disabled />)}
+          </Form.Item>
+          <Form.Item label="项目地址" hasFeedback>
+            {getFieldDecorator('coordinate')(<Input />)}
+          </Form.Item>
+          <Form.Item label="周边交通" hasFeedback>
+            {getFieldDecorator('buildingArea')(
+              <TagGroup />,
+            )}
+          </Form.Item>
+          <Form.Item label="周边交通" hasFeedback>
+            {getFieldDecorator('buildingMall')(
+              <TagGroup />,
+            )}
+          </Form.Item>
+          <Form.Item label="周边学校" hasFeedback>
+            {getFieldDecorator('buildingEdu')(
+              <TagGroup />,
+            )}
+          </Form.Item>
+          <Form.Item label="周边医院" hasFeedback>
+            {getFieldDecorator('buildingHospital')(
+              <TagGroup />,
+            )}
+          </Form.Item>
+          <Form.Item label="周边银行" hasFeedback>
+            {getFieldDecorator('buildingBank')(
+              <TagGroup />,
+            )}
+          </Form.Item>
+          <Form.Item label="周边餐饮" hasFeedback>
+            {getFieldDecorator('buildingRestaurant')(
+              <TagGroup />,
+            )}
+          </Form.Item>
+          <Form.Item label="绿化率" hasFeedback>
+            {getFieldDecorator('greeningRate')(<Input />)}
+          </Form.Item>
+          <Form.Item label="容积率" hasFeedback>
+            {getFieldDecorator('volumeRate')(<Input />)}
+          </Form.Item>
+          <Form.Item label="车位比" hasFeedback>
+            {getFieldDecorator('parkingRate')(<Input />)}
+          </Form.Item>
+          <Form.Item label="规划户数" hasFeedback>
+            {getFieldDecorator('familyNum')(<Input />)}
+          </Form.Item>
+          <Form.Item label="物业公司" hasFeedback>
+            {getFieldDecorator('serviceCompany')(<Input />)}
+          </Form.Item>
+          <Form.Item label="物业费" hasFeedback>
+            {getFieldDecorator('serviceFee')(<Input />)}
+          </Form.Item>
+          <Form.Item label="装修标准" hasFeedback>
+            {getFieldDecorator('decoration')(<Input />)}
+          </Form.Item>
+          <Form.Item label="交房时间" hasFeedback>
+            {getFieldDecorator('receivedDate')(<DatePicker />)}
+          </Form.Item>
+          <Form.Item label="产权年限" hasFeedback>
+            {getFieldDecorator('rightsYear')(<Input />)}
+          </Form.Item>
+          <Form.Item label="预售许可证" hasFeedback>
+            {getFieldDecorator('decoration')(
+              <ImageUpload />,
+            )}
+          </Form.Item>
+          <Form.Item label="项目备注" hasFeedback>
+            {getFieldDecorator('remark')(
+              <Wangedit />,
+            )}
+          </Form.Item>
+          <Form.Item style={{ width: '400px', margin: 'auto', display: 'flex', justifyContent: 'space-between' }}>
+            <Button type="primary" htmlType="submit">
+                确定
+            </Button>
+            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+            <Button onClick={() => router.go(-1)}>
+                取消
+            </Button>
+          </Form.Item>
+        </Form>
+  )
+}
+
+const WrappedAddBuildingForm = Form.create({ name: 'addBuilding' })(AddBuilding);
+
+export default WrappedAddBuildingForm

src/pages/building/list/add/components/imageSet.jsx

+import React, { useState, useEffect } from 'react';
+import { Form, Icon, Input, Button, DatePicker, Select, Card, Row, Col, Pagination, Alert, Radio, Tag, Tooltip, Tabs, Table, notification } 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 saleType = [
+  {
+    id: 1,
+    name: '待定',
+  },
+  {
+    id: 2,
+    name: '售罄',
+  },
+  {
+    id: 3,
+    name: '在售',
+  },
+]
+
+/**
+ *图片设置
+ *
+ * @param {*} props
+ * @returns
+ */
+function imageSet(props) {
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const [data, setData] = useState([])
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useEffect(() => {
+    getList()
+  }, [])
+
+  function openNotificationWithIcon(type, message) {
+    notification[type]({
+      message,
+      description:
+        '',
+    });
+  }
+
+  function getList(params) {
+    console.log(props)
+    // 网路请求
+    const { url, method } = apis.building.buildingApartment
+    const tempUrl = url.substring(0, url.lastIndexOf('id')).concat(props.building.buildingId)
+
+    request({ url: tempUrl, method, params: { ...params } }).then(res => {
+      setData(res)
+    }).catch(err => {
+      openNotificationWithIcon('error', err)
+    })
+  }
+
+
+  const columns = [
+    {
+      title: '名称',
+      dataIndex: 'apartmentName',
+      key: 'apartmentName',
+    },
+    {
+      title: '类型',
+      dataIndex: 'apartmentType',
+      key: 'apartmentType',
+      render: (_, record) => <span>{ record.apartmentType === 'apart' ? '户型' : '相册' }</span>,
+    },
+    {
+      title: '销售状态',
+      dataIndex: 'marketStatus',
+      key: 'marketStatus',
+      render: (_, record) => <span>{ (saleType.filter(x => x.id == record.marketStatus)[0] || {}).name }</span>,
+    },
+    {
+      title: '备注',
+      dataIndex: 'remark',
+      key: 'remark',
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createDate',
+      key: 'createDate',
+      render: (_, record) => <span>{ moment(record.createDate).format('YYYY-MM-DD') }</span>,
+    },
+    {
+      title: '操作',
+      dataIndex: 'apartmentId',
+      key: 'apartmentId',
+      render: (_, record) => (
+        <>
+          <Button type="link" style={{ color: 'red' }}>编辑</Button>
+          <Button type="link" style={{ color: 'red' }}>删除</Button>
+        </>
+      ),
+    },
+  ]
+
+  return (
+    <>
+      <Button type="primary">新增图片库</Button>
+      <Table dataSource={data} columns={columns} pagination={false} />
+    </>
+  )
+}
+
+export default imageSet

src/pages/building/list/add/components/tags.jsx

+import React from 'react'
+import { Tag, Input, Tooltip, Icon } from 'antd';
+
+class EditableTagGroup extends React.Component {
+  state = {
+    tags: [],
+    inputVisible: false,
+    inputValue: '',
+  };
+
+  handleClose = removedTag => {
+    const tags = this.state.tags.filter(tag => tag !== removedTag);
+    console.log(tags);
+    this.setState({ tags });
+  };
+
+  showInput = () => {
+    this.setState({ inputVisible: true }, () => this.input.focus());
+  };
+
+  handleInputChange = e => {
+    this.setState({ inputValue: e.target.value });
+  };
+
+  handleInputConfirm = () => {
+    const { inputValue } = this.state;
+    let { tags } = this.state;
+    if (inputValue && tags.indexOf(inputValue) === -1) {
+      tags = [...tags, inputValue];
+    }
+    console.log(tags);
+    this.setState({
+      tags,
+      inputVisible: false,
+      inputValue: '',
+    });
+  };
+
+  saveInputRef = input => (this.input = input);
+
+  render() {
+    const { tags, inputVisible, inputValue } = this.state;
+    return (
+      <div>
+        {tags.map((tag, index) => {
+          const isLongTag = tag.length > 20;
+          const tagElem = (
+            <Tag key={tag} closable={index !== 0} onClose={() => this.handleClose(tag)}>
+              {isLongTag ? `${tag.slice(0, 20)}...` : tag}
+            </Tag>
+          );
+          return isLongTag ? (
+            <Tooltip title={tag} key={tag}>
+              {tagElem}
+            </Tooltip>
+          ) : (
+            tagElem
+          );
+        })}
+        {inputVisible && (
+          <Input
+            ref={this.saveInputRef}
+            type="text"
+            size="small"
+            style={{ width: 78 }}
+            value={inputValue}
+            onChange={this.handleInputChange}
+            onBlur={this.handleInputConfirm}
+            onPressEnter={this.handleInputConfirm}
+          />
+        )}
+        {!inputVisible && (
+          <Tag onClick={this.showInput} style={{ background: '#fff', borderStyle: 'dashed' }}>
+            <Icon type="plus" /> 新建
+          </Tag>
+        )}
+      </div>
+    );
+  }
+}
+
+export default EditableTagGroup

src/pages/building/list/add/index.jsx

+import React, { useState, useEffect } from 'react';
+import { Form, Icon, Input, Button, DatePicker, Select, Card, Row, Col, Pagination, Alert, Radio, Tag, Tooltip, Tabs } 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';
+
+
+import ImageUpload from '../../../../components/XForm/ImageUpload'
+import Wangedit from '../../../../components/Wangedit/Wangedit'
+import TagGroup from './components/tags'
+import Base from './components/base'
+import ImageSet from './components/imageSet'
+
+
+const { Option } = Select
+const { TabPane } = Tabs;
+
+const formItemLayout = {
+  labelCol: {
+    xs: { span: 24 },
+    sm: { span: 2 },
+  },
+  wrapperCol: {
+    xs: { span: 24 },
+    sm: { span: 16 },
+  },
+};
+
+function AddBuilding(props) {
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const [dataSource, setDataSource] = useState({ records: [] })
+
+  const [buildingAreaTags, setBuildingAreaTags] = useState({ tags: ['Unremovable', 'Tag 2', 'Tag 3'], inputVisible: false, inputValue: '' })
+
+
+  const { getFieldDecorator } = props.form;
+
+  function handleSubmit(e) {
+    e.preventDefault();
+    props.form.validateFieldsAndScroll((err, values) => {
+      if (!err) {
+        console.log('Received values of form: ', values);
+      }
+    });
+  }
+
+  function tabsCallback(key) {
+    console.log(key);
+  }
+
+  return (
+    <Tabs defaultActiveKey="1" onChange={tabsCallback}>
+      <TabPane tab="基本信息" key="1">
+        <Base />
+      </TabPane>
+      <TabPane tab="图片" key="2">
+        <ImageSet building={{ buildingId: '159fd19bb973b6972c10fbebf07ddeb1' }} />
+      </TabPane>
+    </Tabs>
+  )
+}
+
+const WrappedAddBuildingForm = Form.create({ name: 'addBuilding' })(AddBuilding);
+
+export default WrappedAddBuildingForm

src/pages/building/list/index.jsx

 import request from '../../../utils/request';
 import apis from '../../../services/apis';
 import Styles from './style.less';
+import { router } from 'umi';
 
 
 const { Option } = Select;
     console.log(value, dateString)
   }
 
+
+  function toAdd() {
+    router.push({ pathname: '/building/list/add' })
+  }
+
   return (
     <>
       <Form layout="inline" onSubmit={e => handleSubmit(e, props)}>
           </Button>
         </Form.Item>
       </Form>
-      <Button type="primary" className={Styles.addButton}>
+      <Button type="primary" className={Styles.addButton} onClick={() => toAdd()}>
         新增楼盘
       </Button>
 

src/pages/building/type/edi.jsx

 import React, { useState, useEffect } from 'react';
-import { Input, Button, Row, Col, Form, Alert } from 'antd';
+import { Input, Button, Row, Col, Form, Alert, notification } from 'antd';
 import router from 'umi/router';
 import Styles from './style.less';
 import request from '../../../utils/request';
     })
   }
 
+  const openNotificationWithIcon = (type, message) => {
+    notification[type]({
+      message,
+      description:
+        '',
+    });
+  }
+
   function submitData(dataSources) {
     if (id !== '') {
       // 修改
     dataSources.createDate = new Date()
     request({ ...apis.buildingType.add, data: { ...dataSources } }).then(() => {
       // eslint-disable-next-line no-unused-expressions
-      <Alert
-        style={{
-          marginBottom: 24,
-        }}
-        message="操作成功"
-        type="success"
-        showIcon
-      />
+      this.openNotificationWithIcon('success', '操作成功')
       router.go(-1)
     }).catch(err => {
       // eslint-disable-next-line no-unused-expressions
-      <Alert
-        style={{
-          marginBottom: 24,
-        }}
-        message={ err }
-        type="err"
-        showIcon
-      />
+      this.openNotificationWithIcon('error', err)
     })
   }
 

src/pages/carouselFigure/advertisingList.jsx

+import React, { useState, useEffect } from 'react';
+import { Form, Input, Button, Icon, Select, message, Table, Divider, Tag, Pagination, Modal, DatePicker } from 'antd';
+import { FormattedMessage } from 'umi-plugin-react/locale';
+import styles from '../style/GoodsList.less';
+import router from 'umi/router';
+import moment from 'moment';
+import SelectCity from '../../components/SelectButton/CitySelect'
+import BuildSelect from '../../components/SelectButton/BuildSelect'
+
+import request from '../../utils/request'
+
+const { Option } = Select;
+const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
+
+const header = (props) => {
+  const [ data, setData ] = useState({})
+//   const [page, changePage] = useState({})
+
+  useEffect(() => {
+    getList({ pageNum: 1, pageSize: 10, showType: 'screen' });
+  },[])
+
+  // 查询列表
+  const getList = (params) => {
+    request({
+        url: '/api/admin/extendContent',
+        method: 'GET',
+        params: { ...params },
+    }).then((data) => {
+        console.log(data)
+        setData(data)
+    })
+  }
+
+  
+// 跳转到编辑商品
+const toEdit = (contentId) => () => {
+    router.push({
+      pathname: '/carouselFigure/editAdvertising',
+      query: {
+        contentId
+      },
+    });
+  }
+  
+  const columns = [
+    {
+      title: '主图',
+      dataIndex: 'image',
+      key: 'image',
+      align: 'center',
+      render: (image) => <img src={image} className={styles.touxiang} />,
+    },
+    {
+      title: '类型',
+      dataIndex: 'contentType',
+      key: 'contentType',
+      align: 'center',
+      render: (contentType) => <span>{ contentType === 'project' ? '项目' : contentType === 'activity' ? '活动' : contentType === 'news' ? '资讯' : contentType === 'other' ? '其他' : '' }</span>
+    },
+    {
+      title: '发布位置',
+      dataIndex: 'showPosition',
+      key: 'showPosition',
+      align: 'center',
+      render: (showPosition) => <span>{ showPosition === 'index' ? '首页' : showPosition === 'mall' ? '商城' : '' }</span>
+    },
+    {
+      title: '发布时间',
+      dataIndex: 'createDate',
+      key: 'createDate',
+      align: 'center',
+      render: (x, row) => <><span>{moment(row.createDate).format('YYYY-MM-DD')}</span></>
+    },
+    {
+      title: '状态',
+      dataIndex: 'status',
+      key: 'status',
+      align: 'center',
+      render: (status)=> <><span>{status == 1 ? '启用' : '停用'}</span></>
+    },
+    {
+      title: '操作',
+      dataIndex: 'handle',
+      key: 'handle',
+      align: 'center',
+      render: (x,row) => <>
+                           <span style={{ color: '#1990FF', marginRight: '20px' }} onClick={changeStatus(row)}>{ row.status === 1 ? '禁用' : '启用' }<Icon type="vertical-align-top" className={styles.edit} /></span>
+                           <span style={{ color: '#FF925C' }} onClick={toEdit(row.contentId)}>编辑<Icon type="form" className={styles.edit} /></span>
+                         </>
+    },
+  ];
+  
+  const finishDynamic = (row) => {
+      Modal.confirm({
+          title: '结束以后将无法编辑, 是否继续?',
+          okText: '确定',
+          cancelText: '取消',
+          onOk() {
+              request({
+                  url: '/api/admin/buildingDynamic/finish',
+                  method: 'PUT',
+                  data: {dynamicId: row.dynamicId, top: ""},
+              }).then((data) => {
+                  console.log(data)
+                  message.info('操作成功！')
+                  getList({ pageNum: 1, pageSize: 10, showType: 'screen' })
+              }).catch((err) => {
+                  console.log(err)
+                  message.info(err.msg || err.message)
+              })
+          },
+        });
+  }
+  
+//   停用启用
+  const changeStatus = (row) => () => {
+      console.log(row)
+      if(row.status === 0) {
+        row.status = 1
+        Modal.confirm({
+          title: '确认发布此数据?',
+          okText: '确定',
+          cancelText: '取消',
+          onOk() {
+              request({
+                  url: '/api/admin/extendContent/'+row.contentId,
+                  method: 'PUT',
+                  data: row,
+              }).then((data) => {
+                  message.info('操作成功！')
+                  getList({ pageNum: 1, pageSize: 10, showType: 'screen' })
+              }).catch((err) => {
+                  console.log(err)
+                  message.info(err.msg || err.message)
+              })
+          },
+        });
+      }else if(row.status === 1){
+        row.status = 0
+        Modal.confirm({
+          title: '确认停用此轮播图?',
+          okText: '确定',
+          cancelText: '取消',
+          onOk() {
+              request({
+                  url: '/api/admin/extendContent/'+row.contentId,
+                  method: 'PUT',
+                  data: row,
+              }).then((data) => {
+                  message.info('操作成功！')
+                  getList({ pageNum: 1, pageSize: 10, showType: 'screen' })
+              }).catch((err) => {
+                  console.log(err)
+                  message.info(err.msg || err.message)
+              })
+          },
+        });
+      }
+
+  }
+  
+  const changePageNum = (pageNumber) => {
+      getList({ pageNum: pageNumber, pageSize: 10, showType: 'screen' })
+  }
+
+  // 提交事件
+const handleSubmit = (e, props) => {
+    e.preventDefault();
+    props.form.validateFields((err, values) => {
+      if (!err) {
+        console.log('提交数据: ', values)
+        getList({ pageNum: 1, pageSize: 10, ...values, showType: 'screen' })
+      }
+    });
+  }
+
+  const { getFieldDecorator } = props.form
+  return (
+
+    <>
+      <Form layout="inline" onSubmit={e => handleSubmit(e, props)}>
+        <Form.Item>
+          {getFieldDecorator('buildingId')(
+            <BuildSelect />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('contentType')(
+            <Select style={{ width: '180px' }} placeholder="类型">
+              <Option value="activity">活动</Option>
+              <Option value="project">项目</Option>
+              <Option value="news">资讯</Option>
+              <Option value="other">其他</Option>
+            </Select>,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('showPosition')(
+            <Select style={{ width: '180px' }} placeholder="发布位置">
+              <Option value="mall">商城</Option>
+              <Option value="index">首页</Option>
+            </Select>,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('status')(
+            <Select style={{ width: '180px' }} placeholder="状态">
+              <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>
+      <Button type="primary" className={styles.addBtn} onClick={toEdit()}>新增</Button>
+      <Table dataSource={data.records} columns={columns} pagination={false}/>
+      <div style={{ display: 'flex', justifyContent: 'flex-end', marginTop: '30px' }}>
+        <Pagination showQuickJumper defaultCurrent={1} total={data.total} onChange={changePageNum} />
+      </div>
+    </>
+  )
+}
+const WrappedHeader = Form.create({ name: 'header' })(header);
+
+export default WrappedHeader

src/pages/carouselFigure/carouselFigureList.jsx

+import React, { useState, useEffect } from 'react';
+import { Form, Input, Button, Icon, Select, message, Table, Divider, Tag, Pagination, Modal, DatePicker } from 'antd';
+import { FormattedMessage } from 'umi-plugin-react/locale';
+import styles from '../style/GoodsList.less';
+import router from 'umi/router';
+import moment from 'moment';
+import SelectCity from '../../components/SelectButton/CitySelect'
+import BuildSelect from '../../components/SelectButton/BuildSelect'
+
+import request from '../../utils/request'
+
+const { Option } = Select;
+const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
+
+const header = (props) => {
+  const [ data, setData ] = useState({})
+//   const [page, changePage] = useState({})
+
+  useEffect(() => {
+    getList({ pageNum: 1, pageSize: 10, showType: 'banner' });
+  },[])
+
+  // 查询列表
+  const getList = (params) => {
+    request({
+        url: '/api/admin/extendContent',
+        method: 'GET',
+        params: { ...params },
+    }).then((data) => {
+        console.log(data)
+        setData(data)
+    })
+  }
+
+  
+// 跳转到编辑页面
+const toEditCarouse = (contentId) => () => {
+    router.push({
+      pathname: '/carouselFigure/editCarousel',
+      query: {
+        contentId
+      },
+    });
+  }
+  
+  const columns = [
+    {
+      title: '主图',
+      dataIndex: 'image',
+      key: 'image',
+      align: 'center',
+      render: (image) => <img src={image} className={styles.touxiang} />,
+    },
+    {
+      title: '类型',
+      dataIndex: 'contentType',
+      key: 'contentType',
+      align: 'center',
+      render: (contentType) => <span>{ contentType === 'project' ? '项目' : contentType === 'activity' ? '活动' : contentType === 'news' ? '资讯' : contentType === 'other' ? '其他' : '' }</span>
+    },
+    {
+      title: '发布位置',
+      dataIndex: 'showPosition',
+      key: 'showPosition',
+      align: 'center',
+      render: (showPosition) => <span>{ showPosition === 'index' ? '首页' : showPosition === 'mall' ? '商城' : '' }</span>
+    },
+    {
+      title: '发布时间',
+      dataIndex: 'createDate',
+      key: 'createDate',
+      align: 'center',
+      render: (x, row) => <><span>{moment(row.createDate).format('YYYY-MM-DD')}</span></>
+    },
+    {
+      title: '状态',
+      dataIndex: 'status',
+      key: 'status',
+      align: 'center',
+      render: (status)=> <><span>{status == 1 ? '启用' : '停用'}</span></>
+    },
+    {
+      title: '操作',
+      dataIndex: 'handle',
+      key: 'handle',
+      align: 'center',
+      render: (x,row) => <>
+                           <span style={{ color: '#1990FF', marginRight: '20px' }} onClick={changeStatus(row)}>{ row.status === 1 ? '禁用' : '启用' }<Icon type="vertical-align-top" className={styles.edit} /></span>
+                           <span style={{ color: '#FF925C' }} onClick={toEditCarouse(row.contentId)}>编辑<Icon type="form" className={styles.edit} /></span>
+                         </>
+    },
+  ];
+  
+  const finishDynamic = (row) => {
+      Modal.confirm({
+          title: '结束以后将无法编辑, 是否继续?',
+          okText: '确定',
+          cancelText: '取消',
+          onOk() {
+              request({
+                  url: '/api/admin/buildingDynamic/finish',
+                  method: 'PUT',
+                  data: {dynamicId: row.dynamicId, top: ""},
+              }).then((data) => {
+                  console.log(data)
+                  message.info('操作成功！')
+                  getList({ pageNum: 1, pageSize: 10, showType: 'banner' })
+              }).catch((err) => {
+                  console.log(err)
+                  message.info(err.msg || err.message)
+              })
+          },
+        });
+  }
+  
+//   停用启用
+  const changeStatus = (row) => () => {
+      console.log(row)
+      if(row.status === 0) {
+        row.status = 1
+        Modal.confirm({
+          title: '确认发布此数据?',
+          okText: '确定',
+          cancelText: '取消',
+          onOk() {
+              request({
+                  url: '/api/admin/extendContent/'+row.contentId,
+                  method: 'PUT',
+                  data: row,
+              }).then((data) => {
+                  message.info('操作成功！')
+                  getList({ pageNum: 1, pageSize: 10, showType: 'banner' })
+              }).catch((err) => {
+                  console.log(err)
+                  message.info(err.msg || err.message)
+              })
+          },
+        });
+      }else if(row.status === 1){
+        row.status = 0
+        Modal.confirm({
+          title: '确认停用此轮播图?',
+          okText: '确定',
+          cancelText: '取消',
+          onOk() {
+              request({
+                  url: '/api/admin/extendContent/'+row.contentId,
+                  method: 'PUT',
+                  data: row,
+              }).then((data) => {
+                  message.info('操作成功！')
+                  getList({ pageNum: 1, pageSize: 10, showType: 'banner' })
+              }).catch((err) => {
+                  console.log(err)
+                  message.info(err.msg || err.message)
+              })
+          },
+        });
+      }
+
+  }
+  
+  const changePageNum = (pageNumber) => {
+      getList({ pageNum: pageNumber, pageSize: 10, showType: 'banner' })
+  }
+
+  // 提交事件
+const handleSubmit = (e, props) => {
+    e.preventDefault();
+    props.form.validateFields((err, values) => {
+      if (!err) {
+        console.log('提交数据: ', values)
+        getList({ pageNum: 1, pageSize: 10, ...values, showType: 'banner' })
+      }
+    });
+  }
+
+  const { getFieldDecorator } = props.form
+  return (
+
+    <>
+      <Form layout="inline" onSubmit={e => handleSubmit(e, props)}>
+        <Form.Item>
+          {getFieldDecorator('buildingId')(
+            <BuildSelect />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('contentType')(
+            <Select style={{ width: '180px' }} placeholder="类型">
+              <Option value="activity">活动</Option>
+              <Option value="project">项目</Option>
+              <Option value="news">资讯</Option>
+              <Option value="other">其他</Option>
+            </Select>,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('showPosition')(
+            <Select style={{ width: '180px' }} placeholder="发布位置">
+              <Option value="mall">商城</Option>
+              <Option value="index">首页</Option>
+            </Select>,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('status')(
+            <Select style={{ width: '180px' }} placeholder="状态">
+              <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>
+      <Button type="primary" className={styles.addBtn} onClick={toEditCarouse()}>新增</Button>
+      <Table dataSource={data.records} columns={columns} pagination={false}/>
+      <div style={{ display: 'flex', justifyContent: 'flex-end', marginTop: '30px' }}>
+        <Pagination showQuickJumper defaultCurrent={1} total={data.total} onChange={changePageNum} />
+      </div>
+    </>
+  )
+}
+const WrappedHeader = Form.create({ name: 'header' })(header);
+
+export default WrappedHeader

src/pages/carouselFigure/editAdvertising.jsx

+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;
+/**
+ *
+ *
+ * @param {*} props
+ * @returns
+ */
+ const Edit = (props) => {
+  const [ tab, changeTab ] = useState('basic')
+  const contentId = props.location.query.contentId
+  const [ data, setData ] = useState({})
+  if(contentId){
+    useEffect(() => {
+      getDetail(contentId);
+    },[])
+
+  // 查询列表
+  const getDetail = (contentId) => {
+    request({
+        url: '/api/admin/extendContent/' + contentId,
+        method: 'GET',
+    }).then((data) => {
+        console.log(data)
+        setData(data)
+    })
+  }
+  }
+
+  const cancelPage = () =>{
+    router.push({
+      pathname: '/carouselFigure/advertisingList',
+    });
+  }
+ 
+    const fields = [
+      {
+        label: '所属项目',
+        name: 'buildingId',
+        render: <BuildSelect />,
+        value: data.buildingId,
+      },
+      {
+        label: '商品图片',
+        name: 'image',
+        type: FieldTypes.ImageUploader,
+        value: data.image,
+      },
+      {
+        label: '标题',
+        name: 'title',
+        type: FieldTypes.Text,
+        value: data.title,
+      },
+      // {
+      //   label: '发布位置',
+      //   name: 'showPosition',
+      //   type: FieldTypes.Select,
+      //   dict: [{
+      //     label: '首页',
+      //     value: 'index'
+      //   },
+      //   {
+      //     label: '商城',
+      //     value: 'mall'
+      //   }],
+      //   value: data.showPosition,
+      // },
+      {
+        label: '类型',
+        name: 'contentType',
+        type: FieldTypes.Select,
+        dict: [{
+          label: '活动',
+          value: 'activity'
+        },
+        {
+          label: '项目',
+          value: 'project'
+        },
+        {
+          label: '资讯',
+          value: 'news'
+        },
+        {
+          label: '其他',
+          value: 'other'
+        }],
+        value: data.contentType,
+      },
+      // {
+      //   label: '发布内容',
+      //   name: 'content',
+      //   render: <Wangedit />,
+      //   value: data.content,
+      // },
+      {
+        label: '状态',
+        name: 'status',
+        type: FieldTypes.Select,
+        dict: [{
+          label: "启用",
+          value: 1
+        },
+        {
+          label: "停用",
+          value: 0
+        },],
+        value: data.status != null ? data.status : 1,
+      },
+    ]
+  
+    const handleSubmit = val => { 
+      val.showType = 'screen'
+      if(contentId){
+        request({
+          url: '/api/admin/extendContent/'+contentId,
+          method: 'PUT',
+          data: val,
+        }).then((data) => {
+          cancelPage()
+        }).catch((err) => {
+          message.info(err.msg || err.message)
+        })
+      }else{
+        request({
+          url: '/api/admin/extendContent',
+          method: 'POST',
+          data: val,
+        }).then((data) => {
+          cancelPage()
+        }).catch((err) => {
+          message.info(err.msg || err.message)
+        })
+      }
+    }
+
+  return (
+    <XForm onSubmit={handleSubmit} onCancel={cancelPage} fields={fields}></XForm>
+  );
+ }
+
+
+
+export default Edit

src/pages/carouselFigure/editCarousel.jsx

+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;
+/**
+ *
+ *
+ * @param {*} props
+ * @returns
+ */
+ const Edit = (props) => {
+  const [ tab, changeTab ] = useState('basic')
+  const contentId = props.location.query.contentId
+  const [ data, setData ] = useState({})
+  if(contentId){
+    useEffect(() => {
+      getDetail(contentId);
+    },[])
+
+  // 查询列表
+  const getDetail = (contentId) => {
+    request({
+        url: '/api/admin/extendContent/' + contentId,
+        method: 'GET',
+    }).then((data) => {
+        console.log(data)
+        setData(data)
+    })
+  }
+  }
+
+  const cancelPage = () =>{
+    router.push({
+      pathname: '/carouselFigure/carouselFigureList',
+    });
+  }
+ 
+    const fields = [
+      {
+        label: '所属项目',
+        name: 'buildingId',
+        render: <BuildSelect />,
+        value: data.buildingId,
+      },
+      {
+        label: '商品图片',
+        name: 'image',
+        type: FieldTypes.ImageUploader,
+        value: data.image,
+      },
+      {
+        label: '标题',
+        name: 'title',
+        type: FieldTypes.Text,
+        value: data.title,
+      },
+      {
+        label: '发布位置',
+        name: 'showPosition',
+        type: FieldTypes.Select,
+        dict: [{
+          label: '首页',
+          value: 'index'
+        },
+        {
+          label: '商城',
+          value: 'mall'
+        }],
+        value: data.showPosition,
+      },
+      {
+        label: '类型',
+        name: 'contentType',
+        type: FieldTypes.Select,
+        dict: [{
+          label: '活动',
+          value: 'activity'
+        },
+        {
+          label: '项目',
+          value: 'project'
+        },
+        {
+          label: '资讯',
+          value: 'news'
+        },
+        {
+          label: '其他',
+          value: 'other'
+        }],
+        value: data.contentType,
+      },
+      {
+        label: '发布内容',
+        name: 'content',
+        render: <Wangedit />,
+        value: data.content,
+      },
+      {
+        label: '状态',
+        name: 'status',
+        type: FieldTypes.Select,
+        dict: [{
+          label: "启用",
+          value: 1
+        },
+        {
+          label: "停用",
+          value: 0
+        },],
+        value: data.status != null ? data.status : 1,
+      },
+    ]
+  
+    const handleSubmit = val => { 
+      val.showType = 'banner'
+      if(contentId){
+        request({
+          url: '/api/admin/extendContent/'+contentId,
+          method: 'PUT',
+          data: val,
+        }).then((data) => {
+          cancelPage()
+        }).catch((err) => {
+          message.info(err.msg || err.message)
+        })
+      }else{
+        request({
+          url: '/api/admin/extendContent',
+          method: 'POST',
+          data: val,
+        }).then((data) => {
+          cancelPage()
+        }).catch((err) => {
+          message.info(err.msg || err.message)
+        })
+      }
+    }
+
+  return (
+    <XForm onSubmit={handleSubmit} onCancel={cancelPage} fields={fields}></XForm>
+  );
+ }
+
+
+
+export default Edit

src/pages/channel/InviteClients.jsx

 function handleChange(value) {
   console.log(`selected ${value}`);
 }
-
-// const dataSource = [
-//   {
-//     key: '1',
-//     img: 'http://img0.imgtn.bdimg.com/it/u=4246326797,2657995307&fm=26&gp=0.jpg',
-//     name: '123',
-//     age: 32,
-//     address: '西湖区湖底公园1号',
-//   },
-//   {
-//     key: '2',
-//     img: '',
-//     age: 42,
-//     address: '西湖区湖底公园1号',
-//   },
-// ];
-
 const columns = [
   {
     title: '头像',
       setData(data)
   })
   }
-  // value 的值
-  // eslint-disable-next-line no-shadow
-  function handleChange(value) {
-    // setQueryData({ ...queryData, channelId: value });
-    localStorage.setItem('value', value);
-  }
-  // 查询
-  function queryList() {
-    getList({ pageNum: 1, pageSize: 10 })
-  }
-
-
   // 分页
   function onChange(pageNumber) {
     // eslint-disable-next-line react-hooks/rules-of-hooks
       getList({ pageNum: pageNumber, pageSize: 9 })
   }
-
   return (
     <>
       <div className={channels.searchBox}>

src/pages/channel/brokerList.jsx

     </Menu.Item>
   </Menu>
 );
-// const dataSource = [
-//   {
-//     key: '1',
-//     img: 'http://img0.imgtn.bdimg.com/it/u=4246326797,2657995307&fm=26&gp=0.jpg',
-//     name: '123',
-//     age: 32,
-//     address: '西湖区湖底公园1号',
-//   },
-//   {
-//     key: '2',
-//     img: '',
-//     age: 42,
-//     address: '西湖区湖底公园1号',
-//   },
-// ];
-
 const columns = [
   {
     title: '头像',

src/pages/channel/channelList.jsx

     dataIndex: 'agentsInvite',
     key: 'agentsInvite',
     align: 'center',
-    // render: () => <a>Delete</a>,
   },
   {
     title: '操作',

src/pages/customer/customerlist/components/attribution.jsx

 import React, { useState, useEffect } from 'react';
-import { Form, Icon, Input, Button, DatePicker, Select, Card, Row, Col, Pagination, Alert, Table, Avatar, Radio, Modal, Descriptions } from 'antd';
+import { Form, Icon, Input, Button, DatePicker, Select, Card, Row, Col, Pagination, Alert, Table, Avatar, Radio, Modal, Descriptions, notification } from 'antd';
 import moment from 'moment';
 import request from '../../../../utils/request';
 import apis from '../../../../services/apis';
   }
 
   componentDidUpdate(preProps, preState) {
+    console.log(this.props.visibleData.realtyConsultant)
     if (this.props.visibleData.customerId !== preState.visibleData.customerId) {
       this.getList({ pageNumber: 1, pageSize: 5 })
       this.setState({ visibleData: this.props.visibleData });
     })
   }
 
+  openNotificationWithIcon = (type, message) => {
+    notification[type]({
+      message,
+      description:
+        '',
+    });
+  };
+
    // 分页
   onChange(pageNum) {
     this.getList({ pageNumber: pageNum, pageSize: 5 })
   }
 
   // 提交
-  submitGm() {
+  submitGm(record) {
     const { url, method } = apis.customer.recommendEdit
     const tempUrl = url.substring(0, url.lastIndexOf('id')).concat(this.state.visibleData.customerId)
 
     // 网路请求
-    request({ url: tempUrl, method, data: { ...this.state.visibleData } }).then(res => {
+    request({ url: tempUrl, method, data: { customerId: this.state.visibleData.customerId, realtyConsultant: record.personId } }).then(res => {
+      // eslint-disable-next-line no-unused-expressions
+      this.openNotificationWithIcon('success', '操作成功')
       this.handleCancel()
     }).catch(err => {
       // eslint-disable-next-line no-unused-expressions
-      <Alert
-        style={{
-          marginBottom: 24,
-        }}
-        message={err}
-        type="error"
-        showIcon
-      />
+      this.openNotificationWithIcon('error', err)
     })
   }
 
   render() {
     const columns = [
+      // {
+      //   title: '编号',
+      //   dataIndex: 'personId',
+      //   key: 'personId',
+      // },
       {
         title: '姓名',
         dataIndex: 'name',
         dataIndex: 'personId',
         key: 'personId',
         // eslint-disable-next-line no-nested-ternary
-        render: (_, record) => <><Button className={Styles.SubmitButton} onClick={() => this.submitGm()}>确定</Button></>,
+        render: (_, record) => <>{ this.props.visibleData.realtyConsultant !== record.personId && <Button type="danger" onClick={() => this.submitGm(record)}>确定</Button>}</>,
       },
     ]
     return (

src/pages/customer/customerlist/components/changeStatus.jsx

+import React, { useState, useEffect } from 'react';
+import { Form, Icon, Input, Button, DatePicker, Select, Card, Row, Col, Pagination, Alert, Table, Avatar, Radio, Modal, Descriptions, notification } from 'antd';
+import moment from 'moment';
+import request from '../../../../utils/request';
+import apis from '../../../../services/apis';
+import Styles from '../style.less';
+
+class ChangeStatus extends React.Component {
+  constructor(props) {
+    super(props)
+    this.state = {
+      value: '',
+      visibleData: { visible: false, customerId: '' },
+    }
+  }
+
+  componentDidUpdate(preProps, preState) {
+    if (this.props.visibleData.customerId !== preState.visibleData.customerId) {
+      this.setState({ visibleData: { ...this.props.visibleData } })
+      this.setState({ value: this.props.visibleData.status })
+    }
+  }
+
+  // 弹框取消按钮
+  handleCancel() {
+    this.setState({ visibleData: { visible: false, customerId: '' } })
+  }
+
+  onChange = e => {
+    this.setState({
+      value: e.target.value,
+    });
+  };
+
+  openNotificationWithIcon = (type, message) => {
+    notification[type]({
+      message,
+      description:
+        '',
+    });
+  };
+
+  submitButton = e => {
+    const { url, method } = apis.customer.recommendEdit
+    const tempUrl = url.substring(0, url.lastIndexOf('id')).concat(this.state.visibleData.customerId)
+
+    // 网路请求
+    request({ url: tempUrl, method, data: { customerId: this.state.visibleData.customerId, status: this.state.value } }).then(res => {
+      // eslint-disable-next-line no-unused-expressions
+      this.openNotificationWithIcon('success', '操作成功')
+      this.handleCancel()
+    }).catch(err => {
+      // eslint-disable-next-line no-unused-expressions
+      this.openNotificationWithIcon('error', err)
+    })
+  }
+
+  render() {
+    return (
+      <>
+          <Modal
+            title="变更状态"
+            width={800}
+            destroyOnClose="true"
+            footer={null}
+            visible={this.state.visibleData.visible}
+            // onOk={() => this.handleOk()}
+            onCancel={(e) => this.handleCancel(e)}
+          >
+            <Radio.Group onChange={this.onChange} value={this.state.value}>
+              <Radio value={1}>客户报备</Radio>
+              <Radio value={2}>客户到访</Radio>
+              <Radio value={3}>客户认购</Radio>
+              <Radio value={4}>客户签约</Radio>
+            </Radio.Group>
+
+            <Button type="danger" onClick={this.submitButton}>确定</Button>
+          </Modal>
+      </>
+    )
+  }
+}
+
+export default ChangeStatus

src/pages/customer/customerlist/components/integralRecord.jsx

 import React, { useState, useEffect } from 'react';
-import { Form, Icon, Input, Button, DatePicker, Select, Card, Row, Col, Pagination, Alert, Table, Avatar, Radio, Modal, Descriptions } from 'antd';
+import { Form, Icon, Input, Button, DatePicker, Select, Card, Row, Col, Pagination, Alert, Table, Avatar, Radio, Modal, Descriptions, notification } from 'antd';
 import moment from 'moment';
 import request from '../../../../utils/request';
 import apis from '../../../../services/apis';
   }
 
   componentDidUpdate(preProps, preState) {
-    console.log(this.props.visibleData)
     if (this.props.visibleData.customerId !== preState.visibleData.customerId) {
       this.getList({ pageNumber: 1, pageSize: 5 })
       this.setState({ visibleData: this.props.visibleData });
     this.setState({ visibleData: { visible: false, customerId: '' } })
   }
 
+  openNotificationWithIcon = (type, message) => {
+    notification[type]({
+      message,
+      description:
+        '',
+    });
+  }
+
   getList(params) {
     const { customerId } = this.state.visibleData
     if (customerId === '' || customerId === undefined) {
     request({ url: tempUrl, method, params: { ...params } }).then(res => {
       this.setState({ dataSource: res })
     }).catch(err => {
-      // eslint-disable-next-line no-unused-expressions
-      <Alert
-        style={{
-          marginBottom: 24,
-        }}
-        message={err}
-        type="error"
-        showIcon
-      />
+      this.openNotificationWithIcon('error', err)
     })
   }
 

src/pages/customer/customerlist/customerDetail.jsx

+import React, { useState, useEffect } from 'react';
+import { Form, Table } from 'antd';
+import { FormattedMessage } from 'umi-plugin-react/locale';
+import styles from './style.less';
+import apis from '../../../services/apis';
+import request from '../../../utils/request';
+import moment from 'moment';
+
+import router from 'umi/router';
+
+
+function header(props) {
+  /**
+   * @param {*} props
+   * @returns
+   */
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const [data, setData] = useState([{ visitRecords: [] }])
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useEffect(() => {
+    getById()
+  }, [])
+
+  // 查询
+  function getById(params) {
+    const { id } = props.location.query;
+    if (id === '' || id === undefined) {
+      return
+    }
+    const { url, method } = apis.customer.CustomerRecommendGet
+    const tempUrl = url.substring(0, url.lastIndexOf('id')).concat(id)
+
+    request({ url: tempUrl, method, params: { ...params } }).then(res => {
+      setData(res)
+    })
+  }
+
+  const columns = [
+    {
+      title: '访问事件',
+      dataIndex: 'activity',
+      key: 'activity',
+      align: 'center',
+    },
+    {
+      title: '访问时间',
+      dataIndex: 'visitTime',
+      key: 'visitTime',
+      align: 'center',
+
+    },
+    {
+      title: '停留时间',
+      dataIndex: 'visitDuration',
+      key: 'visitDuration',
+      align: 'center',
+      render: (_, record) => <span>{record.visitDuration === null ? 0 : record.visitDuration }秒</span>,
+    },
+  ]
+  return (
+    <>
+      <div className={styles.cardBox}>
+        <div className={styles.leftBox}>
+          <p className={styles.tit}>置业顾问信息</p>
+          <img className={styles.touxiang} src={ data.consultant && data.consultant.picture } />
+          <p className={styles.infoItem}>姓名：{ data.consultant && data.consultant.name }</p>
+          <p className={styles.infoItem}>部门：{ data.consultant && data.consultant.department }</p>
+          <p className={styles.infoItem}>岗位：{ data.consultant && data.consultant.post }</p>
+          <p className={styles.infoItem}>号码：{ data.consultant && data.consultant.phone } </p>
+          <p className={styles.infoItem}>公司：{ data.consultant && data.consultant.company } </p>
+          <p className={styles.infoItem}>
+            所属项目：
+            {
+              data.consultant && data.consultant.projects.map((item, _) => <span>{item}</span>)
+            }
+          </p>
+        </div>
+        <div className={styles.rightBox}>
+          <p className={styles.tit}>客户信息</p>
+          <img className={styles.touxiang} src={ data.picture && data.picture } />
+          <div className={styles.right}>
+            <p className={styles.rightItem}>用户名称：{ data.name }</p>
+            <p className={styles.rightItem}>手机号码：{ data.phone }</p>
+            <p className={styles.rightItem}>来访渠道：活动分享</p>
+          </div>
+          <p className={styles.rightItem}>访问时长：{ data.duration }秒</p>
+          <p className={styles.rightItem}>访问次数：{ data.visitTimes }</p>
+          <p className={styles.rightItem}>预约人数：{ data.visiteNum }</p>
+          <p className={styles.rightItem}>首次访问时间：{data.visitTime && moment(data.visitTime).format('YYYY-MM-DD')}</p>
+          <p className={styles.rightItem}>预约到访时间：{data.appointmentTime && moment(data.appointmentTime).format('YYYY-MM-DD') }</p>
+          <div className={styles.rightInfo}>
+            <p className={styles.rightItem}>国家：{ data.country }</p>
+            <p className={styles.rightItem}>省份：{ data.province }</p>
+            <p className={styles.rightItem}>城市：{data.city }</p>
+            <p className={styles.rightItem}>详细信息：</p>
+            <p className={styles.rightItem}>意向项目：{data.intention }</p>
+            <p className={styles.rightItem}>价格区间：{data.priceRange }</p>
+            <p className={styles.rightItem}>客户说明：{ data.verifyRemark }</p>
+            <p className={styles.rightItem}>客户描述：{ data.describe }</p>
+            <p className={styles.rightItem}>需求类型：{ data.demandType }</p>
+            <p className={styles.rightItem}>物业类型：{ data.realtyManageType }</p>
+          </div>
+        </div>
+      </div>
+      <div className={styles.recordBox}>
+        <p className={styles.tableName}>访问记录</p>
+        <Table dataSource={data.visitRecords} columns={columns} pagination={false} />
+      </div>
+
+    </>
+  )
+}
+const WrappedHeader = Form.create({ name: 'header' })(header);
+
+export default WrappedHeader

src/pages/customer/customerlist/index.jsx

 import request from '../../../utils/request';
 import apis from '../../../services/apis';
 import Styles from './style.less';
+import router from 'umi/router';
 
 import Attribution from './components/attribution'
 import IntegralRecord from './components/integralRecord'
+import ChangeStatus from './components/changeStatus'
 
 
 const { Option } = Select;
   const [dataSource, setDataSource] = useState({ records: [] })
 
   // 默认私客
-    // eslint-disable-next-line react-hooks/rules-of-hooks
+  // eslint-disable-next-line react-hooks/rules-of-hooks
   const [customerType, setCustomerType] = useState('private')
 
   // 调整归属 ============  start
   const [recordVisibleData, setRecordVisibleData] = useState({ visible: false, customerId: '' })
   // 积分记录 ============= end
 
+  // 变更状态 ============  start
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const [statusVisibleData, setStatusVisibleData] = useState({ visible: false, customerId: '', status: '' })
+  // 变更状态 ============= end
+
   // eslint-disable-next-line react-hooks/rules-of-hooks
   useEffect(() => {
     getList({ pageNumber: 1, pageSize: 10, customerType })
     })
   }
 
+  function displayNone() {
+    setRecordVisibleData({ visible: false, customerId: '' })
+    setGVisibleData({ visible: false, customerId: '', realtyConsultant: '' })
+    setStatusVisibleData({ visible: false, customerId: '', status: '' })
+  }
+
   // 提交事件
   function handleSubmit(e) {
+    displayNone()
+
+
     e.preventDefault();
     props.form.validateFields((err, values) => {
       if (!err) {
   // 分页
   function onChange(pageNum) {
     // eslint-disable-next-line react-hooks/rules-of-hooks
-      getList({ pageNumber: pageNum, pageSize: 10, customerType })
+    getList({ pageNumber: pageNum, pageSize: 10, customerType })
   }
 
   // 私客/公客切换
   function radioButtonHandleSizeChange(e) {
+    displayNone()
+
     const { value } = e.target
     setCustomerType(value)
     getList({ pageNumber: 1, pageSize: 10, customerType: value })
   // 这里有个 Bug， 就是 Modal 弹框，会联动出现， 比如 我点击 调整归属的Model弹框， 那么 积分记录的Model弹框莫名其妙的也显示了
   // 所有这里临时解决方法是，弹出一个Modal对话框的时候，把其他的对话框给隐藏
 
-function showGM(record) {
+  function showGM(record) {
     setGVisibleData({ visible: true, customerId: record.customerId, realtyConsultant: record.realtyConsultant })
     setRecordVisibleData({ visible: false, customerId: '' })
+    setStatusVisibleData({ visible: false, customerId: '' })
   }
 
   function showRecord(record) {
     setRecordVisibleData({ visible: true, customerId: record.customerId })
     setGVisibleData({ visible: false, customerId: '', realtyConsultant: '' })
+    setStatusVisibleData({ visible: false, customerId: '' })
+  }
+
+  function showStatus(record) {
+    setRecordVisibleData({ visible: false, customerId: '' })
+    setGVisibleData({ visible: false, customerId: '', realtyConsultant: '' })
+    setStatusVisibleData({ visible: true, customerId: record.customerId, status: record.status })
+  }
+  function toCustomerDateil(record) {
+    router.push({
+      pathname: '/customer/customerlist/customerDetail',
+      query: {
+        id: record.customerId,
+      },
+    });
   }
 
   const columns = [
       title: '头像',
       dataIndex: 'picture',
       key: 'picture',
-      render: (_, record) => <Avatar shape="square" src={customerType === 'private' ? record.picture : record.avatarurl } size={64} icon="user" />,
+      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></>,
+      render: (_, record) => <><sapn>{customerType === 'private' ? record.name : record.nickname}</sapn></>,
     },
     {
       title: '电话',
       dataIndex: 'sex',
       key: 'sex',
       // eslint-disable-next-line no-nested-ternary
-      render: (_, record) => <><sapn>{ record.sex === 1 ? '男' : record.sex === 2 ? '女' : '未知' }</sapn></>,
+      render: (_, record) => <><sapn>{record.sex === 1 ? '男' : record.sex === 2 ? '女' : '未知'}</sapn></>,
     },
     {
       title: '置业顾问',
       // eslint-disable-next-line no-nested-ternary
       render: (_, record) => (
         <>
-          <sapn>{ record.consultantName }</sapn>
-          <br/>
-          <sapn>{ record.consultTel }</sapn>
+          <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></>,
+      // eslint-disable-next-line no-nested-ternary
+      render: (_, record) => <><sapn>{record.reportRecommendStatus === 0 ? '为报备' : record.reportRecommendStatus === 1 ? '报备' : record.reportRecommendStatus === 2 ? '推荐' : ''}</sapn></>,
     },
     {
       title: '操作',
       // eslint-disable-next-line no-nested-ternary
       render: (_, record) => (
         <>
-          <Button className={ customerType === 'private' ? Styles.text : Styles.displayS } type="link">变更状态</Button>
+          <Button className={customerType === 'private' ? Styles.text : Styles.displayS} type="link" onClick={() => showStatus(record)}>变更状态</Button>
           &nbsp;&nbsp;
-          <Button className={ customerType === 'private' ? Styles.text : Styles.displayS } type="link" onClick={() => showGM(record)}>调整归属</Button>
-          <br/>
-          <Button className={ customerType === 'private' ? Styles.text : Styles.displayS } type="link">查看详情</Button>
+          <Button className={customerType === 'private' ? Styles.text : Styles.displayS} type="link" onClick={() => showGM(record)}>调整归属</Button>
+          <br />
+          <Button className={customerType === 'private' ? Styles.text : Styles.displayS} type="link" onClick={() => toCustomerDateil(record)}>查看详情</Button>
           &nbsp;&nbsp;
-          <Button className={ customerType === 'private' ? Styles.text : Styles.displayS } type="link" onClick={ () => showRecord(record) }>积分记录</Button>
+          <Button className={customerType === 'private' ? Styles.text : Styles.displayS} type="link" onClick={() => showRecord(record)}>积分记录</Button>
         </>
       ),
     },
           )}
         </Form.Item>
         <Form.Item>
-          <Button type="primary" htmlType="submit" className={Styles.SubmitButton}>
+          <Button type="danger" htmlType="submit" >
             搜索
           </Button>
         </Form.Item>
       </Form>
 
-       <div style={{ marginTop: '20px', marginBottom: '20px' }}>
+      <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.Button value="private">私客</Radio.Button>
+          <Radio.Button value="public">公客</Radio.Button>
         </Radio.Group>
-       </div>
+      </div>
       <Table dataSource={dataSource.records} columns={columns} pagination={{ total: dataSource.total, onChange }} />
 
-        {/* 调整归属 */}
-        <Attribution visibleData={gVisibleData} />
+      {/* 调整归属 */}
+      <Attribution visibleData={gVisibleData} />
+
+      {/* 积分记录 */}
+      <IntegralRecord visibleData={recordVisibleData} />
 
-        {/* 积分记录 */}
-        <IntegralRecord visibleData={recordVisibleData} />
+      {/* 变更状态 */}
+      <ChangeStatus visibleData={statusVisibleData} />
     </>
   );
 }

src/pages/customer/customerlist/style.less

 .displayS {
   display: none;
 }
+
+
+// 客户详情样式
+.cardBox{
+  display: flex;
+  .leftBox{
+    width:342px;
+    min-width:342px;
+    height:511px;
+    background:rgba(255,255,255,1);
+    box-shadow:0px 0px 16px 2px rgba(0,0,0,0.12);
+    border-radius:8px;
+    display: inline-block;
+    margin-right: 30px;
+    padding: 30px;
+    overflow: hidden;
+  }
+  .rightBox{
+    width:-webkit-fill-available;
+    height:511px;
+    min-width: 800px;
+    background:rgba(255,255,255,1);
+    box-shadow:0px 0px 16px 2px rgba(0,0,0,0.12);
+    border-radius:8px;
+    display: inline-block;
+    padding: 30px;
+    overflow: hidden;
+    position: relative;
+  }
+  .tit{
+    font-size:24px;
+    font-weight:600;
+    color:#222;
+    margin: 10px 0 0 0;
+  }
+  .touxiang{
+    width: 120px;
+    width: 120px;
+    border-radius: 6px;
+    margin: 30px 0 20px 0;
+  }
+  .infoItem{
+    color:#666;
+    font-size: 19px;
+    margin: 0 0 10px 0;
+    
+  }
+  .rightItem{
+    color:#666;
+    font-size: 19px;
+    margin: 0 0 15px 0;
+  }
+  .right{
+    position: absolute;
+    top:108px;
+    left:170px;
+  }
+  .rightInfo{
+    position: absolute;
+    top:50px;
+    left:50%;
+  }
+  
+}
+.recordBox{
+  width:100%;
+  background:rgba(255,255,255,1);
+  box-shadow:0px 0px 16px 2px rgba(0,0,0,0.12);
+  border-radius:8px;
+  margin-top: 30px;
+  padding: 30px;
+  .tableName{
+    font-size:24px;
+    font-weight:600;
+    color:#222;
+  }
+}
+

src/pages/customer/independentList/index.jsx

 import React, { useState, useEffect } from 'react';
-import { Form, Icon, Input, Button, DatePicker, Select, Card, Row, Col, Pagination, Alert, Table, Avatar } from 'antd';
+import { Form, Icon, Input, Button, DatePicker, Select, Card, Row, Col, Pagination, Alert, Table, Avatar, notification } from 'antd';
 import moment from 'moment';
 import request from '../../../utils/request';
 import apis from '../../../services/apis';
 const { Option } = Select;
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const { Meta } = Card;
+/**
+ * 推荐客户
+ */
+class ModalTable extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+       dataSource: { records: [] },
+       visibleData: { visible: false, customerId: '', realtyConsultant: '' },
+    }
+  }
+
+  // 挂载之后
+  componentDidMount() {
+    this.getList({ pageNumber: 1, pageSize: 5 })
+  }
+
+  componentDidUpdate(preProps, preState) {
+    if (this.props.visibleData.customerId !== preState.visibleData.customerId) {
+      this.getList({ pageNumber: 1, pageSize: 5 })
+      this.setState({ visibleData: this.props.visibleData });
+    }
+  }
+
+  // 弹框确定按钮
+  // eslint-disable-next-line react/sort-comp
+  handleOk() {
+    this.setState({ visibleData: { visible: false, customerId: '', realtyConsultant: '' } })
+  }
+
+  // 弹框取消按钮
+  handleCancel() {
+    this.setState({ visibleData: { visible: false, customerId: '', realtyConsultant: '' } })
+  }
+
+  getList(params) {
+    console.log('this.state.visibleData', this.state.visibleData)
+    const { customerId } = this.state.visibleData
+    if (customerId === '' || customerId === undefined) {
+      return
+    }
+    // 网路请求
+    const { url, method } = apis.customer.recommend
+    const tempUrl = url.substring(0, url.lastIndexOf('id')).concat(customerId)
+    // 网路请求
+    request({ url: tempUrl, method, params: { ...params } }).then(res => {
+      this.setState({ dataSource: res })
+    }).catch(err => {
+      // eslint-disable-next-line no-unused-expressions
+      <Alert
+        style={{
+          marginBottom: 24,
+        }}
+        message={err}
+        type="error"
+        showIcon
+      />
+    })
+  }
+
+   // 分页
+  onChange(pageNum) {
+    this.getList({ pageNumber: pageNum, pageSize: 5 })
+  }
+
+  render() {
+    const columns = [
+      {
+        title: '头像',
+        // eslint-disable-next-line jsx-a11y/alt-text
+        render: (text, records) => <img src={records.picture } width={50} height={50} />,
+      },
+      {
+        title: '用户名',
+        dataIndex: 'name',
+        key: 'name',
+      },
+      {
+        title: '电话',
+        dataIndex: 'phone',
+        key: 'phone',
+      },
+      {
+        title: '性别',
+        dataIndex: 'sex',
+        key: 'sex',
+        render: (text, records) => <span>{ records.sex === 1 ? '男' : '女' }</span>,
+      },
+      {
+        title: '意向项目',
+        dataIndex: 'intention',
+        key: 'intention',
+      },
+      {
+        title: '推荐时间',
+        dataIndex: 'createDate',
+        key: 'createDate',
+      },
+      {
+        title: '状态',
+        // eslint-disable-next-line consistent-return
+        render: (text, records) => {
+                                    if (records.status === 1) { return '报备' }
+                                    if (records.status === 2) { return '到访' }
+                                    if (records.status === 3) { return '认购' }
+                                    if (records.status === 4) { return '签约' }
+                                    if (records.verifyStatus === 1) { return '待审核' }
+                                    if (records.verifyStatus === 2) { return '审核同意' }
+                                    if (records.verifyStatus === 3) { return '签约' }
+                                  },
+      },
+    ]
+    return (
+      <>
+        <Modal
+            title="推荐客户"
+            destroyOnClose="true"
+            width={900}
+            footer={null}
+            visible={this.state.visibleData.visible}
+            // onOk={() => this.handleOk()}
+            onCancel={(e) => this.handleCancel(e)}
+          >
+            <Table dataSource={this.state.dataSource.records} columns={columns} pagination={{ total: this.state.dataSource.total, onChange: e => this.onChange(e) }} />
+          </Modal>
+      </>
+    );
+  }
+}
+
+
+/**
+ * 邀请客户
+ */
+class InviteTable extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+       dataSource: { records: [] },
+       visibleData: { visible: false, customerId: '', realtyConsultant: '' },
+    }
+  }
+
+  // 挂载之后
+  componentDidMount() {
+    const { customerId } = this.state.visibleData
+    this.getList({ id: customerId, pageNumber: 1, pageSize: 5 })
+  }
+
+  componentDidUpdate(preProps, preState) {
+    const { customerId } = this.state.visibleData
+    if (this.props.visibleData.customerId !== preState.visibleData.customerId) {
+      this.getList({ id: customerId, pageNumber: 1, pageSize: 5 })
+      this.setState({ visibleData: this.props.visibleData });
+    }
+  }
+
+  // 弹框确定按钮
+  // eslint-disable-next-line react/sort-comp
+  handleOk() {
+    this.setState({ visibleData: { visible: false, customerId: '', realtyConsultant: '' } })
+  }
+
+  // 弹框取消按钮
+  handleCancel() {
+    this.setState({ visibleData: { visible: false, customerId: '', realtyConsultant: '' } })
+  }
+
+  getList(params) {
+     const { customerId } = this.props.visibleData
+    if (customerId === '' || customerId === undefined) {
+      return
+    }
+    request({ ...apis.customer.InviteClientsList, params: { ...params } }).then(res => {
+      this.setState({ dataSource: res })
+    }).catch(err => {
+      // eslint-disable-next-line no-unused-expressions
+      <Alert
+        style={{
+          marginBottom: 24,
+        }}
+        message={err}
+        type="error"
+        showIcon
+      />
+    })
+  }
+
+   // 分页
+  onChange(pageNum) {
+    this.getList({ pageNumber: pageNum, pageSize: 5 })
+  }
+
+  render() {
+    const columns = [
+      {
+        title: '头像',
+        dataIndex: 'img',
+        key: 'img',
+        align: 'center',
+        render: (text, record) => <img src={record.avatarurl}  width = {50} height = {50}/>,
+      },
+      {
+        title: '用户姓名',
+        dataIndex: 'name',
+        key: 'name',
+        align: 'center',
+        render: text => <a>{text}</a>,
+      },
+      {
+        title: '电话',
+        dataIndex: 'tel',
+        key: 'tel',
+        align: 'center',
+      },
+      {
+        title: '性别',
+        dataIndex: 'sex',
+        key: 'sex',
+        align: 'center',
+        render: (text, list) => <span>{ list.sex === 1 ? '男' : '女' }</span>,
+      },
+    ]
+    return (
+      <>
+        <Modal
+            title="推荐客户"
+            destroyOnClose="true"
+            width={900}
+            footer={null}
+            visible={this.state.visibleData.visible}
+            // onOk={() => this.handleOk()}
+            onCancel={(e) => this.handleCancel(e)}
+          >
+            <Table dataSource={this.state.dataSource.records} columns={columns} pagination={{ total: this.state.dataSource.total, onChange: e => this.onChange(e) }} />
+          </Modal>
+      </>
+    );
+  }
+}
 
 /**
  *
- *
+ *主题列表
  * @param {*} props
  * @returns
  */
     getList({ pageNumber: 1, pageSize: 10 })
   }, [])
 
+
+  function openNotificationWithIcon(type, message) {
+    notification[type]({
+      message,
+      description:
+        '',
+    });
+  }
+
   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
-      />
+      openNotificationWithIcon('error', err)
     })
   }
 
       }
     });
   }
-
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const [gVisibleData, setGVisibleData] = useState({ visible: false, customerId: '', realtyConsultant: '' })
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const [gInviteData, setGInviteData] = useState({ visible: false, customerId: '', realtyConsultant: '' })
   // Change 事件
   function handleSelectChange(e) {
     // eslint-disable-next-line no-console
     console.log(e)
   }
+  function gM(row) {
+    setGVisibleData({ visible: true, customerId: row.personId, realtyConsultant: row.realtyConsultant })
+
+    setGInviteData({ visible: false })
+  }
+
+  function Invite(row) {
+    setGInviteData({ visible: true, customerId: row.personId, realtyConsultant: row.realtyConsultant })
+
+    setGVisibleData({ visible: false })
+  }
 
   // 分页
   function onChange(pageNum) {
             <>
               <sapn style={{ color: 'rgba(239,39,58,1)' }}>查看详细</sapn>
               &nbsp;&nbsp;&nbsp;&nbsp;
-              <sapn style={{ color: 'rgba(239,39,58,1)' }}>邀请经纪人</sapn>
+              <sapn style={{ color: 'rgba(239,39,58,1)' }} onClick={() => Invite(record)}>邀请经纪人</sapn>
               &nbsp;&nbsp;&nbsp;&nbsp;
-              <sapn style={{ color: 'rgba(239,39,58,1)' }}>推荐客户</sapn>
+              <sapn style={{ color: 'rgba(239,39,58,1)' }} onClick={() => gM(record)}>推荐客户</sapn>
             </>
           }
         </>
       </Form>
 
       <Table dataSource={dataSource.records} columns={columns} pagination={{ total: dataSource.total, onChange }} />
+            {/* 调整归属 */}
+        <ModalTable visibleData={gVisibleData} />
+        <InviteTable visibleData={gInviteData} />
     </>
   );
 }

src/pages/customer/recommendCustomer/index.jsx

       title: '推荐时间',
       dataIndex: 'createDate',
       key: 'createDate',
-      render: (_, record) => <><sapn>{ moment(record.createDate).format('YYYY-MM-DD') }</sapn></>,
+      render: (_, record) => <><sapn>{ record.createDate && moment(record.createDate).format('YYYY-MM-DD') }</sapn></>,
     },
     {
       title: '状态',

src/pages/integralMall/writeOff.jsx

 import React, { useState, useEffect } from 'react';
-import { Form, Input, Button, Icon, Tabs, Row, Col, message } from 'antd';
+import { Form, Input, Button, Icon, Tabs, Row, Col, Modal, message } from 'antd';
 import { FormattedMessage } from 'umi-plugin-react/locale';
 import styles from '../style/GoodsList.less';
 import router from 'umi/router';
 }
 
 /**
- *
- *
  * @param {*} props
  * @returns
  */
+class Dialog extends React.Component {
+  state = {
+    visible: false,
+  };
+
+  showModal = () => {
+    this.setState({ visible: true, });
+  };
+
+  handleCancel = () => {
+    this.setState({ visible: false });
+  };
+
+  onKeyDown = (e) => {
+
+    if (e.keyCode == 13) {
+      this.setState({ visible: false });
+      this.props.onEnter();
+    }
+  }
+
+  render() {
+    const { visible, loading } = this.state;
+    return (
+      <div>
+        <Button type="primary" onClick={this.showModal} style={{ margin: '80px auto', display: 'block', padding: '6px 46px', backgroundColor: '#EA2323', border: 'none' }}>立即核销</Button>
+        <Modal
+          style={{ marginTop: '20vh' }}
+          visible={visible}
+          title="核销数据"
+          onCancel={this.handleCancel}
+          footer={[]}
+        >
+          <p>扫描二维码数据</p>
+          <Input placeholder="请用扫描枪扫描二维码" onKeyDown={this.onKeyDown} onChange={this.props.onChange} />
+        </Modal>
+      </div>
+    );
+  }
+}
+
 
 function header(props) {
   const [telValue, setTelValue] = useState('')
+
   const changeTel = (e) => {
     setTelValue(e.target.value)
   }
 
-  const verifyTel = () =>{
-    if(telValue === ""){
+  const [codeValue, setCodeValue] = useState('')
+  const changeCode = (e) => {
+
+    setCodeValue(e.target.value)
+
+  }
+
+  const verifyTel = () => {
+    if (telValue === "") {
       message.error("请输入手机号");
       return;
     }
     });
   }
 
+
+  const handleEnter = (e) => {
+    if (codeValue === "") {
+      message.error("无二维码数据");
+      return;
+    } else {
+
+      router.push({
+        pathname: '/integralMall/verifyList',
+        query: {
+          telValue:codeValue
+        },
+      });
+    }
+  }
+
   const { getFieldDecorator } = props.form
   return (
     <>
               <p style={{ margin: '44px auto' }}>根据提示进行核销操作</p>
             </Col>
           </Row>
-          <Button type="primary" style={{ margin: '80px auto', display: 'block', padding: '6px 46px', backgroundColor: '#EA2323', border: 'none' }}>立即核销</Button>
+          <Dialog onEnter={handleEnter} onChange={changeCode} />
         </TabPane>
         <TabPane tab="手机号核销" key="2">
           <Row>
               <p>点击“立即核销”按钮</p>
             </Col>
           </Row>
-          <div style={{ margin: '110px auto', display: 'block',textAlign:'center' }}>
-            <Input placeholder="请输入手机号" style={{width:'200px'}} onChange={changeTel}/>
-            <Button type="primary" style={{marginLeft:'10px', padding: '6px 46px', backgroundColor: '#EA2323', border: 'none' }} onClick={verifyTel}>立即核销</Button>
+          <div style={{ margin: '110px auto', display: 'block', textAlign: 'center' }}>
+            <Input placeholder="请输入手机号" style={{ width: '200px' }} onChange={changeTel} />
+            <Button type="primary" style={{ marginLeft: '10px', padding: '6px 46px', backgroundColor: '#EA2323', border: 'none' }} onClick={verifyTel}>立即核销</Button>
           </div>
         </TabPane>
       </Tabs>,
     </>
   )
 }
+
 const WrappedHeader = Form.create({ name: 'header' })(header);
 
+
 export default WrappedHeader

src/pages/news/list/NewsList.jsx

 import React, { useState, useEffect } from 'react';
-import { Form, Icon, Input, Button, DatePicker, Select, Card, Row, Col, Pagination, Alert } from 'antd';
+import { Form, Icon, Input, Button, DatePicker, Select, Modal, message, Card, Row, Col, Pagination, Alert } from 'antd';
 import moment from 'moment';
+import router from 'umi/router';
 import request from '../../../utils/request';
 import apis from '../../../services/apis';
 import Styles from './style.less';
+import NewsTypeSelect from '../../../components/SelectButton/NewTypeSelect'
+import BuildSelect from '../../../components/SelectButton/BuildSelect'
+import SelectCity from '../../../components/SelectButton/CitySelect'
 
 
 const { Option } = Select;
 
 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({ 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) {
+        console.log('提交数据: ', values)
+        const { startDate } = values
+        getList({ pageNum: 1, pageSize: 6, ...values })
+      }
+    });
+  }
+
+  // 跳转到编辑资讯列表
+  const toEditList = (id) => ()  => {
+    router.push({
+      pathname: '/news/list/editNewsList',
+      query: {
+        id
+      },
+    });
+  }
+
+
+
 /**
  *卡片
  *
  */
 function CartBody(props) {
   const { data } = props
-  console.log(props);
+  console.log(data);
+  const cancelPage = () =>{
+    router.push({
+      pathname: '/news/list/NewsList',
+    });
+  }
+
+  //删除资讯
+  const changeNewsListStatus = (newsId) => () => {
+    Modal.confirm({
+      title: '确认删除该资讯？',
+      okText: '确认',
+      cancelText: '取消',
+      onOk() {
+        request({
+          url: '/api/admin/taNews/' + newsId,
+          method: 'DELETE',
+          // data: { ...row },
+        }).then((data) => {
+          message.info('操作成功！')
+          getList({ pageNum: 1, pageSize: 10 });
+        })
+      }
+    });
+  }
+
+  // 跳转到编辑资讯列表
+  const toEditList = (newsId) => ()  => {
+    router.push({
+      pathname: '/news/list/editNewsList',
+      query: {
+        newsId
+      },
+    });
+  } 
+
+  function cancelRelease (newsId, newsStatus, buildingId,newsTypeId) {
+    console.log("newsId" + newsId + "status" + newsStatus);
+    if (newsStatus === 1){
+      Modal.confirm({
+        title: '确认取消该资讯？',
+        okText: '确认',
+        cancelText: '取消',
+        onOk () {
+          request({
+            url: '/api/admin/taNews/' + newsId,
+            method: 'PUT',
+            data: { "newsStatus": newsStatus, "buildingId":buildingId, "newsTypeId":newsTypeId },
+          }).then((data) => {
+            message.info('操作成功！')
+            getList({ pageNum: 1, pageSize: 10 });
+          })
+        },
+        onCancel () {
+          console.log('Cancel');
+        },
+      });
+    }else if (newsStatus === 0){
+      Modal.confirm({
+        title: '确认发布该资讯？',
+        okText: '确认',
+        cancelText: '取消',
+        onOk () {
+          request({
+            url: '/api/admin/taNews/' + newsId,
+            method: 'PUT',
+            data: { "newsStatus": newsStatus, "buildingId":buildingId, "newsTypeId":newsTypeId },
+          }).then((data) => {
+            message.info('操作成功！')
+            getList({ pageNum: 1, pageSize: 10 });
+          })
+        },
+        onCancel () {
+          console.log('Cancel');
+        },
+      });
+    }  
+  }
+
   return (
           <Card
             hoverable
             <p className={Styles.cardText}>
               <span className={Styles.title}>资讯类型</span>
               <span >：{ data.newsType.newsTypeName }</span>
-              <span className={Styles.ediText}>
+              <span className={Styles.ediText} onClick={toEditList(data.newsId)}>
                 编辑
                 <Icon type="form" style={{ color: '#C0C4CC', marginLeft: '10px' }} />
               </span>
             </p>
             <p className={Styles.cardText}>
               <span className={Styles.title}>状态</span>
-              <span >：{ data.status == 0 ? "已发布" : "未发布" }</span>
+              <span >：{ data.newsStatus == 0 ? "已发布" : "未发布" }</span>
             </p>
             <p className={Styles.cardItem}>
               <span className={Styles.title}>阅读数量</span>
             </p>
             <p className={Styles.cardItem}>
               <span className={Styles.title}>转发数量</span>
-              <span className={ Styles.address }>：{ data.shareNum }</span>
+              <span>：{ data.shareNum }</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' }} />
+              {data.newsStatus === 0 ? 
+              <span style={{ color: '#1990FF' }} onClick={cancelRelease.bind(this,data.newsId, 1, data.buildingId, data.newsType.newsTypeId)}>
+              取消发布
+              <Icon type="close-circle" style={{ color: '#C0C4CC', marginLeft: '8px' }} />
+              </span>:
+              <span style={{ color: '#1990FF' }} onClick={cancelRelease.bind(this,data.newsId, 0, data.buildingId, data.newsType.newsTypeId)}>
+              发布
+              <Icon type="close-circle" style={{ color: '#C0C4CC', marginLeft: '8px' }} />
               </span>
+              }
+              
               <span style={{
                 color: '#FF4A4A', position: 'absolute', right: '0',
-              }} >
+              }} onClick={changeNewsListStatus(data.newsId)}>
                 删除
                 <Icon type="rest" style={{ color: '#C0C4CC', marginLeft: '8px' }} />
               </span>
   )
 }
 
-/**
- *
- *
- * @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) {
   // 分页
   function onChange(pageNumber) {
     // eslint-disable-next-line react-hooks/rules-of-hooks
-      getList({ pageNum: pageNumber, pageSize: 9 })
+      getList({ pageNum: pageNumber, pageSize: 6 })
   }
 
   function getDate(value, dateString) {
       <Form layout="inline" onSubmit={e => handleSubmit(e, props)}>
 
         <Form.Item>
-          {getFieldDecorator('city')(
-            <Select style={{ width: '180px' }} placeholder="请选择城市" onChange={handleSelectChange}>
-            </Select>,
+          {getFieldDecorator('cityId')(
+            <SelectCity />,  
           )}
         </Form.Item>
-
         <Form.Item>
-          {getFieldDecorator('project')(
-            <Select style={{ width: '180px' }} placeholder="请选择项目" onChange={handleSelectChange}>
-            </Select>,
-          )}
+          {getFieldDecorator('buildingId')(
+              <BuildSelect />,
+            )}
         </Form.Item>
         <Form.Item>
           {getFieldDecorator('title')(
           )}
         </Form.Item>
         <Form.Item>
-          {getFieldDecorator('type')(
-            <Select style={{ width: '180px' }} placeholder="咨询类型" onChange={handleSelectChange}>
-            </Select>,
+          {getFieldDecorator('newsTypeId')(
+            <NewsTypeSelect />,
           )}
         </Form.Item>       
         <Form.Item>
           {getFieldDecorator('newsStatus')(
-            <Select style={{ width: '180px' }} placeholder="状态" onChange={handleSelectChange}>
+            <Select style={{ width: '180px' }} placeholder="状态">
               <Option value="0">已发布</Option>
               <Option value="1">未发布</Option>
             </Select>,
           </Button>
         </Form.Item>
       </Form>
-      <Button type="primary" className={Styles.addButton}>
+      <Button type="primary" className={Styles.addButton} onClick={toEditList()}>
         新增
       </Button>
 

src/pages/news/list/editNewsList.jsx

+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 NewsTypeSelect from '../../../components/SelectButton/NewTypeSelect'
+import XForm, { FieldTypes } from '../../../components/XForm';
+import Wangedit from '../../../components/Wangedit/Wangedit'
+import request from '../../../utils/request'
+
+const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
+/**
+ *
+ *
+ * @param {*} props
+ * @returns
+ */
+ const Edit = (props) => {
+  const [ tab, changeTab ] = useState('basic')
+  const newsId = props.location.query.newsId
+  const [ dynamicData, setDynamicData ] = useState({})
+  if(newsId){
+    useEffect(() => {
+      getDynamicData(newsId);
+    },[])
+
+  // 查询列表
+  const getDynamicData = (newsId) => {
+    request({
+        url: '/api/admin/taNews/' + newsId,
+        method: 'GET',
+        params: { newsId },
+    }).then((data) => {
+        console.log(data)
+        setDynamicData(data)
+    })
+  }
+  }
+
+  const cancelPage = () =>{
+    router.push({
+      pathname: '/news/list/NewsList',
+    });
+  }
+
+  const Basic = (props) => {
+    const fields = [
+      {
+        label: '意向项目',
+        name: 'buildingId',
+        render: <BuildSelect />,
+        value: dynamicData.buildingId,
+        rules: [
+          {required: true, message: '请选择所属项目'},
+        ]
+      },
+      {
+        label: '资讯图片',
+        name: 'newsImg',
+        type: FieldTypes.ImageUploader,
+        value: dynamicData.newsImg,
+      },
+      {
+        label: '资讯标题',
+        name: 'newsName',
+        type: FieldTypes.Text,
+        value: dynamicData.newsName,
+        rules: [
+          {required: true, message: '请输入资讯标题'},
+        ]
+      },
+      {
+        label: '资讯类型',
+        name: 'newsTypeId',
+        render: <NewsTypeSelect />,
+        value: dynamicData.newsTypeId,
+        rules: [
+          {required: true, message: '请选择资讯类型'},
+        ]
+      },
+      {
+        label: '资讯详情',
+        name: 'desc',
+        render: <Wangedit />,
+        value: dynamicData.desc,
+      },
+    ]
+  
+    const handleSubmit = val => { 
+      let {...submitValue} = val
+      if(newsId){
+        submitValue.newsId = newsId
+        request({
+          url: '/api/admin/taNews/' + newsId,
+          method: 'PUT',
+          data: submitValue,
+        }).then((data) => {
+          cancelPage()
+        }).catch((err) => {
+          message.info(err.msg || err.message)
+        })
+      }else{
+        request({
+          url: '/api/admin/taNews',
+          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) => {
+   return <div>Poster</div>
+  }
+ 
+  const Share = (props) => {
+    return <div>Share</div>
+  }
+
+  return (
+    <div>
+      <div>
+        <Radio.Group value={tab} buttonStyle="solid" onChange={e => changeTab(e.target.value)}>
+          <Radio.Button value="basic">基本信息</Radio.Button>
+          <Radio.Button value="poster">海报图片</Radio.Button>
+          <Radio.Button value="share">分享设置</Radio.Button>
+        </Radio.Group>
+      </div>
+      <div>
+        { tab === 'basic' && <Basic /> }
+        { tab === 'poster' && <Poster /> }
+        { tab === 'share' && <Share /> }
+      </div>
+    </div>
+  );
+ }
+
+
+
+export default Edit

src/pages/news/type/NewsType.jsx

   }
 
 
-  // 跳转到编辑咨询
+  // 跳转到编辑资讯
   const toEditNews = (id) => () => {
     router.push({
       pathname: '/news/type/editNews',

src/pages/system/messageList.jsx

+import React, { useState, useEffect } from 'react';
+import { Form, Input, Button, Icon, Select, message, Table, Divider, Tag, Pagination, Modal, DatePicker } from 'antd';
+import { FormattedMessage } from 'umi-plugin-react/locale';
+import styles from '../style/GoodsList.less';
+import router from 'umi/router';
+import moment from 'moment';
+import SelectCity from '../../components/SelectButton/CitySelect'
+import BuildSelect from '../../components/SelectButton/BuildSelect'
+
+import request from '../../utils/request'
+
+const { Option } = Select;
+const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
+
+const header = (props) => {
+  const [ data, setData ] = useState({})
+//   const [page, changePage] = useState({})
+
+  useEffect(() => {
+    getList({ pageNum: 1, pageSize: 10 });
+  },[])
+
+  // 查询列表
+  const getList = (params) => {
+    request({
+        url: '/api/admin/taCustomerMessage',
+        method: 'GET',
+        params: { ...params },
+    }).then((data) => {
+        console.log(data)
+        setData(data)
+    })
+  }
+
+  const columns = [
+    {
+      title: '电话号码',
+      dataIndex: 'phone',
+      key: 'phone',
+      align: 'center',
+    },
+    {
+      title: '留言内容',
+      dataIndex: 'message',
+      key: 'message',
+      align: 'center',
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createDate',
+      key: 'createDate',
+      align: 'center',
+      render: (x, row) => <><span>{moment(row.createDate).format('YYYY-MM-DD')}</span></>
+    },
+  ];
+   
+  
+  const changePageNum = (pageNumber) => {
+      getList({ pageNum: pageNumber, pageSize: 10 })
+  }
+ 
+
+  const { getFieldDecorator } = props.form
+  return (
+
+    <>
+      <Table dataSource={data.records} columns={columns} pagination={false}/>
+      <div style={{ display: 'flex', justifyContent: 'flex-end', marginTop: '30px' }}>
+        <Pagination showQuickJumper defaultCurrent={1} total={data.total} onChange={changePageNum} />
+      </div>
+    </>
+  )
+}
+const WrappedHeader = Form.create({ name: 'header' })(header);
+
+export default WrappedHeader

src/pages/system/report.jsx

+import React, { useState, useEffect } from 'react';
+import { Form, Input, Button, Icon, Select, Tabs, Radio, DatePicker,message,Checkbox } 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;
+/**
+ *
+ *
+ * @param {*} props
+ * @returns
+ */
+ const Edit = (props) => {
+  const [ data, setData ] = useState([])
+  const [ checkData, setCheckData ] = useState([])
+
+  useEffect(() => {
+    getReportList();
+    getCheckedList();
+  },[])
+
+  // 查询数据
+  const getReportList = () => {
+    request({
+        url: '/api/admin/tdReports',
+        method: 'GET',
+    }).then((data) => {
+        setData((data.records || []).map(x => ({label: x.reportName, value: x.reportCode}) ))
+    })
+  }
+
+  const getCheckedList = () => {
+    request({
+      url: '/api/admin/taBuildingReports',
+      method: 'GET',
+    }).then((data) => {
+      setCheckData((data.records || []).map((x) => x.reportCode))
+    })
+  }
+   
+  const onChange = (checkedValues) => {
+    console.log('checked = ', checkedValues);
+    setCheckData(checkedValues)
+  }
+
+  const saveCheckedReport = () => {
+    console.log(checkData)
+    request({
+      url: '/api/admin/taBuildingReport/add',
+      method: 'POST',
+      data: {list: checkData}
+    }).then((data) => {
+      message.info("保存成功")
+    })
+  }
+
+  return (
+    <>
+      <Checkbox.Group options={data} value={checkData} onChange={onChange} />
+      <Button type="primary" className={styles.searchBtn} onClick={saveCheckedReport}>提交</Button>
+    </>
+  );
+ }
+
+
+
+export default Edit

src/services/apis.js

       method: 'GET',
       url: `${prefix}/buildinglist`,
     },
+    buildingApartment: {
+      method: 'GET',
+      url: `${prefix}/buildingApartment/buildingId/id`,
+    },
   },
   buildingType: {
     getList: {
       method: 'GET',
       url: `${prefix}/mine/taPointsRecords/id`,
     },
+    recommend: {
+      method: 'GET',
+      url: `${prefix}/customer/recommend/id`,
+    },
+    InviteClientsList: {
+      method: 'GET',
+      url: `${prefix}/channel/InviteClientsList`,
+    },
+    CustomerRecommendGet: {
+      method: 'GET',
+      url: `${prefix}/customer/recommend/get/id`,
+    },
   },
 }