优化: 调用树的节点详情改为点击打开，增加滚动条，解决内容过长导致显示不全的问题

2 years ago · 5b79d2ff84
parent e73b6a96c8
commit 5b79d2ff84
1 changed files with 8 additions and 2 deletions
--- a/src/components/SearchableTree.vue
+++ b/src/components/SearchableTree.vue
@ -14,9 +14,15 @@
      @expand="onExpand"
    >
      <template #title="{ title, sql, params, resultSQL }">
-        <a-popover title="详情" placement="top">
+        <a-popover title="详情" placement="top" trigger="click">
          <template #content>
-            <div style="max-width: 600px">
+            <div
+              style="
+                max-width: 600px;
+                max-height: calc(100vh - 70px);
+                overflow: auto;
+              "
+            >
              <p>
                <b>替换前语句：</b>
                <a-typography-paragraph copyable>