<style scoped>
    .breakageSingle  .xiangq{
    padding: 15px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.breakageSingle .topkuang{
    padding: 5px 10px;
    border:1px solid #e2e2e2;
    background: #e2e2e2;
    border-radius: 15px;
    margin-right: 25px;
}
.breakageSingle .el-table th.is-leaf{
    text-align: left !important;
}
</style>

<template>
    <div class="breakageSingle">
        <div class="xiangq">
            <div>
                <el-tag style="margin-right: 10px;">出入库id：{{dataList.OutOrInId}}</el-tag>
            </div>
        </div>
 
        <el-table 
            :data="dataList.DetailList"
            border
            header-align='left'
            style="width: 100%">
            <el-table-column
                prop="Id"
                label="编号"
                width="80">
            </el-table-column>
            <el-table-column
                prop="GoodsName"
                label="商品名称"
                >
               
            </el-table-column>
             <el-table-column
                prop="SpecificationName"
                label="规格"
                width="300"
                >
             
            </el-table-column>
              <el-table-column
                prop="InventoryNum"
                label="当前库存数"
                width="150">
            </el-table-column>
              <el-table-column
                prop="RealityNum"
                label="实际库存数"
                width="150">
            </el-table-column>
             <el-table-column
                prop="ReportLossNum"
                label="报损/报溢数"
                width="150">
            </el-table-column>
                <el-table-column
                prop="ReportLossPrice"
                label="报损/报溢总价格"
                width="150">
            </el-table-column>
              
          
        </el-table>


    </div>
</template>
<script>

export default {
    data(){
        return{
            msg:{
                 LossId:0,
              RB_Group_id:''
          },
        
          dataList:{},
        }
    },
 
    created(){
        let RB_Group_id = this.getLocalStorage().RB_Group_id;
        this.msg.LossId = this.$route.query.ID;
        this.msg.RB_Group_id = RB_Group_id;
        this.getList()
    },
    methods:{
        getList(){
             this.apiJavaPostZc("/api/Warehouse/GetSuppliesReportLoss",this.msg,
                res => {
                if (res.data.resultCode === 1) {
                    this.dataList = res.data.data
                } else {
                    this.Error(res.data.message);
                }
                },
                null
            );
        },
 
    
    },mounted(){
       
    }
}
</script>
