人员卡片页面formlabel和value重复问题

This commit is contained in:
Chengliang 2023-03-28 14:50:41 +08:00
parent 00398d6930
commit 638e110797
2 changed files with 15 additions and 6 deletions

View File

@ -121,7 +121,9 @@ export default class FormItem extends React.Component {
{item.map((subItem) => {
return (
<div>
<span>{subItem.fieldId}</span>
{subItem.fieldId.length > 4 ? <Tooltip placement="topLeft" title={subItem.fieldId}>
<span>{subItem.fieldId}</span>
</Tooltip> : <span>{subItem.fieldId}</span>}
{subItem.fieldValue.length > 10 ? <Tooltip placement="topLeft" title={subItem.fieldValue}>
<span>{subItem.fieldValue}</span>
</Tooltip> : <span>{subItem.fieldValue}</span>}

View File

@ -134,17 +134,24 @@
div{
width: 33.3%;
height: 40px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: flex;
span:first-child{
color: #999999;
width: 80px;
display: inline-block;
height: inherit;
flex: 1;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
span:last-child{
margin-left: 20px;
height: 40px;
vertical-align: top;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
flex: 4;
}
}
}