imeik-bizui 2.8.0 → 2.8.2

package/dist/bizui/api/meeting.js

@@ -1,7 +1,7 @@
 /**
- * 会议系统底价接口（FieldFloorPriceBoard scene=meeting）
- * 总览 / 明细均为 POST，入参同形（与物资、申请中心一致）
- * 应答 data 与物资/申请中心同形，直接交给 normalize
+ * 会议系统接口（FieldFloorPriceBoard / FieldPersonBudgetBoard scene=meeting）
+ * 底价：总览 / 明细均为 POST，入参同形
+ * 个人预算：overview / usagePage / performancePage，入参对齐底价（forceRefresh + meetFormJson）
  */
 import request from '../utils/userRequest.js'
 
@@ -38,3 +38,55 @@ export function fetchMeetingBasePriceOverview(data) {
 export function fetchMeetingBasePriceDetail(payload) {
   return getBasePriceDetail(payload)
 }
+
+/**
+ * 个人预算概述
+ * POST /qxcollege/meeting/personBudget/overview
+ * 入参对齐底价：forceRefresh + meetFormJson + meetTypeCode；meetCode / insFlowCode 有值才传
+ */
+export function getPersonBudgetOverview(data) {
+  return request({
+    url: '/qxcollege/meeting/personBudget/overview',
+    method: 'post',
+    data
+  })
+}
+
+/**
+ * 个人预算使用明细分页
+ * POST /qxcollege/meeting/personBudget/usagePage
+ */
+export function getPersonBudgetUsagePage(data) {
+  return request({
+    url: '/qxcollege/meeting/personBudget/usagePage',
+    method: 'post',
+    data
+  })
+}
+
+/**
+ * 个人预算业绩明细分页
+ * POST /qxcollege/meeting/personBudget/performancePage
+ */
+export function getPersonBudgetPerformancePage(data) {
+  return request({
+    url: '/qxcollege/meeting/personBudget/performancePage',
+    method: 'post',
+    data
+  })
+}
+
+/** 个人预算概述：业务侧已拼好 requestPayload */
+export function fetchMeetingPersonBudgetOverview(data) {
+  return getPersonBudgetOverview(data)
+}
+
+/** 个人预算使用明细分页 */
+export function fetchMeetingPersonBudgetUsagePage(data) {
+  return getPersonBudgetUsagePage(data)
+}
+
+/** 个人预算业绩明细分页 */
+export function fetchMeetingPersonBudgetPerformancePage(data) {
+  return getPersonBudgetPerformancePage(data)
+}

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

@@ -10,7 +10,8 @@
 
 ```
 imeik-bizui/src/bizui/
-├── api/mms.js                         # 物资/会议 getPersonBudgetOverview / UsagePage / PerformancePage
+├── api/mms.js                         # 物资 getPersonBudgetOverview / UsagePage / PerformancePage
+├── api/meeting.js                     # 会议 personBudget/overview|usagePage|performancePage
 ├── api/applycenter.js                 # 申请中心 openApi/personBudget/*
 └── src/
     └── FieldPersonBudgetBoard/
@@ -23,7 +24,7 @@ imeik-bizui/src/bizui/
 
 ```vue
 <FieldPersonBudgetBoard
-  scene="supplies"
+  scene="meeting"
   :request-payload="payload"
   :show-detail-link="hasPerm"
   @submit-blocked="onBlocked"
@@ -34,16 +35,16 @@ imeik-bizui/src/bizui/
 
 `scene`：`supplies` | `meeting` | `apply` / `applyCenter`。
 
-请求体组装在业务系统（如物资 / 申请中心 `buildRequestPayload.js`）。
+请求体组装在业务系统（如会议 `buildPersonBudgetPayload.js` / 物资 / 申请中心 `buildRequestPayload.js`）。
 
 ---
 
 ## 二、分层原则
 
-1. **接口**在 `api/mms.js`（物资/会议）与 `api/applycenter.js`（申请中心）。  
+1. **接口**在 `api/mms.js`（物资）、`api/meeting.js`（会议）、`api/applycenter.js`（申请中心）。  
 2. **对外只注册** `FieldPersonBudgetBoard`；`index.vue` 按 `scene` 选 fetch。  
 3. **宿主组装** `requestPayload` + 权限；不写 debounce / 看板 UI。  
-4. **bizui 不解析**各域表单字段（费用承担人、snapshotList、整表 formDataJson 等）。
+4. **bizui 不解析**各域表单字段（费用承担人、snapshotList、整表 meetFormJson / formDataJson 等）。
 
 ```
 业务系统：表单字段 → requestPayload
@@ -60,10 +61,12 @@ bizui：  scene 选接口 → Dashboard 拉数 → Overview / Detail
 | Props | `scene`、`requestPayload`、`showDetailLink`、`narrowDetailMode`、`useMock`、`emptyText`、`debounceMs` |
 | Events | `submit-blocked`：`{ blocked, warn }`（禁止提交 / 预警） |
 | 明细形态 | 宽屏始终弹窗；窄屏（≤768px）由 `narrowDetailMode`：`inline`（默认）或 `dialog` |
-| 物资/会议 · 查看 | `{ applyNumber }`（真实申请单号，不是 objectCode） |
-| 物资/会议 · 实时 | `{ costBearEmployeeNo, costType, materialList[] }`；`materialList` **允许 `[]`**；可选 `budgetDate` |
+| 物资 · 查看 | `{ applyNumber }`（真实申请单号，不是 objectCode） |
+| 物资 · 实时 | `{ costBearEmployeeNo, costType, materialList[] }`；`materialList` **允许 `[]`**；可选 `budgetDate` |
+| 会议 | `{ forceRefresh, meetTypeCode, meetFormJson, meetCode?, insFlowCode? }`（**对齐底价**；费用承担人/金额由后端从 `meetFormJson` 解析） |
 | 申请中心 | `{ forceRefresh, formDataJson?, formDataNumber? }`（`PersonBudgetQueryDTO`）；明细另带 `usageCurrPage` / `performanceCurrPage` 等 |
 | 编辑态（物资） | **不传** `applyNumber`（即使草稿已有单号） |
+| 编辑态（会议） | `forceRefresh=true`；`meetCode` **有值才传**（不作为读快照依据，分流看 `forceRefresh`） |
 
 ---
 
@@ -72,8 +75,8 @@ bizui：  scene 选接口 → Dashboard 拉数 → Overview / Detail
 | 域 | scene | 接口 |
 | --- | --- | --- |
 | 物资 | `supplies` | `mms.getPersonBudgetOverview` / `UsagePage` / `PerformancePage` |
-| 会议 | `meeting` | 同上（传参同形） |
-| 申请中心 | `apply` / `applyCenter` | `applycenter` `openApi/personBudget/overview|usagePage|performancePage` |
+| 会议 | `meeting` | `meeting` `personBudget/overview\|usagePage\|performancePage` |
+| 申请中心 | `apply` / `applyCenter` | `applycenter` `openApi/personBudget/overview\|usagePage\|performancePage` |
 
 ---
 
@@ -98,6 +101,30 @@ export function buildSuppliesPersonBudgetPayload(ctx) {
 }
 ```
 
+### 会议（对齐底价 buildFloorPricePayload）
+
+```js
+export function buildPersonBudgetPayload(options = {}) {
+  const meetTypeCode = String(options.meetTypeCode || '').trim()
+  if (!meetTypeCode) return null
+  const node = options.nodeFormJsonData || {}
+  const budget = options.budgetValue || node.meetingBudgetDTO
+  const meetFormSource = options.isAddBudget
+    ? { ...node, meetingBudgetDTO: budget }
+    : node
+  const payload = {
+    meetTypeCode,
+    meetFormJson: JSON.stringify(meetFormSource),
+    forceRefresh: !!options.forceRefresh
+  }
+  const meetCode = String(options.meetCode || '').trim()
+  if (meetCode) payload.meetCode = meetCode
+  const insFlowCode = String(options.insFlowCode || '').trim()
+  if (insFlowCode) payload.insFlowCode = insFlowCode
+  return payload
+}
+```
+
 ### 申请中心
 
 ```js

package/dist/bizui/src/FieldPersonBudgetBoard/core/PersonBudgetDashboard.vue

@@ -290,6 +290,11 @@ export default {
 .person-budget-dashboard {
   width: 100%;
   max-width: 100%;
+  margin: 0 0 12px;
+  padding: 0;
+  box-sizing: border-box;
   min-width: 0;
+  /* 收起明细回滚时给宿主固定顶栏留位（对齐底价看板） */
+  scroll-margin-top: 80px;
 }
 </style>

package/dist/bizui/src/FieldPersonBudgetBoard/core/PersonBudgetDetailPanel.vue

@@ -371,15 +371,28 @@ export default {
     usageDateText(row) {
       return formatDateTime(row && row.lastPostingTime)
     },
-    /** 是否申请中心 PersonBudgetQueryDTO 形（forceRefresh / formDataJson / formDataNumber） */
+    /** 是否申请中心 PersonBudgetQueryDTO 形（formDataJson / formDataNumber） */
     isApplyCenterPayload() {
       const p = this.requestPayload || {}
       return (
-        Object.prototype.hasOwnProperty.call(p, 'forceRefresh') ||
         Object.prototype.hasOwnProperty.call(p, 'formDataJson') ||
         Object.prototype.hasOwnProperty.call(p, 'formDataNumber')
       )
     },
+    /**
+     * 是否会议形（对齐底价：forceRefresh + meetFormJson + meetTypeCode）
+     * 注意：不可仅凭 forceRefresh 判断，申请中心也有该字段
+     */
+    isMeetingPayload() {
+      const p = this.requestPayload || {}
+      if (this.isApplyCenterPayload()) return false
+      return (
+        Object.prototype.hasOwnProperty.call(p, 'meetFormJson') ||
+        Object.prototype.hasOwnProperty.call(p, 'meetTypeCode') ||
+        (Object.prototype.hasOwnProperty.call(p, 'forceRefresh') &&
+          Object.prototype.hasOwnProperty.call(p, 'meetCode'))
+      )
+    },
     /** 申请中心：透传查询主键字段 */
     applyCenterScopeBody() {
       const p = this.requestPayload || {}
@@ -393,10 +406,28 @@ export default {
       if (formDataNumber) body.formDataNumber = formDataNumber
       return body
     },
-    /** 物资/会议 MMS 形 */
+    /** 会议：透传底价同形主键字段 */
+    meetingScopeBody() {
+      const p = this.requestPayload || {}
+      const body = {}
+      if (Object.prototype.hasOwnProperty.call(p, 'forceRefresh')) {
+        body.forceRefresh = !!p.forceRefresh
+      }
+      const meetTypeCode = p.meetTypeCode != null ? String(p.meetTypeCode).trim() : ''
+      if (meetTypeCode) body.meetTypeCode = meetTypeCode
+      const meetFormJson = p.meetFormJson != null ? String(p.meetFormJson) : ''
+      if (meetFormJson) body.meetFormJson = meetFormJson
+      const meetCode = p.meetCode != null ? String(p.meetCode).trim() : ''
+      if (meetCode) body.meetCode = meetCode
+      const insFlowCode = p.insFlowCode != null ? String(p.insFlowCode).trim() : ''
+      if (insFlowCode) body.insFlowCode = insFlowCode
+      return body
+    },
+    /** 物资 MMS 形 / 会议 / 申请中心 */
     scopeBody() {
       const p = this.requestPayload || {}
       if (this.isApplyCenterPayload()) return this.applyCenterScopeBody()
+      if (this.isMeetingPayload()) return this.meetingScopeBody()
       if (p.applyNumber) return { applyNumber: p.applyNumber }
       return {
         costBearEmployeeNo: p.costBearEmployeeNo,
@@ -408,6 +439,7 @@ export default {
     performanceScopeBody() {
       const p = this.requestPayload || {}
       if (this.isApplyCenterPayload()) return this.applyCenterScopeBody()
+      if (this.isMeetingPayload()) return this.meetingScopeBody()
       if (p.applyNumber) return { applyNumber: p.applyNumber }
       return {
         costBearEmployeeNo: p.costBearEmployeeNo,

package/dist/bizui/src/FieldPersonBudgetBoard/core/PersonBudgetOverview.vue

@@ -26,35 +26,37 @@
 
       <div v-if="!accountExists" class="pbo-account-tip">当前费用承担人该年度尚未建账</div>
 
-      <div class="pbo-line2">
-        <div class="pbo-line2__text">
-          <span class="pbo-line2__label">本年累计使用（含本次）</span>
-          <b class="pbo-money">{{ formatMoney(overview.usedAmount) }}</b>
-          <span class="pbo-sep">/</span>
-          <span class="pbo-line2__label">总预算</span>
-          <b class="pbo-money">{{ formatMoney(overview.budgetAmount) }}</b>
+      <div class="pbo-metrics">
+        <div class="pbo-line2">
+          <div class="pbo-line2__text">
+            <span class="pbo-line2__label">本年累计使用（含本次）</span>
+            <b class="pbo-money">{{ formatMoney(overview.usedAmount) }}</b>
+            <span class="pbo-sep">/</span>
+            <span class="pbo-line2__label">总预算</span>
+            <b class="pbo-money">{{ formatMoney(overview.budgetAmount) }}</b>
+          </div>
         </div>
         <span :class="['pbo-chip', remainingChipDanger ? 'is-danger' : '']">
           剩余 {{ formatMoney(overview.remainingAmountWithCurrent) }}
         </span>
-      </div>
 
-      <div class="pbo-bar-row">
-        <div class="pbo-bar-col">
-          <div class="pbo-bar">
-            <div class="pbo-bar__fill" :style="{ width: fillWidth + '%' }" />
-            <div
-              v-if="showWarnTick"
-              class="pbo-bar__tick"
-              :style="{ left: warnTickPercent + '%' }"
-              :title="'预警值：' + formatMoney(warnAmount)"
-            />
-          </div>
-          <div v-if="showWarnTick" class="pbo-scale">
-            <span
-              :class="['pbo-scale__sc', warnScaleClass]"
-              :style="{ left: warnTickPercent + '%' }"
-            >预警值：{{ formatMoney(warnAmount) }}</span>
+        <div class="pbo-bar-row">
+          <div class="pbo-bar-col">
+            <div class="pbo-bar">
+              <div class="pbo-bar__fill" :style="{ width: fillWidth + '%' }" />
+              <div
+                v-if="showWarnTick"
+                class="pbo-bar__tick"
+                :style="{ left: warnTickPercent + '%' }"
+                :title="'预警值：' + formatMoney(warnAmount)"
+              />
+            </div>
+            <div v-if="showWarnTick" class="pbo-scale">
+              <span
+                :class="['pbo-scale__sc', warnScaleClass]"
+                :style="{ left: warnTickPercent + '%' }"
+              >预警值：{{ formatMoney(warnAmount) }}</span>
+            </div>
           </div>
         </div>
         <span class="pbo-bar-label">{{ barLabel }}</span>
@@ -290,12 +292,20 @@ export default {
   color: #d46b08;
   word-break: break-word;
 }
-.pbo-line2 {
-  display: flex;
+.pbo-metrics {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  grid-template-rows: auto auto;
   align-items: center;
-  flex-wrap: wrap;
-  gap: 8px 12px;
+  column-gap: 16px;
+  row-gap: 14px;
   margin-top: 12px;
+  min-width: 0;
+  max-width: 100%;
+}
+.pbo-line2 {
+  grid-column: 1;
+  grid-row: 1;
   font-size: 13.5px;
   color: #1f2329;
   min-width: 0;
@@ -307,7 +317,6 @@ export default {
   align-items: baseline;
   gap: 4px 6px;
   min-width: 0;
-  flex: 1 1 220px;
   line-height: 1.65;
   word-break: break-word;
   overflow-wrap: anywhere;
@@ -324,28 +333,28 @@ export default {
   color: #8f959e;
 }
 .pbo-chip {
+  grid-column: 2;
+  grid-row: 1;
+  justify-self: end;
+  align-self: start;
   font-size: 12px;
   font-weight: 600;
   padding: 3px 10px;
   border-radius: 12px;
   white-space: nowrap;
-  flex-shrink: 0;
+  line-height: 1.4;
 }
 .is-pass .pbo-chip { background: #dcf5cf; color: #237804; }
 .is-warn .pbo-chip { background: #ffefc2; color: #d46b08; }
 .is-deny .pbo-chip { background: #ffd9d6; color: #cf1322; }
 .pbo-chip.is-danger { background: #ffd9d6; color: #cf1322; }
 .pbo-bar-row {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 8px 12px;
-  margin-top: 14px;
+  grid-column: 1;
+  grid-row: 2;
   min-width: 0;
   max-width: 100%;
 }
 .pbo-bar-col {
-  flex: 1 1 0;
   min-width: 0;
 }
 .pbo-bar {
@@ -388,11 +397,16 @@ export default {
   &.is-right { transform: translateX(-100%); margin-right: 6px; }
 }
 .pbo-bar-label {
-  flex: 0 0 auto;
+  grid-column: 2;
+  grid-row: 2;
+  justify-self: end;
+  align-self: start;
   font-size: 12px;
   font-weight: 700;
   white-space: nowrap;
   line-height: 1.2;
+  /* 与 8px 进度条视觉居中 */
+  margin-top: -3px;
 }
 .is-pass .pbo-bar-label { color: #00b578; }
 .is-warn .pbo-bar-label { color: #ff8f1f; }
@@ -425,31 +439,34 @@ export default {
     margin-top: 4px;
   }
 
-  .pbo-line2 {
+  .pbo-metrics {
+    grid-template-columns: minmax(0, 1fr);
+    grid-template-rows: auto;
     margin-top: 10px;
-    gap: 8px;
+    row-gap: 8px;
+    column-gap: 0;
   }
 
-  .pbo-line2__text {
-    flex: 1 1 100%;
-    font-size: 13px;
+  .pbo-line2,
+  .pbo-chip,
+  .pbo-bar-row,
+  .pbo-bar-label {
+    grid-column: 1;
+    grid-row: auto;
+    justify-self: stretch;
   }
 
   .pbo-chip {
-    flex: 0 0 auto;
+    justify-self: start;
   }
 
-  .pbo-bar-row {
-    margin-top: 12px;
-  }
-
-  .pbo-bar-col {
-    flex: 1 1 100%;
-    width: 100%;
+  .pbo-bar-label {
+    justify-self: start;
+    margin-top: 0;
   }
 
-  .pbo-bar-label {
-    flex: 1 1 auto;
+  .pbo-line2__text {
+    font-size: 13px;
   }
 
   .pbo-scale__sc {

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

@@ -40,10 +40,15 @@ import {
   getPersonBudgetUsagePage as getApplyPersonBudgetUsagePage,
   getPersonBudgetPerformancePage as getApplyPersonBudgetPerformancePage
 } from '../../api/applycenter'
+import {
+  fetchMeetingPersonBudgetOverview,
+  fetchMeetingPersonBudgetUsagePage,
+  fetchMeetingPersonBudgetPerformancePage
+} from '../../api/meeting'
 
 /**
  * scene → 个人预算接口
- * 物资 / 会议走 MMS；申请中心走 application-center openApi
+ * 物资走 MMS；会议走 qxcollege personBudget；申请中心走 application-center openApi
  */
 const MMS_PERSON_BUDGET = {
   fetchOverview: getMmsPersonBudgetOverview,
@@ -52,6 +57,13 @@ const MMS_PERSON_BUDGET = {
   emptyText: '请完善费用承担人和费用类型后查看个人预算'
 }
 
+const MEETING_PERSON_BUDGET = {
+  fetchOverview: fetchMeetingPersonBudgetOverview,
+  fetchUsagePage: fetchMeetingPersonBudgetUsagePage,
+  fetchPerformancePage: fetchMeetingPersonBudgetPerformancePage,
+  emptyText: '请完善会议预算后查看个人预算'
+}
+
 const APPLY_CENTER_PERSON_BUDGET = {
   fetchOverview: getApplyPersonBudgetOverview,
   fetchUsagePage: getApplyPersonBudgetUsagePage,
@@ -61,10 +73,7 @@ const APPLY_CENTER_PERSON_BUDGET = {
 
 const SCENE_API = {
   supplies: MMS_PERSON_BUDGET,
-  meeting: {
-    ...MMS_PERSON_BUDGET,
-    emptyText: '请完善费用承担人和费用类型后查看个人预算'
-  },
+  meeting: MEETING_PERSON_BUDGET,
   applyCenter: APPLY_CENTER_PERSON_BUDGET
 }
 SCENE_API.apply = SCENE_API.applyCenter
@@ -87,8 +96,9 @@ export default {
     },
     /**
      * 业务侧组装好的请求体；null 表示不发请求
-     * 物资/会议查看：{ applyNumber }
-     * 物资/会议实时：{ costBearEmployeeNo, costType, materialList[] }
+     * 物资查看：{ applyNumber }
+     * 物资实时：{ costBearEmployeeNo, costType, materialList[] }
+     * 会议：{ forceRefresh, meetTypeCode, meetFormJson, meetCode?, insFlowCode? }（对齐底价）
      * 申请中心：{ forceRefresh, formDataJson?, formDataNumber? }（PersonBudgetQueryDTO）
      */
     requestPayload: {