Browse Source

溢出隐藏

11wqe1 1 month ago
parent
commit
c0655d296c
1 changed files with 16 additions and 2 deletions
  1. 16 2
      src/components/pages/test/check/index.vue

+ 16 - 2
src/components/pages/test/check/index.vue

@@ -284,7 +284,13 @@
                                     <template  v-for="(i,index) in teaType">
                                       <div v-if="!opcInp.trim() ? true : i.name.includes(opcInp)" :class="[cueWord.fieldList.indexOf(i.name) != -1 ? 'selCss' :'']" 
                                        @click="addfield(i.name)" :key="index+'a'">
-                                        {{ i.name }}
+                                        <el-tooltip class="item" effect="dark" :content="i.name" placement="top">
+                                            <div style="
+                                            white-space: nowrap;
+                                            overflow: hidden;
+                                            text-overflow: ellipsis;">
+                                            {{ i.name }}</div>
+                                        </el-tooltip>
                                       </div>
                                     </template>
                                     
@@ -296,7 +302,15 @@
                                       <div :class="[cueWord.fieldList.indexOf(i.json.title) != -1 ? 'selCss' :'']" 
                                         v-if="!opcInp.trim() ? true :i.json.title.includes(opcInp)" @click="addfield(i.json.title)" 
                                         :key="index+'b'">
-                                        {{ i.json.title }}
+
+                                         <el-tooltip class="item" effect="dark" :content="i.json.title" placement="top">
+                                            <div style="
+                                            white-space: nowrap;
+                                            overflow: hidden;
+                                            text-overflow: ellipsis;">
+                                            {{ i.json.title }}</div>
+                                        </el-tooltip>
+                                        
                                       </div>
                                     </template>