<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> -->
|
<div class="type bg_green" v-if="orederMessage.type === 0">正常</div>
|
<div class="type bg_yellow" v-if="orederMessage.type === 2">返工返修</div>
|
</view>
|
<view class="status"
|
:class="orederMessage.status==0?'wc':orederMessage.status==1?'green':orederMessage.status==3?'blue':orederMessage.status==7?'green':'c6'">
|
{{ stausToStr(orederMessage.status) }}</view>
|
</view>
|
<view class="f24 c6 mt20">工单编号：{{ orederMessage.code || '-' }}</view>
|
<view class="f24 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" scoped>
|
.status {
|
height: 26rpx;
|
font-size: 26rpx;
|
font-weight: 400;
|
color: #666666;
|
line-height: 26rpx;
|
}
|
|
.type {
|
padding: 0 8rpx;
|
color: white;
|
margin-left: 10rpx;
|
height: 38rpx;
|
line-height: 38rpx;
|
font-size: 22rpx;
|
border: 8rpx;
|
}
|
|
.order-info {
|
border-bottom: 20rpx #f7f7f7 solid;
|
}
|
</style>
|
