diff --git a/pc4mobx/organization/components/resource/FormItem.js b/pc4mobx/organization/components/resource/FormItem.js
index e52ca52..1813dec 100644
--- a/pc4mobx/organization/components/resource/FormItem.js
+++ b/pc4mobx/organization/components/resource/FormItem.js
@@ -121,7 +121,9 @@ export default class FormItem extends React.Component {
{item.map((subItem) => {
return (
- {subItem.fieldId}
+ {subItem.fieldId.length > 4 ?
+ {subItem.fieldId}
+ : {subItem.fieldId}}
{subItem.fieldValue.length > 10 ?
{subItem.fieldValue}
: {subItem.fieldValue}}
diff --git a/pc4mobx/organization/style/card.less b/pc4mobx/organization/style/card.less
index 1e5ba3f..32624a4 100644
--- a/pc4mobx/organization/style/card.less
+++ b/pc4mobx/organization/style/card.less
@@ -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;
}
}
}