需求

src/pages/promote/detail.jsx

@@ -10,19 +10,19 @@ import moment from 'moment';
 
 
 const header = props => {
-    const newsId = props.location.query.id
+    const serialNo = props.location.query.id
   
-    const [ data, setData ] = useState({})
-    if(newsId){
+    const [ currentData, setData ] = useState({})
+    if(serialNo){
       useEffect(() => {
-        getNewData(newsId);
+        getData(serialNo);
       },[])
   
     // 查询列表
-    const getNewData = (newsId) => {
+    const getData = (serialNo) => {
       request({
-          ...apis.officenews.get,
-          urlData: { id: newsId }
+          ...apis.promote.get,
+          urlData: { id: serialNo }
       }).then((data) => {
         setData(data)
       }).catch((err) => {
@@ -31,65 +31,97 @@ const header = props => {
     }
     }
   
-    const fields = [
-      {
-        label: '资讯封面',
-        name: 'thumb',
-        type: FieldTypes.ImageUploader,
-        value: data.thumb,
-        rules: [
-            { required: true, message: '请选择资讯封面' },
-        ],
-        help: '建议尺寸：500px*400px，比例5:4，格式：jpg，用于：橙蕉官网新闻资讯列表',
-      },    
-      {
-        label: '资讯标题',
-        name: 'title',
-        type: FieldTypes.Text,
-        value: data.title
-      },
-      {
-        label: '资讯详情',
-        name: 'content',
-        value: data.content,
-        render: <Wangedit />
-      },
-      {
-        label: '状态',
-        name: 'status',
-        value: data.status,
-        render: <Select style={{ width: '180px' }} placeholder="发布状态">
-                    <Option value={0}>已发布</Option>
-                    <Option value={1}>未发布</Option>
-                </Select>,
-      },
-    ]
-  
-     
-    const handleSubmit = (values) => {
-      if(newsId){
-          request({ ...apis.officenews.update, urlData: { id: newsId }, data: { ...values }}).then((data) => {
-            cancelPage();
-          }).catch((err) => {
-            message.error(err.msg || err.message)
-          })
-        }else{
-          request({ ...apis.officenews.save, data: { ...values }}).then((data) => {
-            cancelPage();
-          }).catch((err) => {
-            message.error(err.msg || err.message)
-          })
-        }
-    }
-  
-    const cancelPage = () => {
-      router.push({
-        pathname: '/officenews/index',
-      });
-    }
   
+    const formItemLayout = {
+      labelCol: { span: 6 },
+      wrapperCol: { span: 14 },
+    };
+
+    const { getFieldDecorator } = props.form
+
     return (
-      <XForm onSubmit={handleSubmit} onCancel={cancelPage} fields={fields}></XForm>
+      <div>
+      <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>
+                   <Form.Item label="联系人">
+                        {getFieldDecorator('name',{
+                            initialValue: currentData.name
+                        })(
+                            <Input
+                                disabled
+                                prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+                                placeholder="联系人"
+                            />,
+                        )}
+                    </Form.Item>
+                    <Form.Item label="手机号">
+                        {getFieldDecorator('phone',{
+                            initialValue: currentData.phone
+                        })(
+                            <Input
+                                disabled
+                                prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+                                placeholder="手机号"
+                            />,
+                        )}
+                    </Form.Item>
+                    <Form.Item label="需求备注">
+                        {getFieldDecorator('demand',{
+                            initialValue: currentData.demand
+                        })(
+                            <Input
+                                disabled
+                                prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+                                placeholder="需求备注"
+                            />,
+                        )}
+                    </Form.Item>
+                   <Form.Item label="跟进状态">
+                        {getFieldDecorator('status',{
+                            initialValue: currentData.status === 1 ? '有效' : currentData.status === 2 ? "待跟进" : '无效'
+                        })(
+                          <Input
+                          disabled
+                          prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+                          placeholder="需求备注"
+                      />,
+                        )}
+                    </Form.Item>
+                {/* <Form.Item label="跟进备注">
+                        {getFieldDecorator('follow',{
+                            initialValue: currentData.follow
+                        })(
+                            <Input
+                                prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+                                placeholder="跟进备注"
+                            />,
+                        )}
+                    </Form.Item> */}
+                <Form.Item label="备注信息">
+                        {getFieldDecorator('remark',{
+                            initialValue: currentData.remark
+                        })(
+                            <Input
+                                disabled
+                                prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+                                placeholder="备注信息"
+                            />,
+                        )}
+                    </Form.Item>
+                </Form>
+
+                <Button type="danger" style={{marginLeft: "50em"}} onClick={() => router.go(-1)}>关闭</Button>
+      </div>
     )
   }
   

src/services/apis.js

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