<template>
  <div class="container">
    <el-descriptions :title="title" v-if="assetInfo" :column="column" :border="border">
      <el-descriptions-item label="资产ID" v-if="assetInfo.id">{{assetInfo.id}}</el-descriptions-item>
      <el-descriptions-item label="资产名称" v-if="assetInfo.name">{{assetInfo.name}}</el-descriptions-item>
      <el-descriptions-item label="资产条码" v-if="assetInfo.code">{{assetInfo.code}}</el-descriptions-item>
      <el-descriptions-item label="资产编号" v-if="assetInfo.number">{{assetInfo.number}}</el-descriptions-item>
      <el-descriptions-item label="资产分类" v-if="assetInfo.categoryNumber">{{assetInfo.categoryNumber}}</el-descriptions-item>
      <el-descriptions-item label="规格型号" v-if="assetInfo.specificationsModel">{{assetInfo.specificationsModel}}</el-descriptions-item>
      <el-descriptions-item label="ABC分类" v-if="assetInfo.abcCategory">{{assetInfo.abcCategory}}</el-descriptions-item>
      <el-descriptions-item label="管理状态" v-if="assetInfo.manageStatus">{{assetInfo.manageStatus}}</el-descriptions-item>
      <el-descriptions-item label="使用部门" v-if="assetInfo.userDepartment">{{assetInfo.userDepartment}}</el-descriptions-item>
      <el-descriptions-item label="管理部门" v-if="assetInfo.department">{{assetInfo.department}}</el-descriptions-item>
      <el-descriptions-item label="责任人" v-if="assetInfo.responsiblePerson">{{assetInfo.responsiblePerson}}</el-descriptions-item>
      <el-descriptions-item label="所在位置编号" v-if="assetInfo.locationNumber">{{assetInfo.locationNumber}}</el-descriptions-item>
      <el-descriptions-item label="资产性质" v-if="assetInfo.property">{{assetInfo.property}}</el-descriptions-item>
      <el-descriptions-item label="购置日期" v-if="assetInfo.purchaseDate">{{assetInfo.purchaseDate}}</el-descriptions-item>
      <el-descriptions-item label="启用日期" v-if="assetInfo.commissioningDate">{{assetInfo.commissioningDate}}</el-descriptions-item>
      <el-descriptions-item label="资产原值（元）" v-if="assetInfo.originalValue">{{assetInfo.originalValue}}</el-descriptions-item>
      <el-descriptions-item label="使用年限" v-if="assetInfo.durableYears">{{assetInfo.durableYears}}</el-descriptions-item>
      <el-descriptions-item label="资产净值（元）" v-if="assetInfo.netValue">{{assetInfo.netValue}}</el-descriptions-item>
      <el-descriptions-item label="资产残值（元）" v-if="assetInfo.residualValue">{{assetInfo.residualValue}}</el-descriptions-item>
      <el-descriptions-item label="累计折旧（元）" v-if="assetInfo.accumulatedDepreciation">{{assetInfo.accumulatedDepreciation}}</el-descriptions-item>
      <el-descriptions-item label="最近折旧日期" v-if="assetInfo.lastDepreciationDate">{{assetInfo.lastDepreciationDate}}</el-descriptions-item>
      <el-descriptions-item label="折旧方式" v-if="assetInfo.depreciationMethod">{{assetInfo.depreciationMethod}}</el-descriptions-item>
      <el-descriptions-item label="合同编号" v-if="assetInfo.contractNumber">{{assetInfo.contractNumber}}</el-descriptions-item>
      <el-descriptions-item label="出厂编号" v-if="assetInfo.factoryNumber">{{assetInfo.factoryNumber}}</el-descriptions-item>
      <el-descriptions-item label="制造商" v-if="assetInfo.manufacturer">{{assetInfo.manufacturer}}</el-descriptions-item>
      <el-descriptions-item label="供应商" v-if="assetInfo.supplier">{{assetInfo.supplier}}</el-descriptions-item>
      <el-descriptions-item label="资产用途" v-if="assetInfo.purpose">{{assetInfo.purpose}}</el-descriptions-item>
      <el-descriptions-item label="维保到期日期" v-if="assetInfo.maintenanceDate">{{assetInfo.maintenanceDate}}</el-descriptions-item>
      <el-descriptions-item label="维修电话" v-if="assetInfo.maintenanceTel">{{assetInfo.maintenanceTel}}</el-descriptions-item>
      <el-descriptions-item label="维修人员" v-if="assetInfo.maintenanceUser">{{assetInfo.maintenanceUser}}</el-descriptions-item>
      <el-descriptions-item label="所属公司" v-if="assetInfo.corporation">{{assetInfo.corporation}}</el-descriptions-item>
      <el-descriptions-item label="记录状态" v-if="assetInfo.recordStatus">{{assetInfo.recordStatus}}</el-descriptions-item>
      <el-descriptions-item label="是否白名单" v-if="assetInfo.reservedColumnA">{{assetInfo.isWhitelist}}</el-descriptions-item>
      <el-descriptions-item label="预留字段B" v-if="assetInfo.reservedColumnB">{{assetInfo.reservedColumnB}}</el-descriptions-item>
      <el-descriptions-item label="预留字段C" v-if="assetInfo.reservedColumnC">{{assetInfo.reservedColumnC}}</el-descriptions-item>
      <el-descriptions-item label="预留字段D" v-if="assetInfo.reservedColumnD">{{assetInfo.reservedColumnD}}</el-descriptions-item>
      <el-descriptions-item label="预留字段E" v-if="assetInfo.reservedColumnE">{{assetInfo.reservedColumnE}}</el-descriptions-item>
      <el-descriptions-item label="预留字段F" v-if="assetInfo.reservedColumnF">{{assetInfo.reservedColumnF}}</el-descriptions-item>
      <el-descriptions-item label="预留字段G" v-if="assetInfo.reservedColumnG">{{assetInfo.reservedColumnG}}</el-descriptions-item>
      <el-descriptions-item label="预留字段H" v-if="assetInfo.reservedColumnH">{{assetInfo.reservedColumnH}}</el-descriptions-item>
      <el-descriptions-item label="预留字段I" v-if="assetInfo.reservedColumnI">{{assetInfo.reservedColumnI}}</el-descriptions-item>
      <el-descriptions-item label="预留字段J" v-if="assetInfo.reservedColumnJ">{{assetInfo.reservedColumnJ}}</el-descriptions-item>
    </el-descriptions>
  </div>
</template>

<script>
export default {
  name: 'AssetCard',
  props: {
    title: {
      type: String,
      default: '资产信息'
    },
    column: {
      type: Number,
      default: 3
    },
    border: {
      type: Boolean,
      default: true
    },
    assetInfo: {
      type: Object,
      default: {
        /** 资产ID */
        id: null,
        /** 资产条码 */
        code: null,
        /** 资产名称 */
        name: null,
        /** 资产编号 */
        number: null,
        /** 图片路径 */
        imageUrl: null,
        /** 资产分类编号 */
        categoryNumber: null,
        /** 规格型号 */
        specificationsModel: null,
        /** ABC分类 */
        abcCategory: null,
        /** 管理状态，0：闲置 */
        manageStatus: null,
        /** 使用部门 */
        userDepartment: null,
        /** 管理部门 */
        department: null,
        /** 责任人 */
        responsiblePerson: null,
        /** 所在位置编号 */
        locationNumber: null,
        /** 资产性质 */
        property: null,
        /** 购置日期 */
        purchase: null,
        /** 启用日期 */
        commissioning: null,
        /** 原值（元） */
        originalValue: null,
        /** 使用年限 */
        durableYears: null,
        /** 净值（元） */
        netValue: null,
        /** 残值（元） */
        residualValue: null,
        /** 累计折旧（元） */
        accumulatedDepreciation: null,
        /** 最近折旧日期 */
        lastDepreciation: null,
        /** 折旧方式，0：其他 */
        depreciationMethod: null,
        /** 合同编号 */
        contractNumber: null,
        /** 出厂编号 */
        factoryNumber: null,
        /** 制造商 */
        manufacturer: null,
        /** 供应商 */
        supplier: null,
        /** 资产用途 */
        purpose: null,
        /** 维保到期日期 */
        maintenance: null,
        /** 维修电话 */
        maintenanceTel: null,
        /** 维修人员 */
        maintenanceUser: null,
        /** 所属公司 */
        corporation: null,
        /** 记录状态，0：未提交，1：已提交 */
        recordStatus: null,
        /** 是否白名单 */
        isWhitelist: null,
        /** 预留字段b */
        reservedColumnB: null,
        /** 预留字段c */
        reservedColumnC: null,
        /** 预留字段d */
        reservedColumnD: null,
        /** 预留字段e */
        reservedColumnE: null,
        /** 预留字段f */
        reservedColumnF: null,
        /** 预留字段g */
        reservedColumnG: null,
        /** 预留字段h */
        reservedColumnH: null,
        /** 预留字段i */
        reservedColumnI: null,
        /** 预留字段j */
        reservedColumnJ: null
      }
    }
  }
}
</script>

<style>

</style>
