bug

jiangping

2023-11-07 64b432916af9c9218ab3f3eca614e26c542142ae

 minipro_standard/components/workOrderInfo.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,85 @@
<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(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">
.status {
   height: 26rpx;
   font-size: 26rpx;
   font-weight: 400;
   color: #666666;
   line-height: 26rpx;
}
.order-info {
   border-bottom: 20rpx #f7f7f7 solid;
}
</style>