From c114903dbacb31ddd93821f6c1b21cdf5d97dcc6 Mon Sep 17 00:00:00 2001
From: caiyiling <1321909229@qq.com>
Date: Thu, 5 Sep 2024 13:50:49 +0800
Subject: [PATCH] 1

---
 src/views/none-dicom-show/index.vue           | 33 +++++++++++--------
 .../reading/dicoms/none-dicoms.vue            | 16 ++++++---
 .../none-dicoms/components/VisitReview.vue    | 24 +++++++++-----
 3 files changed, 47 insertions(+), 26 deletions(-)

diff --git a/src/views/none-dicom-show/index.vue b/src/views/none-dicom-show/index.vue
index 49eeb7c7..907afd59 100644
--- a/src/views/none-dicom-show/index.vue
+++ b/src/views/none-dicom-show/index.vue
@@ -2,7 +2,7 @@
   <div v-loading="loading" class="img-container">
     <el-card class="box-card left">
       <div class="title">
-        {{$t('trials:none-dicom-show:fileList')}}
+        {{ $t('trials:none-dicom-show:fileList') }}
       </div>
       <div class="left-content">
         <!-- 检查层级 -->
@@ -14,7 +14,7 @@
           </div>
           <!-- 文件层级 -->
           <div v-if="study.NoneDicomStudyFileList.length === 0" class="empty-text">
-            <slot name="empty">{{ $t('trials:audit:message:noData') }}</slot> 
+            <slot name="empty">{{ $t('trials:audit:message:noData') }}</slot>
           </div>
           <div v-else id="imgList" style="height:100%;overflow: hidden">
             <div
@@ -27,13 +27,15 @@
               class="img-box"
               @click="selected(item,i,j,true)"
             >
-              <el-tooltip :content="item.FileName" placement="bottom">
-                <div style="width:100%;">
+              <div v-if="item.FileName.length < 15" class="img-text">
+                {{ `${j+1}. ${item.FileName}` }}
+              </div>
+              <el-tooltip v-else :content="item.FileName" placement="bottom">
+                <div class="img-text">
                   {{ `${j+1}. ${item.FileName}` }}
                 </div>
               </el-tooltip>
             </div>
-
           </div>
         </div>
       </div>
@@ -87,11 +89,11 @@ export default {
       subjectVisitId: '',
       sudyId: '',
       loading: false,
-      bp:[]
+      bp: []
     }
   },
-  async created(){
-    this.bp = await this.$getBodyPart(this.$route.query.trialId);
+  async created() {
+    this.bp = await this.$getBodyPart(this.$route.query.trialId)
   },
   async mounted() {
     if (this.$router.currentRoute.query.TokenKey) {
@@ -117,9 +119,9 @@ export default {
       }
       var arr = bodyPart.split(separator)
       var newArr = arr.map(i => {
-        return this.$fd('Bodypart', i.trim(),'Code',{Bodypart:this.bp},'Name')
+        return this.$fd('Bodypart', i.trim(), 'Code', { Bodypart: this.bp }, 'Name')
       })
-      console.log(newArr,this.bp)
+      console.log(newArr, this.bp)
       return newArr.join(' | ')
     },
     // 获取非Dicom检查信息
@@ -240,12 +242,17 @@ export default {
     display: inline-block;
     box-sizing: border-box;
     border-bottom: 2px solid #f3f3f3;
-    width: 180px;
-    height: 50px;
-    line-height: 50px;
+
     cursor: pointer;
     // margin-bottom: 5px;
     padding-left: 5px;
+
+  }
+  .img-text{
+    display: inline-block;
+    width: 200px;
+    height: 50px;
+    line-height: 50px;
     overflow: hidden;
     text-overflow: ellipsis; /* 用省略号表示溢出的文本 */
     white-space: nowrap;
diff --git a/src/views/trials/trials-panel/reading/dicoms/none-dicoms.vue b/src/views/trials/trials-panel/reading/dicoms/none-dicoms.vue
index b74efc3c..355fed85 100644
--- a/src/views/trials/trials-panel/reading/dicoms/none-dicoms.vue
+++ b/src/views/trials/trials-panel/reading/dicoms/none-dicoms.vue
@@ -28,8 +28,11 @@
               class="img-box"
               @click="selected(item,i,j,true)"
             >
-              <el-tooltip :content="item.FileName" placement="bottom-start">
-                <div style="width:100%;">
+              <div v-if="item.FileName.length < 15" class="img-text">
+                {{ `${j+1}. ${item.FileName}` }}
+              </div>
+              <el-tooltip v-else :content="item.FileName" placement="bottom">
+                <div class="img-text">
                   {{ `${j+1}. ${item.FileName}` }}
                 </div>
               </el-tooltip>
@@ -269,12 +272,15 @@ export default {
     display: inline-block;
     box-sizing: border-box;
     border-bottom: 2px solid #f3f3f3;
-    width: 200px;
-    height: 50px;
-    line-height: 50px;
     cursor: pointer;
     // margin-bottom: 5px;
     padding-left: 5px;
+  }
+  .img-text{
+    display: inline-block;
+    width: 200px;
+    height: 50px;
+    line-height: 50px;
     overflow: hidden;
     text-overflow: ellipsis; /* 用省略号表示溢出的文本 */
     white-space: nowrap;
diff --git a/src/views/trials/trials-panel/reading/none-dicoms/components/VisitReview.vue b/src/views/trials/trials-panel/reading/none-dicoms/components/VisitReview.vue
index fb4465f7..c3a6bc3f 100644
--- a/src/views/trials/trials-panel/reading/none-dicoms/components/VisitReview.vue
+++ b/src/views/trials/trials-panel/reading/none-dicoms/components/VisitReview.vue
@@ -30,8 +30,11 @@
                   class="img-box"
                   @click="selected(item,i,j,true)"
                 >
-                  <el-tooltip :content="item.FileName" placement="bottom-start">
-                    <div style="width:100%;">
+                  <div v-if="item.FileName.length < 15" class="img-text">
+                    {{ `${j+1}. ${item.FileName}` }}
+                  </div>
+                  <el-tooltip v-else :content="item.FileName" placement="bottom">
+                    <div class="img-text">
                       {{ `${j+1}. ${item.FileName}` }}
                     </div>
                   </el-tooltip>
@@ -57,13 +60,15 @@
                 class="img-box"
                 @click="handleImageRead(task)"
               >
-                <el-tooltip :content="task.TaskBlindName" placement="bottom-start">
-                  <div style="width:100%;">
+                <div v-if="task.TaskBlindName.length < 15" class="img-text">
+                  {{ `${j+1}. ${task.TaskBlindName}` }}
+                </div>
+                <el-tooltip v-else :content="task.TaskBlindName" placement="bottom">
+                  <div class="img-text">
                     {{ `${j+1}. ${task.TaskBlindName}` }}
                   </div>
                 </el-tooltip>
               </div>
-
             </div>
           </div>
         </el-tab-pane>
@@ -410,12 +415,15 @@ export default {
     display: inline-block;
     box-sizing: border-box;
     border-bottom: 2px solid #f3f3f3;
-    width: 200px;
-    height: 50px;
-    line-height: 50px;
     cursor: pointer;
     // margin-bottom: 5px;
     padding-left: 5px;
+  }
+  .img-text{
+    display: inline-block;
+    width: 200px;
+    height: 50px;
+    line-height: 50px;
     overflow: hidden;
     text-overflow: ellipsis; /* 用省略号表示溢出的文本 */
     white-space: nowrap;