<template>
|
<div class="print-list">
|
<div
|
v-for="(item, index) in orderList"
|
:key="index"
|
ref="orderTable"
|
class="print-item"
|
>
|
<el-row :gutter="10" class="mb-15">
|
<el-col :span="24">
|
<div class="area-text">
|
{{ item.warehouseName || '' }}/{{
|
item.warehouseLocationCode || ''
|
}}
|
</div>
|
</el-col>
|
<el-col :span="8">
|
<div class="desc-info">
|
<div>姓名：</div>
|
<div class="desc-info__value">{{ item.customer }}</div>
|
</div>
|
</el-col>
|
<el-col :span="8">
|
<div class="desc-info">
|
<div>电话：</div>
|
<div class="desc-info__value">{{ item.customerTel }}</div>
|
</div>
|
</el-col>
|
<el-col :span="24">
|
<div class="desc-info">
|
<div>收货地址：</div>
|
<div class="desc-info__value">
|
{{ item.customerProvince }}{{ item.customerCity
|
}}{{ item.customerRegion }}{{ item.customerAddress }}
|
</div>
|
</div>
|
</el-col>
|
</el-row>
|
<el-table-print
|
:data="item.items"
|
:summary-method="getSummaries"
|
show-summary
|
style="width: 100%"
|
>
|
<el-table-column label="序号" type="index"></el-table-column>
|
<el-table-column prop="orderNo" label="订单号" align="center">
|
</el-table-column>
|
<el-table-column
|
label="下单品种"
|
:formatter="
|
(row) => `${row.flowerName || ''} · ${row.flowerColor || ''}`
|
"
|
align="center"
|
>
|
</el-table-column>
|
<el-table-column prop="flowerLevelStr" label="等级" align="center">
|
</el-table-column>
|
<el-table-column prop="num" label="数量" align="center">
|
</el-table-column>
|
<el-table-column prop="flowerUnit" label="规格" align="center">
|
</el-table-column>
|
<el-table-column prop="supplierName" label="供应商名称" align="center">
|
</el-table-column>
|
<el-table-column prop="stationName" label="所属集货站" align="center">
|
</el-table-column>
|
</el-table-print>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
props: {
|
orderList: {
|
type: Array,
|
default: () => [],
|
},
|
},
|
methods: {
|
objectSpanMethod(len, { rowIndex, columnIndex }) {
|
if (columnIndex === 0) {
|
if (rowIndex === 0) {
|
return {
|
rowspan: len,
|
colspan: 1,
|
}
|
} else {
|
return {
|
rowspan: 0,
|
colspan: 0,
|
}
|
}
|
}
|
},
|
getSummaries(param) {
|
const { columns, data } = param
|
const sums = []
|
columns.forEach((column, index) => {
|
if (index === 0) {
|
sums[index] =
|
'总扎数合计：' +
|
data.reduce((total, current) => {
|
total += current.num
|
return total
|
}, 0)
|
} else {
|
sums[index] = ''
|
}
|
})
|
return sums
|
},
|
},
|
}
|
</script>
|
