|
|
@@ -5,21 +5,28 @@
|
|
|
<el-descriptions-item label="计划单号">{{
|
|
|
productionPlan.code
|
|
|
}}</el-descriptions-item>
|
|
|
- <el-descriptions-item :label="'计划数量'">{{ productionPlan.productNum }} {{ clientEnvironmentId == '4' ? '(方)' :
|
|
|
- productionPlan.measuringUnit }}</el-descriptions-item>
|
|
|
-
|
|
|
+ <!-- <el-descriptions-item :label="'计划数量'">{{ productionPlan.productNum }} {{ clientEnvironmentId == '4' ? '(方)' :
|
|
|
+ productionPlan.measuringUnit }}</el-descriptions-item> -->
|
|
|
+ <el-descriptions-item
|
|
|
+ :label="`计划数量${
|
|
|
+ clientEnvironmentId == '4'
|
|
|
+ ? '(方)'
|
|
|
+ : '(' + productionPlan.measuringUnit + ')'
|
|
|
+ }`"
|
|
|
+ >{{ productionPlan.productNum }}</el-descriptions-item
|
|
|
+ >
|
|
|
<el-descriptions-item label="计划创建人">{{
|
|
|
productionPlan.createUserName
|
|
|
}}</el-descriptions-item>
|
|
|
<el-descriptions-item label="计划类型">{{
|
|
|
['', '内销计划', '外销计划', '预制计划'][productionPlan.planType]
|
|
|
}}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="计划重量">{{
|
|
|
- productionPlan.productNum &&
|
|
|
- productionPlan.productNum * productionPlan.productUnitWeight
|
|
|
- }}
|
|
|
+ <el-descriptions-item label="计划重量"
|
|
|
+ >{{
|
|
|
+ productionPlan.productNum &&
|
|
|
+ productionPlan.productNum * productionPlan.productUnitWeight
|
|
|
+ }}
|
|
|
{{ productionPlan.weightUnit }}
|
|
|
-
|
|
|
</el-descriptions-item>
|
|
|
|
|
|
<el-descriptions-item label="计划创建时间">{{
|
|
|
@@ -28,20 +35,33 @@
|
|
|
<el-descriptions-item label="计划完成日期">{{
|
|
|
productionPlan.planDeliveryTime
|
|
|
}}</el-descriptions-item>
|
|
|
- <el-descriptions-item :label="'要求生产数量' + (clientEnvironmentId == '4' ? '(方)' : '')">{{
|
|
|
+ <!-- <el-descriptions-item :label="'要求生产数量' + (clientEnvironmentId == '4' ? '(方)' : '')">{{
|
|
|
productionPlan.requiredFormingNum }} {{ clientEnvironmentId == '4' ? '(方)' : productionPlan.measuringUnit
|
|
|
- }}</el-descriptions-item>
|
|
|
-
|
|
|
- <el-descriptions-item :label="'实际交货数量' + (clientEnvironmentId == '4' ? '(方)' : '')">
|
|
|
+ }}</el-descriptions-item> -->
|
|
|
+ <el-descriptions-item
|
|
|
+ :label="`要求生产数量${
|
|
|
+ clientEnvironmentId == '4'
|
|
|
+ ? '(方)'
|
|
|
+ : '(' + productionPlan.measuringUnit + ')'
|
|
|
+ }`"
|
|
|
+ >{{ productionPlan.requiredFormingNum }}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item
|
|
|
+ :label="'实际交货数量' + (clientEnvironmentId == '4' ? '(方)' : '')"
|
|
|
+ >
|
|
|
{{ productionPlan.deliveryNum }}
|
|
|
</el-descriptions-item>
|
|
|
<el-descriptions-item label="实际完成时间">
|
|
|
{{ productionPlan.completeTime }}
|
|
|
</el-descriptions-item>
|
|
|
- <el-descriptions-item label="要求生产重量">{{
|
|
|
- productionPlan.requiredFormingWeight
|
|
|
- }} {{ productionPlan.weightUnit }}</el-descriptions-item>
|
|
|
-
|
|
|
+ <!-- <el-descriptions-item label="要求生产重量"
|
|
|
+ >{{ productionPlan.requiredFormingWeight }}
|
|
|
+ {{ productionPlan.weightUnit }}</el-descriptions-item
|
|
|
+ > -->
|
|
|
+ <el-descriptions-item
|
|
|
+ :label="`要求生产重量(${productionPlan.weightUnit})`"
|
|
|
+ >{{ productionPlan.requiredFormingWeight }}</el-descriptions-item
|
|
|
+ >
|
|
|
<el-descriptions-item label="使用改型">{{
|
|
|
productionPlan.modification ? '是' : '否'
|
|
|
}}</el-descriptions-item>
|
|
|
@@ -57,7 +77,7 @@
|
|
|
productRequirementInfo.productCode
|
|
|
}}</el-descriptions-item>
|
|
|
<el-descriptions-item label="牌号">{{
|
|
|
- productRequirementInfo.bandNo
|
|
|
+ productionPlan.batchNo
|
|
|
}}</el-descriptions-item>
|
|
|
|
|
|
<el-descriptions-item label="重量单位">{{
|
|
|
@@ -82,130 +102,145 @@
|
|
|
<el-descriptions-item label="印字要求" :span="2">{{
|
|
|
productRequirementInfo.printingRequirements
|
|
|
}}</el-descriptions-item>
|
|
|
-
|
|
|
</el-descriptions>
|
|
|
</div>
|
|
|
|
|
|
- <div v-if="infoData.salesOrderList.length">
|
|
|
+ <div v-if="infoData.salesOrderList && infoData.salesOrderList.length">
|
|
|
<HeaderTitle title="销售订单信息" class="mt-20"> </HeaderTitle>
|
|
|
- <ele-pro-table ref="table" :columns="columns" :datasource="infoData.salesOrderList">
|
|
|
-
|
|
|
+ <ele-pro-table
|
|
|
+ ref="table"
|
|
|
+ :columns="columns"
|
|
|
+ :datasource="infoData.salesOrderList"
|
|
|
+ >
|
|
|
<template v-slot:contractNum="{ row }">
|
|
|
- {{ row.contractNum }} {{ row.measuringUnit }}
|
|
|
+ <!-- {{ row.contractNum }} {{ row.measuringUnit }} -->
|
|
|
+ {{ row.contractNum }}
|
|
|
</template>
|
|
|
|
|
|
-
|
|
|
-
|
|
|
<template v-slot:productSumWeight="{ row }">
|
|
|
{{ row.productSumWeight }} {{ row.weightUnit }}
|
|
|
</template>
|
|
|
|
|
|
-
|
|
|
<template v-slot:number="{ row }">
|
|
|
<div class="progress-box">
|
|
|
<div class="gress">
|
|
|
- <el-progress :percentage="+(((row.deliveryNum || 0) / row.contractNum) * 100).toFixed(2)
|
|
|
- " color="red" :show-text="false" text-color="#000" :stroke-width="16"></el-progress>
|
|
|
+ <el-progress
|
|
|
+ :percentage="
|
|
|
+ +(((row.deliveryNum || 0) / row.contractNum) * 100).toFixed(2)
|
|
|
+ "
|
|
|
+ color="red"
|
|
|
+ :show-text="false"
|
|
|
+ text-color="#000"
|
|
|
+ :stroke-width="16"
|
|
|
+ ></el-progress>
|
|
|
</div>
|
|
|
<div :span="6">{{
|
|
|
`${row.deliveryNum || 0}/ ${row.contractNum}`
|
|
|
- }}</div>
|
|
|
+ }}</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
+ <template v-slot:headerContractNum="{ column }">
|
|
|
+ <div class="header_required"
|
|
|
+ ><span class="is-required">{{ column.label + `(${productionPlan.measuringUnit})` }}</span></div
|
|
|
+ >
|
|
|
+ </template>
|
|
|
</ele-pro-table>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-export default {
|
|
|
- props: {
|
|
|
- infoData: {
|
|
|
- type: Object,
|
|
|
- default: () => ({})
|
|
|
- }
|
|
|
- },
|
|
|
- computed: {
|
|
|
- clientEnvironmentId() {
|
|
|
- return this.$store.state.user.info.clientEnvironmentId;
|
|
|
+ export default {
|
|
|
+ props: {
|
|
|
+ infoData: {
|
|
|
+ type: Object,
|
|
|
+ default: () => ({})
|
|
|
+ }
|
|
|
},
|
|
|
- productionPlan() {
|
|
|
- return this.infoData.productionPlan || {};
|
|
|
+ computed: {
|
|
|
+ clientEnvironmentId() {
|
|
|
+ return this.$store.state.user.info.clientEnvironmentId;
|
|
|
+ },
|
|
|
+ productionPlan() {
|
|
|
+ console.log(this.infoData, '2222222');
|
|
|
+ return this.infoData.productionPlan || {};
|
|
|
+ },
|
|
|
+ productRequirementInfo() {
|
|
|
+ return this.infoData.productRequirementInfo || {};
|
|
|
+ }
|
|
|
},
|
|
|
- productRequirementInfo() {
|
|
|
- return this.infoData.productRequirementInfo || {};
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ labelName: '订单数量',
|
|
|
+ columns: [
|
|
|
+ {
|
|
|
+ prop: 'code',
|
|
|
+ label: '销售订单',
|
|
|
+ minWidth: 110
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'lineNumber',
|
|
|
+ label: '行号'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'contractNum',
|
|
|
+ slot: 'contractNum',
|
|
|
+ headerSlot: 'headerContractNum',
|
|
|
+ label: `订单数量`
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'productSumWeight',
|
|
|
+ slot: 'productSumWeight',
|
|
|
+ label: '订单重量'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'orderLibraryType',
|
|
|
+ label: '按单按库',
|
|
|
+ formatter: (row) => ['', '按单', '按库'][row.orderLibraryType]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'deliveryRequirements',
|
|
|
+ label: '交付要求',
|
|
|
+ formatter: (row) =>
|
|
|
+ ['', '普通', '紧急', '重要'][row.deliveryRequirements]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'orderType',
|
|
|
+ label: '订单类型',
|
|
|
+ formatter: (row) =>
|
|
|
+ ['', '内销订单', '外销订单', '预制订单'][row.orderType]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'releaseTime',
|
|
|
+ label: '下达时间'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'deliveryTime',
|
|
|
+ label: '交付日期'
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: 'customerName',
|
|
|
+ label: '客户名称'
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ };
|
|
|
}
|
|
|
- },
|
|
|
- data() {
|
|
|
- return {
|
|
|
- columns: [
|
|
|
- {
|
|
|
- prop: 'code',
|
|
|
- label: '销售订单',
|
|
|
- minWidth: 110
|
|
|
- },
|
|
|
- {
|
|
|
- prop: 'lineNumber',
|
|
|
- label: '行号'
|
|
|
- },
|
|
|
- {
|
|
|
- prop: 'contractNum',
|
|
|
- slot: 'contractNum',
|
|
|
- label: '订单数量'
|
|
|
- },
|
|
|
- {
|
|
|
- prop: 'productSumWeight',
|
|
|
- slot: 'productSumWeight',
|
|
|
- label: '订单重量'
|
|
|
- },
|
|
|
- {
|
|
|
- prop: 'orderLibraryType',
|
|
|
- label: '按单按库',
|
|
|
- formatter: (row) => ['', '按单', '按库'][row.orderLibraryType]
|
|
|
- },
|
|
|
- {
|
|
|
- prop: 'deliveryRequirements',
|
|
|
- label: '交付要求',
|
|
|
- formatter: (row) =>
|
|
|
- ['', '普通', '紧急', '重要'][row.deliveryRequirements]
|
|
|
- },
|
|
|
- {
|
|
|
- prop: 'orderType',
|
|
|
- label: '订单类型',
|
|
|
- formatter: (row) =>
|
|
|
- ['', '内销订单', '外销订单', '预制订单'][row.orderType]
|
|
|
- },
|
|
|
- {
|
|
|
- prop: 'releaseTime',
|
|
|
- label: '下达时间'
|
|
|
- },
|
|
|
- {
|
|
|
- prop: 'deliveryTime',
|
|
|
- label: '交付日期'
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- prop: 'customerName',
|
|
|
- label: '客户名称'
|
|
|
- }
|
|
|
- ]
|
|
|
- };
|
|
|
- }
|
|
|
-};
|
|
|
+ };
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
-.mt-20 {
|
|
|
- margin-top: 20px;
|
|
|
-}
|
|
|
+ .mt-20 {
|
|
|
+ margin-top: 20px;
|
|
|
+ }
|
|
|
|
|
|
-.progress-box {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
+ .progress-box {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
|
|
|
- .gress {
|
|
|
- flex: 1;
|
|
|
- margin-right: 10px;
|
|
|
+ .gress {
|
|
|
+ flex: 1;
|
|
|
+ margin-right: 10px;
|
|
|
+ }
|
|
|
}
|
|
|
-}
|
|
|
</style>
|