✨ 正式结算保存草稿与同步入口，项目申请平台公司多选等业务优化

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

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

@@ -36,23 +36,25 @@
           <el-col v-if="isSettlementRelatedType" :span="6"
             ><el-form-item label="结算单号" prop="referenceId">
               <div class="payment-form-page__settlement-nos">
-                <template v-if="referenceSettlementLinks.length">
-                  <el-link
-                    v-for="item in referenceSettlementLinks"
-                    :key="`${item.id || item.settlementNo}`"
-                    type="primary"
-                    @click="openSettlementDetail(item)"
-                  >
-                    {{ item.settlementNo }}
-                  </el-link>
-                </template>
-                <el-input
-                  v-else
-                  v-model="referenceLabel"
-                  readonly
+                <el-select
+                  ref="settlementNoSelectRef"
+                  :model-value="referenceSettlementNos"
+                  multiple
+                  collapse-tags
+                  collapse-tags-tooltip
+                  :max-collapse-tags="1"
                   :disabled="readonly"
                   placeholder="请选择预结算/正式结算单"
-                />
+                  class="payment-form-page__settlement-select"
+                  @visible-change="handleSettlementSelectVisible"
+                >
+                  <el-option
+                    v-for="item in referenceSettlementLinks"
+                    :key="`${item.id || item.settlementNo}`"
+                    :label="item.settlementNo"
+                    :value="item.settlementNo"
+                  />
+                </el-select>
                 <el-button
                   v-if="!readonly"
                   class="payment-form-page__settlement-select-btn"
@@ -251,7 +253,7 @@
           </el-table-column>
         </el-table>
       </section-card>
-      <section-card v-if="isSettlementRelatedType" title="发票信息">
+      <section-card v-if="showInvoiceSection" title="发票信息">
         <el-table :data="form.invoices" border>
           <el-table-column type="index" label="序号" width="70" />
           <el-table-column prop="settlementNo" label="结算单号" min-width="120">
@@ -874,6 +876,10 @@ export default {
     isSettlementRelatedType() {
       return ['progress_advance', 'settlement_payment'].includes(this.form.paymentType);
     },
+    // 项目预付、进度预付不展示发票信息，仅尾款付款展示
+    showInvoiceSection() {
+      return this.form.paymentType === 'settlement_payment';
+    },
     canSelectPreSettlement() {
       // 进度预付仅预结算；尾款付款可正式/预结算
       return ['progress_advance', 'settlement_payment'].includes(this.form.paymentType);
@@ -926,6 +932,9 @@ export default {
           referenceType: this.form.preSettlementId ? 'pre' : 'formal',
         }));
     },
+    referenceSettlementNos() {
+      return this.referenceSettlementLinks.map(item => item.settlementNo).filter(Boolean);
+    },
     settlementRows() {
       if (this.referenceRows.length) {
         return this.referenceRows.map(item => ({
@@ -1110,7 +1119,7 @@ export default {
       callback();
     },
     validateInvoices() {
-      if (this.form.paymentType === 'project_advance') return;
+      if (!this.showInvoiceSection) return;
       for (const invoice of this.form.invoices || []) {
         if (String(invoice.settlementNo || '').length > 100) {
           throw new Error('结算单号不能超过100个字符');
@@ -1869,6 +1878,7 @@ export default {
       this.contractPaymentRatioExceeded = exceeded;
     },
     handleTypeChange() {
+      // 切换类型时清空发票；预付类型本身也不再展示/提交发票
       this.form.invoices = [];
       this.paymentRecords = [];
       Object.assign(this.form, {
@@ -2056,8 +2066,20 @@ export default {
       const project = this.projectOptions.find(item => String(item.id) === String(projectId));
       this.form.projectName = project?.projectName || project?.projectShortName || '';
       Object.assign(this.form, {
-        deptId: project?.undertakeDeptId || project?.businessDeptId || null,
-        deptName: project?.undertakeDeptName || project?.businessDeptName || '',
+        deptId:
+          String(project?.undertakeDeptId || '')
+            .split(/[,，]/)
+            .map(item => item.trim())
+            .find(Boolean) ||
+          project?.businessDeptId ||
+          null,
+        deptName:
+          String(project?.undertakeDeptName || '')
+            .split(/[,，、]/)
+            .map(item => item.trim())
+            .find(Boolean) ||
+          project?.businessDeptName ||
+          '',
         contractId: null,
         contractNo: '',
         contractName: '',
@@ -2225,6 +2247,13 @@ export default {
       }
       return Promise.all(loaders);
     },
+    handleSettlementSelectVisible(visible) {
+      // 结算单号仅做展示，通过「选择」按钮维护，避免下拉改值
+      if (!visible) return;
+      this.$nextTick(() => {
+        this.$refs.settlementNoSelectRef?.blur?.();
+      });
+    },
     handleReferenceSearch() {
       this.formalPage.current = 1;
       this.prePage.current = 1;
@@ -2588,7 +2617,7 @@ export default {
         attachmentsJson: JSON.stringify(attachments || []),
         remark,
         invoices:
-          paymentType === 'project_advance'
+          paymentType === 'project_advance' || paymentType === 'progress_advance'
             ? []
             : invoices.map(invoice => ({
                 settlementNo: invoice.settlementNo || '',
@@ -2669,13 +2698,18 @@ export default {
   display: flex;
   align-items: center;
   gap: 8px;
-  flex-wrap: wrap;
   width: 100%;
   min-height: 32px;
 }
-.payment-form-page__settlement-nos :deep(.el-input) {
+.payment-form-page__settlement-select {
   flex: 1;
-  min-width: 120px;
+  min-width: 0;
+}
+.payment-form-page__settlement-select :deep(.el-select__wrapper) {
+  width: 100%;
+}
+.payment-form-page__settlement-select :deep(.el-tag__close) {
+  display: none;
 }
 .payment-form-page__settlement-select-btn {
   flex-shrink: 0;