添加所属公司字段
This commit is contained in:
xixi
parent
81b4d1a21b
commit
e0b6d38454
@ -68,7 +68,7 @@ export default function MenuWithTopButton(props: IMenuWithTopButton) {
|
||||
>
|
||||
{props.button.name}
|
||||
</button> */}
|
||||
<ul>{list}</ul>
|
||||
<ul style={{}}>{list}</ul>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@ -63,7 +63,7 @@
|
||||
.menu-with-bot-button ul {
|
||||
padding-top: 12px;
|
||||
padding-bottom: 12px;
|
||||
width: 231px;
|
||||
width: 230px;
|
||||
}
|
||||
|
||||
.menu-with-bot-button ul li {
|
||||
|
||||
@ -50,7 +50,7 @@
|
||||
.menu-with-top-button ul {
|
||||
padding-top: 12px;
|
||||
padding-bottom: 12px;
|
||||
width: 231px;
|
||||
width: 230px;
|
||||
/* background-color:pink; */
|
||||
}
|
||||
|
||||
|
||||
1
src/layout/Type/statedata.d.ts
vendored
1
src/layout/Type/statedata.d.ts
vendored
@ -20,4 +20,5 @@ interface ContactDataType {
|
||||
phone: string
|
||||
projContactId: string
|
||||
email:string
|
||||
company:string
|
||||
}
|
||||
@ -300,6 +300,7 @@ export default function Index() {
|
||||
<IndexListContext.Provider value={listData} >
|
||||
<IndexListDispatchContext.Provider value={dispatch}>
|
||||
<div className="index">
|
||||
<div className='leftbox'>
|
||||
<div className="left" >
|
||||
<div style={{ height: '15px', width: '230px', background: 'white' }}></div>
|
||||
<MenuWithTopButton
|
||||
@ -324,6 +325,7 @@ export default function Index() {
|
||||
handleListItem={buyMenu.handleListItem}
|
||||
/> */}
|
||||
</div>
|
||||
</div>
|
||||
<div className="right">
|
||||
<div>
|
||||
<div className="top">
|
||||
|
||||
@ -2,17 +2,28 @@
|
||||
/* position: relative; */
|
||||
height: 100vh;
|
||||
/* margin-top: 74px; */
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.index .left {
|
||||
.leftbox{
|
||||
width: 250px;
|
||||
height: calc(100vh - 65px);
|
||||
/* background-color: red; */
|
||||
position: fixed;
|
||||
/* width: 267px; */
|
||||
width: 230px;
|
||||
height: 100%;
|
||||
/* overflow: auto; */
|
||||
top: 65px;
|
||||
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);
|
||||
|
||||
}
|
||||
|
||||
.index .right {
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
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 locale from 'antd/es/date-picker/locale/zh_CN';
|
||||
import { useParams } from "react-router-dom";
|
||||
@ -45,6 +45,7 @@ type ContactType = {
|
||||
phone: string
|
||||
projContactId: string
|
||||
email: string
|
||||
company: string
|
||||
}
|
||||
// interface DataType {
|
||||
// key: React.Key;
|
||||
@ -93,6 +94,7 @@ export default function ProjEditStep2(props: any) {
|
||||
const [applyContactEmail, setapplyContactEmail] = useState('') //联系人邮箱
|
||||
const [applyContactName, setapplyContactName] = useState('') //联系人姓名
|
||||
const [applyContactPhone, setapplyContactPhone] = useState('') //联系人手机
|
||||
const [applyContactCompany,setapplyContactCompany] = useState('')
|
||||
// 设置所属者more你选中的行
|
||||
// const [selectedRowKeys, setSelectedRowKeys] = useState<BelongDataType[]>([]);
|
||||
|
||||
@ -146,7 +148,7 @@ export default function ProjEditStep2(props: any) {
|
||||
setapplyContactEmail(selectedRows[0].email)
|
||||
setapplyContactName(selectedRows[0].name)
|
||||
setapplyContactPhone(selectedRows[0].phone)
|
||||
|
||||
setapplyContactCompany(selectedRows[0].company)
|
||||
},
|
||||
|
||||
};
|
||||
@ -257,6 +259,7 @@ export default function ProjEditStep2(props: any) {
|
||||
setApplyConcatId(data.applyContactId)
|
||||
setapplyContactName(data.applyContactName)
|
||||
setapplyContactPhone(data.applyContactPhone)
|
||||
// setapplyContactCompany(data.applyContactCompany)
|
||||
setapplyContactCsaNo(data.applyContactCsaNo)
|
||||
setapplyContactEmail(data.applyContactEmail)
|
||||
console.log('基本信息', data);
|
||||
@ -426,6 +429,7 @@ export default function ProjEditStep2(props: any) {
|
||||
name: formContact.getFieldValue('name'),
|
||||
phone: formContact.getFieldValue('phone'),
|
||||
email: formContact.getFieldValue('email'),
|
||||
company: formContact.getFieldValue('company')
|
||||
},
|
||||
onBefore() {
|
||||
|
||||
@ -449,7 +453,7 @@ export default function ProjEditStep2(props: any) {
|
||||
name: formContact.getFieldValue('name'),
|
||||
phone: formContact.getFieldValue('phone'),
|
||||
email: formContact.getFieldValue('email'),
|
||||
|
||||
company: formContact.getFieldValue('company')
|
||||
},
|
||||
onBefore() {
|
||||
},
|
||||
@ -858,7 +862,7 @@ export default function ProjEditStep2(props: any) {
|
||||
<div style={{ marginRight: '22px' }}>当前申请人:</div>
|
||||
<div style={{ display: applyContactName == '' ? 'block' : 'none' }}>请选择申请人</div>
|
||||
<div style={{ display: applyContactName == '' ? 'none' : 'block' }}>
|
||||
{applyContactName}/{applyContactPhone}/{applyContactEmail}
|
||||
{applyContactName}/{applyContactPhone}{applyContactEmail?'/'+applyContactEmail:''}
|
||||
</div>
|
||||
</div>
|
||||
<div className='belongPeople-bot'>
|
||||
@ -880,6 +884,9 @@ export default function ProjEditStep2(props: any) {
|
||||
<Column title="联系人" dataIndex="name" />
|
||||
<Column title="联系人手机号" dataIndex="phone" />
|
||||
<Column title="平台专属客服" dataIndex="csaNo" />
|
||||
<Column title="所属公司" dataIndex="company"
|
||||
render={(text) => (text !== '' ? text : '一')}
|
||||
/>
|
||||
|
||||
{/* <Column title="实名认证状态" dataIndex="address" key="key" /> */}
|
||||
<Column
|
||||
@ -900,7 +907,8 @@ export default function ProjEditStep2(props: any) {
|
||||
csaNo: record.csaNo,
|
||||
name: record.name,
|
||||
phone: record.phone,
|
||||
email: record.email
|
||||
email: record.email,
|
||||
company: record.company
|
||||
})
|
||||
}}>编辑 </a>
|
||||
<span style={{ color: '#3472EE' }}>|</span>
|
||||
@ -1041,7 +1049,8 @@ export default function ProjEditStep2(props: any) {
|
||||
applyContactCsaNo,
|
||||
applyContactEmail,
|
||||
applyContactName,
|
||||
applyContactPhone
|
||||
applyContactPhone,
|
||||
applyContactCompany
|
||||
|
||||
},
|
||||
onBefore() {
|
||||
@ -1394,9 +1403,9 @@ export default function ProjEditStep2(props: any) {
|
||||
}
|
||||
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={() => {
|
||||
steIsContantOpen(false)
|
||||
@ -1421,7 +1430,7 @@ export default function ProjEditStep2(props: any) {
|
||||
autoComplete="off"
|
||||
>
|
||||
<div className='blongNameInt'>
|
||||
<div className='blongTitle '>姓名: </div>
|
||||
<div className='blongTitle ' style={{ width: 65, marginRight: '15px' }}>姓名: </div>
|
||||
|
||||
|
||||
<Form.Item<ContactType>
|
||||
@ -1429,37 +1438,52 @@ export default function ProjEditStep2(props: any) {
|
||||
rules={[{ required: true, message: '请输入姓名' }]}
|
||||
>
|
||||
<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}
|
||||
/>
|
||||
</Form.Item>
|
||||
</div>
|
||||
<div className='blongNameInt'>
|
||||
<div className='blongTitle '>电话: </div>
|
||||
<div className='blongTitle ' style={{ width: 65 , marginRight: '15px'}}>电话: </div>
|
||||
|
||||
<Form.Item<ContactType>
|
||||
name="phone"
|
||||
rules={[{ required: true, message: '请输入电话号码' }]}
|
||||
>
|
||||
<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}
|
||||
/>
|
||||
</Form.Item>
|
||||
</div>
|
||||
<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>
|
||||
name="email"
|
||||
rules={[{ required: true, message: '请输入邮箱' },
|
||||
rules={[{ required: false, message: '请输入邮箱' },
|
||||
{ type: 'email', message: '请输入有效的邮箱地址' }
|
||||
]}
|
||||
>
|
||||
<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}
|
||||
/>
|
||||
@ -1478,6 +1502,9 @@ export default function ProjEditStep2(props: any) {
|
||||
/>
|
||||
</Form.Item>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</Form>
|
||||
</div>
|
||||
<div className='cas' style={{
|
||||
|
||||
Loading…
Reference in New Issue
Block a user