<template>
  <div>
    <div class="material">
      <div class="content_table">
        <div class="item rx-sc">
          <div class="rx ww50">
            <div class="lable rx-cc">工单编号</div>
            <div class="content">
              {{ item.code }}
            </div>
          </div>

          <div class="rx ww30">
            <div class="lable rx-cc">产品编码</div>
            <div class="content">{{ item.categoryName }}</div>
          </div>

          <div class="rx ww20">
            <div class="lable rx-cc">批次号</div>
            <div class="content">{{ item.batchNo }}</div>
          </div>
        </div>

        <div class="item rx-sc">
          <div class="rx ww50">
            <div class="lable rx-cc">产品名称</div>
            <div class="content">{{ item.categoryCode }}</div>
          </div>
          <div class="rx ww50">
            <div class="lable rx-cc">牌号</div>
            <div class="content rx-sc">
              <div>{{ item.brandNum }}</div>
            </div>
          </div>
        </div>

        <div class="item rx-sc">
          <div class="rx">
            <div class="lable rx-cc">型号</div>
            <div class="content">
              {{ item.modelType }}
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'workOrderBom',
    props: {
      item: {
        type: Object,
        default: () => {}
      },
      isDetails: {
        type: Boolean,
        default: false
      }
    },

    computed: {},

    data() {
      return {};
    },

    methods: {}
  };
</script>

<style scoped lang="scss">
  .material {
    margin-top: 6px;
  }
</style>
