Merge pull request #295 from YeungHoiChiu/fix-menu-ui

fix: 公共步骤悬浮窗显示过长导致页面菜单栏显示问题

src/assets/common.css

@@ -360,3 +360,8 @@ body,
 .remote-header .el-page-header__left{
     align-items: center;
 }
+
+.public-step-popover {
+  max-height: 500px;
+  overflow: auto;
+}

src/components/StepShow.vue

@@ -829,7 +829,13 @@ const getNotes = (text, type) => {
     <el-tag type="info" size="small" style="margin-left: 10px">{{
       step.content
     }}</el-tag>
-    <el-popover placement="bottom" :width="700" trigger="click">
+    <el-popover
+      placement="bottom"
+      :fallback-placements="['bottom', 'top', 'right', 'left']"
+      popper-class="public-step-popover"
+      :width="700"
+      trigger="click"
+    >
       <child-step-list-view :steps="childStep" />
       <template #reference>
         <el-button

src/views/PublicStep.vue

@@ -142,7 +142,13 @@ onMounted(() => {
       align="center"
     >
       <template #default="scope">
-        <el-popover placement="left" :width="700" trigger="click">
+        <el-popover
+          placement="left"
+          popper-class="public-step-popover"
+          :fallback-placements="['bottom', 'top', 'right', 'left']"
+          :width="700"
+          trigger="click"
+        >
           <child-step-list-view :steps="curShowPublicStep.steps" />
           <template #reference>
             <el-button size="mini" @click="getPublicStepInfo(scope.row.id)">{{

vite.config.js

@@ -9,7 +9,7 @@ export default defineConfig({
     port: 3002,
   },
   build: {
-    chunkSizeWarningLimit: 600 * 1024, // 设置警告阈值为600KiB，因为element-plus超过500kb导致打包失败
+    chunkSizeWarningLimit: 600, // 设置警告阈值为600KiB
     rollupOptions: {
       output: {
         manualChunks(id) {