Browse Source

Merge branch 'dev' of http://git.ycjcjy.com/estateagents/pc-center into dev

张延森 5 years ago
parent
commit
5f76a924ba

+ 52
- 0
src/components/uploadImage/ImageUpload.jsx View File

@@ -0,0 +1,52 @@
1
+import React from 'react';
2
+import { Upload, Icon, message } from 'antd';
3
+import './style.less';
4
+import { uploaderProps } from '../../utils/upload';
5
+
6
+
7
+
8
+class ImageUpload extends React.Component {
9
+
10
+  state = {
11
+    loading: false,
12
+    fileList: [],
13
+  };
14
+
15
+  handleChange = info => {
16
+    this.setState({ fileList: info.fileList })
17
+    if (info.file.status === "uploading") {
18
+      this.setState({ loading: true });
19
+      return;
20
+    }
21
+  };
22
+
23
+  handleUploadSucess = (url) => {
24
+    console.log(url,"33-------")
25
+    if (typeof this.props.onChange === 'function') {
26
+      this.props.onChange(url);
27
+    }
28
+  }
29
+
30
+  render() {
31
+    const uploadButton = (
32
+      <div>
33
+        <Icon style={{ fontSize: '2em', color: '#aaa' }} type={this.state.loading ? "loading" : "plus"} />
34
+      </div>
35
+    );
36
+
37
+    return (
38
+      <Upload
39
+        {...uploaderProps}
40
+        listType="picture-card"
41
+        className="avatar-uploader"
42
+        onChange={this.handleChange}
43
+        fileList={this.state.fileList}
44
+        onSuccess={this.handleUploadSucess}
45
+      >
46
+        {this.state.fileList.length >= 1 ? null : uploadButton}  
47
+      </Upload>
48
+    );
49
+  }
50
+}
51
+
52
+export default ImageUpload;

+ 8
- 0
src/components/uploadImage/style.less View File

@@ -0,0 +1,8 @@
1
+:global {
2
+  .avatar-uploader {
3
+    & > .ant-upload {
4
+      width: 128px;
5
+      height: 128px;
6
+    }
7
+  }
8
+}

+ 3
- 2
src/pages/UserManage/Editor/User.jsx View File

@@ -5,7 +5,8 @@ import moment from 'moment';
5 5
 import router from 'umi/router';
6 6
 import XForm, { FieldTypes } from '../../../components/XForm';
7 7
 import { fetch, apis } from '../../../utils/request';
8
-import SelectCity from '../CitySelect'
8
+import SelectCity from '../CitySelect';
9
+import ImageUpload from '../../../components/uploadImage/ImageUpload';
9 10
 
10 11
 
11 12
 const defaultPass = 'abc@123';
@@ -61,7 +62,7 @@ export default props => {
61 62
     {
62 63
       label: '公司水印',
63 64
       name: 'waterMark',
64
-      type: FieldTypes.ImageUploader,
65
+      render: () => <ImageUpload onChange={e => console.log(e,"66")}/>,
65 66
       value: user.waterMark,
66 67
     },
67 68
     {

+ 1
- 3
src/pages/UserManage/index.jsx View File

@@ -33,9 +33,7 @@ const ABCol = (props) => (
33 33
 
34 34
 export default (props) => {
35 35
   const [members, setMembers] = useState([]);
36
-  const [pageNavi, setPageNavi] = useState({ current: 1, pageSize: 10, total: 0 })
37
-  const [submitting, setSubmitting] = useState(false)
38
-  const [visibleData, setVisibleData] = useState({ visible: false, userId: '', oldPassword:'', newPassword: '', confirmPassword: '' })
36
+  const [pageNavi, setPageNavi] = useState({ current: 1, pageSize: 10, total: 0, size: 0 })
39 37
 
40 38
   useEffect(() => {
41 39
     getMembers({ params: { pageNum: pageNavi.current, pageSize: pageNavi.pageSize } }).then((dt) => {