imeik-bizui 2.5.7 → 2.5.8

package/dist/bizui/src/FieldFloorPriceBoard/README.md

@@ -1,8 +1,8 @@
 # 底价看板（FieldFloorPriceBoard）
 
-> 日期：2026-09-21  
+> 日期：2026-09-22  
 > 范围：物资系统 · 会议系统 · 申请中心 · **imeik-bizui**  
-> 目标：**不在每个系统、每个端重写一遍**——域适配、业务接口、UI/编排都在 bizui；宿主只传业务数据 + 权限
+> 目标：bizui 只负责「选接口 + 拉数 + 看板 UI」；**请求体组装在业务系统**
 
 ---
 
@@ -10,66 +10,42 @@
 
 ```
 imeik-bizui/src/bizui/
-├── api/mms.js                      # getProductPrice / getProductPriceDetail（mmsRequest）
+├── api/mms.js                      # getProductPrice / getProductPriceDetail
+├── api/applycenter.js              # 丽臻底价 overview / detail
 └── src/
-    └── FieldFloorPriceBoard/       # 唯一全局组件（index.vue）
-        ├── index.vue               # scene 选适配器
-        ├── adapters/               # 各域字段 → payload（互不混用 props）
-        │   ├── SuppliesAdapter.vue
-        │   ├── MeetingAdapter.vue
-        │   └── ApplyCenterAdapter.vue
-        ├── core/                   # Board / Dashboard / Detail / normalize / mock
+    └── FieldFloorPriceBoard/
+        ├── index.vue               # scene → 接口映射 + Dashboard
+        └── core/                   # Board / Dashboard / Detail / normalize / mock
 ```
 
-`Vue.use(bizui)` 后页面直接写：
+`Vue.use(bizui)` 后：
 
 ```vue
-<!-- 物资 -->
 <FieldFloorPriceBoard
   scene="supplies"
-  :apply-customer-info="..."
-  :snapshot-list="..."
-  :apply-dept-code="..."
-  :cost-bear-dept-code="..."
-  :cost-type="..."
-  :apply-code="..."
-  :show-detail-link="hasPerm"
-/>
-
-<!-- 会议 -->
-<FieldFloorPriceBoard scene="meeting" :customer-info="..." :inject-rows="..." ... />
-
-<!-- 申请中心：业务侧组装好 requestPayload 再传入（字段映射不放组件库） -->
-<FieldFloorPriceBoard
-  scene="applyCenter"
   :request-payload="payload"
   :customer-name="..."
   :show-detail-link="hasPerm"
 />
 ```
 
-`scene` 取值：`supplies` | `meeting` | `apply` / `applyCenter`。
+`scene`：`supplies` | `meeting` | `apply` / `applyCenter`。
+
+请求体组装在业务系统（如 `CustomerFloorPriceBoard/buildRequestPayload.js`、`FieldApplyFloorPriceBoard/buildRequestPayload.js`）。
 
-申请中心请求体组装在业务系统（如 `FieldApplyFloorPriceBoard/buildRequestPayload.js`），适配器只负责调 openApi + 展示。
 ---
 
-## 二、分层原则（对齐 bizui 既有写法）
+## 二、分层原则
 
-1. **接口写在 `api/mms.js`**，走 `utils/mmsRequest`（按 `$bizui.env` 切网关 + `userTokenFunc`）。  
-2. **对外只注册一个全局组件** `FieldFloorPriceBoard`；域差异落在 `adapters/`。  
-3. **adapter 互不 import**；共用只依赖本目录 `core` 与 `api/mms`。  
-4. **宿主页面尽量薄**：传本域字段 + 权限布尔；不写 debounce / normalize / 看板 UI / 底价 API。  
-5. **适配层组装请求**：各 adapter 产出同一份 `requestPayload` 同时作为 overview / detail；`FloorPriceDashboard` 只负责拉数 + 展示。
+1. **接口**在 `api/mms.js` / `api/applycenter.js`。  
+2. **对外只注册** `FieldFloorPriceBoard`；`index.vue` 按 `scene` 选 fetch。  
+3. **宿主组装** `requestPayload` + 客户名 + 权限；不写 debounce / normalize / 看板 UI。  
+4. **bizui 不解析**各域表单字段（客户对象、快照、注射行等）。
 
 ```
-┌──────────────────────────────────────────────────────────────┐
-│  bizui                                                       │
-│  api/mms + FieldFloorPriceBoard(core/adapters)               │
-└──────────────────────────────▲───────────────────────────────┘
-                               │ scene + 本域 props
-                    ┌──────────┴──────────┐
-               物资 / 会议 / 申请中心  PC·H5
-               <FieldFloorPriceBoard />
+业务系统：表单字段 → requestPayload
+         ↓
+bizui：  scene 选接口 → Dashboard 拉数 → Board / Detail
 ```
 
 ---
@@ -78,32 +54,23 @@ imeik-bizui/src/bizui/
 
 | 类型 | 内容 |
 | --- | --- |
-| 概述入参 | `customUniqueCode`、`businessLineNumber`、`isGroupCustomer`、`applyDeptCode`、`costBearDeptCode`、`costType`、`materialList[]`（允许 `[]`） |
-| 明细入参 | 与概述同形（含 `applyCode` + 表单字段）；接口自取所需字段 |
-| 展示 | 看板 `normalizeOverview`；明细顶部汇总取概览；**差距 = 申请后 − 申请底价（前端算）**，变低红 / 变高绿 |
+| Props | `scene`、`requestPayload`、`customerName`、`showDetailLink`、`useMock`、`emptyText` |
+| 物资/会议入参 | `customUniqueCode`、`businessLineNumber`、`isGroupCustomer`、`applyDeptCode`、`costBearDeptCode`、`costType`、`materialList[]`（允许 `[]`） |
+| 申请中心入参 | 见丽臻底价接口文档 |
+| 展示 | 看板 `normalizeOverview`；明细顶部汇总取概览；**差距 = 申请后 − 标准（前端算）** |
 
 ---
 
-## 四、各域列表映射
+## 四、scene → 接口
 
-| 域 | scene | adapter | 物料来源 |
-| --- | --- | --- | --- |
-| 物资 | `supplies` | `adapters/SuppliesAdapter.vue` | `snapshotList`（组合拆子项） |
-| 会议 | `meeting` | `adapters/MeetingAdapter.vue` | inject / deduct / materialRows |
-| 申请中心 | `apply` / `applyCenter` | `adapters/ApplyCenterAdapter.vue` | `productLines` |
-
----
-
-## 五、落地顺序
-
-| 阶段 | 内容 |
-| --- | --- |
-| **P0** | 物资页挂 `FieldFloorPriceBoard scene="supplies"`（联调后关闭 `use-mock`） |
-| **P1** | bizui 发版；会议/申请中心确认字段后补齐 adapter |
-| **P2** | 物资 H5 直接复用同一全局组件 |
+| 域 | scene | 接口 |
+| --- | --- | --- |
+| 物资 | `supplies` | `mms.getProductPrice` / `getProductPriceDetail` |
+| 会议 | `meeting` | 同上 |
+| 申请中心 | `apply` / `applyCenter` | `applycenter` 丽臻底价 overview / detail |
 
 ---
 
-## 六、一句话
+## 五、一句话
 
-**bizui 收齐「域适配 + mms 底价 API + 看板」；宿主 `Vue.use(bizui)` 后挂 `<FieldFloorPriceBoard scene="..." />` 传本域数据即可。**
+**业务侧拼好 `requestPayload`；bizui 按 `scene` 调对应底价接口并展示。**

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

@@ -2,19 +2,11 @@
   通用底价看板（展示 + 拉数编排）
 
   职责：防抖请求、normalize、看板/明细 UI。
-  不负责：各业务域字段映射、拼概述/明细入参 —— 由 FieldFloorPriceBoard/adapters/* 完成。
-  推荐用法：业务侧挂 <FieldFloorPriceBoard scene="supplies|meeting|applyCenter" />；高级场景可直接传 overviewPayload + fetchOverview。
+  不负责：各业务域字段映射、拼请求体 —— 由业务系统组装后经 FieldFloorPriceBoard 传入。
 
-  推荐用法（适配层）：
-    <FloorPriceDashboard
-      :overview-payload="overviewPayload"   // 已组装好的 getProductPrice 入参；缺参传 null
-      :detail-payload="detailPayload"       // 与 overview 同结构；可带 applyCode + 表单字段，接口自取
-      :customer-name="..."
-      :fetch-overview="getProductPrice"
-      :fetch-detail="getProductPriceDetail"
-    />
-
-  受控用法（外部已拉数）：传 overview + loadDetail / detail
+  推荐：业务侧挂 <FieldFloorPriceBoard scene="..." :request-payload="..." />
+  高级：直接传 overviewPayload + fetchOverview / fetchDetail
+  受控：外部已拉数时传 overview + loadDetail / detail
 -->
 <template>
   <div class="floor-price-dashboard">

package/dist/bizui/src/FieldFloorPriceBoard/index.vue

@@ -1,40 +1,105 @@
 <!--
   底价看板对外入口（bizui 全局注册 FieldFloorPriceBoard）
-  通过 scene 选择域适配器；各域 props 互不混用，由对应 adapter 承接。
+
+  请求体由业务侧组装后传入；本组件只按 scene 选接口 + 交给 Dashboard 拉数展示。
+
+  用法：
+    <FieldFloorPriceBoard
+      scene="supplies"
+      :request-payload="payload"
+      :customer-name="name"
+      :show-detail-link="hasPerm"
+    />
 -->
 <template>
-  <component :is="adapter" v-bind="$attrs" v-on="$listeners" />
+  <FloorPriceDashboard
+    :overview-payload="requestPayload"
+    :detail-payload="requestPayload"
+    :customer-name="customerName"
+    :fetch-overview="useMock ? null : sceneApi.fetchOverview"
+    :fetch-detail="useMock ? null : sceneApi.fetchDetail"
+    :use-demo="useMock"
+    :show-title="false"
+    :show-detail-link="showDetailLink"
+    :empty-text="resolvedEmptyText"
+  />
 </template>
 
 <script>
-import SuppliesAdapter from './adapters/SuppliesAdapter.vue'
-import MeetingAdapter from './adapters/MeetingAdapter.vue'
-import ApplyCenterAdapter from './adapters/ApplyCenterAdapter.vue'
+import FloorPriceDashboard from './core/FloorPriceDashboard.vue'
+import { getProductPrice, getProductPriceDetail } from '../../api/mms'
+import { getLizhenBasePriceOverview, getLizhenBasePriceDetail } from '../../api/applycenter'
 
-const ADAPTERS = {
-  supplies: SuppliesAdapter,
-  meeting: MeetingAdapter,
-  applyCenter: ApplyCenterAdapter
+/** scene → 底价接口；payload 组装在业务系统 */
+const SCENE_API = {
+  supplies: {
+    fetchOverview: getProductPrice,
+    fetchDetail: getProductPriceDetail,
+    emptyText: '请选择客户后查看底价'
+  },
+  meeting: {
+    fetchOverview: getProductPrice,
+    fetchDetail: getProductPriceDetail,
+    emptyText: '请选择客户后查看底价'
+  },
+  applyCenter: {
+    fetchOverview: getLizhenBasePriceOverview,
+    fetchDetail: getLizhenBasePriceDetail,
+    emptyText: '请选择合作机构后查看底价'
+  }
 }
+SCENE_API.apply = SCENE_API.applyCenter
 
 export default {
   name: 'FieldFloorPriceBoard',
-  inheritAttrs: false,
+  components: {
+    FloorPriceDashboard
+  },
   props: {
     /**
-     * 业务域：supplies | meeting | applyCenter
+     * 业务域：supplies | meeting | applyCenter（apply 同 applyCenter）
      */
     scene: {
       type: String,
       required: true,
       validator(v) {
-        return Object.prototype.hasOwnProperty.call(ADAPTERS, v)
+        return Object.prototype.hasOwnProperty.call(SCENE_API, v)
       }
+    },
+    /**
+     * 业务侧组装好的请求体；null 表示不发请求
+     * 物资/会议：对齐 getProductPrice；申请中心：对齐丽臻底价文档
+     */
+    requestPayload: {
+      type: Object,
+      default: null
+    },
+    /** 看板展示用客户名 */
+    customerName: {
+      type: String,
+      default: ''
+    },
+    showDetailLink: {
+      type: Boolean,
+      default: true
+    },
+    /** true 时不调接口，Dashboard 走 mock */
+    useMock: {
+      type: Boolean,
+      default: false
+    },
+    /** 空态文案；不传则按 scene 默认 */
+    emptyText: {
+      type: String,
+      default: ''
     }
   },
   computed: {
-    adapter() {
-      return ADAPTERS[this.scene]
+    sceneApi() {
+      return SCENE_API[this.scene]
+    },
+    resolvedEmptyText() {
+      return this.emptyText || this.sceneApi.emptyText
     }
   }
 }