imeik-bizui 2.6.2 → 2.6.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,8 +2,8 @@
2
2
  通用「底价明细」弹窗(纯展示,无接口依赖)
3
3
  - 顶部汇总:由 Dashboard 传入概览产品行
4
4
  - 下方三区(销售订单 / 非销出库 / 销售费用)等分三列并排
5
- - 分区表格按当前页行数自适应高度,不设固定 height(避免表内纵向滚动裁切)
6
- - 分区数据前端分页(pageSize)
5
+ - 三列明细等高:固定表格高度 + 预留分页条高度
6
+ - 分区数据前端分页(pageSize);无底部关闭按钮,右上角关闭即可
7
7
  -->
8
8
  <template>
9
9
  <el-dialog
@@ -75,6 +75,7 @@
75
75
  border
76
76
  size="small"
77
77
  class="fpd-table"
78
+ :height="tableHeight"
78
79
  :header-cell-style="headerCellStyle"
79
80
  >
80
81
  <el-table-column
@@ -132,10 +133,6 @@
132
133
  </div>
133
134
  </template>
134
135
  </div>
135
-
136
- <span slot="footer" class="fpd-dialog-footer">
137
- <button type="button" class="fpd-dialog-close-btn" @click="onClose">关闭</button>
138
- </span>
139
136
  </el-dialog>
140
137
  </template>
141
138
 
@@ -203,12 +200,10 @@ export default {
203
200
  type: Array,
204
201
  default: null
205
202
  },
206
- /**
207
- * @deprecated 三区表格已改为按内容撑开,不再使用固定高度(保留 prop 以免业务侧报错)
208
- */
203
+ /** 三列表格统一高度,保证等高 */
209
204
  tableHeight: {
210
205
  type: [Number, String],
211
- default: null
206
+ default: 260
212
207
  },
213
208
  /** 分区前端分页大小 */
214
209
  pageSize: {
@@ -386,15 +381,15 @@ export default {
386
381
 
387
382
  .el-dialog__body {
388
383
  padding: 18px 20px 16px;
389
- max-height: calc(92vh - 120px);
384
+ max-height: calc(92vh - 64px);
390
385
  overflow: auto;
391
386
  background: #f7f8fa;
392
387
  }
393
388
 
394
389
  .el-dialog__footer {
395
- padding: 12px 20px;
396
- background: #fff;
397
- border-top: 1px solid #e5e7eb;
390
+ display: none;
391
+ padding: 0;
392
+ border: none;
398
393
  }
399
394
  }
400
395
  </style>
@@ -404,38 +399,6 @@ export default {
404
399
  min-width: 0;
405
400
  }
406
401
 
407
- .fpd-dialog-footer {
408
- display: flex;
409
- justify-content: flex-end;
410
- }
411
-
412
- .fpd-dialog-close-btn {
413
- min-width: 80px;
414
- height: 34px;
415
- padding: 0 16px;
416
- color: #1f2329;
417
- background: #fff;
418
- border: 1px solid #d3d7de;
419
- border-radius: 6px;
420
- cursor: pointer;
421
- font-size: 14px;
422
- line-height: 1;
423
-
424
- &:hover {
425
- color: #3370ff;
426
- border-color: #8babff;
427
- }
428
-
429
- &:focus {
430
- outline: none;
431
- }
432
-
433
- &:focus-visible {
434
- outline: 2px solid #3370ff;
435
- outline-offset: 2px;
436
- }
437
- }
438
-
439
402
  .fpd-msg {
440
403
  padding: 12px 16px;
441
404
  font-size: 13px;
@@ -462,14 +425,14 @@ export default {
462
425
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.05fr) minmax(0, 0.9fr);
463
426
  gap: 12px;
464
427
  margin-bottom: 12px;
465
- /* 按内容高度,不强制三列拉齐(数据少时不留大块空白) */
466
- align-items: start;
428
+ align-items: stretch;
467
429
  }
468
430
 
469
431
  .fpd-section {
470
432
  display: flex;
471
433
  flex-direction: column;
472
434
  min-width: 0;
435
+ min-height: 100%;
473
436
  border: 1px solid #e5e7eb;
474
437
  border-radius: 8px;
475
438
  overflow: hidden;