From a6f76c840dac728dc4981cdf7098fbe604331f8b Mon Sep 17 00:00:00 2001
From: "DESKTOP-6C3NK6N\\WXS" <815034831@qq.com>
Date: Fri, 16 Aug 2024 10:15:04 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A1=B9=E7=9B=AE=E4=BF=A1=E6=81=AF=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../trial-summary/trial-information/index.vue | 46 +++++++++++++++----
 1 file changed, 37 insertions(+), 9 deletions(-)

diff --git a/src/views/trials/trials-panel/trial-summary/trial-information/index.vue b/src/views/trials/trials-panel/trial-summary/trial-information/index.vue
index dee0de5d..4f705fc9 100644
--- a/src/views/trials/trials-panel/trial-summary/trial-information/index.vue
+++ b/src/views/trials/trials-panel/trial-summary/trial-information/index.vue
@@ -1,6 +1,12 @@
 <template>
   <div class="trial-information">
-    <el-descriptions :column="2" border style="width: 1000px">
+    <el-descriptions
+      :column="2"
+      border
+      style="width: 1000px"
+      labelStyle="white-space:nowrap;"
+      contentStyle="word-break:break-all;"
+    >
       <el-descriptions-item :label="$t('trials:trials-list:form:trialId')">
         {{ trialInfo.TrialCode }}
         <el-tag
@@ -19,27 +25,39 @@
         :label="$t('trials:trials-list:form:experimentName')"
         :contentStyle="{ 'max-width': '300px' }"
       >
-        {{ trialInfo.ExperimentName }}
+        <div class="ell" :title="trialInfo.ExperimentName">
+          {{ trialInfo.ExperimentName }}
+        </div>
       </el-descriptions-item>
       <el-descriptions-item
         :label="$t('trials:trials-list:form:researchNumber')"
         :contentStyle="{ 'max-width': '300px' }"
       >
-        {{ trialInfo.ResearchProgramNo }}
+        <div class="ell" :title="trialInfo.ResearchProgramNo">
+          {{ trialInfo.ResearchProgramNo }}
+        </div>
       </el-descriptions-item>
 
       <el-descriptions-item :label="$t('trials:trials-list:form:researchUnit')">
-        {{ trialInfo.MainResearchUnit }}
+        <div class="ell" :title="trialInfo.MainResearchUnit">
+          {{ trialInfo.MainResearchUnit }}
+        </div>
       </el-descriptions-item>
       <el-descriptions-item :label="$t('trials:trials-list:form:pi')">
-        {{ trialInfo.HeadPI }}
+        <div class="ell" :title="trialInfo.HeadPI">
+          {{ trialInfo.HeadPI }}
+        </div>
       </el-descriptions-item>
 
       <el-descriptions-item :label="$t('trials:trials-list:form:sponsor')">
-        {{ trialInfo.Sponsor }}
+        <div class="ell" :title="trialInfo.Sponsor">
+          {{ trialInfo.Sponsor }}
+        </div>
       </el-descriptions-item>
       <el-descriptions-item :label="$t('trials:trials-list:form:cro')">
-        {{ trialInfo.CRO }}
+        <div class="ell" :title="trialInfo.CRO">
+          {{ trialInfo.CRO }}
+        </div>
       </el-descriptions-item>
 
       <el-descriptions-item
@@ -65,7 +83,9 @@
         }}{{ trialInfo.Indication }}
       </el-descriptions-item>
       <el-descriptions-item :label="$t('trials:trials-list:form:modality')">
-        {{ trialInfo.Modalitys }}
+        <div class="ell" :title="trialInfo.Modalitys">
+          {{ trialInfo.Modalitys }}
+        </div>
       </el-descriptions-item>
       <el-descriptions-item :label="$t('trials:trials-list:form:siteCount')">
         {{ trialInfo.PlanSiteCount }}
@@ -91,7 +111,9 @@
         :span="2"
         :label="$t('trials:trials-list:form:criterion')"
       >
-        {{ trialInfo.Criterion }}
+        <div class="ell" :title="trialInfo.Criterion">
+          {{ trialInfo.Criterion }}
+        </div>
       </el-descriptions-item>
       <!--      <el-descriptions-item :label="$t('trials:trials-list:form:reviewMode')">-->
       <!--        <span>{{$fd('ReadingType', trialInfo.ReadingType)}}</span>-->
@@ -199,4 +221,10 @@ export default {
   margin-top: 30px;
   cursor: pointer;
 }
+.ell {
+  width: 90%;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
 </style>