完善收付款管理

src/views/payment/receipt-flow-form.vue

@@ -108,50 +108,8 @@
         </el-table>
       </section-card>
 
-      <section-card title="附件信息"><template #extra><el-button
-            v-if="form.attachments.length"
-            type="primary"
-            plain
-            :icon="Download"
-            @click="downloadAttachments"
-            >批量下载</el-button
-          ></template>
-        <el-table :data="form.attachments" border>
-          <el-table-column type="index" label="序号" width="64" align="center" />
-          <el-table-column label="文件名" min-width="220"
-            ><template #default="{ row }">{{
-              row.originalName || row.name || '-'
-            }}</template></el-table-column
-          >
-          <el-table-column label="附件描述" min-width="240"
-            ><template #default="{ row }"
-              ><el-input v-model="row.description" maxlength="200" /></template
-          ></el-table-column>
-          <el-table-column prop="size" label="文件大小" width="120" /><el-table-column
-            prop="uploadUserName"
-            label="上传人"
-            width="140"
-          /><el-table-column prop="uploadTime" label="上传时间" width="170" />
-          <el-table-column label="操作" width="120" align="center"
-            ><template #default="{ row, $index }"
-              ><div class="receipt-claim-form-page__links">
-                <el-link type="primary" :href="row.url || row.link" target="_blank">查看</el-link
-                ><el-link type="danger" @click="form.attachments.splice($index, 1)">删除</el-link>
-              </div></template
-            ></el-table-column
-          >
-        </el-table>
-        <vehicle-attachment-upload
-          v-model="form.attachments"
-          :multiple="true"
-          :limit="20"
-          :max-size="500"
-          :file-types="attachmentFileTypes"
-          :show-file-list="false"
-          button-text="上传附件"
-          class="receipt-claim-form-page__uploader"
-          @change="normalizeAttachments"
-        />
+      <section-card title="附件信息">
+        <vehicle-attachment-table v-model="form.attachments" />
       </section-card>
 
       <section-card title="备注">
@@ -190,27 +148,27 @@
         border
         @selection-change="settlementDialog.selection = $event"
       >
-        <el-table-column type="selection" width="52" align="center" /><el-table-column
-          prop="formalSettlementNo"
-          label="结算单号"
-          min-width="170"
-        /><el-table-column prop="projectName" label="所属项目" min-width="150" /><el-table-column
-          prop="deptName"
-          label="所属组织"
-          min-width="150"
-        /><el-table-column prop="payerName" label="付款方" min-width="150" /><el-table-column
-          prop="payeeName"
-          label="收款方"
-          min-width="150"
-        /><el-table-column label="结算总金额" min-width="140" align="right"
-          ><template #default="{ row }">{{
-            formatMoney(row.settlementAmount)
-          }}</template></el-table-column
-        ><el-table-column label="已认领收款金额" min-width="150" align="right"
-          ><template #default="{ row }">{{
-            formatMoney(row.claimedReceiptAmount)
-          }}</template></el-table-column
-        >
+        <el-table-column type="selection" width="52" align="center" />
+        <el-table-column prop="formalSettlementNo" label="结算单号" min-width="170" />
+        <el-table-column prop="projectName" label="所属项目" min-width="150" />
+        <el-table-column prop="deptName" label="所属组织" min-width="150" />
+        <el-table-column prop="payerName" label="付款方" min-width="150" />
+        <el-table-column prop="payeeName" label="收款方" min-width="150" />
+        <el-table-column label="结算总金额" min-width="140" align="right">
+          <template #default="{ row }">
+            {{ formatMoney(row.settlementAmount) }}
+          </template>
+        </el-table-column>
+        <el-table-column label="已认领收款金额" min-width="150" align="right">
+          <template #default="{ row }">
+            {{ formatMoney(row.claimedReceiptAmount) }}
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" width="100" fixed="right" align="center">
+          <template #default="{ row }">
+            <el-link type="primary" @click.stop="selectSettlement(row)">选择</el-link>
+          </template>
+        </el-table-column>
       </el-table>
       <template #footer
         ><el-button @click="settlementDialog.visible = false">取消</el-button
@@ -221,8 +179,9 @@
 </template>
 
 <script>
-import { Download, Search } from '@element-plus/icons-vue';
+import { Search } from '@element-plus/icons-vue';
 import * as api from '@/api/payment/receiptFlow';
+import VehicleAttachmentTable from '@/components/vehicle-attachment-table/main.vue';
 
 const emptyForm = () => ({
   id: null,
@@ -247,28 +206,12 @@ const emptyForm = () => ({
 
 export default {
   name: 'ReceiptFlowForm',
+  components: { VehicleAttachmentTable },
   data() {
     return {
-      Download,
       Search,
       form: emptyForm(),
       submitting: false,
-      attachmentFileTypes: [
-        'pdf',
-        'bmp',
-        'jpeg',
-        'png',
-        'jpg',
-        'doc',
-        'docx',
-        'ppt',
-        'pptx',
-        'xlsx',
-        'xls',
-        'eml',
-        'msg',
-        'zip',
-      ],
       settlementDialog: { visible: false, loading: false, keyword: '', rows: [], selection: [] },
       rules: {
         settlementIds: [
@@ -359,13 +302,6 @@ export default {
         this.$message.warning('关联结算单必须属于同一项目、组织及收付款方');
         return;
       }
-      if (
-        this.form.counterpartyName &&
-        rows.some(item => item.payerName && item.payerName !== this.form.counterpartyName)
-      ) {
-        this.$message.warning('对方户名与结算单付款方不一致');
-        return;
-      }
       this.form.settlements = rows.map(item => ({
         ...item,
         formalSettlementId: item.id,
@@ -376,31 +312,13 @@ export default {
       this.settlementDialog.visible = false;
       this.$nextTick(() => this.$refs.formRef?.validateField('settlementIds'));
     },
+    selectSettlement(row) {
+      this.settlementDialog.selection = [row];
+      this.confirmSettlements();
+    },
     remainingAmount(row) {
       return Math.max(Number(row.settlementAmount || 0) - Number(row.claimedReceiptAmount || 0), 0);
     },
-    normalizeAttachments(files) {
-      const userInfo = this.$store.getters.userInfo || {};
-      const userName = userInfo.realName || userInfo.userName || '';
-      const time = this.$dayjs().format('YYYY-MM-DD HH:mm:ss');
-      this.form.attachments = (files || []).map(file => ({
-        ...file,
-        description: file.description || '',
-        uploadUserName: file.uploadUserName || userName,
-        uploadTime: file.uploadTime || time,
-      }));
-    },
-    downloadAttachments() {
-      this.form.attachments.forEach(file => {
-        const url = file.url || file.link;
-        if (!url) return;
-        const anchor = document.createElement('a');
-        anchor.href = url;
-        anchor.download = file.originalName || file.name || '';
-        anchor.target = '_blank';
-        anchor.click();
-      });
-    },
     async submitClaim() {
       await this.$refs.formRef.validate();
       const amount = Number(this.form.receiptAmount || 0);