el-tabs占满界面

在ECharts-Lite (简称EL) 中，`el-tabs`组件通常用于创建选项卡导航，让用户可以在不同的图表或视图之间切换。如果你想让`el-tabs`占据整个页面或者容器的宽度，你需要设置其CSS样式，使其`width`属性值为`100%`，并且为其包含的图表或者其他内容也设置相应的百分比宽度，以便于平铺显示。

例如，你可以这样做：

<el-tabs type="border-card" class="full-width-tabs">
  <el-tab-pane label="图表一" :name="tab1Name">
    <div style="width: 100%; height: 400px;">// 图表一的内容</div>
  </el-tab-pane>
  <!-- 添加更多的tab pane -->
</el-tabs>

<style>
.full-width-tabs {
  width: 100%;
  display: flex; /* 如果不是flex布局，可以考虑display:block */
}
.full-width-tabs > * {
  flex: 1; /* 确保每个tab都等分宽度 */
}
</style>

这里的关键点是设置了`.full-width-tabs`的`width`为`100%`，并用了Flexbox布局来分配空间给各个`el-tab-pane`。