37 lines
1.1 KiB
Vue
37 lines
1.1 KiB
Vue
|
<template>
|
||
|
|
<div class="section basic-info-section">
|
||
|
|
<div class="section-header">
|
||
|
|
<span class="section-icon">💰</span>
|
||
|
|
<span class="section-title">成本信息</span>
|
||
|
|
</div>
|
||
|
|
<div class="section-body">
|
||
|
|
<el-descriptions :column="3" border size="small">
|
||
|
|
<el-descriptions-item label="囤积成本">
|
||
|
|
<span class="cost-value">{{ hoardingCost }}</span>
|
||
|
|
<span class="cost-unit">t·天</span>
|
||
|
|
</el-descriptions-item>
|
||
|
|
<el-descriptions-item label="囤积天数">
|
||
|
|
<span>{{ hoardingDays }} 天</span>
|
||
|
|
</el-descriptions-item>
|
||
|
|
<el-descriptions-item label="钢卷净重">
|
||
|
|
<span>{{ coilInfo.netWeight || 0 }} t</span>
|
||
|
|
</el-descriptions-item>
|
||
|
|
</el-descriptions>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import { formatTime } from '../statusUtils'
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: 'CostInfoSection',
|
||
|
|
props: {
|
||
|
|
coilInfo: { type: Object, default: () => ({}) },
|
||
|
|
traceResult: { type: Object, default: null },
|
||
|
|
hoardingDays: { type: Number, default: 0 },
|
||
|
|
hoardingCost: { type: [String, Number], default: '0.00' }
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|