<template>
 <el-descriptions  :column="4" border>
  <el-descriptions-item :label="item.label" v-for="(item, index) in projectData">{{item.value}}</el-descriptions-item>
暂无信息
</el-descriptions>
</template>

<script >

export default {
  data() {
    return {
      basicInfo:{

    billNo: '单据编号',
    /**
     * 单据类型
     */
    billTypeName: '单据类型',
    /**
     * 运输单号
     */
    carriageNO: '运输单号',
    /**
     * 承运商
     */
    carrierName: '承运商',
    /**
     * 客户
     */
    customerName: '客户',
    /**
     * 日期
     */
    date: '日期',
    /**
     * 发货部门
     */
    deliveryDeptName: '发货部门',
    /**
     * 单据状态
     */
    documentStatus: '单据状态',
    /**
     * 交货地点
     */
    headLocationName: '交货地点',
    /**
     * 销售部门
     */
    saleDeptName: '销售部门',
    /**
     * 销售组织
     */
    saleOrgName: '销售组织',
    /**
     * 销售组
     */
    salesGroupName: '销售组',
    /**
     * 销售员
     */
    salesManName: '销售员',
    /**
     * 结算币种
     */
    settleCurrName: '结算币种',
    /**
     * 库存组
     */
    stockerGroupName: '库存组',
    /**
     * 仓管员
     */
    stockerName: '仓管员',
    /**
     * 发货组织
     */
    stockOrgName: '发货组织',

      },
      customerInfo:{
         /**
     * 收货人姓名
     */
    linkMan: '收货人姓名',
    /**
     * 联系电
     */
    linkPhone: '联系电话',
    /**
     * 结算方
     */
    payerName: '结算方',
    /**
     * 收货方地址
     */
    receiveAddress: '收货方地址',
    /**
     * 收货方联系人
     */
    receiverContactName: '收货方联系人',
    /**
     * 收货方
     */
    receiverName: '收货方',
    /**
     * 结算方
     */
    settleName: '结算方',
      },
      financialInfo:{
     /**
     * 整单折扣额
     */
    allDisCount: '整单折扣额',
    /**
     * 汇率
     */
    exchangeRate: '汇率',
    /**
     * 汇率类型
     */
    exchangeTypeName: '汇率类型',
    /**
     * 本位币
     */
    localCurrName: '本位币',
    /**
     * 收款条件
     */
    receiptConditionName: '收款条件',
    /**
     * 结算币种
     */
    settleCurrName: '结算币种',
    /**
     * 结算组织
     */
    settleOrgName: '结算组织',
    /**
     * 结算方式
     */
    settleTypeName: '结算方式',
    },
    projectData:[],
    };

  },
  props:['data','keyName'],
  created() {
    this.formatData(this.data)
  },
  methods: {
    formatData(data){
      if(data){
        for(var key in data){

          if(this[this.keyName][key]){
            this.projectData.push({
              label:this[this.keyName][key],
              value:data[key]||'/'
            })
          }
        }
      }

    }

  },
};
</script>
<style>
.select {
  width: 100%;
}
</style>
