imeik-bizui 2.5.3 → 2.5.5

package/dist/bizui/api/mms.js

@@ -57,3 +57,27 @@ export function searchCustomerInfo(data) {
     data
   })
 }
+
+/**
+ * 客户底价概述（规则中心实时计算）
+ * POST /mms/admin/custom/getProductPrice
+ */
+export function getProductPrice(data) {
+  return request({
+    url: '/mms/admin/custom/getProductPrice',
+    method: 'post',
+    data
+  })
+}
+
+/**
+ * 客户底价明细快照
+ * POST /mms/admin/custom/getProductPriceDetail
+ */
+export function getProductPriceDetail(data) {
+  return request({
+    url: '/mms/admin/custom/getProductPriceDetail',
+    method: 'post',
+    data
+  })
+}

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

@@ -0,0 +1,103 @@
+# 底价看板（FieldFloorPriceBoard）
+
+> 日期：2026-09-21  
+> 范围：物资系统 · 会议系统 · 申请中心 · **imeik-bizui**  
+> 目标：**不在每个系统、每个端重写一遍**——域适配、业务接口、UI/编排都在 bizui；宿主只传业务数据 + 权限
+
+---
+
+## 一、目录结构
+
+```
+imeik-bizui/src/bizui/
+├── api/mms.js                      # getProductPrice / getProductPriceDetail（mmsRequest）
+└── src/
+    └── FieldFloorPriceBoard/       # 唯一全局组件（index.vue）
+        ├── index.vue               # scene 选适配器
+        ├── adapters/               # 各域字段 → payload（互不混用 props）
+        │   ├── SuppliesAdapter.vue
+        │   ├── MeetingAdapter.vue
+        │   └── ApplyCenterAdapter.vue
+        ├── core/                   # Board / Dashboard / Detail / normalize / mock
+```
+
+`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="..." ... />
+
+<!-- 申请中心 -->
+<FieldFloorPriceBoard scene="applyCenter" :customer-info="..." :product-lines="..." ... />
+```
+
+`scene` 取值：`supplies` | `meeting` | `apply` / `applyCenter`。
+
+---
+
+## 二、分层原则（对齐 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` 只负责拉数 + 展示。
+
+```
+┌──────────────────────────────────────────────────────────────┐
+│  bizui                                                       │
+│  api/mms + FieldFloorPriceBoard(core/adapters)               │
+└──────────────────────────────▲───────────────────────────────┘
+                               │ scene + 本域 props
+                    ┌──────────┴──────────┐
+               物资 / 会议 / 申请中心  PC·H5
+               <FieldFloorPriceBoard />
+```
+
+---
+
+## 三、标准契约
+
+| 类型 | 内容 |
+| --- | --- |
+| 概述入参 | `customUniqueCode`、`businessLineNumber`、`isGroupCustomer`、`applyDeptCode`、`costBearDeptCode`、`costType`、`materialList[]`（允许 `[]`） |
+| 明细入参 | 与概述同形（含 `applyCode` + 表单字段）；接口自取所需字段 |
+| 展示 | 看板 `normalizeOverview`；明细顶部汇总取概览；**差距 = 申请后 − 申请底价（前端算）**，变低红 / 变高绿 |
+
+---
+
+## 四、各域列表映射
+
+| 域 | 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 直接复用同一全局组件 |
+
+---
+
+## 六、一句话
+
+**bizui 收齐「域适配 + mms 底价 API + 看板」；宿主 `Vue.use(bizui)` 后挂 `<FieldFloorPriceBoard scene="..." />` 传本域数据即可。**

package/dist/bizui/src/FieldFloorPriceBoard/adapters/ApplyCenterAdapter.vue

@@ -0,0 +1,175 @@
+<!--
+  ApplyCenterAdapter · 申请中心域底价适配器
+
+  职责
+  - 把申请中心表单字段（客户、部门、费用类型、产品行 productLines）组装成
+    getProductPrice / getProductPriceDetail 请求体
+  - 交给 FloorPriceDashboard 拉数与展示（本组件不写看板 UI）
+
+  入参策略
+  - 概述、明细共用同一份 requestPayload；可带字段尽量都带上，用不用由接口决定
+  - 新增/编辑：主要靠表单字段（客户、部门、费用类型、materialList）
+  - 已落库详情：通常有 applyCode，后端可只认单号；前端仍附带表单字段，便于草稿/兼容
+  - materialList 仅来自 productLines（申请中心产品明细，无组合拆分）
+
+  与物资 / 会议差异
+  - 客户 prop 名为 customerInfo（物资为 applyCustomerInfo）
+  - 物料来源单一：productLines，字段名兼容面更宽（含 productErpCode、count 等）
+  - 缺客户唯一编码 / 业务线 / 部门 / 费用类型时 requestPayload 为 null（Dashboard 不发请求）
+
+  宿主用法
+    <FieldFloorPriceBoard
+      scene="applyCenter"
+      :customer-info="..."
+      :cost-type="..."
+      :apply-dept-code="..."
+      :cost-bear-dept-code="..."
+      :apply-code="..."
+      :product-lines="..."
+      :show-detail-link="hasPerm"
+    />
+
+  scene 也可传 apply（index.vue 会映射到本适配器）
+
+  接口：api/mms.getProductPrice / getProductPriceDetail（mmsRequest，随 $bizui.env 切环境）
+-->
+<template>
+  <FloorPriceDashboard
+    :overview-payload="requestPayload"
+    :detail-payload="requestPayload"
+    :customer-name="customerName"
+    :fetch-overview="useMock ? null : getProductPrice"
+    :fetch-detail="useMock ? null : getProductPriceDetail"
+    :use-demo="useMock"
+    :show-title="false"
+    :show-detail-link="showDetailLink"
+  />
+</template>
+
+<script>
+import FloorPriceDashboard from '../core/FloorPriceDashboard.vue'
+import { getProductPrice, getProductPriceDetail } from '../../../api/mms'
+
+export default {
+  name: 'ApplyCenterAdapter',
+  components: { FloorPriceDashboard },
+  props: {
+    /**
+     * 申请客户信息（选客组件 / 表单 customerInfo）
+     *
+     * 读取字段（大小写兼容）：
+     * - customUniqueCode / CustomUniqueCode → 客户唯一编码（缺则不发请求）
+     * - businessLineNumber / BusinessLineNumber → 业务线（缺则不发请求）
+     * - isGroupCustomer → 是否集团客户（原样透传）
+     * - CustomerName / customerName / customName → 看板展示用客户名
+     */
+    customerInfo: { type: Object, default: () => ({}) },
+    /**
+     * 费用类型（表单 costType）；为空则不发请求
+     */
+    costType: { type: [String, Number], default: undefined },
+    /**
+     * 申请部门业务编码；为空则不发请求
+     */
+    applyDeptCode: { type: [String, Number], default: undefined },
+    /**
+     * 费用承担部门业务编码；为空则不发请求
+     */
+    costBearDeptCode: { type: [String, Number], default: undefined },
+    /**
+     * 已落库申请单编码（objectCode / applyCode）
+     * - 草稿 / 新增未保存：传空，payload 里为 undefined
+     * - 编辑 / 查看：有值则带上；详情接口可主要依赖此字段，其它字段仍一并传递
+     */
+    applyCode: { type: String, default: '' },
+    /**
+     * 申请中心产品明细行 → 映射为接口 materialList
+     *
+     * 编码候选：erpCode / productCode / 物料编码 / productErpCode
+     * 数量候选：applyCount / 数量 / qty / count / quantity
+     * 过滤：无 erpCode 或 applyCount<=0 的行丢弃；无产品时 materialList 为 []
+     */
+    productLines: { type: Array, default: () => [] },
+    /**
+     * 是否展示「查看底价明细」入口
+     * 权限由宿主页传入，本组件不读权限中心
+     */
+    showDetailLink: { type: Boolean, default: true },
+    /**
+     * 本地演示：true 时不调真实接口，Dashboard 走 mock 数据
+     * 联调 / 上线请传 false
+     */
+    useMock: { type: Boolean, default: false }
+  },
+  computed: {
+    /** 看板标题旁展示的客户名称 */
+    customerName() {
+      const c = this.customerInfo || {}
+      return c.CustomerName || c.customerName || c.customName || ''
+    },
+    /**
+     * productLines → 接口 materialList[{ erpCode, applyCount }]
+     * 仅普通行映射，不做物资组合（isGroup）拆分
+     */
+    materialList() {
+      const rows = this.productLines
+      if (!Array.isArray(rows) || !rows.length) return []
+      const erpCodeKeys = ['erpCode', 'productCode', '物料编码', 'productErpCode']
+      const countKeys = ['applyCount', '数量', 'qty', 'count', 'quantity']
+      const pick = (row, keys) => {
+        for (let i = 0; i < keys.length; i++) {
+          const k = keys[i]
+          if (row[k] != null && row[k] !== '') return row[k]
+        }
+        return ''
+      }
+      return rows
+        .filter(Boolean)
+        .map((row) => ({
+          erpCode: String(pick(row, erpCodeKeys) || ''),
+          applyCount: Number(pick(row, countKeys)) || 0
+        }))
+        .filter((r) => r.erpCode && r.applyCount > 0)
+    },
+    /**
+     * 概述 / 明细共用请求体
+     *
+     * 必填缺一则返回 null（Dashboard 不发请求）：
+     * customUniqueCode、businessLineNumber、applyDeptCode、costBearDeptCode、costType
+     *
+     * 字段说明：
+     * - applyCode          可选；有则带上
+     * - customUniqueCode   客户唯一编码
+     * - businessLineNumber 业务线
+     * - isGroupCustomer    是否集团客户（透传）
+     * - applyDeptCode      申请部门
+     * - costBearDeptCode   费用承担部门
+     * - costType           费用类型
+     * - materialList       产品行；允许 []
+     */
+    requestPayload() {
+      const c = this.customerInfo || {}
+      const customUniqueCode = c.customUniqueCode || c.CustomUniqueCode || ''
+      const businessLineNumber = c.businessLineNumber || c.BusinessLineNumber || ''
+      const { applyDeptCode, costBearDeptCode, costType, materialList } = this
+      if (!customUniqueCode || !businessLineNumber) return null
+      if (!applyDeptCode || !costBearDeptCode) return null
+      if (costType == null || costType === '') return null
+      return {
+        applyCode: this.applyCode || undefined,
+        customUniqueCode: String(customUniqueCode),
+        businessLineNumber: String(businessLineNumber),
+        isGroupCustomer: c.isGroupCustomer,
+        applyDeptCode: String(applyDeptCode),
+        costBearDeptCode: String(costBearDeptCode),
+        costType: String(costType),
+        materialList: Array.isArray(materialList) ? materialList : []
+      }
+    }
+  },
+  methods: {
+    getProductPrice,
+    getProductPriceDetail
+  }
+}
+</script>

package/dist/bizui/src/FieldFloorPriceBoard/adapters/MeetingAdapter.vue

@@ -0,0 +1,269 @@
+<!--
+  MeetingAdapter · 会议域底价适配器
+
+  职责
+  - 把会议申请页字段（客户、部门、费用类型、注射行 / 扣减行 / 物资行）组装成
+    getProductPrice / getProductPriceDetail 请求体
+  - 交给 FloorPriceDashboard 拉数与展示（本组件不写看板 UI）
+
+  入参策略
+  - 概述、明细共用同一份 requestPayload；可带字段尽量都带上，用不用由接口决定
+  - 新增/编辑：主要靠表单字段（客户、部门、费用类型、materialList）
+  - 已落库详情：通常有 applyCode，后端可只认单号；前端仍附带表单字段，便于草稿/兼容
+  - materialList 由 injectRows + materialRows（+ 可选 deductRows）合并去重累加
+
+  与物资域差异
+  - 客户 prop 名为 customerInfo（物资为 applyCustomerInfo）
+  - 物料来自多块子表，而非单一 snapshotList
+  - 缺客户唯一编码 / 业务线 / 部门 / 费用类型时 requestPayload 为 null（Dashboard 不发请求）
+
+  宿主用法
+    <FieldFloorPriceBoard
+      scene="meeting"
+      :customer-info="..."
+      :cost-type="..."
+      :apply-dept-code="..."
+      :cost-bear-dept-code="..."
+      :apply-code="..."
+      :inject-rows="..."
+      :deduct-rows="..."
+      :include-deduct="false"
+      :material-rows="..."
+      :material-as-snapshot="false"
+      :show-detail-link="hasPerm"
+    />
+
+  接口：api/mms.getProductPrice / getProductPriceDetail（mmsRequest，随 $bizui.env 切环境）
+-->
+<template>
+  <FloorPriceDashboard
+    :overview-payload="requestPayload"
+    :detail-payload="requestPayload"
+    :customer-name="customerName"
+    :fetch-overview="useMock ? null : getProductPrice"
+    :fetch-detail="useMock ? null : getProductPriceDetail"
+    :use-demo="useMock"
+    :show-title="false"
+    :show-detail-link="showDetailLink"
+  />
+</template>
+
+<script>
+import FloorPriceDashboard from '../core/FloorPriceDashboard.vue'
+import { getProductPrice, getProductPriceDetail } from '../../../api/mms'
+
+export default {
+  name: 'MeetingAdapter',
+  components: { FloorPriceDashboard },
+  props: {
+    /**
+     * 会议申请客户信息（选客组件 / 表单 customerInfo）
+     *
+     * 读取字段（大小写兼容）：
+     * - customUniqueCode / CustomUniqueCode → 客户唯一编码（缺则不发请求）
+     * - businessLineNumber / BusinessLineNumber → 业务线（缺则不发请求）
+     * - isGroupCustomer → 是否集团客户（原样透传）
+     * - CustomerName / customerName / customName → 看板展示用客户名
+     */
+    customerInfo: { type: Object, default: () => ({}) },
+    /**
+     * 费用类型（表单 costType）；为空则不发请求
+     */
+    costType: { type: [String, Number], default: undefined },
+    /**
+     * 申请部门业务编码；为空则不发请求
+     */
+    applyDeptCode: { type: [String, Number], default: undefined },
+    /**
+     * 费用承担部门业务编码；为空则不发请求
+     */
+    costBearDeptCode: { type: [String, Number], default: undefined },
+    /**
+     * 已落库申请单编码（objectCode / applyCode）
+     * - 草稿 / 新增未保存：传空，payload 里为 undefined
+     * - 编辑 / 查看：有值则带上；详情接口可主要依赖此字段，其它字段仍一并传递
+     */
+    applyCode: { type: String, default: '' },
+    /**
+     * 注射使用等产品行（会议主产品预算）
+     * 兼容字段：erpCode / productCode / 物料编码；quantity / applyCount / 数量 / qty
+     */
+    injectRows: { type: Array, default: () => [] },
+    /**
+     * 扣减行（与 inject 同形）；仅当 includeDeduct=true 时并入 materialList
+     */
+    deductRows: { type: Array, default: () => [] },
+    /**
+     * 是否把 deductRows 计入 materialList
+     * 默认 false：扣减仅展示/记账，不参与底价试算
+     */
+    includeDeduct: { type: Boolean, default: false },
+    /**
+     * 会议物资申请子表
+     * - materialAsSnapshot=false：按普通行映射（erpCode / applyCount）
+     * - materialAsSnapshot=true：按物资快照规则拆组合（见 mapSnapshotRows）
+     */
+    materialRows: { type: Array, default: () => [] },
+    /**
+     * materialRows 是否按物资 snapshotList 规则解析（组合 isGroup=1 拆子项）
+     */
+    materialAsSnapshot: { type: Boolean, default: false },
+    /**
+     * 是否展示「查看底价明细」入口
+     * 权限由宿主页传入，本组件不读权限中心
+     */
+    showDetailLink: { type: Boolean, default: true },
+    /**
+     * 本地演示：true 时不调真实接口，Dashboard 走 mock 数据
+     * 联调 / 上线请传 false
+     */
+    useMock: { type: Boolean, default: false }
+  },
+  computed: {
+    /** 看板标题旁展示的客户名称 */
+    customerName() {
+      const c = this.customerInfo || {}
+      return c.CustomerName || c.customerName || c.customName || ''
+    },
+    /**
+     * 多块预算行 → 接口 materialList[{ erpCode, applyCount }]
+     * 合并顺序：injectRows → materialRows →（可选）deductRows；同 erpCode 数量累加
+     */
+    materialList() {
+      const parts = [
+        this.mapInjectRows(this.injectRows),
+        this.mapMaterialRows(this.materialRows, this.materialAsSnapshot)
+      ]
+      if (this.includeDeduct) {
+        parts.push(this.mapInjectRows(this.deductRows))
+      }
+      return this.mergeMaterialLists(parts)
+    },
+    /**
+     * 概述 / 明细共用请求体
+     *
+     * 必填缺一则返回 null（Dashboard 不发请求）：
+     * customUniqueCode、businessLineNumber、applyDeptCode、costBearDeptCode、costType
+     *
+     * 字段说明：
+     * - applyCode          可选；有则带上
+     * - customUniqueCode   客户唯一编码
+     * - businessLineNumber 业务线
+     * - isGroupCustomer    是否集团客户（透传）
+     * - applyDeptCode      申请部门
+     * - costBearDeptCode   费用承担部门
+     * - costType           费用类型
+     * - materialList       合并后的物料行；允许 []
+     */
+    requestPayload() {
+      const c = this.customerInfo || {}
+      const customUniqueCode = c.customUniqueCode || c.CustomUniqueCode || ''
+      const businessLineNumber = c.businessLineNumber || c.BusinessLineNumber || ''
+      const { applyDeptCode, costBearDeptCode, costType, materialList } = this
+      if (!customUniqueCode || !businessLineNumber) return null
+      if (!applyDeptCode || !costBearDeptCode) return null
+      if (costType == null || costType === '') return null
+      return {
+        applyCode: this.applyCode || undefined,
+        customUniqueCode: String(customUniqueCode),
+        businessLineNumber: String(businessLineNumber),
+        isGroupCustomer: c.isGroupCustomer,
+        applyDeptCode: String(applyDeptCode),
+        costBearDeptCode: String(costBearDeptCode),
+        costType: String(costType),
+        materialList: Array.isArray(materialList) ? materialList : []
+      }
+    }
+  },
+  methods: {
+    getProductPrice,
+    getProductPriceDetail,
+    /** 按候选键顺序取第一个非空字段（兼容多宿主字段名） */
+    pickField(row, keys) {
+      for (let i = 0; i < keys.length; i++) {
+        const k = keys[i]
+        if (row[k] != null && row[k] !== '') return row[k]
+      }
+      return ''
+    },
+    /**
+     * 通用行映射 → { erpCode, applyCount }
+     * 过滤：无 erpCode 或 applyCount<=0
+     */
+    mapRows(rows, erpCodeKeys, countKeys) {
+      if (!Array.isArray(rows) || !rows.length) return []
+      return rows
+        .filter(Boolean)
+        .map((row) => ({
+          erpCode: String(this.pickField(row, erpCodeKeys) || ''),
+          applyCount: Number(this.pickField(row, countKeys)) || 0
+        }))
+        .filter((r) => r.erpCode && r.applyCount > 0)
+    },
+    /** 注射使用 / 扣减等普通产品行 */
+    mapInjectRows(rows) {
+      return this.mapRows(
+        rows,
+        ['erpCode', 'productCode', '物料编码'],
+        ['quantity', 'applyCount', '数量', 'qty']
+      )
+    },
+    /**
+     * 会议物资子表
+     * - asSnapshot=false：普通行（erpCode / applyCount）
+     * - asSnapshot=true：走物资组合拆分规则
+     */
+    mapMaterialRows(rows, asSnapshot) {
+      if (asSnapshot) return this.mapSnapshotRows(rows)
+      return this.mapRows(rows, ['erpCode', 'productCode'], ['applyCount', 'quantity', '数量'])
+    },
+    /**
+     * 物资快照规则（与 SuppliesAdapter.materialList 一致）
+     * - 普通行：直接取 erpCode / applyCount
+     * - 组合行（isGroup=1）：按 groupDetails 拆子项，数量 = 父 applyCount × 子 groupCount
+     */
+    mapSnapshotRows(list) {
+      if (!Array.isArray(list) || !list.length) return []
+      const rows = []
+      list.forEach((item) => {
+        if (!item) return
+        if (String(item.isGroup) === '1' && Array.isArray(item.groupDetails) && item.groupDetails.length) {
+          const parentCount = Number(item.applyCount) || 0
+          item.groupDetails.forEach((g) => {
+            const gc = Number(g.groupCount) || 0
+            rows.push({
+              applyCount: parentCount * gc,
+              erpCode: (g && g.erpCode) || ''
+            })
+          })
+        } else {
+          rows.push({
+            applyCount: Number(item.applyCount) || 0,
+            erpCode: item.erpCode || ''
+          })
+        }
+      })
+      return rows.filter((r) => r.erpCode && r.applyCount > 0)
+    },
+    /** 多块列表按 erpCode 合并，applyCount 累加 */
+    mergeMaterialLists(lists) {
+      const map = Object.create(null)
+      lists
+        .filter(Array.isArray)
+        .forEach((list) => {
+          list.forEach((row) => {
+            if (!row || !row.erpCode) return
+            const key = String(row.erpCode)
+            const count = Number(row.applyCount) || 0
+            if (count <= 0) return
+            map[key] = (map[key] || 0) + count
+          })
+        })
+      return Object.keys(map).map((erpCode) => ({
+        erpCode,
+        applyCount: map[erpCode]
+      }))
+    }
+  }
+}
+</script>