合并

config/config.js

                   name: '报表数据',
                   component: './system/report',
                 },
+                {
+                  path: '/system/intention',
+                  name: '意向值',
+                  component: './system/intention',
+                },
+                {
+                  path: '/system/housingPolicy',
+                  name: '购房政策维护',
+                  component: './system/housingPolicy',
+                },
+                {
+                  path: '/system/editPolicy',
+                  name: '',
+                  component: './system/editPolicy',
+                },
               ],
             },
             {

src/pages/activity/editActivity.jsx

 import React, { useState, useEffect } from 'react';
-import { Form, Input, Button, Icon, Select, Tabs, Radio, DatePicker,message } from 'antd';
+import { Form, Input, Button, Icon, Select, Tabs, Radio, DatePicker, message } from 'antd';
 import { FormattedMessage } from 'umi-plugin-react/locale';
 import styles from '../style/GoodsList.less';
 import moment from 'moment';
 import XForm, { FieldTypes } from '../../components/XForm';
 import Wangedit from '../../components/Wangedit/Wangedit'
 import request from '../../utils/request'
+import PosterBottom from '../../assets/bottom.png'
+import yinhao from '../../assets/yinhao.png'
+import ImageUploader from '../../components/XForm/ImageUpload';
+import logo from '../../assets/logo.png';
 
 const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
+
 /**
  *
  *
  * @param {*} props
  * @returns
  */
- const Edit = (props) => {
-  const [ tab, changeTab ] = useState('basic')
+const Edit = (props) => {
+  const [tab, changeTab] = useState('basic')
   const dynamicId = props.location.query.dynamicId
-  const [ dynamicData, setDynamicData ] = useState({})
-  if(dynamicId){
+  const [dynamicData, setDynamicData] = useState({})
+  if (dynamicId) {
     useEffect(() => {
       getDynamicData(dynamicId);
-    },[])
+    }, [])
 
-  // 查询列表
-  const getDynamicData = (dynamicId) => {
-    request({
+    // 查询列表
+    const getDynamicData = (dynamicId) => {
+      request({
         url: '/api/admin/buildingDynamic/Details',
         method: 'GET',
         params: { dynamicId },
-    }).then((data) => {
+      }).then((data) => {
         console.log(data)
         setDynamicData(data)
-    })
-  }
+      })
+    }
   }
 
-  const cancelPage = () =>{
+  const cancelPage = () => {
     router.push({
       pathname: '/activity/ActivityList',
     });
         render: <BuildSelect />,
         value: dynamicData.buildingId,
         rules: [
-          {required: true, message: '请选择所属项目'},
+          { required: true, message: '请选择所属项目' },
         ]
       },
       {
         type: FieldTypes.Text,
         value: dynamicData.title,
         rules: [
-          {required: true, message: '请输入活动标题'},
+          { required: true, message: '请输入活动标题' },
         ]
       },
       {
         label: '活动时间',
         name: 'activityTime',
         type: FieldTypes.RangePicker,
-        value: dynamicData.startDate != null ?  [moment(dynamicData.startDate,'YYYY-MM-DD'),moment(dynamicData.endDate,'YYYY-MM-DD')] : null,
+        value: dynamicData.startDate != null ? [moment(dynamicData.startDate, 'YYYY-MM-DD'), moment(dynamicData.endDate, 'YYYY-MM-DD')] : null,
         rules: [
-          {required: true, message: '请选择活动时间'},
+          { required: true, message: '请选择活动时间' },
         ]
       },
       {
         type: FieldTypes.Text,
         value: dynamicData.address,
         rules: [
-          {required: true, message: '请输入活动地点'},
+          { required: true, message: '请输入活动地点' },
         ]
       },
       {
         type: FieldTypes.Text,
         value: dynamicData.enlistNum,
         rules: [
-          {required: true, message: '请输入活动人数'},
+          { required: true, message: '请输入活动人数' },
         ]
       },
       {
         label: '是否需要报名',
         name: 'isEnlist',
         render: <Radio.Group name="radiogroup">
-                  <Radio value={1}>是</Radio>
-                  <Radio value={0}>否</Radio>
-                </Radio.Group>,
-        value: dynamicData.isEnlist != null ? dynamicData.isEnlist-0 : 1,
+          <Radio value={1}>是</Radio>
+          <Radio value={0}>否</Radio>
+        </Radio.Group>,
+        value: dynamicData.isEnlist != null ? dynamicData.isEnlist - 0 : 1,
       },
       {
         label: '报名时间',
         name: 'signupTime',
         type: FieldTypes.RangePicker,
-        value: dynamicData.enlistStart != null ?  [moment(dynamicData.enlistStart,'YYYY-MM-DD'),moment(dynamicData.enlistEnd,'YYYY-MM-DD')] : null,
+        value: dynamicData.enlistStart != null ? [moment(dynamicData.enlistStart, 'YYYY-MM-DD'), moment(dynamicData.enlistEnd, 'YYYY-MM-DD')] : null,
         rules: [
-          {required: true, message: '请选择报名时间'},
+          { required: true, message: '请选择报名时间' },
         ]
       },
     ]
-  
-    const handleSubmit = val => { 
-      let {activityTime,signupTime, ...submitValue} = val
+
+    const handleSubmit = val => {
+      let { activityTime, signupTime, ...submitValue } = val
       const [startDate, endDate] = activityTime
       submitValue.startDate = moment(startDate).format('YYYY-MM-DD');
       submitValue.endDate = moment(endDate).format('YYYY-MM-DD');
       submitValue.enlistStart = moment(enlistStart).format('YYYY-MM-DD');
       submitValue.enlistEnd = moment(enlistEnd).format('YYYY-MM-DD');
       console.log('submit data --->', submitValue)
-      if(dynamicId){
+      if (dynamicId) {
         submitValue.dynamicId = dynamicId
         request({
           url: '/api/admin/buildingDynamic/update',
         }).catch((err) => {
           message.info(err.msg || err.message)
         })
-      }else{
+      } else {
         request({
           url: '/api/admin/buildingDynamic/add',
           method: 'POST',
         })
       }
     }
-    
+
     return <XForm onSubmit={handleSubmit} onCancel={cancelPage} fields={fields}></XForm>
   }
-  
+
   const Poster = (props) => {
-   return <div>Poster</div>
+
+    return <div style={{ display: 'flex' }}>
+      <div style={{ width: '420px', height: '900px', display: 'inline-block', marginTop: '30px' }}>
+        <div style={{ width: '375px', height: '785px', backgroundColor: '#fff', boxShadow: '0px 0px 16px 6px rgba(0,0,0,0.15)', position: 'relative', margin: '0 auto' }}>
+
+          <img style={{ width: '100%', height: '300px' }} src="http://img0.imgtn.bdimg.com/it/u=4246326797,2657995307&fm=26&gp=0.jpg" alt="" />
+
+          <div style={{ display: 'flex', alignItems: 'center', marginTop: '-24px' }}>
+            <img style={{ width: '70px', height: '70px', border: '4px solid #fff', borderRadius: '35px', marginLeft: '16px' }} src="http://img0.imgtn.bdimg.com/it/u=3463541938,2540701974&fm=26&gp=0.jpg" alt="" />
+            <span style={{ color: '#222', fontWeight: '600', margin: '24px 10px 0 14px', fontSize: '17px' }}>喵喵</span>
+            <span style={{ color: '#999', marginTop: '25px', fontSize: '17px' }}>邀您阅读</span>
+            <span style={{ color: '#999', margin: '25px 0 0 60px', fontSize: '17px' }}>2019.09.21</span>
+          </div>
+          <p style={{
+            margin: '10px 20px', fontSize: '20px', color: '#222', fontWeight: '600',
+            display: '-webkit-box', lineClamp: '3', height: '60px',
+            WebkitLineClamp: '2',
+            WebkitBoxOrient: 'vertical',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis'
+          }}>破晓·内容生态下半场的版权到企业高峰论坛会议破晓·内容生态下半场的版权到企业高峰论坛活动</p>
+
+          <img src={yinhao} style={{ width: '30px', marginLeft: '10px' }} alt="" />
+          <p style={{
+            margin: '16px 20px 28px 20px', fontSize: '17px', color: '#999',
+            display: '-webkit-box', lineClamp: '3', height: '76px',
+            WebkitLineClamp: '3',
+            WebkitBoxOrient: 'vertical',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis'
+          }}>活动描述:破晓·内容生态下半场的版权到企业高峰论坛活动破晓·内容生态下半场的版权到企业高峰论坛活动破晓·内容生态下半场的版权到企业高峰论坛活动</p>
+          <img src={PosterBottom} style={{ width: '100%' }} alt="" />
+        </div>
+        <p style={{ textAlign: 'center', fontSize: '19px', color: '#666', marginTop: '30px' }}>海报模板</p>
+      </div>
+      <div></div>
+    </div>
   }
- 
+
   const Share = (props) => {
-    return <div>Share</div>
+    const fields = [
+      {
+        label: '分享模板',
+        name: 'buildingId',
+        render: () => <div style={{ margin: ' 10px 20px' }}>
+          <p style={{ display: 'flex', alignItems: 'center', fontSize: '14px', color: '#999', margin: '0', lineHeight: '0' }}><img src={logo} style={{ width: '22px', marginRight: '10px' }} />知与行互动</p>
+          <p style={{ fontSize: '16px', color: '#222', fontWeight: '600', margin: '0' }}>置业V客厅 精准获客平台</p>
+          <img style={{ width: '200px', height: '140px' }} src="http://house.china.com.cn/nanjing/UserFiles/20171124/11070256.jpg" alt="" />
+        </div>,
+      },
+      {
+        label: '海报标题',
+        name: 'newsTypeName',
+        type: FieldTypes.Text,
+        value: '',
+        rules: [
+          { required: true, message: '请输入咨询名称' },
+        ]
+      },
+      {
+        label: '类型图',
+        name: 'newsTypeImg',
+        type: FieldTypes.ImageUploader,
+        value: 'newsTypeImg',
+      },
+    ]
+    const handleSubmit = (values) => {
+
+    }
+    return <div>
+      <XForm onSubmit={handleSubmit} onCancel={cancelPage} fields={fields}></XForm>
+    </div>
   }
 
   return (
         </Radio.Group>
       </div>
       <div>
-        { tab === 'basic' && <Basic /> }
-        { tab === 'poster' && <Poster /> }
-        { tab === 'share' && <Share /> }
+        {tab === 'basic' && <Basic />}
+        {tab === 'poster' && <Poster />}
+        {tab === 'share' && <Share />}
       </div>
     </div>
   );
- }
+}
 
 
 

src/pages/building/list/add/components/imageSet.jsx

 import apis from '../../../../../services/apis';
 import Styles from '../style.less';
 import { router } from 'umi';
+import ModalImage from './modalImage';
 
 
 const saleType = [
   // eslint-disable-next-line react-hooks/rules-of-hooks
   const [data, setData] = useState([])
 
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const [visibleData, setVisibleData] = useState({ visible: false, apartmentId: '', buildingId: '' })
+
   // eslint-disable-next-line react-hooks/rules-of-hooks
   useEffect(() => {
     getList()
   }
 
   function getList(params) {
-    console.log(props)
     // 网路请求
     const { url, method } = apis.building.buildingApartment
     const tempUrl = url.substring(0, url.lastIndexOf('id')).concat(props.building.buildingId)
     request({ url: tempUrl, method, params: { ...params } }).then(res => {
       setData(res)
     }).catch(err => {
-      openNotificationWithIcon('error', err)
+      openNotificationWithIcon('error', err.message)
+    })
+  }
+
+  /**
+   *打开编辑页
+   *
+   * @param {*} record
+   */
+  function showEdi(record) {
+    setVisibleData({ visible: true, apartmentId: record === undefined ? '' : record.apartmentId, buildingId: props.building.buildingId })
+  }
+
+  /**
+   * 删除
+   *
+   * @param {*} record
+   */
+  function deleteApartment(record) {
+    // 网路请求
+    const { url, method } = apis.building.buildingApartmentDelete
+    const tempUrl = url.substring(0, url.lastIndexOf('id')).concat(record.apartmentId)
+
+    request({ url: tempUrl, method }).then(res => {
+      getList()
+      openNotificationWithIcon('error', '操作成功')
+    }).catch(err => {
+      openNotificationWithIcon('error', err.message)
     })
   }
 
       key: 'apartmentId',
       render: (_, record) => (
         <>
-          <Button type="link" style={{ color: 'red' }}>编辑</Button>
-          <Button type="link" style={{ color: 'red' }}>删除</Button>
+          <Button type="link" style={{ color: 'red' }} onClick={() => showEdi(record)}>编辑</Button>
+          <Button type="link" style={{ color: 'red' }} onClick={() => deleteApartment(record)}>删除</Button>
         </>
       ),
     },
 
   return (
     <>
-      <Button type="primary">新增图片库</Button>
+      <Button type="primary" onClick={() => showEdi()}>新增图片库</Button>
       <Table dataSource={data} columns={columns} pagination={false} />
+
+      {/* 编辑页 */}
+      {/*  onSuccess是子组件传递事件信息  */}
+      <ModalImage visibleData={visibleData} key={visibleData.apartmentId} onSuccess={getList}/>
     </>
   )
 }

src/pages/building/list/add/components/modalImage.jsx

+import React, { useState, useEffect } from 'react';
+import { Form, Icon, Input, Button, DatePicker, Select, Card, Row, Col, Pagination, Alert, Table, Avatar, Radio, Modal, Descriptions, notification } from 'antd';
+import moment from 'moment';
+import request from '../../../../../utils/request';
+import apis from '../../../../../services/apis';
+import Styles from '../style.less';
+import ImageUpload from '../../../../../components/XForm/ImageUpload'
+import Wangedit from '../../../../../components/Wangedit/Wangedit'
+
+
+const { Option } = Select;
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const { Meta } = Card;
+
+const { TextArea } = Input;
+
+
+const formItemLayout = {
+  labelCol: {
+    xs: { span: 24 },
+    sm: { span: 2 },
+  },
+  wrapperCol: {
+    xs: { span: 24 },
+    sm: { span: 16 },
+  },
+};
+
+const saleType = [
+  {
+    id: 1,
+    name: '待定',
+  },
+  {
+    id: 2,
+    name: '售罄',
+  },
+  {
+    id: 3,
+    name: '在售',
+  },
+]
+
+/**
+ * 图片信息
+ *
+ * @param {*} props
+ * @returns
+ */
+class ModalImage extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+       visibleData: { visible: false, apartmentId: '', buildingId: '' },
+    }
+  }
+
+  // 挂载之后
+  // componentDidMount() {
+  //
+  // }
+
+  componentDidUpdate(preProps, preState) {
+    console.log(this.props.visibleData)
+    if (this.props.visibleData.visible !== preState.visibleData.visible) {
+      this.getById()
+      this.setState({ visibleData: this.props.visibleData });
+    }
+  }
+
+  // 弹框确定按钮
+  // eslint-disable-next-line react/sort-comp
+  handleOk() {
+    this.setState({ visibleData: { visible: false, apartmentId: '', buildingId: '' } })
+  }
+
+  // 弹框取消按钮
+  handleCancel() {
+    this.setState({ visibleData: { visible: false, apartmentId: '', buildingId: '' } })
+  }
+
+  getById(params) {
+    const { apartmentId } = this.props.visibleData
+    if (apartmentId === '' || apartmentId === undefined) {
+      return
+    }
+
+    // 网路请求
+    const { url, method } = apis.building.buildingApartmentGetById
+    const tempUrl = url.substring(0, url.lastIndexOf('id')).concat(apartmentId)
+
+    request({ url: tempUrl, method , params: { ...params } }).then(res => {
+      // res.img = res.buildingImgList.map((item, _) => item.url)
+      res.img = res.buildingImgList[0].url
+      this.props.form.setFieldsValue(res)
+    }).catch(err => {
+     this.openNotificationWithIcon('error', err)
+    })
+  }
+
+  openNotificationWithIcon = (type, message) => {
+    notification[type]({
+      message,
+      description:
+        '',
+    });
+  };
+
+  // 提交
+  handleSubmit(e) {
+    e.preventDefault();
+    this.props.form.validateFields((err, values) => {
+      if (!err) {
+        this.submitData(values)
+      }
+    });
+  }
+
+  submitData(data) {
+    // TODO 这里应该是要支持多图，但是封装的控件没有
+    data.img = [{ imgType: 'aparment', url: data.img, orderNo: 1 }]
+    data.buildingId = this.props.visibleData.buildingId;
+    const api = data.apartmentId !== undefined ? apis.building.buildingApartmentUpdate : apis.building.buildingApartmentAdd;
+
+    // 网路请求
+    request({ ...api, data: { ...data } }).then(() => {
+      // eslint-disable-next-line no-unused-expressions
+      this.openNotificationWithIcon('success', '操作成功')
+
+      // 传递父组件事件
+      // onSuccess() 是自定义
+      this.props.onSuccess()
+
+      this.handleCancel()
+    }).catch(err => {
+      // eslint-disable-next-line no-unused-expressions
+      this.openNotificationWithIcon('error', err)
+    })
+  }
+
+  /**
+   * 取消按钮
+   *
+   * @memberof ModalImage
+   */
+  closeModal() {
+    this.setState({ visibleData: { visible: false, apartmentId: '', buildingId: '' } })
+  }
+
+  render() {
+    const { getFieldDecorator } = this.props.form;
+    return (
+      <>
+        <Modal
+            title="图片信息"
+            width={1100}
+            destroyOnClose="true"
+            footer={null}
+            visible={this.state.visibleData.visible}
+            onOk={() => this.handleOk()}
+            onCancel={e => this.handleCancel(e)}
+          >
+            <Form {...formItemLayout} onSubmit={e => this.handleSubmit(e)}>
+              <Form.Item label="编号" style={{ display: 'none' }}>
+                  {getFieldDecorator('apartmentId')(<Input />)}
+              </Form.Item>
+              <Form.Item label="名称">
+                {getFieldDecorator('apartmentName')(<Input />)}
+              </Form.Item>
+              <Form.Item label="类型">
+                {getFieldDecorator('apartmentType')(
+                  <Select placeholder="类型">
+                    <Option value="apart">户型</Option>
+                    <Option value="photo">相册</Option>
+                  </Select>,
+                )}
+              </Form.Item>
+              <Form.Item label="销售状态">
+                {getFieldDecorator('marketStatus')(
+                  <Select placeholder="销售状态">
+                    {
+                      saleType.map((item, _) => <Option value={item.id}>{item.name}</Option>)
+                    }
+                  </Select>,
+                )}
+              </Form.Item>
+              <Form.Item label="图片">
+              {getFieldDecorator('img')(
+                <ImageUpload />,
+              )}
+              </Form.Item>
+              <Form.Item label="面积">
+                {getFieldDecorator('buildingArea')(<Input />)}
+              </Form.Item>
+              <Form.Item label="套内面积">
+                {getFieldDecorator('insideArea')(<Input />)}
+              </Form.Item>
+              <Form.Item label="户型总价">
+                {getFieldDecorator('apartmentPrice')(<Input />)}
+              </Form.Item>
+              <Form.Item label="户型简介">
+                {getFieldDecorator('apartmentDescription')(
+                  <Wangedit />,
+                )}
+              </Form.Item>
+              <Form.Item label="备注">
+                {getFieldDecorator('remark')(<TextArea rows={10} />)}
+              </Form.Item>
+              <Form.Item style={{ width: '400px', margin: 'auto', display: 'flex', justifyContent: 'space-between' }}>
+                <Button type="primary" htmlType="submit">保存</Button>
+                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                <Button onClick={() => this.closeModal()}>取消</Button>
+              </Form.Item>
+            </Form>
+        </Modal>
+      </>
+    );
+  }
+}
+
+const WrappedModalImageForm = Form.create({ name: 'modalImage' })(ModalImage);
+
+export default WrappedModalImageForm

src/pages/building/list/add/components/tags.jsx

         {tags.map((tag, index) => {
           const isLongTag = tag.length > 20;
           const tagElem = (
-            <Tag key={tag} closable={index !== 0} onClose={() => this.handleClose(tag)}>
+            <Tag key={tag} closable onClose={() => this.handleClose(tag)}>
               {isLongTag ? `${tag.slice(0, 20)}...` : tag}
             </Tag>
           );

src/pages/building/list/index.jsx

           )}
         </Form.Item>
         <Form.Item>
-          <Button type="primary" htmlType="submit" className={Styles.SubmitButton}>
+          <Button type="primary" htmlType="submit">
             搜索
           </Button>
         </Form.Item>
       </Form>
-      <Button type="primary" className={Styles.addButton} onClick={() => toAdd()}>
+      <Button type="danger" className={Styles.addButton} onClick={() => toAdd()}>
         新增楼盘
       </Button>
 

src/pages/building/list/style.css

   border: 1px solid #dbdbdb;
 }
 .addButton {
-  background: #50be00;
   border-radius: 4px;
   border: 0px;
   margin: 10px 0px;

src/pages/building/list/style.less

   border: 1px solid #dbdbdb;
 }
 .addButton {
-  background: #50be00;
   border-radius: 4px;
   border: 0px;
   margin: 10px 0px;

src/pages/building/list/style.wxss

   border: 1px solid #dbdbdb;
 }
 .addButton {
-  background: #50be00;
   border-radius: 4px;
   border: 0px;
   margin: 10px 0px;

src/pages/system/editPolicy.jsx

+import React, { useState, useEffect } from 'react';
+import { Form, Input, Button, Icon, Select, Tabs, Radio, DatePicker,message } from 'antd';
+import { FormattedMessage } from 'umi-plugin-react/locale';
+import styles from '../style/GoodsList.less';
+import moment from 'moment';
+import router from 'umi/router';
+import BuildSelect from '../../components/SelectButton/BuildSelect'
+import SelectCity from '../../components/SelectButton/CitySelect'
+import XForm, { FieldTypes } from '../../components/XForm';
+import Wangedit from '../../components/Wangedit/Wangedit'
+import request from '../../utils/request'
+
+const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
+/**
+ *
+ *
+ * @param {*} props
+ * @returns
+ */
+ const Edit = (props) => {
+  const policyId = props.location.query.policyId
+  const [ policyData, setPolicyData ] = useState({})
+  if(policyId){
+    useEffect(() => {
+      getPolicyData(policyId);
+    },[])
+
+  // 查询列表
+  const getPolicyData = (policyId) => {
+    request({
+        url: '/api/admin/taPolicy/' + policyId,
+        method: 'GET',
+    }).then((data) => {
+        console.log(data)
+        setPolicyData(data)
+    })
+  }
+  }
+
+  const cancelPage = () =>{
+    router.push({
+      pathname: '/system/housingPolicy',
+    });
+  }
+    const fields = [
+      {
+        label: '城市',
+        name: 'cityId',
+        render: <SelectCity />,
+        value: policyData.cityId,
+      },
+      {
+        label: '政策图片',
+        name: 'policyImg',
+        type: FieldTypes.ImageUploader,
+        value: policyData.policyImg,
+      },
+      {
+        label: '政策标题',
+        name: 'title',
+        type: FieldTypes.Text,
+        value: policyData.title,
+      },
+      {
+        label: '政策详情',
+        name: 'body',
+        render: <Wangedit />,
+        value: policyData.body,
+      },
+      {
+        label: '状态',
+        name: 'publishStatus',
+        type: FieldTypes.Select,
+        dict: [{label:"未发布",value:0},{label:"已发布",value:1}],
+        value: policyData.publishStatus != null ? policyData.publishStatus : 1,
+      },
+    ]
+  
+    const handleSubmit = val => { 
+      console.log('submit data --->', val)
+      if(policyId){
+        val.policyId = policyId
+        request({
+          url: '/api/admin/taPolicy/'+policyId,
+          method: 'PUT',
+          data: val,
+        }).then((data) => {
+          message.info("保存成功")
+          cancelPage()
+        }).catch((err) => {
+          message.info(err.msg || err.message)
+        })
+      }else{
+        request({
+          url: '/api/admin/taPolicy',
+          method: 'POST',
+          data: val,
+        }).then((data) => {
+          message.info("保存成功")
+          cancelPage()
+        }).catch((err) => {
+          message.info(err.msg || err.message)
+        })
+      }
+    }
+     
+
+  return (
+    <XForm onSubmit={handleSubmit} onCancel={cancelPage} fields={fields}></XForm>
+  );
+ }
+
+
+
+export default Edit

src/pages/system/housingPolicy.jsx

+import React, { useState, useEffect } from 'react';
+import { Form, Input, Button, Icon, Select, message, Table, Divider, Tag, Pagination, Modal, DatePicker } from 'antd';
+import { FormattedMessage } from 'umi-plugin-react/locale';
+import styles from '../style/GoodsList.less';
+import router from 'umi/router';
+import moment from 'moment';
+import SelectCity from '../../components/SelectButton/CitySelect'
+import BuildSelect from '../../components/SelectButton/BuildSelect'
+
+import request from '../../utils/request'
+
+const { Option } = Select;
+const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
+
+const header = (props) => {
+  const [ data, setData ] = useState({})
+
+  useEffect(() => {
+    getList({ pageNum: 1, pageSize: 10,cityId: '' });
+  },[])
+
+  // 查询列表
+  const getList = (params) => {
+    request({
+        url: '/api/admin/taPolicy',
+        method: 'GET',
+        params: { ...params },
+    }).then((data) => {
+        console.log(data)
+        setData(data)
+    })
+  }
+
+  
+// 跳转到编辑商品
+const toEditPolicy = (policyId) => () => {
+    router.push({
+      pathname: '/system/editPolicy',
+      query: {
+        policyId
+      },
+    });
+  }
+  
+  /**
+   *
+   *
+   * @param {*} props
+   * @returns
+   */
+  
+  const columns = [
+    {
+      title: '购房政策主图',
+      dataIndex: 'policyImg',
+      key: 'policyImg',
+      align: 'center',
+      render: (policyImg) => <img src={policyImg} className={styles.touxiang} />,
+    },
+    {
+      title: '标题',
+      dataIndex: 'title',
+      key: 'title',
+      align: 'center',
+    },
+    {
+      title: '城市',
+      dataIndex: 'cityName',
+      key: 'cityName',
+      align: 'center',
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createDate',
+      key: 'createDate',
+      align: 'center',
+      render: (createDate) => <><span>{moment(createDate).format('YYYY-MM-DD')}</span></>
+    },
+    {
+      title: '状态',
+      dataIndex: 'publishStatus',
+      key: 'publishStatus',
+      align: 'center',
+      render: (publishStatus)=> <><span>{publishStatus === 1 ? '已发布' : '未发布' }</span></>
+    },
+    {
+      title: '操作',
+      dataIndex: 'handle',
+      key: 'handle',
+      align: 'center',
+      render: (x,row) => <>
+                           <span style={{ color: '#1990FF' }} onClick={publicOrNoPublic(row)}>{ row.publishStatus === 0 ? '发布' : '取消发布' }<Icon type="close-circle" className={styles.edit} /></span>
+                           <span style={{ color: '#1990FF', marginRight: '20px' }} onClick={topPolicy(row)}>{ row.weight === 1 ? '取消置顶' : '置顶' }<Icon type="vertical-align-top" className={styles.edit} /></span>
+                           <span style={{ color: '#FF925C' }} onClick={toEditPolicy(row.policyId)}>编辑<Icon type="form" className={styles.edit} /></span>
+                           <span style={{ color: '#FF925C' }} onClick={deletePolicy(row.policyId)}>删除<Icon type="form" className={styles.edit} /></span>
+                         </>
+    },
+  ];
+  
+  // 删除
+const deletePolicy = (policyId) => () => {
+  Modal.confirm({
+    title: '是否继续删除此政策?',
+    okText: '确定',
+    cancelText: '取消',
+    onOk() {
+        request({
+            url: '/api/admin/taPolicy/'+policyId,
+            method: 'DELETE',
+        }).then((data) => {
+            message.info('操作成功！')
+            getList({ pageNum: 1, pageSize: 10,cityId: '' });
+        }).catch((err) => {
+            console.log(err)
+            message.info(err.msg || err.message)
+        })
+    },
+  });
+}
+
+
+//   置顶
+  const topPolicy = (row) => () => {
+      const weight = Math.abs(row.weight - 1)
+      row.weight = weight
+      request({
+          url: '/api/admin/taPolicy/'+row.policyId,
+          method: 'PUT',
+          data: row,
+      }).then((data) => {
+          console.log(data)
+          message.info('操作成功！')
+          getList({ pageNum: 1, pageSize: 10,cityId: '' });
+      }).catch((err) => {
+          console.log(err)
+          message.info(err.msg || err.message)
+      })
+  }
+  
+  const publicOrNoPublic = (row) => () => {
+      if (row.publishStatus === 1) {
+        row.publishStatus = 0
+      } else {
+        row.publishStatus = 1
+      }
+
+      request({
+        url: '/api/admin/taPolicy/'+row.policyId,
+        method: 'PUT',
+        data: row,
+      }).then((data) => {
+          console.log(data)
+          message.info('操作成功！')
+          getList({ pageNum: 1, pageSize: 10,cityId: '' });
+      }).catch((err) => {
+          console.log(err)
+          message.info(err.msg || err.message)
+      })
+  }
+  
+  const changePageNum = (pageNumber) => {
+      getList({ pageNum: pageNumber, pageSize: 10 })
+  }
+
+  // 提交事件
+const handleSubmit = (e, props) => {
+    e.preventDefault();
+    props.form.validateFields((err, values) => {
+      if (!err) {
+        console.log('提交数据: ', values)
+        getList({ pageNum: 1, pageSize: 10, ...values })
+      }
+    });
+  }
+
+  const { getFieldDecorator } = props.form
+  return (
+
+    <>
+      <Form layout="inline" onSubmit={e => handleSubmit(e, props)}>
+        <Form.Item>
+          {getFieldDecorator('cityId')(
+            <SelectCity />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          <Button type="primary" htmlType="submit" className={styles.searchBtn}>
+            搜索
+          </Button>
+        </Form.Item>
+      </Form>
+      <Button type="primary" className={styles.addBtn} onClick={toEditPolicy()}>新增</Button>
+      <Table dataSource={data.records} columns={columns} pagination={false}/>
+      <div style={{ display: 'flex', justifyContent: 'flex-end', marginTop: '30px' }}>
+        <Pagination showQuickJumper defaultCurrent={1} total={data.total} onChange={changePageNum} />
+      </div>
+    </>
+  )
+}
+const WrappedHeader = Form.create({ name: 'header' })(header);
+
+export default WrappedHeader

src/pages/system/intention.jsx

+import React, { useState, useEffect } from 'react';
+import { Form, Input, Button, Icon, Select, Tabs, Radio, DatePicker,message,Checkbox,Row, Col } from 'antd';
+import { FormattedMessage } from 'umi-plugin-react/locale';
+import styles from '../style/GoodsList.less';
+import moment from 'moment';
+import router from 'umi/router';
+import BuildSelect from '../../components/SelectButton/BuildSelect'
+import XForm, { FieldTypes } from '../../components/XForm';
+import Wangedit from '../../components/Wangedit/Wangedit'
+import request from '../../utils/request'
+import SelectCity from '../../components/SelectButton/CitySelect'
+
+const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
+/**
+ *
+ *
+ * @param {*} props
+ * @returns
+ */
+ const Edit = (props) => {
+  const [ data, setData ] = useState([])
+
+  const changBuilding = (buildingId) => {
+    request({
+      url: '/api/admin/tdBizEventIntention',
+      method: 'GET',
+      params: {pageNum: 1, pageSize: 999,buildingId}
+    }).then((data) => {
+      console.log(data)
+      setData(data.records)
+    })
+  }
+
+  return (
+    <>
+    <Row>
+      <Col span={12}>
+        <BuildSelect onChange={changBuilding}/>
+      </Col>
+    </Row>
+    <Row>
+      <Col span={6} offset={6}>
+        用户操作
+      </Col>
+      <Col span={6} offset={6}>
+        意向值
+      </Col>
+    </Row>
+    {data.map((x) => {
+      console.log(x)
+      return <Row>
+                <Col span={6} offset={6}>
+                {x.eventName}
+                </Col>
+                <Col span={6} offset={6}>
+                  {x.intention}
+                </Col>
+              </Row>
+    })}
+    <Row>
+      <Button type="primary" className={styles.searchBtn} >确定</Button>
+    </Row>
+    </>
+  );
+ }
+
+
+
+export default Edit

src/services/apis.js

       method: 'GET',
       url: `${prefix}/buildingApartment/buildingId/id`,
     },
+    buildingApartmentGetById: {
+      method: 'GET',
+      url: `${prefix}/buildingApartment/id`,
+    },
+    buildingApartmentUpdate: {
+      method: 'PUT',
+      url: `${prefix}/buildingApartment/update`,
+    },
+    buildingApartmentAdd: {
+      method: 'POST',
+      url: `${prefix}/buildingApartment/add`,
+    },
+    buildingApartmentDelete: {
+      method: 'DELETE',
+      url: `${prefix}/apartment/deleted/id`,
+    },
   },
   buildingType: {
     getList: {