diff --git a/web/client/src/sections/humanAffairs/containers/communication/detailModal.js b/web/client/src/sections/humanAffairs/containers/communication/detailModal.js
index c4e2010..755fb7f 100644
--- a/web/client/src/sections/humanAffairs/containers/communication/detailModal.js
+++ b/web/client/src/sections/humanAffairs/containers/communication/detailModal.js
@@ -1,6 +1,6 @@
 import React, { useEffect, useRef, useState } from 'react';
 import { connect } from "react-redux";
-import { Select, Modal, Form, Button, Toast } from "@douyinfe/semi-ui";
+import { Modal, Button, Row, Col, Input } from "@douyinfe/semi-ui";
 const DetailModal = (props) => {
     const { dispatch, actions, user, onCancel, dataToDetail, close } = props;
     const { humanAffairs } = actions;
@@ -13,6 +13,7 @@ const DetailModal = (props) => {
     return (
         <Modal title='员工沟通详情'
             visible={true}
+            width={800}
             destroyOnClose
             onCancel={onCancel}
             footer={
@@ -21,7 +22,37 @@ const DetailModal = (props) => {
                 </Button>
             }
         >
-
+            <Row style={{ marginBottom: '30px' }}>
+                <Col span={12}>
+                    <span style={{ float: 'left', textAlign: 'right', color: 'rgba(0, 0, 0, 0.85)', lineHeight: '32px' }} >被沟通人：</span>
+                    <Input style={{ width: '70%', float: 'left' }} disabled />
+                </Col>
+                <Col span={12}>
+                    <span style={{ float: 'left', textAlign: 'right', color: 'rgba(0, 0, 0, 0.85)', lineHeight: '32px' }} >岗位：</span>
+                    <Input style={{ width: '70%', float: 'left' }} disabled />
+                </Col>
+            </Row>
+            <Row style={{ marginBottom: '30px' }}>
+                <Col span={12}>
+                    <span style={{ float: 'left', textAlign: 'right', color: 'rgba(0, 0, 0, 0.85)', lineHeight: '32px' }} >部门：</span>
+                    <Input style={{ width: '70%', float: 'left' }} disabled />
+                </Col>
+                <Col span={12}>
+                    <span style={{ float: 'left', textAlign: 'right', color: 'rgba(0, 0, 0, 0.85)', lineHeight: '32px' }} >沟通截止时间：</span>
+                    <Input style={{ width: '70%', float: 'left' }} disabled />
+                </Col>
+            </Row>
+            <Row style={{ marginBottom: '30px' }}>
+                <Col span={12}>
+                    <span style={{ float: 'left', textAlign: 'right', color: 'rgba(0, 0, 0, 0.85)', lineHeight: '32px' }} >沟通主题：</span>
+                    <Input style={{ width: '70%', float: 'left' }} disabled />
+                </Col>
+                <Col span={12}>
+                    <span style={{ float: 'left', textAlign: 'right', color: 'rgba(0, 0, 0, 0.85)', lineHeight: '32px' }} >沟通背景：</span>
+                    <Input style={{ width: '70%', float: 'left' }} disabled />
+                </Col>
+            </Row>
+            <div style={{ fontWeight: 'bold' }}>面谈的主要内容</div>
         </Modal >
     )
 }