From b4a83c72df6fe1c65f695b61a3b431f8591ca04c Mon Sep 17 00:00:00 2001
From: Archer_cdm <chen.dinming@free-sun.com.cn>
Date: Wed, 28 Dec 2022 14:06:30 +0800
Subject: [PATCH] =?UTF-8?q?=EF=BC=88*=EF=BC=89=E6=9F=A5=E7=9C=8B=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85=E6=9A=82=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../containers/communication/detailModal.js   | 35 +++++++++++++++++--
 1 file changed, 33 insertions(+), 2 deletions(-)

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 >
     )
 }