完善收付款管理

src/views/payment/bill-ledger-form.vue

@@ -195,48 +195,7 @@
       </section-card>
 
       <section-card title="附件信息">
-        <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 }">
-              <el-link
-                v-if="row.url || row.link"
-                type="primary"
-                :href="row.url || row.link"
-                target="_blank"
-              >
-                {{ row.originalName || row.name || '附件' }}
-              </el-link>
-              <span v-else>{{ row.originalName || row.name || '-' }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="附件描述" min-width="240">
-            <template #default="{ row }">
-              <el-input v-model="row.description" maxlength="200" placeholder="请输入" />
-            </template>
-          </el-table-column>
-          <el-table-column label="文件大小" width="120" align="center">
-            <template #default="{ row }">{{ fileSize(row) }}</template>
-          </el-table-column>
-          <el-table-column prop="uploadUserName" label="上传人" width="130" align="center" />
-          <el-table-column prop="uploadTime" label="上传时间" width="170" align="center" />
-          <el-table-column label="操作" width="100" align="center">
-            <template #default="{ $index }">
-              <el-link type="danger" @click="form.attachments.splice($index, 1)">删除</el-link>
-            </template>
-          </el-table-column>
-        </el-table>
-        <vehicle-attachment-upload
-          v-model="form.attachments"
-          class="bill-ledger-form-page__uploader"
-          :multiple="true"
-          :limit="20"
-          :max-size="500"
-          :file-types="attachmentFileTypes"
-          :show-file-list="false"
-          button-text="上传"
-          @change="normalizeAttachments"
-        />
+        <vehicle-attachment-table v-model="form.attachments" />
       </section-card>
 
       <section-card title="备注">
@@ -279,6 +238,7 @@ import { mapGetters } from 'vuex';
 import * as api from '@/api/payment/billLedger';
 import { getList as getCustomerList } from '@/api/vehicle/customer-archive';
 import { getDeptTree } from '@/api/system/dept';
+import VehicleAttachmentTable from '@/components/vehicle-attachment-table/main.vue';
 
 const emptyForm = () => ({
   id: null,
@@ -302,6 +262,7 @@ const emptyForm = () => ({
 
 export default {
   name: 'BillLedgerForm',
+  components: { VehicleAttachmentTable },
   data() {
     return {
       form: emptyForm(),