李志伟 hace 3 años
padre
commit
ab23ec3160

+ 48
- 32
src/pages/ContentManagementSystem/BannerClassification/BannerClassificationEdit/index.jsx Ver fichero

@@ -1,19 +1,20 @@
1
-import { Input, Card, Select, Button, message, Upload, Modal } from "antd"
2
-import { useEffect, useState } from 'react'
3
-import { Form } from "antd";
1
+import { Input, Card, Select, Button, message, Upload, Modal } from 'antd';
2
+import { useEffect, useState } from 'react';
3
+import { Form } from 'antd';
4 4
 import { history } from 'umi';
5
-import ProCard from '@ant-design/pro-card'
6
-import { UploadOutlined } from '@ant-design/icons';
5
+import ProCard from '@ant-design/pro-card';
6
+import { UploadImage } from '@/components/Upload';
7
+import ExtendContent from '@/components/ExtendContent';
7 8
 
8
-const { Option } = Select
9
+const { Option } = Select;
9 10
 const goBack = () => {
10
-  history.goBack()
11
-}
12
-const FormItem = Form.Item
11
+  history.goBack();
12
+};
13
+const FormItem = Form.Item;
13 14
 export default (props) => {
14
-
15
-  const [form] = Form.useForm()
16
-  const [loading, setLoading] = useState(false)
15
+  const [form] = Form.useForm();
16
+  const [loading, setLoading] = useState(false);
17
+  const [image, setImage] = useState();
17 18
 
18 19
   const formItemLayout = {
19 20
     //布局
@@ -21,36 +22,51 @@ export default (props) => {
21 22
     wrapperCol: { span: 14 },
22 23
   };
23 24
 
24
-  const Submit = values => {
25
+  const Submit = (values) => {
25 26
     message.success(`成功成功成功`);
26
-    console.log("🚀 ~ file: index.jsx ~ line 21 ~ values", values)
27
-
27
+    console.log('🚀 ~ file: index.jsx ~ line 21 ~ values', values);
28 28
   };
29 29
 
30 30
   return (
31
-    <Card >
32
-      <ProCard tabs={{ type: 'card' }} style={{ marginTop: '16px' }}
33
-      >
31
+    <Card>
32
+      <ProCard tabs={{ type: 'card' }} style={{ marginTop: '16px' }}>
34 33
         <ProCard.TabPane key={1} tab="资讯管理">
35
-          <Form {...formItemLayout} onFinish={Submit} form={form} >
36
-            <FormItem label="Banner图集" name="user" rules={[{ required: true, message: '请选择' }]}>
37
-              <Upload {...props}>
38
-                <Button icon={<UploadOutlined />}>Upload</Button>
39
-              </Upload>
40
-            </FormItem>
41
-            <FormItem label="资讯分类名称" name="shopName" rules={[{ required: true, message: '请输入' }]}>
34
+          <Form {...formItemLayout} onFinish={Submit} form={form}>
35
+            <FormItem label="名称" name="title" rules={[{ required: true, message: '请输入' }]}>
42 36
               <Input placeholder="请输入" style={{ width: '350px' }} />
43 37
             </FormItem>
44
-            <FormItem label="资讯内容" name="s1hopName" rules={[{ required: true, message: '请输入' }]}>
45
-              <Input placeholder="请输入" style={{ width: '350px' }} />
38
+            <FormItem label="图片" name="thumb" rules={[{ required: true, message: '请选择' }]}>
39
+              <UploadImage value={image} onChange={setImage} />
40
+            </FormItem>
41
+            <FormItem label="位置" name="position" rules={[{ required: true, message: '请选择' }]}>
42
+              <Select>
43
+                <Option value="index">首屏</Option>
44
+                <Option value="banner">banner页面</Option>
45
+              </Select>
46
+            </FormItem>
47
+            <FormItem label="详细信息" colon={false}>
48
+              <ExtendContent
49
+                targetType="tourist"
50
+                targetId={'66'}
51
+                onCancel={() => history.goBack()}
52
+              />
46 53
             </FormItem>
47
-            <FormItem label=" " colon={false} >
48
-              <Button type='default' onClick={() => goBack()} >返回</Button>
49
-              <Button type='primary' loading={loading} htmlType="Submit" style={{ marginLeft: '4em' }}>保存</Button>
54
+            <FormItem label=" " colon={false}>
55
+              <Button type="default" onClick={() => goBack()}>
56
+                返回
57
+              </Button>
58
+              <Button
59
+                type="primary"
60
+                loading={loading}
61
+                htmlType="Submit"
62
+                style={{ marginLeft: '4em' }}
63
+              >
64
+                保存
65
+              </Button>
50 66
             </FormItem>
51 67
           </Form>
52 68
         </ProCard.TabPane>
53 69
       </ProCard>
54 70
     </Card>
55
-  )
56
-}
71
+  );
72
+};

+ 39
- 32
src/pages/ContentManagementSystem/BannerClassification/index.jsx Ver fichero

@@ -5,7 +5,6 @@ import { PlusOutlined, QuestionCircleOutlined } from '@ant-design/icons';
5 5
 import { PageHeaderWrapper } from '@ant-design/pro-layout';
6 6
 import ProTable, { TableDropdown } from '@ant-design/pro-table';
7 7
 
8
-
9 8
 export default (props) => {
10 9
   const dataSource = [
11 10
     {
@@ -15,55 +14,61 @@ export default (props) => {
15 14
       age: 32,
16 15
       zz: '西湖区湖底公园1号',
17 16
     },
18
-
19 17
   ];
20 18
 
21
-
22 19
   // 测试内容👆-------------------------
23 20
 
24 21
   const actionRef = useRef();
25 22
   const gotoDetail = (id) => {
26
-    history.push(`BannerClassification/BannerClassificationEdit`)
27
-  }
28
-
23
+    history.push(`BannerClassification/BannerClassificationEdit`);
24
+  };
29 25
 
30 26
   const handleDelete = (e) => {
31
-    deleteNote(e.noteId).then(res => {
27
+    deleteNote(e.noteId).then((res) => {
32 28
       message.success('删除成功');
33 29
       actionRef.current.reload();
34
-    })
35
-  }
30
+    });
31
+  };
36 32
 
37 33
   const handleOK = (record, data) => {
38
-    const titleCourse = record.status ? '您确定要禁用该用户吗? 禁用后该用户不能在后台登陆!' : '您确定要启用该用户吗? 启用后该用户将允许在后台登陆!';
34
+    const titleCourse = record.status
35
+      ? '您确定要禁用该用户吗? 禁用后该用户不能在后台登陆!'
36
+      : '您确定要启用该用户吗? 启用后该用户将允许在后台登陆!';
39 37
     Modal.confirm({
40 38
       title: titleCourse,
41 39
       okText: '确认',
42 40
       cancelText: '取消',
43
-      onOk () {
44
-        publishNote(record.noteId, record.status ? 'off' : 'on').then(res => {
41
+      onOk() {
42
+        publishNote(record.noteId, record.status ? 'off' : 'on').then((res) => {
45 43
           message.success('操作成功');
46
-          actionRef.current.reload()
47
-        })
44
+          actionRef.current.reload();
45
+        });
48 46
       },
49 47
     });
50
-  }
48
+  };
51 49
   const actions = () => [
52
-    <Button key='add' type="primary" icon={<PlusOutlined />} onClick={() => gotoDetail()}>新增</Button>,
53
-  ]
50
+    <Button key="add" type="primary" icon={<PlusOutlined />} onClick={() => gotoDetail()}>
51
+      新增
52
+    </Button>,
53
+  ];
54 54
   const columns = [
55 55
     {
56
-      title: 'Banner图片',
57
-      key: 'zz',
58
-      dataIndex: 'zz',
56
+      title: '名称',
57
+      key: 'title',
58
+      dataIndex: 'title',
59
+      search: false,
60
+    },
61
+    {
62
+      title: '图片',
63
+      key: 'thumb',
64
+      dataIndex: 'thumb',
59 65
       search: false,
60 66
       render: (t) => <img width={110} src={t} alt="" />,
61
-
62 67
     },
63 68
     {
64
-      title: '资讯详情',
65
-      dataIndex: 'name',
66
-      key: 'name',
69
+      title: '位置',
70
+      key: 'position',
71
+      dataIndex: 'position',
67 72
       search: false,
68 73
     },
69 74
     {
@@ -74,7 +79,7 @@ export default (props) => {
74 79
       valueEnum: {
75 80
         0: { text: '已发布', status: 'Success' },
76 81
         1: { text: '未发布', status: 'Error' },
77
-      }
82
+      },
78 83
     },
79 84
 
80 85
     {
@@ -93,7 +98,7 @@ export default (props) => {
93 98
       dataIndex: 'createdAt',
94 99
       valueType: 'date',
95 100
       // render: (t) => formatterTime(t),
96
-      sorter: (a, b) => a.createdAt - b.createdAt,//时间排序
101
+      sorter: (a, b) => a.createdAt - b.createdAt, //时间排序
97 102
     },
98 103
     {
99 104
       title: '操作',
@@ -102,7 +107,9 @@ export default (props) => {
102 107
       ellipsis: true,
103 108
       width: 200,
104 109
       render: (_, record) => [
105
-        <Link key={2} to={`BannerClassification/BannerClassificationEdit`}>编辑</Link>,
110
+        <Link key={2} to={`BannerClassification/BannerClassificationEdit`}>
111
+          编辑
112
+        </Link>,
106 113
         <Popconfirm
107 114
           key={3}
108 115
           title="您是否确认删除 ?"
@@ -110,11 +117,11 @@ export default (props) => {
110 117
           okText="确定"
111 118
           cancelText="取消"
112 119
         >
113
-          <a href="#"  >删除</a>
120
+          <a href="#">删除</a>
114 121
         </Popconfirm>,
115
-      ]
122
+      ],
116 123
     },
117
-  ]
124
+  ];
118 125
 
119 126
   return (
120 127
     <PageHeaderWrapper>
@@ -129,5 +136,5 @@ export default (props) => {
129 136
         actionRef={actionRef}
130 137
       />
131 138
     </PageHeaderWrapper>
132
-  )
133
-}
139
+  );
140
+};

+ 12
- 10
src/pages/ContentManagementSystem/InformationList/InformationListEdit/index.jsx Ver fichero

@@ -1,9 +1,9 @@
1
-import { Input, Card, Select, Button, message } from 'antd';
1
+import { Input, Card, Select, Button, Form, message } from 'antd';
2 2
 import { useEffect, useState } from 'react';
3
-import { Form } from 'antd';
4 3
 import { history } from 'umi';
5 4
 import ProCard from '@ant-design/pro-card';
6
-// import ModalImage from './Modalimage';
5
+import ExtendContent from '@/components/ExtendContent';
6
+import { UploadImage } from '@/components/Upload';
7 7
 
8 8
 const { Option } = Select;
9 9
 const goBack = () => {
@@ -13,6 +13,7 @@ const FormItem = Form.Item;
13 13
 export default (props) => {
14 14
   const [form] = Form.useForm();
15 15
   const [loading, setLoading] = useState(false);
16
+  const [image, setImage] = useState();
16 17
 
17 18
   const formItemLayout = {
18 19
     //布局
@@ -48,13 +49,14 @@ export default (props) => {
48 49
               <Input placeholder="请输入" style={{ width: '350px' }} />
49 50
             </FormItem>
50 51
             <FormItem label="资讯封面" name="thumb" rules={[{ required: true, message: '请输入' }]}>
51
-              {/* <ModalImage
52
-                sortVale={sortVale}
53
-                visible={visible}
54
-                value={content}
55
-                onChange={handleChange}
56
-                onCancel={handleClose}
57
-              /> */}
52
+              <UploadImage value={image} onChange={setImage} />
53
+            </FormItem>
54
+            <FormItem label="详细信息" colon={false}>
55
+              <ExtendContent
56
+                targetType="tourist"
57
+                targetId={'66'}
58
+                onCancel={() => history.goBack()}
59
+              />
58 60
             </FormItem>
59 61
             <FormItem label=" " colon={false}>
60 62
               <Button type="default" onClick={() => goBack()}>