<template>
|
<view class="p30 bg_w order-info">
|
<view class="bX">
|
<view class="cY">
|
<view class="mr10 b">{{ `${orederMessage.mmodel.name} |${orederMessage.procedureName}`}}</view>
|
<u-tag size="mini" bgColor="#03AF76" text="正常"></u-tag>
|
</view>
|
<view class="status" :class="orederMessage.status==0?'wc':orederMessage.status==1?'green':orederMessage.status==3?'blue':orederMessage.status==7?'green':'c6'">{{ stausToStr(1) }}</view>
|
</view>
|
<view class="f24 c6 mt20">工单编号：{{ orederMessage.code || 'GD202111240001' }}</view>
|
<view class="mt20 bg_f7 ptb20 plr30 n">
|
<view class="c2 mb20">
|
<span class="c6">物料编码：</span>
|
{{ orederMessage.mmodel ? orederMessage.mmodel.code : '-' }}
|
</view>
|
<view class="c2 mb20">
|
<span class="c6">计划开工：</span>
|
{{ orederMessage.planDate || '-' }}
|
</view>
|
<view class="c2 mb20">
|
<span class="c6">生产批次：</span>
|
{{ orederMessage.batch || '-' }}
|
</view>
|
<view class="c2 mb20">
|
<span class="c6">计划数量：</span>
|
{{ orederMessage.planNum || '-' }}{{ orederMessage.umodel ? orederMessage.umodel.name : '-' }}
|
</view>
|
<view class="c2 mb20">
|
<span class="c6">生产设备：</span>
|
{{ orederMessage.pgmodel ? `${orederMessage.pgmodel.code} - ${orederMessage.pgmodel.name}` : '-' }}
|
</view>
|
<view class="c2 flex">
|
<view class="c6" style="flex-shrink: 0;">生产人员：</view>
|
<view class="flex1">
|
{{ orederMessage.proUserList ? orederMessage.proUserList.map(item => item.proUserDepartName).join(' / ') : '-' }}
|
</view>
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
name: "workOrderInfo",
|
props: {
|
orederMessage: {
|
type: Object,
|
default: () => {}
|
}
|
},
|
data() {
|
return {
|
status: [
|
{ status: 0, label: '已创建' },
|
{ status: 1, label: '已备料' },
|
{ status: 2, label: '已完工检' },
|
{ status: 3, label: '已检验' },
|
{ status: 4, label: '已报工' },
|
{ status: 5, label: '已入库' },
|
{ status: 6, label: '已取消' },
|
{ status: 7, label: '进行中' }
|
]
|
};
|
},
|
methods: {
|
stausToStr(status) {
|
let temp = this.status.find(item => item.status == status)
|
return temp ? temp.label : '-'
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss">
|
.status {
|
height: 26rpx;
|
font-size: 26rpx;
|
font-weight: 400;
|
color: #666666;
|
line-height: 26rpx;
|
}
|
.order-info {
|
border-bottom: 20rpx #f7f7f7 solid;
|
}
|
</style>
|
