激光2

ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/FatigueWakesUp/components/DeviceParam.vue

@@ -4,11 +4,12 @@
       <ElTabPane label="一般模式" name="first">
         <Form v-model="formData" class="form" ref="FormConfigRef" :formList="formList1" column="1" labelWidth="120px" />
       </ElTabPane>
-      <ElTabPane label="自定义模式" name="second" class="custom-mode-pane">
+      <ElTabPane label="自定义模式" name="second">
         <!-- <div style="display: flex; margin: 20px 0">
             <p style="width: 115px">工作时长(分):</p>
             <el-input-number v-model="onWorkStatus2" :min="0" :max="999" label="工作时长(s分):"></el-input-number>
           </div> -->
+        <div class="scroll-container">
         <Table :data="tableData">
           <ElTableColumn prop="ds" label="段数"></ElTableColumn>
 
@@ -77,6 +78,7 @@
             </template>
           </ElTableColumn>
         </Table>
+       </div>
       </ElTabPane>
     </ElTabs>
   </div>
@@ -429,14 +431,16 @@ export default {
   overflow-y: auto;
   margin-left: 14px;
 }
-.custom-mode-pane {
-  /* 为自定义模式添加必要的样式 */
-  position: relative; /* 确保内部容器定位正确 */
+.tabs {
+  /* 确保标签页部分不会溢出或滚动 */
+  width: 100%;
+  overflow: hidden;
 }
-.table-container {
-  height: 400px; /* 设置固定高度，根据需求调整 */
-  overflow-y: auto; /* 启用垂直滚动条 */
-  padding: 10px; /* 可选：为表格添加一些内边距 */
-  box-sizing: border-box; /* 确保内边距不会增加容器高度 */
+.scroll-container {
+  /* 为数据表格部分设置固定高度和溢出滚动 */
+  height: 400px; /* 根据需要调整高度 */
+  overflow-y: auto; /* 允许垂直滚动 */
+  padding: 10px; /* 可选：为内容添加内边距 */
+  box-sizing: border-box; /* 确保内边距不会影响高度计算 */
 }
 </style>