添加所属公司字段

This commit is contained in:
xixi 2024-06-03 14:56:19 +08:00
parent 81b4d1a21b
commit e0b6d38454
7 changed files with 111 additions and 70 deletions

View File

@ -68,7 +68,7 @@ export default function MenuWithTopButton(props: IMenuWithTopButton) {
> >
{props.button.name} {props.button.name}
</button> */} </button> */}
<ul>{list}</ul> <ul style={{}}>{list}</ul>
</div> </div>
) )
} }

View File

@ -63,7 +63,7 @@
.menu-with-bot-button ul { .menu-with-bot-button ul {
padding-top: 12px; padding-top: 12px;
padding-bottom: 12px; padding-bottom: 12px;
width: 231px; width: 230px;
} }
.menu-with-bot-button ul li { .menu-with-bot-button ul li {

View File

@ -50,7 +50,7 @@
.menu-with-top-button ul { .menu-with-top-button ul {
padding-top: 12px; padding-top: 12px;
padding-bottom: 12px; padding-bottom: 12px;
width: 231px; width: 230px;
/* background-color:pink; */ /* background-color:pink; */
} }

View File

@ -20,4 +20,5 @@ interface ContactDataType {
phone: string phone: string
projContactId: string projContactId: string
email:string email:string
company:string
} }

View File

@ -300,6 +300,7 @@ export default function Index() {
<IndexListContext.Provider value={listData} > <IndexListContext.Provider value={listData} >
<IndexListDispatchContext.Provider value={dispatch}> <IndexListDispatchContext.Provider value={dispatch}>
<div className="index"> <div className="index">
<div className='leftbox'>
<div className="left" > <div className="left" >
<div style={{ height: '15px', width: '230px', background: 'white' }}></div> <div style={{ height: '15px', width: '230px', background: 'white' }}></div>
<MenuWithTopButton <MenuWithTopButton
@ -324,6 +325,7 @@ export default function Index() {
handleListItem={buyMenu.handleListItem} handleListItem={buyMenu.handleListItem}
/> */} /> */}
</div> </div>
</div>
<div className="right"> <div className="right">
<div> <div>
<div className="top"> <div className="top">

View File

@ -2,17 +2,28 @@
/* position: relative; */ /* position: relative; */
height: 100vh; height: 100vh;
/* margin-top: 74px; */ /* margin-top: 74px; */
display: flex;
} }
.leftbox{
.index .left { width: 250px;
height: calc(100vh - 65px);
/* background-color: red; */
position: fixed; position: fixed;
/* width: 267px; */
width: 230px;
height: 100%;
/* overflow: auto; */
top: 65px; top: 65px;
left: 0; left: 0;
overflow: auto;
}
.index .left {
/* position: fixed; */
/* width: 267px; */
width: 230px;
min-height: calc(100vh - 65px);
/* overflow: auto; */
/* top: 65px; */
/* left: 0; */
background-color: var(--color-light); background-color: var(--color-light);
} }
.index .right { .index .right {

View File

@ -1,5 +1,5 @@
import './proj-edit-step.css'; import './proj-edit-step.css';
import { Radio, Cascader, Col, DatePicker, Flex, message, Modal, Row, Spin, Select, Table, Space } from "antd"; import { Radio, Cascader, Col, DatePicker, Flex, message, Modal, Row, Spin, Table, Space, Select } from "antd";
import { FolderAddOutlined } from '@ant-design/icons'; import { FolderAddOutlined } from '@ant-design/icons';
import locale from 'antd/es/date-picker/locale/zh_CN'; import locale from 'antd/es/date-picker/locale/zh_CN';
import { useParams } from "react-router-dom"; import { useParams } from "react-router-dom";
@ -45,6 +45,7 @@ type ContactType = {
phone: string phone: string
projContactId: string projContactId: string
email: string email: string
company: string
} }
// interface DataType { // interface DataType {
// key: React.Key; // key: React.Key;
@ -93,6 +94,7 @@ export default function ProjEditStep2(props: any) {
const [applyContactEmail, setapplyContactEmail] = useState('') //联系人邮箱 const [applyContactEmail, setapplyContactEmail] = useState('') //联系人邮箱
const [applyContactName, setapplyContactName] = useState('') //联系人姓名 const [applyContactName, setapplyContactName] = useState('') //联系人姓名
const [applyContactPhone, setapplyContactPhone] = useState('') //联系人手机 const [applyContactPhone, setapplyContactPhone] = useState('') //联系人手机
const [applyContactCompany,setapplyContactCompany] = useState('')
// 设置所属者more你选中的行 // 设置所属者more你选中的行
// const [selectedRowKeys, setSelectedRowKeys] = useState<BelongDataType[]>([]); // const [selectedRowKeys, setSelectedRowKeys] = useState<BelongDataType[]>([]);
@ -146,7 +148,7 @@ export default function ProjEditStep2(props: any) {
setapplyContactEmail(selectedRows[0].email) setapplyContactEmail(selectedRows[0].email)
setapplyContactName(selectedRows[0].name) setapplyContactName(selectedRows[0].name)
setapplyContactPhone(selectedRows[0].phone) setapplyContactPhone(selectedRows[0].phone)
setapplyContactCompany(selectedRows[0].company)
}, },
}; };
@ -257,6 +259,7 @@ export default function ProjEditStep2(props: any) {
setApplyConcatId(data.applyContactId) setApplyConcatId(data.applyContactId)
setapplyContactName(data.applyContactName) setapplyContactName(data.applyContactName)
setapplyContactPhone(data.applyContactPhone) setapplyContactPhone(data.applyContactPhone)
// setapplyContactCompany(data.applyContactCompany)
setapplyContactCsaNo(data.applyContactCsaNo) setapplyContactCsaNo(data.applyContactCsaNo)
setapplyContactEmail(data.applyContactEmail) setapplyContactEmail(data.applyContactEmail)
console.log('基本信息', data); console.log('基本信息', data);
@ -426,6 +429,7 @@ export default function ProjEditStep2(props: any) {
name: formContact.getFieldValue('name'), name: formContact.getFieldValue('name'),
phone: formContact.getFieldValue('phone'), phone: formContact.getFieldValue('phone'),
email: formContact.getFieldValue('email'), email: formContact.getFieldValue('email'),
company: formContact.getFieldValue('company')
}, },
onBefore() { onBefore() {
@ -449,7 +453,7 @@ export default function ProjEditStep2(props: any) {
name: formContact.getFieldValue('name'), name: formContact.getFieldValue('name'),
phone: formContact.getFieldValue('phone'), phone: formContact.getFieldValue('phone'),
email: formContact.getFieldValue('email'), email: formContact.getFieldValue('email'),
company: formContact.getFieldValue('company')
}, },
onBefore() { onBefore() {
}, },
@ -858,7 +862,7 @@ export default function ProjEditStep2(props: any) {
<div style={{ marginRight: '22px' }}>:</div> <div style={{ marginRight: '22px' }}>:</div>
<div style={{ display: applyContactName == '' ? 'block' : 'none' }}></div> <div style={{ display: applyContactName == '' ? 'block' : 'none' }}></div>
<div style={{ display: applyContactName == '' ? 'none' : 'block' }}> <div style={{ display: applyContactName == '' ? 'none' : 'block' }}>
{applyContactName}/{applyContactPhone}/{applyContactEmail} {applyContactName}/{applyContactPhone}{applyContactEmail?'/'+applyContactEmail:''}
</div> </div>
</div> </div>
<div className='belongPeople-bot'> <div className='belongPeople-bot'>
@ -880,6 +884,9 @@ export default function ProjEditStep2(props: any) {
<Column title="联系人" dataIndex="name" /> <Column title="联系人" dataIndex="name" />
<Column title="联系人手机号" dataIndex="phone" /> <Column title="联系人手机号" dataIndex="phone" />
<Column title="平台专属客服" dataIndex="csaNo" /> <Column title="平台专属客服" dataIndex="csaNo" />
<Column title="所属公司" dataIndex="company"
render={(text) => (text !== '' ? text : '一')}
/>
{/* <Column title="实名认证状态" dataIndex="address" key="key" /> */} {/* <Column title="实名认证状态" dataIndex="address" key="key" /> */}
<Column <Column
@ -900,7 +907,8 @@ export default function ProjEditStep2(props: any) {
csaNo: record.csaNo, csaNo: record.csaNo,
name: record.name, name: record.name,
phone: record.phone, phone: record.phone,
email: record.email email: record.email,
company: record.company
}) })
}}> </a> }}> </a>
<span style={{ color: '#3472EE' }}>|</span> <span style={{ color: '#3472EE' }}>|</span>
@ -1041,7 +1049,8 @@ export default function ProjEditStep2(props: any) {
applyContactCsaNo, applyContactCsaNo,
applyContactEmail, applyContactEmail,
applyContactName, applyContactName,
applyContactPhone applyContactPhone,
applyContactCompany
}, },
onBefore() { onBefore() {
@ -1394,9 +1403,9 @@ export default function ProjEditStep2(props: any) {
} }
width={745} width={745}
// 确认按钮样式 // 确认按钮样式
okButtonProps={{ style: { width: '102px', height: '49px', background: '#FFBA00', fontSize: '18px', color: '#FFFFFF', display: contactTitle == '查看联系人' ? 'none' : 'block' } }} okButtonProps={{ size: 'large', style: { display: contactTitle == '查看联系人' ? 'none' : 'block' } }}
// 返回按钮样式 // 返回按钮样式
cancelButtonProps={{ style: { border: 'none', width: '102px', height: '49px', background: '#F3F3F3', fontSize: '18px', color: '#8C8C8C' } }} cancelButtonProps={{ size: 'large', style: {} }}
onCancel={() => { onCancel={() => {
steIsContantOpen(false) steIsContantOpen(false)
@ -1421,7 +1430,7 @@ export default function ProjEditStep2(props: any) {
autoComplete="off" autoComplete="off"
> >
<div className='blongNameInt'> <div className='blongNameInt'>
<div className='blongTitle '>: </div> <div className='blongTitle ' style={{ width: 65, marginRight: '15px' }}>: </div>
<Form.Item<ContactType> <Form.Item<ContactType>
@ -1429,37 +1438,52 @@ export default function ProjEditStep2(props: any) {
rules={[{ required: true, message: '请输入姓名' }]} rules={[{ required: true, message: '请输入姓名' }]}
> >
<Input placeholder="请输入姓名" <Input placeholder="请输入姓名"
style={{ height: '44px', width: '384px', fontSize: '15px', marginTop: '22px', marginLeft: '15px' }} style={{ height: '44px', width: '384px', fontSize: '15px', marginTop: '22px' }}
disabled={contactTitle == '查看联系人' ? true : false} disabled={contactTitle == '查看联系人' ? true : false}
/> />
</Form.Item> </Form.Item>
</div> </div>
<div className='blongNameInt'> <div className='blongNameInt'>
<div className='blongTitle '>: </div> <div className='blongTitle ' style={{ width: 65 , marginRight: '15px'}}>: </div>
<Form.Item<ContactType> <Form.Item<ContactType>
name="phone" name="phone"
rules={[{ required: true, message: '请输入电话号码' }]} rules={[{ required: true, message: '请输入电话号码' }]}
> >
<Input placeholder="请输入电话号码" <Input placeholder="请输入电话号码"
style={{ height: '44px', width: '384px', fontSize: '15px', marginTop: '22px', marginLeft: '15px' }} style={{ height: '44px', width: '384px', fontSize: '15px', marginTop: '22px' }}
disabled={contactTitle == '查看联系人' ? true : false} disabled={contactTitle == '查看联系人' ? true : false}
/> />
</Form.Item> </Form.Item>
</div> </div>
<div className='blongNameInt'> <div className='blongNameInt'>
<div className='blongTitle '>: </div> <div className='blongTitle ' style={{ width: 65, marginRight: '15px' }}>: </div>
<Form.Item<ContactType>
name="company"
rules={[{ required: false, message: '请输入所属公司' }]}
>
<Input placeholder="请输入所属公司"
style={{ height: '44px', width: '384px', fontSize: '15px', marginTop: '22px' }}
disabled={contactTitle == '查看联系人' ? true : false}
/>
</Form.Item>
</div>
<div className='blongNameInt'>
<div className='blongTitle ' style={{ width: 65, marginRight: '15px' }}>: </div>
<Form.Item<ContactType> <Form.Item<ContactType>
name="email" name="email"
rules={[{ required: true, message: '请输入邮箱' }, rules={[{ required: false, message: '请输入邮箱' },
{ type: 'email', message: '请输入有效的邮箱地址' } { type: 'email', message: '请输入有效的邮箱地址' }
]} ]}
> >
<Input placeholder="请输入邮箱" <Input placeholder="请输入邮箱"
style={{ height: '44px', width: '384px', fontSize: '15px', marginTop: '22px', marginLeft: '15px' }} style={{ height: '44px', width: '384px', fontSize: '15px', marginTop: '22px'}}
disabled={contactTitle == '查看联系人' ? true : false} disabled={contactTitle == '查看联系人' ? true : false}
/> />
@ -1478,6 +1502,9 @@ export default function ProjEditStep2(props: any) {
/> />
</Form.Item> </Form.Item>
</div> </div>
</Form> </Form>
</div> </div>
<div className='cas' style={{ <div className='cas' style={{