小程序代码

jiangping

2023-10-26 ea87c908fb6cdfc3e227a584a53e6730efb8262a

 minipro_standard/components/workOrderInfo.vue

@@ -2,15 +2,10 @@
   <view class="p30 bg_w order-info">

      <view class="bX">

         <view class="cY">

            <view class="mr10 b">{{ `${orederMessage.mmodel.name || ''} | ${orederMessage.procedureName || ''}`}}

            <view class="mr10 b">{{ `${orederMessage.mmodel.name} |${orederMessage.procedureName}`}}</view>

            <u-tag size="mini" bgColor="#03AF76" text="正常"></u-tag>

            </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 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">

@@ -55,38 +50,15 @@
      },

      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: '进行中' }
            ]

         };

      },

@@ -99,7 +71,7 @@
   }

</script>



<style lang="scss" scoped>

<style lang="scss">

   .status {

      height: 26rpx;

      font-size: 26rpx;

@@ -107,17 +79,6 @@
      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;

   }