<template>
    <div class="common">
      <el-form label-width="100px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="费用名称">{{ purchaseData.purchaseName }}</el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="金额">{{ purchaseData.total }}</el-form-item>
          </el-col>
        </el-row>
        <el-divider></el-divider>

        <el-row>
          <el-col :span="12">
            <el-form-item label="用途">{{ purchaseData.applicationDescription }}</el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="报销人">{{ purchaseData.userName }}</el-form-item>
          </el-col>
        </el-row>
        <el-divider></el-divider>

        <el-form-item label="备注">{{ purchaseData.remark==null?"-":purchaseData.remark }}</el-form-item>
        <el-divider></el-divider>
      </el-form>
    </div>
</template>

<script>
    export default {
      name: "common-info",
      props: {
        purchaseData:{
          type: Object
        }
      },
    }
</script>

<style>
  .common{
    .el-form-item {
      margin-bottom: 0px;
    }
    .el-divider--horizontal {
      margin: 5px 0;
    }
  }
</style>

<style scoped>

</style>
