<template>
    <div>
      <div class="title_box rx-bc">
        <div class="name"
          >内包装
        </div>
  
        <div class="rx-bc"  v-if="detailList.length">
            {{ detailList[0].warehouseName}}
        </div>
      </div>
  
      <el-table
        ref="oneJobQualityBom"
        class="table_content"
        :max-height="600"
        :data="detailList"
        tooltip-effect="dark"
        style="width: 98%; margin: auto;"
        stripe
        border
      >
        <el-table-column label="序号" type="index" width="55">
          <template slot-scope="{ row, $index }">
            {{ $index + 1 }}
          </template>
        </el-table-column>
  
        <el-table-column label="数量" prop="code" minWidth="110">
          <template slot-scope="{ row, $index }">
           <div class="content_num">{{ row.quantity }} {{row.measuringUnit}}/ {{row.packingCount}} {{row.packingUnit}}</div>
          </template>
        </el-table-column>
  
        <el-table-column label="重量" prop="name" minWidth="110">
          <template slot-scope="{ row, $index }">
            {{row.packingWeight}} {{row.weightUnit}}
          </template>
        </el-table-column>
  

   
      </el-table>
    </div>
  </template>
  
  <script>
    export default {
      props: {
        detailList: {
				type: Array,
				default: () => []
			},
     
      },
  
      data() {
        return {};
      },
  
      components: {},
      methods: {}
    };
  </script>
  
  <style lang="scss" scoped>
  .title_box{
    padding: 10px 12px;
  }
  .content_num {
      display: flex;
      align-items: center;
      padding: 2px;
      --input-background-color: #f0f8f2;
    }
  </style>
  