feats

config/routes.js

@@ -579,6 +579,12 @@ export default [
                 component: './borker/list/index',
                 menuCode: '/borker/list',
               },
+              {
+                path: '/borker/agentRule',
+                name: '经纪人规则',
+                component: './borker/agentRule/index',
+                menuCode: '/borker/agentRule',
+              },
             ],
           },
           {

src/pages/borker/agentRule/index.jsx

@@ -0,0 +1,107 @@
+import React, { useEffect, useState } from 'react'
+import { Spin, Card, Form, Select, Input, Button, notification } from 'antd'
+import Wangedit from '@/components/Wangedit/Wangedit';
+import { fetch, apis } from '@/utils/request';
+
+const FormItem = Form.Item
+const formItemLayout = {
+  labelCol: {
+    xs: { span: 24 },
+    sm: { span: 3 },
+  },
+  wrapperCol: {
+    xs: { span: 24 },
+    sm: { span: 19 },
+  },
+}
+
+const editorMenus = [
+  'head', // 标题
+  'bold', // 粗体
+  'italic', // 斜体
+  'underline', // 下划线
+  'strikeThrough', // 删除线
+  'indent', // 缩进
+  'lineHeight', // 行高
+  'foreColor', // 文字颜色
+  'list', // 列表
+  'justify', // 对齐方式
+  'quote', // 引用
+  'undo', // 撤销
+];
+
+const getAgentRule = fetch(apis.borker.getAgentRule)
+const saveAgentRule = fetch(apis.borker.saveAgentRule)
+
+const AgentRule = React.forwardRef((props, ref) => {
+  const { getFieldDecorator, validateFieldsAndScroll, setFieldsValue } = props.form
+
+  const [loading, setLoading] = useState(false)
+  const [detail, setDetail] = useState({})
+
+  const handleSubmit = (e) => {
+    validateFieldsAndScroll((err, values) => {
+      if (err) return;
+
+      setLoading(true)
+      saveAgentRule({ data: { ...(detail || {}), ...values } }).then(res => {
+        setDetail(res)
+        setLoading(false)
+        notification.success({ message: "操作成功" })
+      }).catch(() => {
+        setLoading(false)
+      })
+    })
+
+    return false;
+  }
+
+  useEffect(() => {
+    setLoading(true)
+    getAgentRule().then(res => {
+      // ant3 的 form 赋值很诡异
+      const t = setTimeout(() => {
+        clearTimeout(t)
+        setLoading(false)
+        setDetail(res)
+        setFieldsValue({
+          content: (res || {}).content,
+          status: (res || {}).status,
+        })
+      }, 200)
+    }).catch(() => {
+      setLoading(false)
+    })
+  }, [])
+
+  return (
+    <Card>
+      <Spin spinning={loading}>
+        <Form {...formItemLayout} onSubmit={handleSubmit}>
+          <FormItem label="规则详情">
+            { 
+              getFieldDecorator('content')(<Wangedit menus={editorMenus} />)
+            }
+          </FormItem>
+          <FormItem label="发布状态">
+            { 
+              getFieldDecorator('status')(
+                <Select>
+                  <Select.Option value={1}>发布</Select.Option>
+                  <Select.Option value={0}>未发布</Select.Option>
+                </Select>
+              )
+            }
+          </FormItem>
+          <FormItem colon={false} label=" ">
+            <Button type="primary" htmlType="submit" loading={loading}>
+              提交
+            </Button>
+          </FormItem>
+        </Form>
+      </Spin>
+    </Card>
+  )
+})
+
+export default Form.create()(AgentRule)

src/pages/borker/announcement/Edit/index.jsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react'
-import { Row, Col, Card, Form, Select, Input, Button, notification } from 'antd'
+import { Spin, Card, Form, Select, Input, Button, notification } from 'antd'
 import SelectCity from '@/components/SelectButton/CitySelect'
 import ImageUpload from '@/components/XForm/ImageUpload'
 import Wangedit from '@/components/Wangedit/Wangedit';
@@ -76,74 +76,76 @@ const AnnouncementEdit = React.forwardRef((props, ref) => {
   }, [id, setFieldsValue])
 
   return (
-    <Card loading={loading}>
-      <Form {...formItemLayout} onSubmit={handleSubmit}>
-        <FormItem label="公告类型">
-          {
-            getFieldDecorator('showType', {
-              rules: [{ required: true, message: '请填写标题' }],
-            })(
-              <Select style={fullWidth} allowClear>
-                {
-                  showTypeList.map(x => <Option key={x.value} value={x.value}>{x.label}</Option>)
-                }
-              </Select>
-            )
-          }
-        </FormItem>
-        <FormItem label="公告图片" help="建议图片尺寸：640*960px，比例2:3,格式：jpg">
-          {
-            getFieldDecorator('imageUrl', {
-              rules: [{ required: true, message: '公告图片' }],
-            })(<ImageUpload />)
-          }
-        </FormItem>
-        <FormItem label="公告标题">
-          {
-            getFieldDecorator('title', {
-              rules: [{ required: true, message: '请填写标题' }],
-            })(<Input />)
-          }
-        </FormItem>
-        <FormItem label="所属城市">
-          {
-            getFieldDecorator('cityId', {
-              rules: [{ required: true, message: '请选择城市' }],
-            })(
-              <SelectCity style={fullWidth} />,
-            )
-          }
-        </FormItem>
-        <FormItem label="跳转页面">
-          {
-            getFieldDecorator('linkPage')(
-              <Select style={fullWidth} allowClear>
-                {
-                  pages.map(x => <Option key={x.page} value={x.page}>{x.title}</Option>)
-                }
-              </Select>
-            )
-          }
-        </FormItem>
-        <FormItem label="页面参数">
-          {
-            getFieldDecorator('pageParam')(<Input placeholder="key1=value1&key2=value2" />)
-          }
-        </FormItem>
-        <FormItem label="公告详情">
-          { 
-            getFieldDecorator('content')(<Wangedit menus={editorMenus} />)
-          }
-        </FormItem>
-        <FormItem colon={false} label=" ">
-          <Button type="primary" htmlType="submit" loading={loading}>
-            提交
-          </Button>
-          <Button onClick={router.goBack} style={{ marginLeft: '2em' }}>
-            返回
-          </Button>
-        </FormItem>
-      </Form>
+    <Card>
+      <Spin spinning={loading}>
+        <Form {...formItemLayout} onSubmit={handleSubmit}>
+          <FormItem label="公告类型">
+            {
+              getFieldDecorator('showType', {
+                rules: [{ required: true, message: '请填写标题' }],
+              })(
+                <Select style={fullWidth} allowClear>
+                  {
+                    showTypeList.map(x => <Option key={x.value} value={x.value}>{x.label}</Option>)
+                  }
+                </Select>
+              )
+            }
+          </FormItem>
+          <FormItem label="公告图片" help="建议图片尺寸：640*960px，比例2:3,格式：jpg">
+            {
+              getFieldDecorator('imageUrl', {
+                rules: [{ required: true, message: '公告图片' }],
+              })(<ImageUpload />)
+            }
+          </FormItem>
+          <FormItem label="公告标题">
+            {
+              getFieldDecorator('title', {
+                rules: [{ required: true, message: '请填写标题' }],
+              })(<Input />)
+            }
+          </FormItem>
+          <FormItem label="所属城市">
+            {
+              getFieldDecorator('cityId', {
+                rules: [{ required: true, message: '请选择城市' }],
+              })(
+                <SelectCity style={fullWidth} />,
+              )
+            }
+          </FormItem>
+          <FormItem label="跳转页面">
+            {
+              getFieldDecorator('linkPage')(
+                <Select style={fullWidth} allowClear>
+                  {
+                    pages.map(x => <Option key={x.page} value={x.page}>{x.title}</Option>)
+                  }
+                </Select>
+              )
+            }
+          </FormItem>
+          <FormItem label="页面参数">
+            {
+              getFieldDecorator('pageParam')(<Input placeholder="key1=value1&key2=value2" />)
+            }
+          </FormItem>
+          <FormItem label="公告详情">
+            { 
+              getFieldDecorator('content')(<Wangedit menus={editorMenus} />)
+            }
+          </FormItem>
+          <FormItem colon={false} label=" ">
+            <Button type="primary" htmlType="submit" loading={loading}>
+              提交
+            </Button>
+            <Button onClick={router.goBack} style={{ marginLeft: '2em' }}>
+              返回
+            </Button>
+          </FormItem>
+        </Form>
+      </Spin>
     </Card>
   )
 })

src/services/apis.js

@@ -2449,5 +2449,15 @@ export default {
       method: 'GET',
       url: `${prefix}/borker`,
     },
+    // 获取经纪人规则
+    getAgentRule: {
+      method: 'GET',
+      url: `${prefix}/bkAgentRule`,
+    },
+    // 保存经纪人规则
+    saveAgentRule: {
+      method: 'POST',
+      url: `${prefix}/bkAgentRule`,
+    },
   }
 };