添加所属公司字段
This commit is contained in:
parent
81b4d1a21b
commit
e0b6d38454
@ -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>
|
||||||
)
|
)
|
||||||
}
|
}
|
@ -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 {
|
||||||
|
@ -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; */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
1
src/layout/Type/statedata.d.ts
vendored
1
src/layout/Type/statedata.d.ts
vendored
@ -20,4 +20,5 @@ interface ContactDataType {
|
|||||||
phone: string
|
phone: string
|
||||||
projContactId: string
|
projContactId: string
|
||||||
email:string
|
email:string
|
||||||
|
company:string
|
||||||
}
|
}
|
@ -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">
|
||||||
|
@ -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 {
|
||||||
|
@ -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={{
|
||||||
|
Loading…
Reference in New Issue
Block a user