| | |
| | | </el-form> |
| | | <div class="table_list"> |
| | | <PIMTable |
| | | rowKey="id" |
| | | :column="columns" |
| | | :tableLoading="loading" |
| | | :tableData="dataList" |
| | | :isSelection="true" |
| | | height="calc(100vh - 18.5em)" |
| | | :isShowSummary="true" |
| | | :summaryMethod="summarizeMainTable" |
| | | :page="{ |
| | | current: pagination.currentPage, |
| | | size: pagination.pageSize, |
| | | total: pagination.total, |
| | | }" |
| | | :handleSelectionChange="handleSelectionChange" |
| | | @selection-change="handleSelectionChange" |
| | | @pagination="onCurrentChange" |
| | | > |
| | | <!-- <template #operation> |
| | | <el-button type="primary" text @click="handleEdit" size="small"> |
| | | 编辑 |
| | | </el-button> |
| | | </template> --> |
| | | <template #commonFilesRef="{ row }"> |
| | | <div v-for="item in row.commonFiles"> |
| | | <el-tag type="primary" class="tagBox"> |
| | | {{ item.name }} |
| | | </el-tag> |
| | | </div> |
| | | </template> |
| | | </PIMTable> |
| | | </div> |
| | | </div> |
| | |
| | | prop: "invoiceAmount", |
| | | align: "center", |
| | | }, |
| | | { |
| | | label: "附件", |
| | | align: "center", |
| | | prop: "commonFiles", |
| | | dataType: "slot", |
| | | slot: "commonFilesRef", |
| | | width: 200, |
| | | }, |
| | | // { |
| | | // fixed: "right", |
| | | // width: 120, |
| | |
| | | {}, |
| | | { |
| | | createdAt: (aim) => ({ |
| | | createdAtStart: aim[0], |
| | | createdAtEnd: aim[1], |
| | | createdAtStart: aim ? aim[0] : undefined, |
| | | createdAtEnd: aim ? aim[1] : undefined, |
| | | }), |
| | | } |
| | | ); |
| | | |
| | | // 主表合计方法 |
| | | const summarizeMainTable = (param) => { |
| | | return proxy.summarizeTable( |
| | | param, |
| | | [ |
| | | "taxInclusiveTotalPrice", |
| | | "ticketsAmount", |
| | | "unTicketsPrice", |
| | | "invoiceAmount", |
| | | ], |
| | | { |
| | | ticketsNum: { noDecimal: true }, // 不保留小数 |
| | | futureTickets: { noDecimal: true }, // 不保留小数 |
| | | } |
| | | ); |
| | | }; |
| | | |
| | | const handleSelectionChange = (val) => { |
| | | multipleVal.value = val; |
| | |
| | | .table_list { |
| | | margin-top: unset; |
| | | } |
| | | .tagBox { |
| | | margin-top: 4px; |
| | | } |
| | | </style> |