54 lines
1.4 KiB
Vue
54 lines
1.4 KiB
Vue
<template>
|
|
<div>
|
|
<el-collapse>
|
|
<el-collapse-item v-for="detail in list" :key="detail.detailId" :title="detail.productName">
|
|
<el-descriptions>
|
|
<el-descriptions-item label="产品名称">{{ detail.productName }}</el-descriptions-item>
|
|
<el-descriptions-item label="产品编码">{{ detail.productCode }}</el-descriptions-item>
|
|
<el-descriptions-item label="产品数量">{{ detail.quantity }}</el-descriptions-item>
|
|
<el-descriptions-item label="单位">{{ detail.unit }}</el-descriptions-item>
|
|
<el-descriptions-item label="备注">{{ detail.remark }}</el-descriptions-item>
|
|
</el-descriptions>
|
|
</el-collapse-item>
|
|
</el-collapse>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import ProductSelect from '@/components/KLPService/ProductSelect';
|
|
import { ProductInfo } from '@/components/KLPService';
|
|
import BomInfoMini from '@/components/KLPService/Renderer/BomInfoMini.vue';
|
|
|
|
export default {
|
|
name: "OrderDetailPanel",
|
|
dicts: ['order_status'],
|
|
props: {
|
|
list: {
|
|
type: Array,
|
|
required: true
|
|
}
|
|
},
|
|
components: {
|
|
ProductSelect,
|
|
ProductInfo,
|
|
BomInfoMini
|
|
},
|
|
data() {
|
|
return {
|
|
orderDetailList: [],
|
|
queryParams: {
|
|
pageNum: 1,
|
|
pageSize: 9999,
|
|
orderId: this.orderId,
|
|
productId: undefined,
|
|
quantity: undefined,
|
|
unit: undefined,
|
|
},
|
|
};
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style scoped>
|
|
</style>
|