feat: 开票付款申请发票冲销改底部弹窗展示并选结算单带出项目利润率

src/views/payment/payment-application-form.vue

@@ -290,6 +290,11 @@
         </el-table>
       </section-card>
       <section-card v-if="showInvoiceSection" title="发票信息">
+        <template #extra>
+          <el-button v-if="recordId" type="primary" @click="writeOffPanelVisible = true"
+            >发票冲销</el-button
+          >
+        </template>
         <el-table :data="form.invoices" border>
           <el-table-column type="index" label="序号" width="70" />
           <el-table-column prop="settlementNo" label="结算单号" min-width="120">
@@ -350,9 +355,9 @@
           </el-table-column>
         </el-table>
       </section-card>
-      <section-card v-if="recordId" title="发票冲销明细">
+      <bottom-detail-panel v-model="writeOffPanelVisible" title="发票冲销明细">
         <invoice-write-off-table biz-type="payment_receipt" :biz-id="recordId" />
-      </section-card>
+      </bottom-detail-panel>
       <section-card title="付款记录">
         <el-table :data="paymentRecords" border
           ><el-table-column type="index" label="序号" width="70" /><el-table-column
@@ -764,6 +769,7 @@ import {
 } from '@/utils/kingdee-attachment';
 import PdfPreview from '@/components/pdf-preview/main.vue';
 import InvoiceWriteOffTable from '@/components/invoice-write-off-table/main.vue';
+import BottomDetailPanel from '@/components/bottom-detail-panel/main.vue';
 
 const attachmentViewerPlugins = [
   imagePlugin(),
@@ -841,12 +847,14 @@ export default {
     OpenFileViewer,
     PdfPreview,
     InvoiceWriteOffTable,
+    BottomDetailPanel,
   },
   data() {
     return {
       form: emptyForm(),
       amountSyncing: false,
       transferPayload: null,
+      writeOffPanelVisible: false,
       // 金蝶侧发票附件查看/下载进行中（行组级 loading 守卫）
       kingdeeAttachmentBusy: false,
       referenceRows: [],