|
@@ -2,25 +2,31 @@
|
|
|
<el-card v-loading="loading">
|
|
|
<div style="height: calc(100vh - 264px); overflow-y: auto; overflow-x: hidden">
|
|
|
<el-table :data="tableData" border :row-style="{ height: '35px' }" header-row-class-name="tableHeader" show-summary :summary-method="getSummaries">
|
|
|
- <el-table-column label="E10品号" prop="bomSpecCode" width="140" />
|
|
|
- <el-table-column label="SKU品名" prop="bomSpecName" min-width="220" />
|
|
|
- <el-table-column label="数量(PCS)" align="center" prop="quantity" width="130" />
|
|
|
- <el-table-column label="BOM单价" align="center" prop="unitPrice" width="110" />
|
|
|
- <el-table-column label="激光LOGO汇总" align="center" prop="laserLogoSummary" width="130" />
|
|
|
- <el-table-column label="激光体位线汇总" align="center" prop="laserMitochondrialSummary" width="130" />
|
|
|
- <el-table-column label="代发费汇总" align="center" prop="lssueFeeSummary" width="110" />
|
|
|
- <el-table-column label="快递包材费汇总" align="center" prop="deliveryMaterialsFeeSummary" width="130" />
|
|
|
- <el-table-column label="包装人工费汇总" align="center" prop="packingLaborSummary" width="130" />
|
|
|
- <el-table-column label="管理费汇总" align="center" prop="managementFeeSummary" width="130" />
|
|
|
- <el-table-column label="小计" align="center" width="120">
|
|
|
- <template #default="{ row }">
|
|
|
- {{ moneyFormat(row.subtotal) }}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="合计" align="center" width="120">
|
|
|
- <template #default="{ row }">
|
|
|
- {{ moneyFormat(row.total) }}
|
|
|
+ <el-table-column align="center">
|
|
|
+ <template #header>
|
|
|
+ <div style="text-align: center; font-size: 30px; padding: 8px">{{ props.rowData.departmentName }}-胜德体育对账单</div>
|
|
|
+ <div style="text-align: center; font-size: 18px; padding-bottom: 8px">( 对账时间: {{ props.rowData.dimensionality }} )</div>
|
|
|
</template>
|
|
|
+ <el-table-column label="E10品号" prop="bomSpecCode" width="140" />
|
|
|
+ <el-table-column label="SKU品名" prop="bomSpecName" min-width="220" />
|
|
|
+ <el-table-column label="数量(PCS)" align="center" prop="quantity" width="130" />
|
|
|
+ <el-table-column label="BOM单价" align="center" prop="unitPrice" width="110" />
|
|
|
+ <el-table-column label="激光LOGO汇总" align="center" prop="laserLogoSummary" width="130" />
|
|
|
+ <el-table-column label="激光体位线汇总" align="center" prop="laserMitochondrialSummary" width="130" />
|
|
|
+ <el-table-column label="代发费汇总" align="center" prop="lssueFeeSummary" width="110" />
|
|
|
+ <el-table-column label="快递包材费汇总" align="center" prop="deliveryMaterialsFeeSummary" width="130" />
|
|
|
+ <el-table-column label="包装人工费汇总" align="center" prop="packingLaborSummary" width="130" />
|
|
|
+ <el-table-column label="管理费汇总" align="center" prop="managementFeeSummary" width="130" />
|
|
|
+ <el-table-column label="小计" align="center" width="120">
|
|
|
+ <template #default="{ row }">
|
|
|
+ {{ moneyFormat(row.subtotal) }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="合计" align="center" width="120">
|
|
|
+ <template #default="{ row }">
|
|
|
+ {{ moneyFormat(row.total) }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
</div>
|
|
@@ -34,14 +40,14 @@
|
|
|
<script setup>
|
|
|
const { proxy } = getCurrentInstance();
|
|
|
const props = defineProps({
|
|
|
- idGroupConcat: String,
|
|
|
+ rowData: Object,
|
|
|
});
|
|
|
const loading = ref(false);
|
|
|
const tableData = ref([]);
|
|
|
onMounted(() => {
|
|
|
- if (props.idGroupConcat) {
|
|
|
+ if (props.rowData && props.rowData.idGroupConcat) {
|
|
|
loading.value = true;
|
|
|
- proxy.post("/statementOfAccountMerge/getDocumentByBom", { idGroupConcat: props.idGroupConcat }).then(
|
|
|
+ proxy.post("/statementOfAccountMerge/getDocumentByBom", { idGroupConcat: props.rowData.idGroupConcat }).then(
|
|
|
(res) => {
|
|
|
tableData.value = Object.freeze(res);
|
|
|
loading.value = false;
|
|
@@ -167,9 +173,15 @@ const clickCancel = () => {
|
|
|
emit("clickCancel", "");
|
|
|
};
|
|
|
const deriveExcel = () => {
|
|
|
- proxy.getFile("/statementOfAccount/exportDocumentByBom", { idGroupConcat: props.idGroupConcat }).then((res) => {
|
|
|
- proxy.downloadFile(res, "BOM对账单.xlsx");
|
|
|
- });
|
|
|
+ proxy
|
|
|
+ .getFile("/statementOfAccount/exportDocumentByBom", {
|
|
|
+ idGroupConcat: props.rowData.idGroupConcat,
|
|
|
+ departmentName: props.rowData.departmentName,
|
|
|
+ beginDate: props.rowData.dimensionality,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ proxy.downloadFile(res, "BOM对账单.xlsx");
|
|
|
+ });
|
|
|
};
|
|
|
</script>
|
|
|
|