manage

estateagents-admin-manager/src/components/Authorized/Secured.jsx

@@ -0,0 +1,70 @@
+import React from 'react';
+import CheckPermissions from './CheckPermissions';
+/**
+ * 默认不能访问任何页面
+ * default is "NULL"
+ */
+
+const Exception403 = () => 403;
+
+export const isComponentClass = component => {
+  if (!component) return false;
+  const proto = Object.getPrototypeOf(component);
+  if (proto === React.Component || proto === Function.prototype) return true;
+  return isComponentClass(proto);
+}; // Determine whether the incoming component has been instantiated
+// AuthorizedRoute is already instantiated
+// Authorized  render is already instantiated, children is no instantiated
+// Secured is not instantiated
+
+const checkIsInstantiation = target => {
+  if (isComponentClass(target)) {
+    const Target = target;
+    return props => <Target {...props} />;
+  }
+
+  if (React.isValidElement(target)) {
+    return props => React.cloneElement(target, props);
+  }
+
+  return () => target;
+};
+/**
+ * 用于判断是否拥有权限访问此 view 权限
+ * authority 支持传入 string, () => boolean | Promise
+ * e.g. 'user' 只有 user 用户能访问
+ * e.g. 'user,admin' user 和 admin 都能访问
+ * e.g. ()=>boolean 返回true能访问,返回false不能访问
+ * e.g. Promise  then 能访问   catch不能访问
+ * e.g. authority support incoming string, () => boolean | Promise
+ * e.g. 'user' only user user can access
+ * e.g. 'user, admin' user and admin can access
+ * e.g. () => boolean true to be able to visit, return false can not be accessed
+ * e.g. Promise then can not access the visit to catch
+ * @param {string | function | Promise} authority
+ * @param {ReactNode} error 非必需参数
+ */
+
+const authorize = (authority, error) => {
+  /**
+   * conversion into a class
+   * 防止传入字符串时找不到staticContext造成报错
+   * String parameters can cause staticContext not found error
+   */
+  let classError = false;
+
+  if (error) {
+    classError = () => error;
+  }
+
+  if (!authority) {
+    throw new Error('authority is required');
+  }
+
+  return function decideAuthority(target) {
+    const component = CheckPermissions(authority, target, classError || Exception403);
+    return checkIsInstantiation(component);
+  };
+};
+
+export default authorize;

estateagents-admin-manager/src/components/Cards/PosterCard.jsx

@@ -0,0 +1,134 @@
+import React, { useState, useEffect } from 'react';
+import { Card, Checkbox, Button, Upload } from 'antd';
+import apis from '../../services/apis';
+import request from '../../utils/request'
+import { uploaderProps } from '../../utils/upload';
+import head1 from '../../assets/head1.png';
+import head2 from '../../assets/head2.png';
+import head3 from '../../assets/head3.png';
+import link from '../../assets/link.png';
+
+const { Meta } = Card;
+
+/**
+ *
+ *
+ * @param {*} props
+ * @returns
+ */
+const PosterCard = (props) => {
+  const [data, setData] = useState([])
+  const [indexOneUrl, setIndexOneUrl] = useState('')
+  const [indexTwoUrl, setIndexTwoUrl] = useState('')
+  const [indexThreeUrl, setIndexThreeUrl] = useState('')
+  let resultData = []
+
+  useEffect(() => {
+  }, [])
+
+  const handleUploadIndexOneSucess = url => {
+    console.log(url, "第一张图上传回调");
+    setIndexOneUrl(url)
+    resultData[0] = url
+    resultData[1] = indexTwoUrl
+    resultData[2] = indexThreeUrl
+    props.onChange(resultData)
+  }
+
+  const handleUploadIndexTwoSucess = url => {
+    console.log(url, "第二张图上传回调");
+    setIndexTwoUrl(url)
+    resultData[0] = indexOneUrl
+    resultData[1] = url
+    resultData[2] = indexThreeUrl
+    props.onChange(resultData)
+  }
+
+  const handleUploadIndexThreeSucess = url => {
+    console.log(url, "第三张图上传回调");
+    setIndexThreeUrl(url)
+    resultData[0] = indexOneUrl
+    resultData[1] = indexTwoUrl
+    resultData[2] = url
+    props.onChange(resultData)
+  }
+
+  return (
+
+    <div style={{ display: 'flex' }}>
+
+      <div style={{ width: '420px', height: '940px', display: 'inline-block', marginTop: '30px' }}>
+        <div style={{ width: '375px', height: '780px', backgroundColor: '#CFCFCF', boxShadow: '0px 0px 16px 6px rgba(0,0,0,0.15)', position: 'relative', margin: '0 auto' }}>
+          <img style={{ width: '100%', height: '100%' }} src={indexOneUrl} alt="" />
+          <img src={head1} style={{ width: '66px', height: '66px', position: 'absolute', left: '20px', bottom: '38px' }} alt="" />
+          <p style={{ margin: '0', fontSize: '18px', position: 'absolute', left: '96px', bottom: '79px', color: '#333' }}>小五子</p>
+          <p style={{ margin: '0', fontSize: '15px', position: 'absolute', left: '96px', bottom: '58px', color: '#333' }}>175 1256 0225</p>
+          <p style={{ margin: '0', fontSize: '14px', position: 'absolute', left: '96px', bottom: '39px', color: '#666' }}>邀请您参与活动</p>
+          <img src={link} style={{ margin: '0', width: '80px', height: '80px', backgroundColor: '#fff', padding: '4px', borderRadius: '6px', position: 'absolute', right: '30px', bottom: '45px' }} alt="" />
+          <p style={{ margin: '0', fontSize: '13px', position: 'absolute', right: '30px', bottom: '20px', color: '#666' }}>长按识别更多</p>
+
+        </div>
+        <p style={{ textAlign: 'center', fontSize: '19px', color: '#666', marginTop: '30px' }}>生成海报分享给朋友</p>
+        <p style={{ textAlign: 'center' }}>
+          <Upload showUploadList={false}
+            {...uploaderProps}
+            onSuccess={handleUploadIndexOneSucess}>
+            <Button>
+              上传图片
+          </Button>
+          </Upload>
+        </p>
+      </div>
+
+      <div style={{ width: '420px', height: '940px', display: 'inline-block', marginTop: '30px' }}>
+        <div style={{ width: '375px', height: '780px', backgroundColor: '#CFCFCF', boxShadow: '0px 0px 16px 6px rgba(0,0,0,0.15)', position: 'relative', margin: '0 auto' }}>
+          <img style={{ width: '100%', height: '100%' }} src={indexTwoUrl} alt="" />
+          <img src={head1} style={{ width: '66px', height: '66px', position: 'absolute', left: '20px', bottom: '122px' }} alt="" />
+          <p style={{ margin: '0', fontSize: '18px', position: 'absolute', left: '96px', bottom: '163px', color: '#333' }}>小五子</p>
+          <p style={{ margin: '0', fontSize: '15px', position: 'absolute', left: '96px', bottom: '142px', color: '#333' }}>175 1256 0225</p>
+          <p style={{ margin: '0', fontSize: '14px', position: 'absolute', left: '96px', bottom: '121px', color: '#666' }}>邀请您参与活动</p>
+          <div style={{ margin: '0', width: '100%', height: '112px', backgroundColor: '#fff', position: 'absolute', left: '0px', bottom: '0.5px', }}>
+            <p style={{ margin: '0', fontSize: '16px', position: 'absolute', left: '30px', bottom: '58px', color: '#666' }}>长按识别小程序码</p>
+            <p style={{ margin: '0', fontSize: '16px', position: 'absolute', left: '30px', bottom: '31px', color: '#666' }}>进入<span style={{ margin: '0 10px', fontSize: '17px', color: '#000' }}>致云</span>查看详情</p>
+            <img src={link} style={{ margin: '0', width: '100px', height: '100px', position: 'absolute', right: '20px', bottom: '6px' }} alt="" />
+          </div>
+        </div>
+        <p style={{ textAlign: 'center', fontSize: '19px', color: '#666', marginTop: '30px' }}>生成海报分享给朋友</p>
+        <p style={{ textAlign: 'center' }}>
+          <Upload showUploadList={false}
+            {...uploaderProps}
+            onSuccess={handleUploadIndexTwoSucess}>
+            <Button>
+              上传图片
+          </Button>
+          </Upload></p>
+      </div>
+
+      <div style={{ width: '420px', height: '940px', display: 'inline-block', marginTop: '30px' }}>
+        <div style={{ width: '375px', height: '780px', backgroundColor: '#CFCFCF', boxShadow: '0px 0px 16px 6px rgba(0,0,0,0.15)', position: 'relative', margin: '0 auto' }}>
+          <img style={{ width: '100%', height: '100%' }} src={indexThreeUrl} alt="" />
+          <img src={head1} style={{ width: '66px', height: '66px', position: 'absolute', left: '20px', bottom: '142px' }} alt="" />
+          <p style={{ margin: '0', fontSize: '18px', position: 'absolute', left: '96px', bottom: '183px', color: '#333' }}>小五子</p>
+          <p style={{ margin: '0', fontSize: '15px', position: 'absolute', left: '96px', bottom: '162px', color: '#333' }}>175 1256 0225</p>
+          <p style={{ margin: '0', fontSize: '14px', position: 'absolute', left: '96px', bottom: '141px', color: '#666' }}>邀请您参与活动</p>
+          <div style={{ margin: '0', width: '335px', borderRadius: '6px', height: '112px', backgroundColor: '#fff', position: 'absolute', left: '20px', bottom: '20px', }}></div>
+          <p style={{ margin: '0', fontSize: '16px', position: 'absolute', left: '50px', bottom: '78px', color: '#666' }}>长按识别小程序码</p>
+          <p style={{ margin: '0', fontSize: '16px', position: 'absolute', left: '50px', bottom: '51px', color: '#666' }}>进入<span style={{ margin: '0 10px', fontSize: '17px', color: '#000' }}>致云</span>查看详情</p>
+          <img src={link} style={{ margin: '0', width: '100px', height: '100px', position: 'absolute', right: '50px', bottom: '26px' }} alt="" />
+        </div>
+        <p style={{ textAlign: 'center', fontSize: '19px', color: '#666', marginTop: '30px' }}>生成海报分享给朋友</p>
+        <p style={{ textAlign: 'center' }}>
+          <Upload showUploadList={false}
+            {...uploaderProps}
+            onSuccess={handleUploadIndexThreeSucess}>
+            <Button>
+              上传图片
+          </Button>
+          </Upload>
+        </p>
+      </div>
+    </div>
+  )
+}
+export default PosterCard
+

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

@@ -0,0 +1,166 @@
+import React, { useEffect, useState } from 'react'
+import { PageHeader, Form, Button, Spin, Modal, notification } from 'antd'
+
+const formItemLayout = {
+  labelCol: {
+    xs: { span: 24 },
+    sm: { span: 4 },
+  },
+  wrapperCol: {
+    xs: { span: 24 },
+    sm: { span: 12 },
+  },
+}
+
+const tailFormItemLayout = {
+  wrapperCol: {
+    xs: {
+      span: 24,
+      offset: 0,
+    },
+    sm: {
+      span: 16,
+      offset: 6,
+    },
+  },
+}
+
+export default Form.create({})(props => {
+  const [title, updateTitle] = useState('详情' || props.title)
+  const [loading, updateLoading] = useState(false)
+  const [pageData, updatePageData] = useState(null)
+
+  const id = props.dataId
+  const { getFieldDecorator, setFieldsValue, validateFields, resetFields } = props.form
+
+  const handleCancel = () => {
+    if (props.onCancel) {
+      props.onCancel()
+    }
+  }
+
+  const { fetchAPI, saveAPI, updateAPI } = props
+
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    validateFields((err, values) => {
+      if (!err) {
+        updateLoading(true)
+        if (!id && !props.record) {
+          saveAPI({data: values}).then(res => {
+            updateLoading(false)
+            // 保存成功之后直接跳转到详情
+            Modal.success({
+              content: '保存信息成功',
+              onOk: () => {
+                if (props.onSuccess) {
+                  props.onSuccess(res)
+                }
+              }
+            })
+          }).catch(err => {
+            updateLoading(false)
+            if (props.onError) {
+              props.onError(err)
+            }
+          })
+        } else {
+          const pKey = id || props.dateKey(props.record)
+
+          const data = props.record ? { ...props.record, ...values } : values
+          updateAPI({ data, urlData: { id: pKey } }).then(res => {
+            updateLoading(false)
+            updatePageData(res)
+            notification.success({ message: '更新信息成功' })
+            if (props.onSuccess) {
+              props.onSuccess(res)
+            }
+          }).catch(err => {
+            updateLoading(false)
+            if (props.onError) {
+              props.onError(err)
+            }
+          })
+        }
+      }
+    });
+  }
+
+  useEffect(() => {
+    if (props.mode !== 'inner') {
+      if (!pageData) {
+        resetFields()
+      } else {
+        setFieldsValue(pageData)
+      }
+    }
+  }, [props.mode, pageData])
+
+  useEffect(() => {
+    if (props.mode === 'inner') {
+      if (!props.record) {
+        resetFields()
+      } else {
+        setFieldsValue(props.record)
+      }
+      updatePageData(props.record)
+    }
+  }, [props.mode, props.record])
+
+  useEffect(() => {
+    if (props.mode !== 'inner' && id) {
+      updateLoading(true)
+      fetchAPI({ urlData: {id} }).then((res) => {
+        updatePageData(res)
+        updateLoading(false)
+        if (!res) {
+          notification.info({ message: '没有查询到数据' })
+        } else {
+          if (props.getPageTitle) {
+            updateTitle(props.getPageTitle(res.typeName))
+          }
+        }
+      }).catch(err => {
+        updateLoading(false)
+      })
+    }
+  }, [])
+
+  const childProps = {
+    form: props.form,
+    dataSource: pageData
+  }
+
+  const showHeader = props.showHeader !== false
+
+  return (
+    <div>
+      {
+        showHeader && (
+          <PageHeader
+            ghost={false}
+            backIcon={false}
+            title={title}
+          ></PageHeader>
+        )
+      }
+      <div style={{marginTop: '16px'}}>
+        <Spin spinning={loading} tip="请稍候...">
+          <Form {...formItemLayout} onSubmit={handleSubmit} >
+            {
+              props.render(childProps)
+            }
+            <Form.Item {...tailFormItemLayout}>
+              <Button type="primary" htmlType="submit">
+                保存
+              </Button>
+              <Button onClick={handleCancel} style={{ marginLeft: '100px' }}>
+                取消
+              </Button>
+            </Form.Item>
+          </Form>
+        </Spin>
+      </div>
+    </div>
+  )
+})

estateagents-admin-manager/src/components/CommList/DataTable.jsx

@@ -0,0 +1,22 @@
+import React, { useState } from 'react'
+import { Spin, Table } from 'antd'
+
+export default props => {
+  const [loading, setLoading] = useState(false)
+
+  const pagination = {
+    ...props.pagination,
+    onChange: (page, pageSize) => {
+      setLoading(true)
+      props.onPageChange(page, pageSize).then(() => setLoading(false)).catch(() => setLoading(false))
+    }
+  }
+
+  const { onPageChange, ...tableProps } = props
+
+  return (
+    <Spin spinning={loading} delay={300} tip="请稍候...">
+      <Table pagination={pagination} {...tableProps} />
+    </Spin>
+  )
+}

estateagents-admin-manager/src/components/CommList/FilterForm.jsx

@@ -0,0 +1,40 @@
+import React from 'react'
+import { Form } from 'antd'
+
+export default Form.create({})((props) => {
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    props.form.validateFields((err, values) => {
+      if (!err) {
+        props.onSearch(values)
+      }
+    });
+  }
+
+  const handleReset = () => {
+    props.form.resetFields();
+    props.onSearch(undefined)
+  }
+
+  const { getFieldDecorator } = props.form
+
+  const childProps = {
+    form: props.form
+  }
+
+  return (
+    <Form layout="inline" onSubmit={e => handleSubmit(e)}>
+      {
+        props.render(childProps)
+      }
+      <Form.Item>
+        <Button type="primary" htmlType="submit">
+          搜索
+        </Button>
+        <Button style={{ marginLeft: 8 }} onClick={handleReset}>
+          重置
+          </Button>
+      </Form.Item>
+    </Form>
+  )
+})

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

@@ -0,0 +1,93 @@
+import React, { useEffect, useState, useCallback, useRef } from 'react'
+import { PageHeader, Form, Input, Button, Icon, Table, Rate, Tag, Spin, notification, Tooltip } from 'antd'
+
+export default (props) => {
+  const defaultPageInfo = { pageNum: 1, pageSize: 10 }
+  const [loading, updateLoading] = useState(false)
+  const [filterParams, updateFilterParams] = useState({})
+  const [pageData, updatePageData] = useState([])
+  const [pageNavData, updatePageNavData] = useState({})
+
+  const getList = (params) => {
+    updateLoading(true)
+    props.fetchList(params).then(res => {
+      updateLoading(false)
+      updatePageData(res[0])
+      updatePageNavData(res[1])
+
+      if (!res[1].total) {
+        notification.info({ message: '没有查询到数据' })
+      }
+    }).catch(err => {
+      updateLoading(false)
+      // do nothing
+    })
+  }
+
+  const handleSearch = (params) => {
+    updateFilterParams(params || {})
+    
+    getList({
+      ...defaultPageInfo,
+      ...(params || {})
+    })
+  }
+
+  const handlePageChange = (pageNum, pageSize) => {
+    getList({
+      pageNum,
+      pageSize,
+      ...filterParams
+    })
+  }
+
+  const dataRef = useRef()
+  dataRef.current = pageData
+
+  useEffect(() => {
+    getList(defaultPageInfo)
+
+    if (props.refreshData) {
+      props.refreshData((callback) => {
+        const newList = callback(dataRef.current)
+        updatePageData(newList)
+      })
+    }
+  }, [])
+
+  const pagination = {
+    ...pageNavData,
+    onChange: handlePageChange
+  }
+
+  const showFilterForm = props.showFilterForm !== false
+  const tableProp = {
+    ...(props.table || {}),
+    dataSource: pageData
+  }
+
+  return (
+    <div>
+      <PageHeader
+        ghost={false}
+        backIcon={false}
+        title={props.title || "列表"}
+        extra={[<Button key={1} type="primary" onClick={props.onAdd}>新增</Button>]}
+      ></PageHeader>
+
+      {
+        showFilterForm && (
+          <FilterForm onSearch={handleSearch} render={props.renderFilter} />
+        )
+      }
+      
+      <div style={{marginTop: '16px'}}>
+        <Spin spinning={loading} delay={300} tip="请稍候...">
+          <Table
+            {...tableProp}
+            pagination={pagination} />
+        </Spin>
+      </div>
+    </div>
+  )
+}

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

@@ -0,0 +1,71 @@
+import { Icon, Popover, Typography } from 'antd';
+import React, { useRef } from 'react';
+import { FormattedMessage } from 'umi-plugin-react/locale';
+import { connect } from 'dva';
+import { isAntDesignPro } from '@/utils/utils';
+import styles from './index.less';
+
+const firstUpperCase = pathString =>
+  pathString
+    .replace('.', '')
+    .split(/\/|-/)
+    .map(s => s.toLowerCase().replace(/( |^)[a-z]/g, L => L.toUpperCase()))
+    .filter(s => !!s)
+    .join(''); // when  click block copy, send block url to  ga
+
+const onBlockCopy = label => {
+  if (!isAntDesignPro()) {
+    return;
+  }
+
+  const ga = window && window.ga;
+
+  if (ga) {
+    ga('send', 'event', {
+      eventCategory: 'block',
+      eventAction: 'copy',
+      eventLabel: label,
+    });
+  }
+};
+
+const BlockCodeView = ({ url }) => {
+  const blockUrl = `npx umi block add ${firstUpperCase(url)} --path=${url}`;
+  return (
+    <div className={styles['copy-block-view']}>
+      <Typography.Paragraph
+        copyable={{
+          text: blockUrl,
+          onCopy: () => onBlockCopy(url),
+        }}
+        style={{
+          display: 'flex',
+        }}
+      >
+        <pre>
+          <code className={styles['copy-block-code']}>{blockUrl}</code>
+        </pre>
+      </Typography.Paragraph>
+    </div>
+  );
+};
+
+export default connect(({ routing }) => ({
+  location: routing.location,
+}))(({ location }) => {
+  const url = location.pathname;
+  const divDom = useRef(null);
+  return (
+    <Popover
+      title={<FormattedMessage id="app.preview.down.block" defaultMessage="下载此页面到本地项目" />}
+      placement="topLeft"
+      content={<BlockCodeView url={url} />}
+      trigger="click"
+      getPopupContainer={dom => (divDom.current ? divDom.current : dom)}
+    >
+      <div className={styles['copy-block']} ref={divDom}>
+        <Icon type="download" />
+      </div>
+    </Popover>
+  );
+});

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

@@ -0,0 +1,29 @@
+.copy-block {
+  position: fixed;
+  right: 80px;
+  bottom: 40px;
+  z-index: 99;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  font-size: 20px;
+  background: #fff;
+  border-radius: 40px;
+  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14),
+    0 1px 10px 0 rgba(0, 0, 0, 0.12);
+  cursor: pointer;
+}
+
+.copy-block-view {
+  position: relative;
+  .copy-block-code {
+    display: inline-block;
+    margin: 0 0.2em;
+    padding: 0.2em 0.4em 0.1em;
+    font-size: 85%;
+    border-radius: 3px;
+  }
+}