✨ 多业务接入MK审核流，提交改传bizId并由后端生成表单实例

Co-authored-by: Cursor <cursoragent@cursor.com>

src/views/payment/bill-payment.vue

@@ -10,38 +10,26 @@
       :rows="rows"
       :loading="loading"
       :page="page"
+      :mk-enabled="mkEnabled"
       @add="openCreate"
       @view="openView"
       @edit="openEdit"
       @delete="handleDelete"
-      @flow="openFlow"
+      @submit="handleSubmit"
+      @mk-audit="handleMkAudit"
       @approve="handleApprove"
       @return="handleReturn"
       @void="handleVoid"
       @page-change="handlePageChange"
       @size-change="handleSizeChange"
     />
-    <el-dialog v-model="flowDialog.visible" title="审批流程" width="620px" append-to-body>
-      <el-descriptions :column="1" border>
-        <el-descriptions-item label="单据号">
-          {{ flowDialog.row.paymentNo || '-' }}
-        </el-descriptions-item>
-        <el-descriptions-item label="单据状态">
-          {{ flowDialog.row.approvalStatusName || '-' }}
-        </el-descriptions-item>
-        <el-descriptions-item label="当前节点">
-          {{ flowDialog.row.currentNode || '-' }}
-        </el-descriptions-item>
-        <el-descriptions-item label="当前处理人">
-          {{ flowDialog.row.currentProcessor || '-' }}
-        </el-descriptions-item>
-      </el-descriptions>
-    </el-dialog>
   </basic-container>
 </template>
 
 <script>
 import * as api from '@/api/payment/billPayment';
+import { getMKApprovalUrl } from '@/api/system/business-process';
+import { loadMkEnabled, submitMkApprovalFlow } from '@/utils/mk-approval';
 import BillPaymentSearch from './components/bill-payment-search.vue';
 import BillPaymentTable from './components/bill-payment-table.vue';
 
@@ -62,11 +50,18 @@ export default {
       rows: [],
       loading: false,
       page: { current: 1, size: 10, total: 0 },
-      flowDialog: { visible: false, row: {} },
+      mkEnabled: false,
     };
   },
   mounted() {
     this.loadTable();
+    loadMkEnabled()
+      .then(enabled => {
+        this.mkEnabled = !!enabled;
+      })
+      .catch(() => {
+        this.mkEnabled = false;
+      });
   },
   methods: {
     unwrapData(response) {
@@ -125,9 +120,34 @@ export default {
       if (this.rows.length === 1 && this.page.current > 1) this.page.current -= 1;
       this.loadTable();
     },
-    openFlow(row) {
-      this.flowDialog.row = row;
-      this.flowDialog.visible = true;
+    async handleSubmit(row) {
+      await api.submit({ id: row.id });
+      await submitMkApprovalFlow({
+        bizType: 'bill-payment',
+        bizId: row.id,
+        subjectName: row.paymentNo || row.billNo || '',
+        approvalStatus: row.approvalStatus || '',
+      });
+      this.$message.success('提交成功');
+      this.loadTable();
+    },
+    handleMkAudit(row) {
+      if (!row?.id) {
+        this.$message.warning('汇票付款ID为空，无法打开审核页');
+        return;
+      }
+      getMKApprovalUrl({ bizId: String(row.id) })
+        .then(res => {
+          const url = res?.data?.data;
+          if (!url) {
+            this.$message.error('获取审核跳转地址失败');
+            return;
+          }
+          window.open(url, '_blank');
+        })
+        .catch(() => {
+          this.$message.error('获取审核跳转地址失败');
+        });
     },
     async handleApprove(row) {
       await api.approve({ id: row.id });