fix: 修复变量值过长时候，tooltip显示问题

wuchunfu · Jun 11, 2023 · 59e3bb4 · 59e3bb4
1 parent cfd5c5c
commit 59e3bb4
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/renderer/pages/modules/apidoc/doc-edit/content/variable/variable.vue b/src/renderer/pages/modules/apidoc/doc-edit/content/variable/variable.vue
@@ -43,10 +43,15 @@
                         <span v-else>{{ scope.row.name }}</span>
                     </template>
                 </el-table-column>
-                <el-table-column :label="$t('变量值')" align="center" show-overflow-tooltip>
+                <el-table-column :label="$t('变量值')" align="center">
                     <template #default="scope">
                         <el-input v-if="scope.row.__active" v-model="scope.row.value" type="textarea" :autosize="{ minRows: 2, maxRows: 10 }" :size="config.renderConfig.layout.size" class="w-100" maxlength="9999" clearable></el-input>
-                        <span v-else>{{ scope.row.value }}</span>
+                        <el-tooltip v-else placement="top" popper-class="w-50">
+                            <template #content>
+                                <div>{{ scope.row.value }}</div>
+                            </template>
+                            <span class="text-ellipsis">{{ scope.row.value }}</span>
+                        </el-tooltip>
                     </template>
                 </el-table-column>
                 <el-table-column :label="$t('变量类型')" align="center">