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 { &>p {
color: #494949; color: #494949;
margin-bottom: 2px; margin-bottom: 2px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
} }
} }
} }

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

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