解决侧边栏数据溢出的问题

于杰

2025-08-28 7204164fae99f80679825a576d3ec5b1bfe67457

解决侧边栏数据溢出的问题

 north-glass-erp/northglass-erp/src/views/pp/glassOptimize/page/OptimizationRect.vue

@@ -1,15 +1,15 @@
<template>

  <div style="display: flex; height: 90vh;">

    <!-- Sidebar -->

    <div class="sidebar" style="width: 200px; background: #f4f4f4; padding: 10px;">

    <div class="sidebar" style="width: 200px; background: #f4f4f4; padding: 10px; height: 100%; overflow-y: auto; max-height: 90vh;">

      <div

        v-for="(layout, layoutIndex) in layouts"

        :key="layoutIndex"

        class="sidebar-item"

        @click="selectLayout(layoutIndex)"

        :class="{ 'selected': selectedLayoutIndex === layoutIndex }"

          v-for="(layout, layoutIndex) in layouts"

          :key="layoutIndex"

          class="sidebar-item"

          @click="selectLayout(layoutIndex)"

          :class="{ 'selected': selectedLayoutIndex === layoutIndex }"    style="margin-bottom: 5px;"

      >

        {{ layout.realWidth }} × {{ layout.realHeight }} × {{ layout.quantity  }}

        {{ layout.realWidth }} × {{ layout.realHeight }} × {{ layout.quantity }}

      </div>

    </div>