1

src/components/ListLayout/index.vue

@@ -55,6 +55,8 @@ export default {
   padding: 0 20px;
   background: #fff;
   min-height: 0; /* 确保 flex 子元素可以收缩 */
+  overflow-x: auto; /* 确保横向滚动条显示 */
+  overflow-y: auto; /* 确保纵向滚动条显示 */
 }
 
 /* 固定分页区域 */
@@ -89,9 +91,9 @@ export default {
   background: #a8a8a8;
 }
 
-/* 确保表格在容器内正确显示 */
+/* 确保表格在容器内正确显示，允许横向滚动 */
 .table-section .el-table {
-  width: 100%;
+  min-width: 100%;
 }
 
 /* 分页组件样式优化 */

src/views/system/jdorder/orderList.vue

@@ -50,7 +50,7 @@
 
       <!-- 表格区域 -->
       <template #table>
-        <el-table :data="list" v-loading="loading" border stripe :default-sort="{prop: 'createTime', order: 'descending'}" @sort-change="handleSortChange">
+        <el-table :data="list" v-loading="loading" border stripe :default-sort="{prop: 'createTime', order: 'descending'}" @sort-change="handleSortChange" style="width: 100%;">
           <el-table-column label="ID" prop="id" width="80" />
           <el-table-column label="内部单号" prop="remark" width="160" sortable/>