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; } } }