样式修改

src/views/stock/Download.vue

@@ -154,6 +154,7 @@
           stripe
           class="profit-table"
           style="width: 100%; min-width: 1280px"
+          height="100%"
           :header-cell-style="{
             background: '#f8f9fb',
             color: '#444',
@@ -212,31 +213,42 @@
             show-overflow-tooltip
             sortable
           />
+          <el-table-column
+            prop="open_pct_chg"
+            label="当日开盘涨跌幅"
+            width="75"
+            align="right"
+            sortable
+          >
+            <template #default="{ row }">{{
+              formatPct(row.open_pct_chg)
+            }}</template>
+          </el-table-column>
           <el-table-column
             prop="next_open_profitable"
             label="T+1开盘盈利"
-            width="130"
+            width="65"
             align="center"
             sortable
           />
           <el-table-column
             prop="next_close_profitable"
             label="T+1收盘盈利"
-            width="130"
+            width="65"
             align="center"
             sortable
           />
           <el-table-column
             prop="next_intraday_profitable"
             label="T+1盘中可盈利"
-            width="140"
+            width="70"
             align="center"
             sortable
           />
           <el-table-column
             prop="next_high_profit_pct"
             label="T+1最高盈利%"
-            width="140"
+            width="70"
             align="right"
             sortable
           >
@@ -247,7 +259,7 @@
           <el-table-column
             prop="next_low_profit_pct"
             label="T+1最低盈利%"
-            width="140"
+            width="70"
             align="right"
             sortable
           >
@@ -804,9 +816,13 @@ const formatVolume = (value) => {
 
 <style scoped>
 .download-page {
-  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  height: 100dvh;
   padding: 20px;
   box-sizing: border-box;
+  overflow: hidden;
   background: #f4f7f9;
 }
 
@@ -832,9 +848,17 @@ const formatVolume = (value) => {
 }
 
 .download-panel {
+  flex: 0 0 auto;
   margin-bottom: 16px;
 }
 
+.table-panel {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  min-height: 0;
+}
+
 .panel-head,
 .table-head {
   display: flex;
@@ -895,9 +919,10 @@ const formatVolume = (value) => {
 }
 
 .table-shell {
+  flex: 1 1 auto;
+  min-height: 0;
   width: 100%;
-  overflow-x: auto;
+  overflow: hidden;
-  overflow-y: hidden;
 }
 
 .stock-link {
@@ -918,6 +943,7 @@ const formatVolume = (value) => {
 
 .pagination-row {
   display: flex;
+  flex: 0 0 auto;
   justify-content: flex-end;
   padding-top: 16px;
 }
@@ -926,6 +952,17 @@ const formatVolume = (value) => {
   white-space: nowrap;
 }
 
+:deep(.profit-table th.el-table__cell .cell) {
+  padding: 0 4px;
+  line-height: 16px;
+  white-space: normal;
+  word-break: break-all;
+}
+
+:deep(.profit-table td.el-table__cell .cell) {
+  padding: 0 6px;
+}
+
 :deep(.el-form-item) {
   margin-bottom: 0;
 }