imeik-bizui 2.8.7 → 2.8.8

package/dist/bizui/api/mms.js

@@ -117,3 +117,16 @@ export function getPersonBudgetPerformancePage(data) {
     data
   })
 }
+
+/**
+ * 个人预算-预算调整明细独立分页
+ * POST /mms/admin/custom/getPersonBudgetAdjustPage
+ * 实时：costBearEmployeeNo（+ budgetDate）；查看已保存：applyNumber（走快照）
+ */
+export function getPersonBudgetAdjustPage(data) {
+  return request({
+    url: '/mms/admin/custom/getPersonBudgetAdjustPage',
+    method: 'post',
+    data
+  })
+}

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

@@ -74,10 +74,14 @@ bizui：  scene 选接口 → Dashboard 拉数 → Overview / Detail
 
 | 域 | scene | 接口 |
 | --- | --- | --- |
-| 物资 | `supplies` | `mms.getPersonBudgetOverview` / `UsagePage` / `PerformancePage` |
+| 物资 | `supplies` | `mms.getPersonBudgetOverview` / `UsagePage` / `PerformancePage` / `AdjustPage` |
 | 会议 | `meeting` | `meeting` `personBudget/overview\|usagePage\|performancePage` |
 | 申请中心 | `apply` / `applyCenter` | `applycenter` `openApi/personBudget/overview\|usagePage\|performancePage` |
 
+**预算调整明细**（`getPersonBudgetAdjustPage`）仅物资域提供（其余域接口待接入），与「使用明细」「业绩明细」并排为三列（不再整行独占）；只展示单号 / 金额（元）/ 日期三列，金额为千分位 + 两位小数（单位由表头承担，正数补 `+`、负数保留 `-`），日期统一走 `formatDateOnly`（只到年月日，与另两表一致）。表底合计当前为占位值（`0.00`），后端返回 `data.totalAmount` 后自动生效。首屏返回空列表时整块隐藏，退化为原有的「使用明细 + 业绩明细」双表布局，弹窗宽度也随之从 1560（1360 + 200）回到 1360。
+
+**列宽与自适应**：三表并排时单表宽度有限，各列统一用 `min-width`（使用明细含申请人列，合计约 454），并监听栅格宽度变化后调用 `el-table.doLayout()` 重排——弹窗宽度随表数变化（1360 ↔ 1560）或被视口夹住时，不会残留旧列宽、不会出现多余的横向滚动条。
+
 ---
 
 ## 五、业务侧薄封装示例

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

@@ -24,6 +24,7 @@
       :request-payload="requestPayload"
       :fetch-usage-page="fetchUsagePage"
       :fetch-performance-page="fetchPerformancePage"
+      :fetch-adjust-page="fetchAdjustPage"
       :tableEmptyText="tableEmptyText"
       @collapse="collapseInline"
     />
@@ -33,6 +34,7 @@
       :request-payload="requestPayload"
       :fetch-usage-page="fetchUsagePage"
       :fetch-performance-page="fetchPerformancePage"
+      :fetch-adjust-page="fetchAdjustPage"
     />
   </div>
 </template>
@@ -123,6 +125,11 @@ export default {
       type: Function,
       default: null
     },
+    /** 预算调整明细分页；为空时明细面板不展示该表（非物资域无此接口） */
+    fetchAdjustPage: {
+      type: Function,
+      default: null
+    },
     /** true 时不调接口，展示演示概述（配置态） */
     useDemo: {
       type: Boolean,

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

@@ -22,6 +22,8 @@
       :request-payload="requestPayload"
       :fetch-usage-page="fetchUsagePage"
       :fetch-performance-page="fetchPerformancePage"
+      :fetch-adjust-page="fetchAdjustPage"
+      @adjust-visible-change="onAdjustVisibleChange"
     />
   </ImDialog>
 </template>
@@ -29,6 +31,11 @@
 <script>
 import PersonBudgetDetailPanel from './PersonBudgetDetailPanel.vue'
 
+/** 弹窗基准最大宽度 */
+const DETAIL_MAX_WIDTH = 1360
+/** 出现第三张表（预算调整明细）时的加宽量 */
+const DETAIL_TRIPLE_EXTRA = 200
+
 export default {
   name: 'PersonBudgetDetailDialog',
   components: {
@@ -39,11 +46,15 @@ export default {
     overview: { type: Object, default: null },
     requestPayload: { type: Object, default: null },
     fetchUsagePage: { type: Function, required: true },
-    fetchPerformancePage: { type: Function, required: true }
+    fetchPerformancePage: { type: Function, required: true },
+    /** 预算调整明细；无此接口的场景传 null，面板会整块隐藏 */
+    fetchAdjustPage: { type: Function, default: null }
   },
   data() {
     return {
-      viewportWidth: typeof window !== 'undefined' ? window.innerWidth : 1360
+      viewportWidth: typeof window !== 'undefined' ? window.innerWidth : 1360,
+      /** 面板出现「预算调整明细」→ 三表，弹窗加宽 */
+      hasAdjust: false
     }
   },
   computed: {
@@ -57,7 +68,15 @@ export default {
     },
     dialogWidth() {
       const w = this.viewportWidth || 1360
-      return `${Math.min(1360, Math.max(w - 48, 720))}px`
+      // 三表并排时 +200；两表保持原宽度
+      const maxWidth = DETAIL_MAX_WIDTH + (this.hasAdjust ? DETAIL_TRIPLE_EXTRA : 0)
+      return `${Math.min(maxWidth, Math.max(w - 48, 720))}px`
+    }
+  },
+  watch: {
+    visible(val) {
+      // 关闭后复位，下次打开按实际表数重新计算
+      if (!val) this.hasAdjust = false
     }
   },
   mounted() {
@@ -72,6 +91,10 @@ export default {
   methods: {
     onClosed() {
       this.$emit('update:visible', false)
+    },
+    /** 只认「有调整明细」，避免面板 bootstrap 重置时来回抖动 */
+    onAdjustVisibleChange(visible) {
+      if (visible) this.hasAdjust = true
     }
   }
 }