<style>
  .SuppliesProcurementDetail .zcInfo .el-col {
    font-size: 12px;
    margin-top: 20px;
    color: #111111;
}

</style>
<template>
  <div class="page-body SuppliesProcurementDetail">
    <el-row
        class="HeaderDiv"
        style="border-bottom: 1px solid #e2e4eb; padding-bottom: 20px"
      >
        <el-col :span="12">
          <p
            class="c11 f14"
            style="padding-top: 12px"
            v-if="GetDetail.StockInStatus == 1"
          >
            未入库
          </p>
          <p
            class="c11 f14"
            style="padding-top: 12px"
            v-if="GetDetail.StockInStatus == 2"
          >
            部分入库
          </p>
          <p
            class="c11 f14"
            style="padding-top: 12px"
            v-if="GetDetail.StockInStatus == 3"
          >
            已入库
          </p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="18">
          <el-row class="zcInfo">
           <el-col :span="12">
              <span>校区:</span>
              <span>{{ GetDetail.SchoolName }}</span>
            </el-col>
            <el-col :span="12">
              <span>供应商 :</span>
              <span>{{ GetDetail.SupplierName }}</span>
            </el-col>
            <el-col :span="12">
              <span>创建人 :</span>
              <span>{{ GetDetail.CreateByName }}</span>
            </el-col>
            <el-col :span="12">
              <span>创建时间 :</span>
              <span>{{ GetDetail.CreateDate }}</span>
            </el-col>
          
            <el-col :span="12">
              <span>仓库 :</span>
              <span>{{ GetDetail.WareHouseName }}</span>
            </el-col>
            
            <el-col :span="24">
              <span>备注 :</span>
              <span>{{ GetDetail.Remark }}</span>
            </el-col>
          </el-row>
        </el-col>
      </el-row>
            <p class="f16 c11" style="margin-top: 25px">资产清单</p>
        <div class="page-content" style="margin-top:10px">
            <q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat 
                class="sticky-right-column-table sticky-column-table" separator="cell" hide-bottom
                :data="GetDetail.DetailList" :columns="columns" row-key="Id">
        
                <template v-slot:body-cell-EmName="props">
                <div>{{props.row.EmName}}</div>
                <div>{{props.row.GetTime}}</div>
                </template>
            
            </q-table>
        
        </div>
    
  </div>
</template>

<script>
    import{
            getSuppliesProcurementInfo
    } from '../../../api/finance/index'
  export default {
    props: {},
    data() {
      return {
       GetDetail:{},
       loading:false,
       msg:{
            rowsPerPage: 1000,
        },
         columns: [
          
          {
            name: 'SuppliesName',
            label: '名称',
            field: 'SuppliesName',
            align: 'left',
          },
          {
            name: 'BrandName',
            label: '品牌',
            field: 'BrandName',
            align: 'left',
          },
          {
            name: 'CategoryName',
            label: '分类',
            field: 'CategoryName',
            align: 'left',
          },
           {
            name: 'CostMoney',
            label: '单价',
            align: 'left',
            field: 'CostMoney'
          },
          {
            name: 'Number',
            label: '采购数量',
            field: 'Number',
            align: 'left'
          },
         
          {
            name: 'StockInNum',
            label: '已入数量',
            field: 'StockInNum',
            align: 'left'
          },
          
         
          
        ],
      }
    },
    created() {},
    mounted() {
      
      this.getSuppliesProcurementInfo();
    },
    methods: {
      getSuppliesProcurementInfo(){
          getSuppliesProcurementInfo({ProcurementId:this.$route.query.id}).then(res => {
            this.loading = false;
            this.GetDetail = res.data.data
            
          }).catch(() => {
            this.loading = false;
          })
      }
    }
  }

</script>
<style lang="sass">
  @import url('~assets/css/table.sass')

</style>
