imeik-bizui 2.6.1 → 2.6.3

package/dist/bizui/src/FieldFloorPriceBoard/core/FloorPriceBoard.vue

@@ -17,7 +17,12 @@
         <div class="fpb-result">
           <div class="fpb-result__main">
             <div class="fpb-result__heading">
-              <span class="fpb-mark" aria-hidden="true">{{ statusMark }}</span>
+              <img
+                class="fpb-mark"
+                :src="statusIconSrc"
+                :alt="resolvedStatusLabel"
+                aria-hidden="true"
+              >
               <h2 class="fpb-result__title">{{ resolvedResultTitle }}</h2>
               <span class="fpb-badge">{{ resolvedStatusLabel }}</span>
               <button
@@ -134,6 +139,15 @@ import {
   formatNumber
 } from './utils'
 import FloorPriceSectionPager from './FloorPriceSectionPager.vue'
+import iconBlocked from '../assets/icon-blocked.png'
+import iconPass from '../assets/icon-pass.png'
+import iconExempt from '../assets/icon-exempt.png'
+
+const STATUS_ICON = {
+  [PANEL_STATE.BLOCKED]: iconBlocked,
+  [PANEL_STATE.PASS]: iconPass,
+  [PANEL_STATE.EXEMPT]: iconExempt
+}
 
 export default {
   name: 'FloorPriceBoard',
@@ -272,10 +286,8 @@ export default {
         productCount: this.displayProducts.length
       }).description
     },
-    statusMark() {
-      if (this.resolvedStatus === PANEL_STATE.PASS) return '✓'
-      if (this.resolvedStatus === PANEL_STATE.BLOCKED) return '!'
-      return 'i'
+    statusIconSrc() {
+      return STATUS_ICON[this.resolvedStatus] || STATUS_ICON[PANEL_STATE.PASS]
     },
     panelThemeClass() {
       return `fpb-panel--${this.resolvedStatus}`
@@ -468,18 +480,13 @@ export default {
 }
 
 .fpb-mark {
-  display: grid;
-  place-items: center;
+  display: block;
   flex: none;
   width: 28px;
   height: 28px;
-  color: var(--fpb-state);
-  background: #fff;
-  border: 1px solid var(--fpb-state-border);
-  border-radius: 50%;
-  font-size: 15px;
-  font-weight: 700;
-  line-height: 1;
+  object-fit: contain;
+  user-select: none;
+  pointer-events: none;
 }
 
 .fpb-result__title {

package/dist/bizui/src/FieldFloorPriceBoard/core/FloorPriceDetailDialog.vue

@@ -2,8 +2,8 @@
   通用「底价明细」弹窗（纯展示，无接口依赖）
   - 顶部汇总：由 Dashboard 传入概览产品行
   - 下方三区（销售订单 / 非销出库 / 销售费用）等分三列并排
-  - 分区表格按当前页行数自适应高度，不设固定 height（避免表内纵向滚动裁切）
-  - 分区数据前端分页（pageSize）
+  - 三列明细等高：固定表格高度 + 预留分页条高度
+  - 分区数据前端分页（pageSize）；无底部关闭按钮，右上角关闭即可
 -->
 <template>
   <el-dialog
@@ -75,6 +75,7 @@
                 border
                 size="small"
                 class="fpd-table"
+                :height="tableHeight"
                 :header-cell-style="headerCellStyle"
               >
                 <el-table-column
@@ -132,10 +133,6 @@
         </div>
       </template>
     </div>
-
-    <span slot="footer" class="fpd-dialog-footer">
-      <button type="button" class="fpd-dialog-close-btn" @click="onClose">关闭</button>
-    </span>
   </el-dialog>
 </template>
 
@@ -203,12 +200,10 @@ export default {
       type: Array,
       default: null
     },
-    /**
-     * @deprecated 三区表格已改为按内容撑开，不再使用固定高度（保留 prop 以免业务侧报错）
-     */
+    /** 三列表格统一高度，保证等高 */
     tableHeight: {
       type: [Number, String],
-      default: null
+      default: 260
     },
     /** 分区前端分页大小 */
     pageSize: {
@@ -386,15 +381,15 @@ export default {
 
   .el-dialog__body {
     padding: 18px 20px 16px;
-    max-height: calc(92vh - 120px);
+    max-height: calc(92vh - 64px);
     overflow: auto;
     background: #f7f8fa;
   }
 
   .el-dialog__footer {
-    padding: 12px 20px;
-    background: #fff;
-    border-top: 1px solid #e5e7eb;
+    display: none;
+    padding: 0;
+    border: none;
   }
 }
 </style>
@@ -404,38 +399,6 @@ export default {
   min-width: 0;
 }
 
-.fpd-dialog-footer {
-  display: flex;
-  justify-content: flex-end;
-}
-
-.fpd-dialog-close-btn {
-  min-width: 80px;
-  height: 34px;
-  padding: 0 16px;
-  color: #1f2329;
-  background: #fff;
-  border: 1px solid #d3d7de;
-  border-radius: 6px;
-  cursor: pointer;
-  font-size: 14px;
-  line-height: 1;
-
-  &:hover {
-    color: #3370ff;
-    border-color: #8babff;
-  }
-
-  &:focus {
-    outline: none;
-  }
-
-  &:focus-visible {
-    outline: 2px solid #3370ff;
-    outline-offset: 2px;
-  }
-}
-
 .fpd-msg {
   padding: 12px 16px;
   font-size: 13px;
@@ -462,14 +425,14 @@ export default {
   grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.05fr) minmax(0, 0.9fr);
   gap: 12px;
   margin-bottom: 12px;
-  /* 按内容高度，不强制三列拉齐（数据少时不留大块空白） */
-  align-items: start;
+  align-items: stretch;
 }
 
 .fpd-section {
   display: flex;
   flex-direction: column;
   min-width: 0;
+  min-height: 100%;
   border: 1px solid #e5e7eb;
   border-radius: 8px;
   overflow: hidden;