liuchang/fe_service_ebtp_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

5.8 高质量运营优化

Browse Source
This commit is contained in:
jl-zhoujl2
2023-05-08 13:31:05 +08:00
parent f5819216de
commit d51d58967f
2 changed files with 38 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/pages/HighQualityOperation/Home/index.less
View File

@ -353,6 +353,9 @@
&>p {
color: #494949;
margin-bottom: 2px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
}

66
src/pages/HighQualityOperation/Home/index.tsx
View File

@ -109,21 +109,26 @@ const RightCardContent = (props: any) => {
const BottomCardContent = (props: any) => {
return (
<Col span={6}>
<div className='bottom-card'>
<div className='bottom-card-title'>
<span>{props.data.contactName}</span>
<div>
<img src={bottom_button} onClick={() => props.onClick()} />
<div>
<div className='bottom-title'>{props.data.contactUnit}</div>
<div className='bottom-content'>
<div className='bottom-card'>
<div className='bottom-card-title'>
<span>{props.data.contactName}</span>
<div>
<img src={bottom_button} onClick={() => props.onClick()} />
</div>
</div>
{/* <div className='bottom-card-remark'>
<span className='bottom-card-remark-text'>{props.data.remark}</span>
</div> */}
<div className='bottom-card-content'>
<p>邮箱：{props.data.contactEmail}</p>
<p>电话：{props.data.contactMobiphone}</p>
<p>部门：<span title={props.data.contactDepartment}>{props.data.contactDepartment}</span></p>
</div>
</div>
</div>
{/* <div className='bottom-card-remark'>
<span className='bottom-card-remark-text'>{props.data.remark}</span>
</div> */}
<div className='bottom-card-content'>
<p>邮箱：{props.data.contactEmail}</p>
<p>电话：{props.data.contactMobiphone}</p>
<p>部门：{props.data.contactDepartment}</p>
</div>
</div>
</Col>
)
@ -382,11 +387,15 @@ const Home: React.FC<{}> = () => {
getHomeContact({ param }).then(res => {
if (res?.code == 200) {
const data = Object.entries(res?.data);
if (data.length > 3) {
setContactData(data.slice(0, 3));
// if (data.length > 3) {
// setContactData(data.slice(0, 3));
// setTotalContactData(data);
// } else {
// setContactData(data);
// }
setContactData(data);
if (param == '') {
setTotalContactData(data);
} else {
setContactData(data);
}
}
})
@ -542,26 +551,21 @@ const Home: React.FC<{}> = () => {
))}
</div>
</div>
{contactData.length > 0 && contactData.map(([name, value], index) => (
<div key={index}>
<div className='bottom-title'>{name}</div>
<div className='bottom-content'>
<Row gutter={[14, 12]}>
{value.map((item: any) => (
<BottomCardContent data={item} key={item.id} onClick={() => openModal(item)} />
))}
</Row>
</div>
</div>
))}
{contactData.length != 0 && contactData.length > 2 && (
<Row gutter={[14, 0]}>{/**[14, 12] */}
{contactData.length > 0 && contactData.map(([name, value], index) => (
value.map((item: any) => (
<BottomCardContent data={item} key={item.id} onClick={() => openModal(item)} />
))
))}
</Row>
{/* {contactData.length != 0 && contactData.length > 2 && (
<div className='bottom-other'>
<div>
<span className='bottom-other-text' onClick={() => bottomOtherClick(contactData.length > 3 ? '1' : '0')}>{contactData.length > 3 ? '收起' : '更多'}</span>
<span className='bottom-other-icon'>{contactData.length > 3 ? <>&lt;&lt;&lt;</> : <>&gt;&gt;&gt;</>}</span>
</div>
</div>
)}
)} */}
</div>
</div>
</div>