manage

estateagents-admin-manager/src/components/HeaderSearch/index.jsx

@@ -0,0 +1,132 @@
+import { AutoComplete, Icon, Input } from 'antd';
+import React, { Component } from 'react';
+import classNames from 'classnames';
+import debounce from 'lodash/debounce';
+import styles from './index.less';
+export default class HeaderSearch extends Component {
+  static defaultProps = {
+    defaultActiveFirstOption: false,
+    onPressEnter: () => {},
+    onSearch: () => {},
+    onChange: () => {},
+    className: '',
+    placeholder: '',
+    dataSource: [],
+    defaultOpen: false,
+    onVisibleChange: () => {},
+  };
+
+  static getDerivedStateFromProps(props) {
+    if ('open' in props) {
+      return {
+        searchMode: props.open,
+      };
+    }
+
+    return null;
+  }
+
+  inputRef = null;
+
+  constructor(props) {
+    super(props);
+    this.state = {
+      searchMode: props.defaultOpen,
+      value: '',
+    };
+    this.debouncePressEnter = debounce(this.debouncePressEnter, 500, {
+      leading: true,
+      trailing: false,
+    });
+  }
+
+  onKeyDown = e => {
+    if (e.key === 'Enter') {
+      this.debouncePressEnter();
+    }
+  };
+  onChange = value => {
+    if (typeof value === 'string') {
+      const { onSearch, onChange } = this.props;
+      this.setState({
+        value,
+      });
+
+      if (onSearch) {
+        onSearch(value);
+      }
+
+      if (onChange) {
+        onChange(value);
+      }
+    }
+  };
+  enterSearchMode = () => {
+    const { onVisibleChange } = this.props;
+    onVisibleChange(true);
+    this.setState(
+      {
+        searchMode: true,
+      },
+      () => {
+        const { searchMode } = this.state;
+
+        if (searchMode && this.inputRef) {
+          this.inputRef.focus();
+        }
+      },
+    );
+  };
+  leaveSearchMode = () => {
+    this.setState({
+      searchMode: false,
+      value: '',
+    });
+  };
+  debouncePressEnter = () => {
+    const { onPressEnter } = this.props;
+    const { value } = this.state;
+    onPressEnter(value);
+  };
+
+  render() {
+    const { className, placeholder, open, ...restProps } = this.props;
+    const { searchMode, value } = this.state;
+    delete restProps.defaultOpen; // for rc-select not affected
+
+    const inputClass = classNames(styles.input, {
+      [styles.show]: searchMode,
+    });
+    return (
+      <span
+        className={classNames(className, styles.headerSearch)}
+        onClick={this.enterSearchMode}
+        onTransitionEnd={({ propertyName }) => {
+          if (propertyName === 'width' && !searchMode) {
+            const { onVisibleChange } = this.props;
+            onVisibleChange(searchMode);
+          }
+        }}
+      >
+        <Icon type="search" key="Icon" />
+        <AutoComplete
+          key="AutoComplete"
+          {...restProps}
+          className={inputClass}
+          value={value}
+          onChange={this.onChange}
+        >
+          <Input
+            ref={node => {
+              this.inputRef = node;
+            }}
+            aria-label={placeholder}
+            placeholder={placeholder}
+            onKeyDown={this.onKeyDown}
+            onBlur={this.leaveSearchMode}
+          />
+        </AutoComplete>
+      </span>
+    );
+  }
+}

estateagents-admin-manager/src/components/HeaderSearch/index.less

@@ -0,0 +1,32 @@
+@import '~antd/es/style/themes/default.less';
+
+.headerSearch {
+  :global(.anticon-search) {
+    font-size: 16px;
+    cursor: pointer;
+  }
+  .input {
+    width: 0;
+    background: transparent;
+    border-radius: 0;
+    transition: width 0.3s, margin-left 0.3s;
+    :global(.ant-select-selection) {
+      background: transparent;
+    }
+    input {
+      padding-right: 0;
+      padding-left: 0;
+      border: 0;
+      box-shadow: none !important;
+    }
+    &,
+    &:hover,
+    &:focus {
+      border-bottom: 1px solid @border-color-base;
+    }
+    &.show {
+      width: 210px;
+      margin-left: 8px;
+    }
+  }
+}

estateagents-admin-manager/src/components/HouseSelect/ApartmentSelect.jsx

@@ -0,0 +1,64 @@
+import React, { useState, useEffect, useRef } from 'react';
+import { Select } from 'antd';
+import apis from '../../services/apis';
+import request from '../../utils/request'
+
+const { Option } = Select;
+
+function usePrevious(props) {
+  const ref = useRef();
+  useEffect(() => {
+    ref.current = props;
+  });
+  return ref.current;
+}
+
+/**
+ *
+ *
+ * @param {*} props
+ * @returns
+ */
+const ApartmentSelect = props => {
+  const [data, setData] = useState([])
+  const [value, setValue] = useState([])
+  useEffect(() => {
+    getList();
+  }, [props.value])
+
+
+  const getList = e => {
+    request({ ...apis.house.apartmentList, params: { pageNum: 1, pageSize: 999, buildingId: props.buildingId} }).then(data => {
+        setData(data.records)
+        checkValue(data.records)
+        // 默认选中第一个
+    })
+  }
+
+
+  const checkValue = (data) => {
+    if (props.value) {
+      const tempData = data.filter(f => f.apartmentId == props.value)
+      const va = (tempData.length > 0) ? props.value : '已删除，请重新选择'
+      props.onChange(va)
+
+    }
+  }
+
+  return (
+      <Select
+      showSearch
+      value={props.value}
+      style={{ width: '300px' }}
+      placeholder="请选择户型"
+      onChange={props.onChange}
+      filterOption={(input, option) =>
+        option.props.children && option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
+      }>
+          {data.map(apartment => (
+            <Option key={apartment.apartmentId} value={apartment.apartmentId}>{apartment.apartmentName}</Option>
+          ))}
+      </Select>
+  )
+}
+export default ApartmentSelect

estateagents-admin-manager/src/components/HouseSelect/BlockSelect.jsx

@@ -0,0 +1,64 @@
+import React, { useState, useEffect, useRef } from 'react';
+import { Select } from 'antd';
+import apis from '../../services/apis';
+import request from '../../utils/request'
+
+const { Option } = Select;
+
+function usePrevious(props) {
+  const ref = useRef();
+  useEffect(() => {
+    ref.current = props;
+  });
+  return ref.current;
+}
+
+/**
+ *
+ *
+ * @param {*} props
+ * @returns
+ */
+const BlockSelect = props => {
+  const [data, setData] = useState([])
+  const [value, setValue] = useState([])
+  useEffect(() => {
+    getList();
+  }, [props.value])
+
+
+  const getList = e => {
+    request({ ...apis.house.block, params: { pageNum: 1, pageSize: 999, buildingId: props.buildingId} }).then(data => {
+        setData(data.records)
+        checkValue(data.records)
+        // 默认选中第一个
+    })
+  }
+
+
+  const checkValue = (data) => {
+    if (props.value) {
+      const tempData = data.filter(f => f.buildingId == props.value)
+      const va = (tempData.length > 0) ? props.value : '已删除，请重新选择'
+      props.onChange(va)
+
+    }
+  }
+
+  return (
+      <Select
+      showSearch
+      value={props.value}
+      style={{ width: '300px' }}
+      placeholder="请选择楼栋"
+      onChange={props.onChange}
+      filterOption={(input, option) =>
+        option.props.children && option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
+      }>
+          {data.map(block => (
+            <Option key={block.blockId} value={block.blockId}>{block.blockName}</Option>
+          ))}
+      </Select>
+  )
+}
+export default BlockSelect

estateagents-admin-manager/src/components/HouseSelect/FloorSelect.jsx

@@ -0,0 +1,64 @@
+import React, { useState, useEffect, useRef } from 'react';
+import { Select } from 'antd';
+import apis from '../../services/apis';
+import request from '../../utils/request'
+
+const { Option } = Select;
+
+function usePrevious(props) {
+  const ref = useRef();
+  useEffect(() => {
+    ref.current = props;
+  });
+  return ref.current;
+}
+
+/**
+ *
+ *
+ * @param {*} props
+ * @returns
+ */
+const FloorSelect = props => {
+  const [data, setData] = useState([])
+  const [value, setValue] = useState([])
+  useEffect(() => {
+    getList();
+  }, [props.value])
+
+
+  const getList = e => {
+    request({ ...apis.house.floor, params: { pageNum: 1, pageSize: 999, buildingId: props.buildingId, blockId: props.blockId, unitId: props.unitId} }).then(data => {
+        setData(data.records)
+        checkValue(data.records)
+        // 默认选中第一个
+    })
+  }
+
+
+  const checkValue = (data) => {
+    if (props.value) {
+      const tempData = data.filter(f => f.buildingId == props.value)
+      const va = (tempData.length > 0) ? props.value : '已删除，请重新选择'
+      props.onChange(va)
+
+    }
+  }
+
+  return (
+      <Select
+      showSearch
+      value={props.value}
+      style={{ width: '300px' }}
+      placeholder="请选择楼层"
+      onChange={props.onChange}
+      filterOption={(input, option) =>
+        option.props.children && option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
+      }>
+          {data.map(floor => (
+            <Option key={floor.floorId} value={floor.floorId}>{floor.floorName}</Option>
+          ))}
+      </Select>
+  )
+}
+export default FloorSelect

estateagents-admin-manager/src/components/HouseSelect/RoomSelect.jsx

@@ -0,0 +1,64 @@
+import React, { useState, useEffect, useRef } from 'react';
+import { Select } from 'antd';
+import apis from '../../services/apis';
+import request from '../../utils/request'
+
+const { Option } = Select;
+
+function usePrevious(props) {
+  const ref = useRef();
+  useEffect(() => {
+    ref.current = props;
+  });
+  return ref.current;
+}
+
+/**
+ *
+ *
+ * @param {*} props
+ * @returns
+ */
+const RoomSelect = props => {
+  const [data, setData] = useState([])
+  const [value, setValue] = useState([])
+  useEffect(() => {
+    getList();
+  }, [props.value])
+
+
+  const getList = e => {
+    request({ ...apis.house.room, params: { pageNum: 1, pageSize: 999, buildingId: props.buildingId, blockId: props.blockId, unitId: props.unitId, floorId: props.floorId} }).then(data => {
+        setData(data.records)
+        checkValue(data.records)
+        // 默认选中第一个
+    })
+  }
+
+
+  const checkValue = (data) => {
+    if (props.value) {
+      const tempData = data.filter(f => f.buildingId == props.value)
+      const va = (tempData.length > 0) ? props.value : '已删除，请重新选择'
+      props.onChange(va)
+
+    }
+  }
+
+  return (
+      <Select
+      showSearch
+      value={props.value}
+      style={{ width: '300px' }}
+      placeholder="请选择房号"
+      onChange={props.onChange}
+      filterOption={(input, option) =>
+        option.props.children && option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
+      }>
+          {data.map(room => (
+            <Option key={room.roomId} value={room.roomId}>{room.roomName}</Option>
+          ))}
+      </Select>
+  )
+}
+export default RoomSelect

estateagents-admin-manager/src/components/HouseSelect/SalesBatchSelect.jsx

@@ -0,0 +1,64 @@
+import React, { useState, useEffect, useRef } from 'react';
+import { Select } from 'antd';
+import apis from '../../services/apis';
+import request from '../../utils/request'
+
+const { Option } = Select;
+
+function usePrevious(props) {
+  const ref = useRef();
+  useEffect(() => {
+    ref.current = props;
+  });
+  return ref.current;
+}
+
+/**
+ *
+ *
+ * @param {*} props
+ * @returns
+ */
+const SalesBatchSelect = props => {
+  const [data, setData] = useState([])
+  const [value, setValue] = useState([])
+  useEffect(() => {
+    getList();
+  }, [props.value])
+
+
+  const getList = e => {
+    request({ ...apis.house.apartmentList, params: { pageNum: 1, pageSize: 999, buildingId: props.buildingId} }).then(data => {
+        setData(data.records)
+        checkValue(data.records)
+        // 默认选中第一个
+    })
+  }
+
+
+  const checkValue = (data) => {
+    if (props.value) {
+      const tempData = data.filter(f => f.apartmentId == props.value)
+      const va = (tempData.length > 0) ? props.value : '已删除，请重新选择'
+      props.onChange(va)
+
+    }
+  }
+
+  return (
+      <Select
+      showSearch
+      value={props.value}
+      style={{ width: '300px' }}
+      placeholder="请选择批次"
+      onChange={props.onChange}
+      filterOption={(input, option) =>
+        option.props.children && option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
+      }>
+          {data.map(apartment => (
+            <Option key={apartment.apartmentId} value={apartment.apartmentId}>{apartment.apartmentName}</Option>
+          ))}
+      </Select>
+  )
+}
+export default SalesBatchSelect

estateagents-admin-manager/src/components/HouseSelect/UnitSelect.jsx

@@ -0,0 +1,64 @@
+import React, { useState, useEffect, useRef } from 'react';
+import { Select } from 'antd';
+import apis from '../../services/apis';
+import request from '../../utils/request'
+
+const { Option } = Select;
+
+function usePrevious(props) {
+  const ref = useRef();
+  useEffect(() => {
+    ref.current = props;
+  });
+  return ref.current;
+}
+
+/**
+ *
+ *
+ * @param {*} props
+ * @returns
+ */
+const UnitSelect = props => {
+  const [data, setData] = useState([])
+  const [value, setValue] = useState([])
+  useEffect(() => {
+    getList();
+  }, [props.value])
+
+
+  const getList = e => {
+    request({ ...apis.house.unit, params: { pageNum: 1, pageSize: 999, buildingId: props.buildingId, blockId: props.blockId} }).then(data => {
+        setData(data.records)
+        checkValue(data.records)
+        // 默认选中第一个
+    })
+  }
+
+
+  const checkValue = (data) => {
+    if (props.value) {
+      const tempData = data.filter(f => f.buildingId == props.value)
+      const va = (tempData.length > 0) ? props.value : '已删除，请重新选择'
+      props.onChange(va)
+
+    }
+  }
+
+  return (
+      <Select
+      showSearch
+      value={props.value}
+      style={{ width: '300px' }}
+      placeholder="请选择单元"
+      onChange={props.onChange}
+      filterOption={(input, option) =>
+        option.props.children && option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
+      }>
+          {data.map(unit => (
+            <Option key={unit.unitId} value={unit.unitId}>{unit.unitName}</Option>
+          ))}
+      </Select>
+  )
+}
+export default UnitSelect

estateagents-admin-manager/src/components/MiniQRCode/index.jsx

@@ -0,0 +1,166 @@
+import React, { PureComponent } from 'react'
+import PropTypes from 'prop-types'
+import classNames from 'classnames'
+import { Button, Modal, Tooltip } from 'antd'
+import { fetch, apis } from '../../utils/request'
+
+import Style from './style.less'
+
+const fetchQRCode = fetch(apis.image.qrcode)
+
+function encodeParam (o) {
+  return Object.keys(o).map((k) => {
+    const v = encodeURIComponent(o[k] || '')
+    return `${k}=${v}`
+  }).join('&')
+}
+
+class MiniQRCode extends PureComponent {
+  constructor(props) {
+    super(props)
+
+    this.state = {
+      previewVisible: false,
+      qrcode: undefined,
+      loading: false,
+    }
+  }
+
+  componentDidMount() {
+    if (this.props.targetId && this.props.value) {
+      const params = this.getQRCodeParams(this.props)
+
+      if (!params) return;
+
+      this.setState({
+        qrcode: {
+          img: this.props.value,
+          params,
+        }
+      })
+    }
+  }
+
+  componentDidUpdate(prevProps) {
+    const preParams = this.getQRCodeParams(prevProps)
+    const curParams = this.getQRCodeParams(this.props)
+
+    // 需要重新生成二维码
+    if (preParams !== curParams) {
+      this.createQRCode()
+      return
+    }
+
+    // 如果 value 有了更新
+    const { img } = this.state.qrcode || {}
+    if (prevProps.value !== this.props.value && this.props.value !== img) {
+      this.setState({
+        qrcode: {
+          img: this.props.value,
+          params: curParams,
+        }
+      })
+    }
+  }
+
+  getQRCodeParams = (props) => {
+    const { targetId, sceneParams = {}, page, params = {} } = props
+
+    if (!targetId || !page) {
+      return;
+    }
+
+    const sceneObj = {
+      id: targetId,
+      ...sceneParams,
+    }
+
+    return JSON.stringify({
+      scene: encodeParam(sceneObj),
+      page,
+      ...params,
+    })
+  }
+
+  createQRCode = () => {
+    const params = this.getQRCodeParams(this.props)
+
+    if (!params) {
+      return;
+    }
+
+    this.setState({ loading: true }, () => {
+      fetchQRCode({ data: { params } }).then((img) => {
+        this.setState({ qrcode: { img, params }, loading: false }, () => {
+          if (this.props.onChange) {
+            this.props.onChange(img)
+          }
+        })
+      })
+    })
+  }
+
+  handleThumbClick = () => {
+    this.setState({ previewVisible: true })
+  }
+
+  handleCancel = () => {
+    this.setState({ previewVisible: false })
+  }
+
+  handleBtnClick = () => {
+    this.createQRCode()
+  }
+
+  render() {
+    const { loading, qrcode = {}, previewVisible } = this.state
+    const { className, style, size } = this.props
+    const icon = !qrcode.img ? 'plus' : 'redo'
+    const btnText = !qrcode.img ? '生成' : '重新生成'
+    const clsList = classNames(Style.miniQRCode, className)
+    const styleUsed = style || {}
+    const thumbSize = size || 120
+    const thumbStyle = {
+      width: `${thumbSize}px`,
+      height: `${thumbSize}px`,
+    }
+    const btnSize = thumbSize > 96 ? 'default' : 'small'
+
+    return (
+      <div className={clsList} style={styleUsed}>
+        {
+          qrcode.img && (
+            <Tooltip title={qrcode.params}>
+              <div className={Style.thumb} onClick={this.handleThumbClick} style={thumbStyle}>
+                <img src={qrcode.img} alt=""/>
+              </div>
+            </Tooltip>
+          )
+        }
+        <div className={Style.body}>
+          <Button loading={loading} size={btnSize} icon={icon} onClick={this.handleBtnClick}>{btnText}</Button>
+        </div>
+        <Modal visible={previewVisible} footer={null} onCancel={this.handleCancel}>
+          <img alt="preview" style={{ width: '100%' }} src={qrcode.img} />
+        </Modal>
+      </div>
+    );
+  }
+}
+
+MiniQRCode.propTypes = {
+  value: PropTypes.string,
+  onChange: PropTypes.func,
+  targetId: PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.number,
+  ]),
+  page: PropTypes.string,
+  sceneParams: PropTypes.object,
+  params: PropTypes.object,
+  className: PropTypes.string,
+  style: PropTypes.object,
+  size: PropTypes.number,
+}
+
+export default MiniQRCode

estateagents-admin-manager/src/components/MiniQRCode/style.less

@@ -0,0 +1,20 @@
+.miniQRCode {
+  background: transparent;
+  display: flex;
+  align-items: center;
+
+  .thumb {
+    flex: none;
+    padding: 8px;
+    margin-right: 12px;
+
+    img {
+      width: 100%;
+      height: 100%;
+    }
+  }
+
+  .body {
+    flex: auto;
+  }
+}

estateagents-admin-manager/src/components/ModalButton/ModalButton.jsx

@@ -0,0 +1,39 @@
+import React from 'react';
+import { Modal, Button, message } from 'antd';
+
+export default function ModalButton(props) {
+  const {
+    method = 'confirm',
+    title = '',
+    content = '',
+    modalConfigs = {},
+    onClick,
+    onCancel,
+    // 未选数据弹出提示
+    beforeCheck = '',
+    okText = '确认',
+    cancelText = '取消',
+    ...btnProps
+  } = props || {}
+
+  const handleClick = e => {
+    if (!!beforeCheck) { message.info(beforeCheck); return }
+    Modal[method]({
+      title,
+      content,
+      okText,
+      cancelText,
+      ...modalConfigs,
+      onOk() {
+        // eslint-disable-next-line no-unused-expressions
+        onClick && onClick(e);
+      },
+      onCancel() {
+        // eslint-disable-next-line no-unused-expressions
+        onCancel && onCancel();
+      },
+    })
+  }
+
+  return <Button {...btnProps} onClick={handleClick}>{props.children}</Button>
+}

estateagents-admin-manager/src/components/ModalButton/index.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+import ModalButton from './ModalButton';
+
+const ConfirmButton = props => <ModalButton {...props} method="confirm" />
+
+export {
+  ModalButton,
+  ConfirmButton,
+}

estateagents-admin-manager/src/components/Navigate/index.jsx

@@ -0,0 +1,34 @@
+import React from 'react';
+import Link from 'umi/link';
+
+import styles from './style.less';
+
+const Navigate = ({ children, to, onClick }) => {
+    // to 包含协议 用 a
+    const useA = (to || '').indexOf('://') > -1 ? 'a' : '';
+    // 否则用 Link
+    const useLink = to && to.indexOf('://') === -1 ? Link : '';
+    // 没有 to 则使用 span
+    const element = useA || useLink || 'span';
+
+    const events = onClick ? { onClick } : {};
+    const style = { color: '#1D74D9', cursor: 'pointer' };
+
+    let redirect = {};
+    if (useA) {
+        redirect = { href: to }
+    } else if (useLink) {
+        redirect = { to }
+    }
+
+    const props = {
+        className: 'cust-navi',
+        style,
+        ...redirect,
+        ...events,
+    }
+
+    return React.createElement(element, props, children);
+};
+
+export default Navigate;

estateagents-admin-manager/src/components/Navigate/style.less

@@ -0,0 +1,11 @@
+
+:global {
+  .cust-navi {
+    color: #1D74D9;
+    cursor: pointer;
+  
+    * {
+      color: #1D74D9 !important;
+    }
+  }
+}

estateagents-admin-manager/src/components/NoticeIcon/NoticeList.jsx

@@ -0,0 +1,95 @@
+import { Avatar, List } from 'antd';
+import React from 'react';
+import classNames from 'classnames';
+import styles from './NoticeList.less';
+
+const NoticeList = ({
+  data = [],
+  onClick,
+  onClear,
+  title,
+  onViewMore,
+  emptyText,
+  showClear = true,
+  clearText,
+  viewMoreText,
+  showViewMore = false,
+}) => {
+  if (data.length === 0) {
+    return (
+      <div className={styles.notFound}>
+        <img
+          src="https://gw.alipayobjects.com/zos/rmsportal/sAuJeJzSKbUmHfBQRzmZ.svg"
+          alt="not found"
+        />
+        <div>{emptyText}</div>
+      </div>
+    );
+  }
+
+  return (
+    <div>
+      <List
+        className={styles.list}
+        dataSource={data}
+        renderItem={(item, i) => {
+          const itemCls = classNames(styles.item, {
+            [styles.read]: item.read,
+          }); // eslint-disable-next-line no-nested-ternary
+
+          const leftIcon = item.avatar ? (
+            typeof item.avatar === 'string' ? (
+              <Avatar className={styles.avatar} src={item.avatar} />
+            ) : (
+              <span className={styles.iconElement}>{item.avatar}</span>
+            )
+          ) : null;
+          return (
+            <List.Item
+              className={itemCls}
+              key={item.key || i}
+              onClick={() => onClick && onClick(item)}
+            >
+              <List.Item.Meta
+                className={styles.meta}
+                avatar={leftIcon}
+                title={
+                  <div className={styles.title}>
+                    {item.title}
+                    <div className={styles.extra}>{item.extra}</div>
+                  </div>
+                }
+                description={
+                  <div>
+                    <div className={styles.description}>{item.description}</div>
+                    <div className={styles.datetime}>{item.datetime}</div>
+                  </div>
+                }
+              />
+            </List.Item>
+          );
+        }}
+      />
+      <div className={styles.bottomBar}>
+        {showClear ? (
+          <div onClick={onClear}>
+            {clearText} {title}
+          </div>
+        ) : null}
+        {showViewMore ? (
+          <div
+            onClick={e => {
+              if (onViewMore) {
+                onViewMore(e);
+              }
+            }}
+          >
+            {viewMoreText}
+          </div>
+        ) : null}
+      </div>
+    </div>
+  );
+};
+
+export default NoticeList;

estateagents-admin-manager/src/components/NoticeIcon/NoticeList.less

@@ -0,0 +1,105 @@
+@import '~antd/es/style/themes/default.less';
+
+.list {
+  max-height: 400px;
+  overflow: auto;
+  &::-webkit-scrollbar {
+    display: none;
+  }
+  .item {
+    padding-right: 24px;
+    padding-left: 24px;
+    overflow: hidden;
+    cursor: pointer;
+    transition: all 0.3s;
+
+    .meta {
+      width: 100%;
+    }
+
+    .avatar {
+      margin-top: 4px;
+      background: #fff;
+    }
+    .iconElement {
+      font-size: 32px;
+    }
+
+    &.read {
+      opacity: 0.4;
+    }
+    &:last-child {
+      border-bottom: 0;
+    }
+    &:hover {
+      background: @primary-1;
+    }
+    .title {
+      margin-bottom: 8px;
+      font-weight: normal;
+    }
+    .description {
+      font-size: 12px;
+      line-height: @line-height-base;
+    }
+    .datetime {
+      margin-top: 4px;
+      font-size: 12px;
+      line-height: @line-height-base;
+    }
+    .extra {
+      float: right;
+      margin-top: -1.5px;
+      margin-right: 0;
+      color: @text-color-secondary;
+      font-weight: normal;
+    }
+  }
+  .loadMore {
+    padding: 8px 0;
+    color: @primary-6;
+    text-align: center;
+    cursor: pointer;
+    &.loadedAll {
+      color: rgba(0, 0, 0, 0.25);
+      cursor: unset;
+    }
+  }
+}
+
+.notFound {
+  padding: 73px 0 88px;
+  color: @text-color-secondary;
+  text-align: center;
+  img {
+    display: inline-block;
+    height: 76px;
+    margin-bottom: 16px;
+  }
+}
+
+.bottomBar {
+  height: 46px;
+  color: @text-color;
+  line-height: 46px;
+  text-align: center;
+  border-top: 1px solid @border-color-split;
+  border-radius: 0 0 @border-radius-base @border-radius-base;
+  transition: all 0.3s;
+  div {
+    display: inline-block;
+    width: 50%;
+    cursor: pointer;
+    transition: all 0.3s;
+    user-select: none;
+    &:hover {
+      color: @heading-color;
+    }
+    &:only-child {
+      width: 100%;
+    }
+    &:not(:only-child):last-child {
+      border-left: 1px solid @border-color-split;
+    }
+  }
+}

estateagents-admin-manager/src/components/NoticeIcon/index.jsx

@@ -0,0 +1,155 @@
+import { Badge, Icon, Spin, Tabs } from 'antd';
+import React, { Component } from 'react';
+import classNames from 'classnames';
+import NoticeList from './NoticeList';
+import HeaderDropdown from '../HeaderDropdown';
+import styles from './index.less';
+const { TabPane } = Tabs;
+export default class NoticeIcon extends Component {
+  static Tab = NoticeList;
+  static defaultProps = {
+    onItemClick: () => {},
+    onPopupVisibleChange: () => {},
+    onTabChange: () => {},
+    onClear: () => {},
+    onViewMore: () => {},
+    loading: false,
+    clearClose: false,
+    emptyImage: 'https://gw.alipayobjects.com/zos/rmsportal/wAhyIChODzsoKIOBHcBk.svg',
+  };
+  state = {
+    visible: false,
+  };
+  onItemClick = (item, tabProps) => {
+    const { onItemClick } = this.props;
+
+    if (onItemClick) {
+      onItemClick(item, tabProps);
+    }
+  };
+  onClear = (name, key) => {
+    const { onClear } = this.props;
+
+    if (onClear) {
+      onClear(name, key);
+    }
+  };
+  onTabChange = tabType => {
+    const { onTabChange } = this.props;
+
+    if (onTabChange) {
+      onTabChange(tabType);
+    }
+  };
+  onViewMore = (tabProps, event) => {
+    const { onViewMore } = this.props;
+
+    if (onViewMore) {
+      onViewMore(tabProps, event);
+    }
+  };
+
+  getNotificationBox() {
+    const { children, loading, clearText, viewMoreText } = this.props;
+
+    if (!children) {
+      return null;
+    }
+
+    const panes = React.Children.map(children, child => {
+      if (!child) {
+        return null;
+      }
+
+      const { list, title, count, tabKey, showClear, showViewMore } = child.props;
+      const len = list && list.length ? list.length : 0;
+      const msgCount = count || count === 0 ? count : len;
+      const tabTitle = msgCount > 0 ? `${title} (${msgCount})` : title;
+      return (
+        <TabPane tab={tabTitle} key={title}>
+          <NoticeList
+            clearText={clearText}
+            viewMoreText={viewMoreText}
+            data={list}
+            onClear={() => this.onClear(title, tabKey)}
+            onClick={item => this.onItemClick(item, child.props)}
+            onViewMore={event => this.onViewMore(child.props, event)}
+            showClear={showClear}
+            showViewMore={showViewMore}
+            title={title}
+            {...child.props}
+          />
+        </TabPane>
+      );
+    });
+    return (
+      <>
+        <Spin spinning={loading} delay={300}>
+          <Tabs className={styles.tabs} onChange={this.onTabChange}>
+            {panes}
+          </Tabs>
+        </Spin>
+      </>
+    );
+  }
+
+  handleVisibleChange = visible => {
+    const { onPopupVisibleChange } = this.props;
+    this.setState({
+      visible,
+    });
+
+    if (onPopupVisibleChange) {
+      onPopupVisibleChange(visible);
+    }
+  };
+
+  render() {
+    const { className, count, popupVisible, bell } = this.props;
+    const { visible } = this.state;
+    const noticeButtonClass = classNames(className, styles.noticeButton);
+    const notificationBox = this.getNotificationBox();
+    const NoticeBellIcon = bell || <Icon type="bell" className={styles.icon} />;
+    const trigger = (
+      <span
+        className={classNames(noticeButtonClass, {
+          opened: visible,
+        })}
+      >
+        <Badge
+          count={count}
+          style={{
+            boxShadow: 'none',
+          }}
+          className={styles.badge}
+        >
+          {NoticeBellIcon}
+        </Badge>
+      </span>
+    );
+
+    if (!notificationBox) {
+      return trigger;
+    }
+
+    const popoverProps = {};
+
+    if ('popupVisible' in this.props) {
+      popoverProps.visible = popupVisible;
+    }
+
+    return (
+      <HeaderDropdown
+        placement="bottomRight"
+        overlay={notificationBox}
+        overlayClassName={styles.popover}
+        trigger={['click']}
+        visible={visible}
+        onVisibleChange={this.handleVisibleChange}
+        {...popoverProps}
+      >
+        {trigger}
+      </HeaderDropdown>
+    );
+  }
+}

estateagents-admin-manager/src/components/NoticeIcon/index.less

@@ -0,0 +1,31 @@
+@import '~antd/es/style/themes/default.less';
+
+.popover {
+  position: relative;
+  width: 336px;
+}
+
+.noticeButton {
+  display: inline-block;
+  cursor: pointer;
+  transition: all 0.3s;
+}
+.icon {
+  padding: 4px;
+  vertical-align: middle;
+}
+
+.badge {
+  font-size: 16px;
+}
+
+.tabs {
+  :global {
+    .ant-tabs-nav-scroll {
+      text-align: center;
+    }
+    .ant-tabs-bar {
+      margin-bottom: 0;
+    }
+  }
+}

estateagents-admin-manager/src/components/PageLoading/index.jsx

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Spin } from 'antd'; // loading components from code split
+// https://umijs.org/plugin/umi-plugin-react.html#dynamicimport
+
+const PageLoading = () => (
+  <div
+    style={{
+      paddingTop: 100,
+      textAlign: 'center',
+    }}
+  >
+    <Spin size="large" />
+  </div>
+);
+
+export default PageLoading;

estateagents-admin-manager/src/components/PaginationWrapper/index.jsx

@@ -0,0 +1,117 @@
+import React, { useState } from 'react';
+import PropTypes from 'prop-types';
+import { Pagination } from 'antd';
+import classNames from 'classnames'
+import { useQuery } from '../../utils/hooks';
+import { ObjSpEqual } from '../../utils/utils'
+import Styles from './style.less'
+
+class PaginationWrapper extends React.PureComponent {
+
+  state = {
+    data: {
+      current: 1,
+      total: 0,
+      pages: 0,
+    },
+    loadding: false,
+  }
+
+  componentDidMount () {
+    this.fetchData(1)
+  }
+
+  componentDidUpdate(prevProps) {
+    if (!ObjSpEqual(prevProps.params, this.props.params)) {
+      this.fetchData(1)
+    }
+  } 
+
+  fetchData = (page) => {
+    this.setState({ loadding: true })
+    
+    const requestParams = this.props.params || {}
+    this.props.request({
+      ...requestParams,
+      params: {
+        pageNum: page,              // 有的接口是 pageNum
+        pageNumber: page,  // 有的接口是 pageNumber
+        ...(requestParams.params || {}),
+      }
+    }).then((res) => {
+      this.setState({ loadding: false, data: res })
+    })
+  }
+
+  handlePageChange = (page) => {
+    this.fetchData(page)
+  }
+
+  render() {
+    const { className, style, bodyClass, footerClass, render } = this.props
+    const { data } = this.state
+
+    return (
+      <div className={classNames(Styles['pg-wrapper'], className)} style={style}>
+        <div className={classNames(Styles.body, bodyClass)}>
+          {render(data)}
+        </div>
+        <div className={classNames(Styles.footer, footerClass)}>
+          <Pagination showQuickJumper defaultCurrent={1} total={data.total} onChange={this.handlePageChange} current={data.current}/>
+        </div>
+      </div>
+    )
+  }
+}
+
+PaginationWrapper.propTypes = {
+  request: PropTypes.func.isRequired,
+  render: PropTypes.func.isRequired,
+  params: PropTypes.object,
+  className: PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.array,
+    PropTypes.object,
+  ]),
+  bodyClass: PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.array,
+    PropTypes.object,
+  ]),
+  footerClass: PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.array,
+    PropTypes.object,
+  ]),
+  style: PropTypes.object,
+}
+
+// /**
+//  * 分页封装
+//  * @param {page, params, request, render, className, style, bodyClass, footerClass} props 
+//  */
+// function PaginationWrapper(props) {
+//   const defaultPage = props.page || 1
+//   const [pageNum, setPage] = useState(defaultPage)
+//   const requestParams = props.params || {}
+//   const [data = {}, loading, err] = useQuery({ ...requestParams, params: { ...(requestParams.params || {}), pageNum, pageNumber: pageNum }}, props.request)
+
+//   // if (typeof props.setData === 'function') {
+//   //   props.setData(data)
+//   // }
+
+//   console.log('------render PaginationWrapper-------', pageNum, data, loading)
+
+//   return (
+//     <div className={classNames(Styles['pg-wrapper'], props.className)} style={props.style}>
+//       <div className={classNames(Styles.body, props.bodyClass)}>
+//         {props.render(data)}
+//       </div>
+//       <div className={classNames(Styles.footer, props.footerClass)}>
+//         <Pagination showQuickJumper defaultCurrent={defaultPage} total={data.total} onChange={pg => setPage(pg)} current={data.current}/>
+//       </div>
+//     </div>
+//   )
+// }
+
+export default PaginationWrapper

estateagents-admin-manager/src/components/PaginationWrapper/style.less

@@ -0,0 +1,10 @@
+.pg-wrapper {
+  .body {}
+
+  .footer {
+    margin-top: 30px;
+    display: flex;
+    align-items: center;
+    flex-direction: row-reverse;
+  }
+}

estateagents-admin-manager/src/components/SearchForm/index.jsx

@@ -0,0 +1,81 @@
+import React from 'react';
+import PropTyps from 'prop-types';
+import { Form, Button } from 'antd';
+
+function isFunc(fn) { return typeof fn === 'function' };
+
+class SearchForm extends React.PureComponent {
+  handleSubmit = e => {
+    e.preventDefault();
+    this.props.form.validateFields((err, values) => {
+      if (!err && isFunc(this.props.onSearch)) {
+        this.props.onSearch(values)
+        return
+      }
+
+      if (err) {
+        console.error(err)
+        if (isFunc(this.props.onError)) {
+          this.props.onError(err)
+        }
+        return
+      }
+    });
+  };
+
+  handleReset = e => {
+    this.props.form.resetFields()
+    if (isFunc(this.props.onReset)) {
+      this.props.onReset()
+    }
+  }
+
+  render () {
+    const { form, hideResetBtn } = this.props;
+
+    return (
+      <Form layout="inline" onSubmit={this.handleSubmit} colon={false}>
+        {
+          (this.props.fields || []).map((field, index) => {
+            const { element, render, name, label, value } = field || {}
+
+            if (!element && !render) return null;
+
+            const conifg = value  ? { initialValue: value } : {}
+            const Item = isFunc(render) ? render(this.props) : element
+
+            return <Form.Item label={label} key={`fm-${index}`}>{form.getFieldDecorator(name, conifg)(Item)}</Form.Item>
+          })
+        }
+        <Form.Item>
+          <Button type="primary" htmlType="submit">搜索</Button>
+        </Form.Item>
+        { hideResetBtn && (
+          <Form.Item>
+            <Button type="default" onClick="handleReset">重置</Button>
+          </Form.Item>
+        )}
+      </Form>
+    );
+  }
+}
+
+// 提供给父组件 onChange 事件
+function onValuesChange(props, changedValues, allValues) {
+  if (isFunc(props.onChange)) {
+    props.onChange(changedValues, allValues)
+  }
+}
+
+const EnhanceForm = Form.create({ onValuesChange })(SearchForm)
+
+EnhanceForm.propTypes = {
+  onSearch: PropTyps.func.isRequired,
+  onReset: PropTyps.func,
+  onError: PropTyps.func,
+  onChange: PropTyps.func,
+  fields: PropTyps.arrayOf(PropTyps.object),
+  hideResetBtn: PropTyps.bool,
+}
+
+export default EnhanceForm;

estateagents-admin-manager/src/components/SelectButton/AreaSelect.jsx

@@ -0,0 +1,65 @@
+import React, { useState, useEffect } from 'react';
+import { Select } from 'antd';
+
+import request from '../../utils/request'
+import { APIBaseURL } from '../../utils/constant'
+
+const { Option } = Select;
+const prefix = APIBaseURL
+
+/**
+ *
+ *
+ * @param {*} props
+ * @returns
+ */
+const CitySelect = (props) => {
+  const [ data, setData ] = useState([])
+  const cityId = typeof props.cityId === 'function' ? props.cityId() : props.cityId
+
+  useEffect(() => {
+    getCityAreaList();
+    getValue();
+  },[cityId])
+
+  const getCityAreaList = (e) => {
+    request({
+        url: prefix + 'api/admin/tdCityList/tdAreaCity',
+        method: 'GET',
+        params: {leveltype: 3, cityId},
+        action: 'select',
+    }).then((data) => {
+        setData(data)
+    })
+  }
+
+  /**
+   * 因为 有个需求是，如果这个城市被删除了，那么就直接展示为空，不能展示 cityId
+   */
+  const getValue = () => {
+    if (props.value) {
+      const tempData = data.filter(f => f.id == props.value)
+      const va = (tempData.length > 0) ? props.value : undefined
+      props.onChange(va)
+    }
+  }
+
+  return (
+      <Select
+      {...props}
+      showSearch
+      value={props.value}
+      style={{ width: '300px' }}
+      placeholder="请选择区域"
+      onChange={props.onChange}
+      filterOption={(input, option) =>
+        option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
+      }
+      >
+          {data.map(city => (
+            <Option key={city.id} value={city.name}>{city.name}</Option>
+          ))}
+      </Select>
+  )
+}
+export default CitySelect

estateagents-admin-manager/src/components/SelectButton/BuildSelect.jsx

@@ -0,0 +1,65 @@
+import React, { useState, useEffect, useRef } from 'react';
+import { Select } from 'antd';
+import apis from '../../services/apis';
+import request from '../../utils/request'
+
+const { Option } = Select;
+
+function usePrevious(props) {
+  const ref = useRef();
+  useEffect(() => {
+    ref.current = props;
+  });
+  return ref.current;
+}
+
+/**
+ *
+ *
+ * @param {*} props
+ * @returns
+ */
+const BuildingSelect = props => {
+  const [data, setData] = useState([])
+  const [value, setValue] = useState([])
+  useEffect(() => {
+    getBuildList();
+  }, [props.value])
+
+
+  const getBuildList = e => {
+    request({ ...apis.building.buildingSelect, params: { pageNum: 1, pageSize: 999 } }).then(data => {
+        setData(data)
+        checkValue(data)
+        // 默认选中第一个
+    })
+  }
+
+
+  const checkValue = (data) => {
+    if (props.value) {
+      const tempData = data.filter(f => f.buildingId == props.value)
+      const va = (tempData.length > 0) ? props.value : '项目已下线，请重新选择项目'
+      props.onChange(va)
+
+    }
+  }
+
+  return (
+      <Select
+      showSearch
+      value={props.value}
+      style={{ width: '300px' }}
+      placeholder="请选择项目"
+      onChange={props.onChange}
+      filterOption={(input, option) =>
+        option.props.children && option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
+      }>
+          <Option key="" value="">全部项目</Option>
+          {data.map(building => (
+            <Option key={building.buildingId} value={building.buildingId}>{building.buildingName}</Option>
+          ))}
+      </Select>
+  )
+}
+export default BuildingSelect

estateagents-admin-manager/src/components/SelectButton/BuildSelect2.jsx

@@ -0,0 +1,77 @@
+import React, { useState, useEffect, useRef } from 'react';
+import { Select } from 'antd';
+import apis from '../../services/apis';
+import request from '../../utils/request'
+
+const { Option } = Select;
+
+function usePrevious(props) {
+  const ref = useRef();
+  useEffect(() => {
+    ref.current = props;
+  });
+  return ref.current;
+}
+
+/**
+ *
+ *
+ * @param {*} props
+ * @returns
+ */
+const BuildingSelect2 = props => {
+  const [data, setData] = useState([])
+  const [value, setValue] = useState([])
+  console.log('props', props.cityId);
+  useEffect(() => {
+    getBuildList();
+  }, [props.cityId])
+
+
+  const getBuildList = e => {
+    request({ ...apis.building.buildingSelect, params: { cityId: props.cityId, pageNum: 1, pageSize: 999 } }).then(data => {
+      setData(data)
+      checkValue(data)
+      // 默认选中第一个
+    })
+  }
+
+
+  const checkValue = (data) => {
+    if (props.value) {
+      const tempData = data.filter(f => f.buildingId == props.value)
+      const va = (tempData.length > 0) ? props.value : '项目已下线，请重新选择项目'
+      props.onChange(va)
+
+    }
+  }
+
+  const onChange = (buildingId) => {
+    const building = data.filter(x => buildingId === x.buildingId)[0]
+
+    props.onChange(buildingId, building)
+    // if (props.value) {
+    //   const tempData = data.filter(f => f.buildingId == props.value)
+    //   const va = (tempData.length > 0) ? props.value : '项目已下线，请重新选择项目'
+    //   props.onChange(va)
+
+    // }={props.onChange}building.buildingId
+  }
+
+  return (
+    <Select
+      showSearch
+      value={props.value}
+      style={{ width: '300px' }}
+      placeholder="请选择项目"
+      onChange={ onChange}
+      filterOption={(input, option) =>
+        option.props.children && option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
+      }>
+      {data.map(building => (
+        <Option key={building.buildingId} value={building.buildingId}>{building.buildingName}</Option>
+      ))}
+    </Select>
+  )
+}
+export default BuildingSelect2

estateagents-admin-manager/src/components/SelectButton/CitySelect.jsx

@@ -0,0 +1,64 @@
+import React, { useState, useEffect } from 'react';
+import { Select } from 'antd';
+
+import request from '../../utils/request'
+import { APIBaseURL } from '../../utils/constant'
+
+const { Option } = Select;
+const prefix = APIBaseURL
+
+/**
+ *
+ *
+ * @param {*} props
+ * @returns
+ */
+const CitySelect = (props) => {
+  const [ data, setData ] = useState([])
+
+  useEffect(() => {
+    getCityList();
+    getValue();
+  },[props.value])
+
+  const getCityList = (e) => {
+    request({
+        url: prefix + 'api/admin/tdCityList/tdCity',
+        method: 'GET',
+        params: {leveltype: 2, pageNum: 1,pageSize: 999},
+        action: 'select',
+    }).then((data) => {
+        setData(data)
+    })
+  }
+
+  /**
+   * 因为 有个需求是，如果这个城市被删除了，那么就直接展示为空，不能展示 cityId
+   */
+  const getValue = () => {
+    if (props.value) {
+      const tempData = data.filter(f => f.id == props.value)
+      const va = (tempData.length > 0) ? props.value : undefined
+      props.onChange(va)
+    }
+  }
+
+  return (
+      <Select
+      {...props}
+      showSearch
+      value={props.value}
+      style={{ width: '300px' }}
+      placeholder="请选择城市"
+      onChange={props.onChange}
+      filterOption={(input, option) =>
+        option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
+      }
+      >
+          {data.map(city => (
+            <Option key={city.id} value={city.id}>{city.name}</Option>
+          ))}
+      </Select>
+  )
+}
+export default CitySelect

estateagents-admin-manager/src/components/SelectButton/CitySelect2.jsx

@@ -0,0 +1,65 @@
+import React, { useState, useEffect } from 'react';
+import { Select } from 'antd';
+
+import request from '../../utils/request'
+import { APIBaseURL } from '../../utils/constant'
+
+const { Option } = Select;
+const prefix = APIBaseURL
+
+/**
+ *
+ *
+ * @param {*} props
+ * @returns
+ */
+const CitySelect = (props) => {
+  const [ data, setData ] = useState([])
+
+  useEffect(() => {
+    getCityList();
+  },[props.value])
+
+  const getCityList = (e) => {
+    request({
+        url: prefix + 'api/admin/tdCityList/tdCity',
+        method: 'GET',
+        params: {leveltype: 2, pageNum: 1,pageSize: 999},
+        action: 'select',
+    }).then((data) => {
+        setData(data)
+        getValue(data);
+        console.log('---123---')
+    })
+  }
+
+  /**
+   * 因为 有个需求是，如果这个城市被删除了，那么就直接展示为空，不能展示 cityId
+   */
+  const getValue = (data) => {
+    console.log(props.value)
+    if (props.value) {
+      const tempData = data.filter(f => f.id == props.value)
+      const va = (tempData.length > 0) ? props.value : undefined
+      props.onChange(va)
+    }
+  }
+
+  return (
+      <Select
+      showSearch
+      value={props.value}
+      style={{ width: '180px' }}
+      placeholder="请选择城市"
+      onChange={props.onChange}
+      filterOption={(input, option) =>
+        option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
+      }
+      >
+          {data.map(city => (
+            <Option key={city.id} value={city.id}>{city.name}</Option>
+          ))}
+      </Select>
+  )
+}
+export default CitySelect

estateagents-admin-manager/src/components/SelectButton/CitySelect3.jsx

@@ -0,0 +1,64 @@
+import React, { useState, useEffect } from 'react';
+import { Select } from 'antd';
+
+import request from '../../utils/request'
+import { APIBaseURL } from '../../utils/constant'
+
+const { Option } = Select;
+const prefix = APIBaseURL
+
+/**
+ *
+ *
+ * @param {*} props
+ * @returns
+ */
+const CitySelect3 = (props) => {
+  const [ data, setData ] = useState([])
+  console.log('props', props.buildingId)
+  useEffect(() => {
+    getCityList();
+    getValue();
+  },[props.buildingId])
+
+  const getCityList = (e) => {
+    request({
+        url: prefix + 'api/admin/tdCityList/tdCity',
+        method: 'GET',
+        params: {leveltype: 2, pageNum: 1,pageSize: 999},
+        action: 'select',
+    }).then((data) => {
+        setData(data)
+    })
+  }
+
+  /**
+   * 因为 有个需求是，如果这个城市被删除了，那么就直接展示为空，不能展示 cityId
+   */
+  const getValue = () => {
+    if (props.value) {
+      const tempData = data.filter(f => f.id == props.value)
+      const va = (tempData.length > 0) ? props.value : undefined
+      props.onChange(va)
+    }
+  }
+
+  return (
+      <Select
+      {...props}
+      showSearch
+      value={props.value}
+      style={{ width: '300px' }}
+      placeholder="请选择城市"
+      onChange={props.onChange}
+      filterOption={(input, option) =>
+        option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
+      }
+      >
+          {data.map(city => (
+            <Option key={city.id} value={city.id}>{city.name}</Option>
+          ))}
+      </Select>
+  )
+}
+export default CitySelect3

estateagents-admin-manager/src/components/SelectButton/LivePlatSelect.jsx

@@ -0,0 +1,65 @@
+import React, { useState, useEffect, useRef } from 'react';
+import { Select } from 'antd';
+import apis from '../../services/apis';
+import request from '../../utils/request'
+
+const { Option } = Select;
+
+function usePrevious(props) {
+  const ref = useRef();
+  useEffect(() => {
+    ref.current = props;
+  });
+  return ref.current;
+}
+
+/**
+ *
+ *
+ * @param {*} props
+ * @returns
+ */
+const LivePlatSelect = props => {
+  const [data, setData] = useState([])
+  const [value, setValue] = useState([])
+
+  useEffect(() => {
+    getLivePlatList();
+  }, [props.value])
+
+
+  const getLivePlatList = e => {
+    request({ ...apis.taliveActivity.livePlatList, params: { pageNum: 1, pageSize: 999 } }).then(data => {
+        setData(data)
+        checkValue(data)
+        // 默认选中第一个
+    })
+  }
+
+
+  const checkValue = (data) => {
+    if (props.value) {
+      const tempData = data.filter(f => f.id == props.value)
+      const va = (tempData.length > 0) ? props.value : '平台已下线，请重新选择'
+      props.onChange(va)
+
+    }
+  }
+
+  return (
+      <Select
+      showSearch
+      value={`${props.value || ''}`}
+      style={{ width: '300px' }}
+      placeholder="请选择平台"
+      onChange={props.onChange}
+      filterOption={(input, option) =>
+        option.props.children && option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
+      }>
+          {data.map(live => (
+            <Option key={live.id} value={`${live.id}`}>{live.livePlatName}</Option>
+          ))}
+      </Select>
+  )
+}
+export default LivePlatSelect

estateagents-admin-manager/src/components/SelectButton/MiniappIconSelect.jsx

@@ -0,0 +1,64 @@
+import React, { useState, useEffect, useRef } from 'react';
+import { Select } from 'antd';
+import apis from '../../services/apis';
+import request from '../../utils/request'
+
+const { Option } = Select;
+
+function usePrevious(props) {
+  const ref = useRef();
+  useEffect(() => {
+    ref.current = props;
+  });
+  return ref.current;
+}
+
+/**
+ *
+ *
+ * @param {*} props
+ * @returns
+ */
+const MiniappIconSelect = props => {
+  const [data, setData] = useState([])
+  const [value, setValue] = useState([])
+  useEffect(() => {
+    getMiniappIconSelect();
+  }, [props.value])
+
+
+  const getMiniappIconSelect = e => {
+    request({ ...apis.icon.minippIconList, params: { pageNum: 1, pageSize: 999 } }).then(data => {
+        setData(data)
+        checkValue(data)
+        // 默认选中第一个
+    })
+  }
+
+
+  const checkValue = (data) => {
+    if (props.value) {
+      const tempData = data.filter(f => f.iconCode == props.value)
+      const va = (tempData.length > 0) ? props.value : ''
+      props.onChange(va)
+
+    }
+  }
+
+  return (
+      <Select
+      showSearch
+      value={props.value}
+      style={{ width: '300px' }}
+      placeholder="请选择功能"
+      onChange={props.onChange}
+      filterOption={(input, option) =>
+        option.props.children && option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
+      }>
+          {data.map(icon => (
+            <Option key={icon.iconCode} value={icon.iconCode}>{icon.iconName}</Option>
+          ))}
+      </Select>
+  )
+}
+export default MiniappIconSelect

estateagents-admin-manager/src/components/SelectButton/NewTypeSelect.jsx

@@ -0,0 +1,63 @@
+import React, { useState, useEffect, useRef } from 'react';
+import { Select } from 'antd';
+
+import request from '../../utils/request'
+import { APIBaseURL } from '../../utils/constant'
+
+const prefix = `${APIBaseURL}api/admin`
+
+const { Option } = Select;
+
+function usePrevious(props) {
+  const ref = useRef();
+  useEffect(() => {
+    ref.current = props;
+  });
+  return ref.current;
+}
+
+/**
+ *
+ *
+ * @param {*} props
+ * @returns
+ */
+const NewsTypeSelect = (props) => {
+  const [ data, setData ] = useState([])
+  const [ value, setValue ] = useState('')
+  const preProps = usePrevious(props)
+  
+  if ((!preProps || !preProps.value) && props.value && !value) {
+    setValue(props.value)
+  }
+
+  useEffect(() => {
+    getNewsTypeList();
+  },[props.buildingId])
+
+  const getNewsTypeList = (e) => {
+    request({
+        url: `${prefix}/taNewsType`,
+        method: 'GET',
+        params: {pageNum: 1,pageSize: 999,buildingId: props.buildingId},
+        action: 'admin.taNewsType.get',
+    }).then((data) => {
+        setData(data.records)
+    })
+  }
+
+  const handleChange = (e) => {
+    setValue(e)
+    props.onChange(e)
+  }
+
+  return (
+      <Select value={props.value} style={{ width: '180px' }} placeholder="请选择资讯类型" onChange={handleChange}>
+          {data.map(type => (
+            <Option key={type.newsTypeId} value={type.newsTypeId}>{type.newsTypeName}</Option>
+          ))}
+      </Select>
+  )
+}
+export default NewsTypeSelect
+

estateagents-admin-manager/src/components/SelectButton/QrcodeType.jsx

@@ -0,0 +1,82 @@
+import React, { useMemo } from 'react';
+import { Select } from 'antd';
+
+const { Option } = Select;
+
+
+const qrcodeType = props => {
+    //   const [data, setData] = useState([])
+    //   useEffect(() => {
+
+    //   }, [props.value])
+    // const visible2 = props.visible || true
+    const all = props.all || false
+
+    const visible = useMemo(() => (props.visible), [props.visible]);
+    
+    const data = [
+        {
+            name: '项目',
+            value: 'project',
+            visible,
+        },
+        {
+            name: '报名活动',
+            value: 'activity',
+            visible,
+        },
+        {
+            name: '助力活动',
+            value: 'help',
+            visible,
+        },
+        {
+            name: '拼团活动',
+            value: 'group',
+            visible,
+        },
+        {
+            name: 'H5活动',
+            value: 'h5',
+            visible: true,
+        },
+        {
+            name: '直播活动',
+            value: 'live',
+            visible: true,
+        },
+        {
+            name: '资讯',
+            value: 'news',
+            visible,
+        },
+        {
+            name: '在线选房',
+            value: 'salesBatch',
+            visible,
+        },
+    ]
+
+
+    return (
+        // <>234</>
+        <Select
+            showSearch
+            value={props.value}
+            style={{ width: '250px' }}
+            placeholder="请选择二维码内容类型"
+            onChange={props.onChange}
+            // filterOption={(input, option) =>
+            //     // eslint-disable-next-line max-len
+            //     option.props.children && option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
+            // }
+        >
+            {all && <Option key="" value="">全部类型</Option>}
+            {data.map(Item => (
+
+                Item.visible ? <Option key={Item.vlaue} value={Item.value}> {Item.name} </Option> : ''
+            ))}
+        </Select>
+    )
+}
+export default qrcodeType

estateagents-admin-manager/src/components/SelectButton/QrcodeType1.jsx

@@ -0,0 +1,82 @@
+import React, { useMemo } from 'react';
+import { Select } from 'antd';
+
+const { Option } = Select;
+
+
+const qrcodeType = props => {
+    //   const [data, setData] = useState([])
+    //   useEffect(() => {
+
+    //   }, [props.value])
+    // const visible2 = props.visible || true
+    const all = props.all || false
+
+    const visible = useMemo(() => (props.visible), [props.visible]);
+    
+    const data = [
+        {
+            name: '项目',
+            value: 'building',
+            visible,
+        },
+        {
+            name: '报名活动',
+            value: 'activity',
+            visible,
+        },
+        {
+            name: '助力活动',
+            value: 'help',
+            visible,
+        },
+        {
+            name: '拼团活动',
+            value: 'group',
+            visible,
+        },
+        {
+            name: 'H5活动',
+            value: 'h5',
+            visible: true,
+        },
+        {
+            name: '直播活动',
+            value: 'live',
+            visible: true,
+        },
+        {
+            name: '资讯',
+            value: 'news',
+            visible,
+        },
+        {
+            name: '在线选房',
+            value: 'house',
+            visible,
+        },
+    ]
+
+
+    return (
+        // <>234</>
+        <Select
+            showSearch
+            value={props.value}
+            style={{ width: '250px' }}
+            placeholder="请选择二维码内容类型"
+            onChange={props.onChange}
+            // filterOption={(input, option) =>
+            //     // eslint-disable-next-line max-len
+            //     option.props.children && option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
+            // }
+        >
+            {all && <Option key="" value="">全部类型</Option>}
+            {data.map(Item => (
+
+                Item.visible ? <Option key={Item.vlaue} value={Item.value}> {Item.name} </Option> : ''
+            ))}
+        </Select>
+    )
+}
+export default qrcodeType

estateagents-admin-manager/src/components/SelectButton/WxDictSelect.jsx

@@ -0,0 +1,45 @@
+import React, { useState, useEffect, useRef } from 'react';
+import { Select } from 'antd';
+import apis from '../../services/apis';
+import request from '../../utils/request'
+
+const { Option } = Select;
+
+/**
+ *
+ *
+ * @param {*} props
+ * @returns
+ */
+const WxDictSelect = props => {
+  const [data, setData] = useState([])
+  const [value, setValue] = useState([])
+  useEffect(() => {
+    getWxDictList();
+  }, [props.value])
+
+
+  const getWxDictList = e => {
+    request({ ...apis.wxDict.list, params: { pageNumber: 1, pageSize: 999 } }).then(data => {
+        setData(data.records)
+        // 默认选中第一个
+    })
+  }
+
+  return (
+      <Select
+      showSearch
+      value={props.value}
+      style={{ width: '250px' }}
+      placeholder="请选择用户来源"
+      onChange={props.onChange}
+      filterOption={(input, option) =>
+        option.props.children && option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
+      }>
+          {data.map(wxDict => (
+            <Option key={wxDict.sceneType} value={wxDict.sceneType}>{wxDict.sceneAlias}</Option>
+          ))}
+      </Select>
+  )
+}
+export default WxDictSelect

estateagents-admin-manager/src/components/SelectButton/channelSelect.jsx

@@ -0,0 +1,47 @@
+import React, { useState, useEffect, useMemo } from 'react';
+import { Select } from 'antd';
+import apis from '../../services/apis';
+import request from '../../utils/request'
+
+const { Option } = Select;
+
+/**
+ *
+ *
+ * @param {*} props
+ * @returns
+ */
+const ChannelSelect = props => {
+  const [data, setData] = useState([])
+  useEffect(() => {
+    getChannelSelect();
+  }, [props.value])
+
+  const all = props.all || false
+
+
+  const getChannelSelect = e => {
+    request({ ...apis.channelList.getList, params: { pageNumber: 1, pageSize: 999 } }).then(data => {
+      setData(data.channelNmae)
+      // 默认选中第一个
+    })
+  }
+
+  return (
+    <Select
+      showSearch
+      value={props.value}
+      style={{ width: '250px' }}
+      placeholder="请选择渠道"
+      onChange={props.onChange}
+      filterOption={(input, option) =>
+        option.props.children && option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
+      }>
+      {all && <Option key="" value="">全部渠道</Option>}
+      {data.map(Item => (
+        <Option key={Item.channelId} value={Item.channelId}> {Item.channelName} </Option>
+      ))}
+    </Select>
+  )
+}
+export default ChannelSelect