小程序代码

jiangping

2023-10-26 ea87c908fb6cdfc3e227a584a53e6730efb8262a

 minipro_standard/components/workOrderInfo.vue

@@ -2,123 +2,84 @@
   <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 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 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: () => {}

         }

      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: '生产中'

               }

            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 : '-'

         }

      },
      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 lang="scss">

.status {
   height: 26rpx;
   font-size: 26rpx;
   font-weight: 400;
   color: #666666;
   line-height: 26rpx;
}
.order-info {
   border-bottom: 20rpx #f7f7f7 solid;
}

</style>