人员卡片页面formlabel和value重复问题
This commit is contained in:
parent
00398d6930
commit
638e110797
|
|
@ -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>}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue