需求

config/routes.js

@@ -252,6 +252,7 @@ export default [
               {
                 path: '/promote/detail',
                 name: '查看详情',
+                hideInMenu: true,
                 component: './promote/detail',
               },
             ],

src/pages/promote/components/ModelForm.jsx

@@ -0,0 +1,119 @@
+import React, { useState, useEffect } from 'react';
+import { Form, Modal, Button, Table, message, Input, Icon, Pagination,Radio } from 'antd';
+import request from '../../../utils/request';
+import apis from '../../../services/apis';
+import router from 'umi/router';
+import styles from './style.less'
+
+const { Column, ColumnGroup } = Table;
+const ModelForm = props => {
+    const formItemLayout = {
+        labelCol: { span: 6 },
+        wrapperCol: { span: 14 },
+      };
+
+    const {visible,currentData} = props;
+
+    const { getFieldDecorator } = props.form
+
+    const onCancel = () => {
+        props.onCancel()
+    }
+
+    const updateContact = () => {
+        request({ ...apis.promote.update, urlData: { id: currentData.serialNo }, data: {...props.form.getFieldsValue()} }).then((data) => {
+            message.success('添加成功!');
+            props.onCancel("success")
+        })
+    }
+
+    return (
+        <Modal
+                title={currentData.status ==2 ? "立即跟进" : '添加备注'}
+                width="900px"
+                visible={visible}
+                onCancel={onCancel}
+                onOk={updateContact}
+            >
+                <Form {...formItemLayout} >
+                    <Form.Item label="公司名称">
+                        {getFieldDecorator('company',{
+                            initialValue: currentData.company,
+                        })(
+                            <Input
+                                disabled
+                                prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+                                placeholder="公司名称"
+                            />,
+                        )}
+                    </Form.Item>
+                   { currentData.status ==2 && <Form.Item label="联系人">
+                        {getFieldDecorator('name',{
+                            initialValue: currentData.name
+                        })(
+                            <Input
+                                disabled
+                                prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+                                placeholder="联系人"
+                            />,
+                        )}
+                    </Form.Item>}
+                    {currentData.status ==2 && <Form.Item label="手机号">
+                        {getFieldDecorator('phone',{
+                            initialValue: currentData.phone
+                        })(
+                            <Input
+                                disabled
+                                prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+                                placeholder="手机号"
+                            />,
+                        )}
+                    </Form.Item>}
+                    {currentData.status ==2 && <Form.Item label="需求备注">
+                        {getFieldDecorator('demand',{
+                            initialValue: currentData.demand
+                        })(
+                            <Input
+                                disabled
+                                prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+                                placeholder="需求备注"
+                            />,
+                        )}
+                    </Form.Item>}
+                    {currentData.status ==2 && <Form.Item label="跟进状态">
+                        {getFieldDecorator('status',{
+                            initialValue: "0"
+                        })(
+                            <Radio.Group>
+                                <Radio value="1">有效表单</Radio>
+                                <Radio value="0">无效表单</Radio>
+                            </Radio.Group>,
+                        )}
+                    </Form.Item>}
+                 {currentData.status ==2 &&  <Form.Item label="跟进备注">
+                        {getFieldDecorator('follow',{
+                            initialValue: currentData.follow
+                        })(
+                            <Input
+                                prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+                                placeholder="跟进备注"
+                            />,
+                        )}
+                    </Form.Item>}
+             {   currentData.status !=2 &&    <Form.Item label="备注信息">
+                        {getFieldDecorator('remark',{
+                            initialValue: currentData.remark
+                        })(
+                            <Input
+                                prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+                                placeholder="备注信息"
+                            />,
+                        )}
+                    </Form.Item>}
+                </Form>
+            </Modal>
+    )
+}
+
+const WrappedRegistrationForm = Form.create()(ModelForm);
+export default WrappedRegistrationForm;

src/pages/promote/index.jsx

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import { PageHeaderWrapper } from '@ant-design/pro-layout';
-import { Form, Input, Button, Icon, Select, message, Table, Divider, Tag, Pagination, Modal, Breadcrumb } from 'antd';
+import { Form, Input, Button, Icon, Select, message, Table, Divider, Tag, Pagination, Modal, Breadcrumb,Radio } from 'antd';
 import router from 'umi/router';
 import moment from 'moment';
 import styles from './style.less';
@@ -8,11 +8,14 @@ import { fetch, apis } from '../../utils/request';
 import request from '../../utils/request';
 import AuthButton from '@/components/AuthButton';
 import Navigate from '@/components/Navigate';
+import ModelForm from './components/ModelForm';
 
 function header(props) {
     
     const [taNoticeList, setTaNoticeList] = useState([])
     const [ data, setData ] = useState({})
+    const [visible, setVisible] = useState(false);
+    const [currentData, setCurrentData] = useState(false);
 
     useEffect(() => {
         getList({ pageNum: 1, pageSize: 10 });
@@ -34,9 +37,9 @@ function header(props) {
         });
     }
 
-    const publishNew = (row) => () => {
-        row.status = row.status === 1 ? 0 : 1
-        editNewsById(row)
+    const openModel = (row) => () => {
+        setVisible(true)
+        setCurrentData(row)
     }
 
     const topNew = (row) => () => {
@@ -94,6 +97,20 @@ function header(props) {
         getList({ pageNum: pageNumber, pageSize: 10, ...props.form.getFieldsValue() })
     }
 
+    const deleteContact =(row) => () => {
+        Modal.confirm({
+            title: '确认将所选数据删除？',
+            okText: '确定',
+            cancelText: '取消',
+            onOk() {
+                request({ ...apis.promote.update, urlData: { id: row.serialNo }, data: { status: -1} }).then((data) => {
+                    message.info("操作成功")
+                    getList({ pageNum: 1, pageSize: 10 });
+                })
+            },
+        });
+    }
+
 
     const columns = [
         {
@@ -148,11 +165,11 @@ function header(props) {
             align: 'center',
             render: (x, row) => (
                 <>
-                    <span style={{ color: '#FF925C', cursor: 'pointer' }} onClick={publishNew(row)}>
+                    <span style={{ color: '#FF925C', cursor: 'pointer' }} onClick={openModel(row)}>
                         {row.status === 2 ? "立即跟进" : '添加备注'}<Icon type="form" className={styles.edit} />
                     </span>
-                    <span style={{ color: '#FF925C', cursor: 'pointer', marginLeft: '20px'  }} onClick={publishNew(row)}>
-                        {row.status === 0 ? "删除" : ''}<Icon type="form" className={styles.edit} />
+                    <span style={{ color: '#FF925C', cursor: 'pointer', marginLeft: '20px'  }} onClick={deleteContact(row)}>
+                        {row.status === 0 ? <span>删除<Icon type="form" className={styles.edit} /></span> : ''}
                     </span>
                 </>
             ),
@@ -167,6 +184,14 @@ function header(props) {
           setTaNoticeList(selectedRows)
         },
       };
+
+
+      const modelCancel = (state) => {
+            setVisible(false)
+            if(state === "success"){
+                getList({ pageNum: 1, pageSize: 10 });
+            }
+      }
  
     return (
 
@@ -227,6 +252,8 @@ function header(props) {
                     <Pagination showQuickJumper defaultCurrent={1} total={data.total} onChange={e => changePageNum(e)} current={data.current} />
                 </div>
             </div>
+
+            <ModelForm visible={visible} currentData={currentData} onCancel={(state) => modelCancel(state)}/>
         </>
     )
 }

src/services/apis.js

@@ -444,6 +444,11 @@ const apis = {
       method: 'GET',
       action: 'channel',
     },
+    update: {
+      url: `${prefix}/taOfficeContact/:id`,
+      method: 'PUT',
+      action: 'channel',
+    },
   },
 }