From 638e110797e11c01281d58eaf80061febbeb84f9 Mon Sep 17 00:00:00 2001
From: Chengliang <1546584672@qq.com>
Date: Tue, 28 Mar 2023 14:50:41 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BA=BA=E5=91=98=E5=8D=A1=E7=89=87=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2formlabel=E5=92=8Cvalue=E9=87=8D=E5=A4=8D=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/resource/FormItem.js             |  4 +++-
 pc4mobx/organization/style/card.less            | 17 ++++++++++++-----
 2 files changed, 15 insertions(+), 6 deletions(-)

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