<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.code">{{assetInfo.code}}</el-descriptions-item>
      <el-descriptions-item label="epc" v-if="assetInfo.epc">{{assetInfo.epc}}</el-descriptions-item>
      <el-descriptions-item label="epc补充长度" v-if="assetInfo.epcReplenishLength">{{assetInfo.epcReplenishLength}}</el-descriptions-item>
      <el-descriptions-item label="资产编号" v-if="assetInfo.number">{{assetInfo.number}}</el-descriptions-item>
      <el-descriptions-item label="资产名称" v-if="assetInfo.name">{{assetInfo.name}}</el-descriptions-item>
      <el-descriptions-item label="数量" v-if="assetInfo.quantity">{{assetInfo.quantity}}</el-descriptions-item>
      <el-descriptions-item label="计量单位" v-if="assetInfo.units">{{assetInfo.units}}</el-descriptions-item>
      <el-descriptions-item label="分类ID" v-if="assetInfo.categoryId">{{assetInfo.categoryId}}</el-descriptions-item>
      <el-descriptions-item label="分类编号" v-if="assetInfo.categoryNumber">{{assetInfo.categoryNumber}}</el-descriptions-item>
      <el-descriptions-item label="分类名称" v-if="assetInfo.categoryName">{{assetInfo.categoryName}}</el-descriptions-item>
      <el-descriptions-item label="所在位置ID" v-if="assetInfo.locationId">{{assetInfo.locationId}}</el-descriptions-item>
      <el-descriptions-item label="所在位置编号" v-if="assetInfo.locationNumber">{{assetInfo.locationNumber}}</el-descriptions-item>
      <el-descriptions-item label="所在位置名称" v-if="assetInfo.locationName">{{(assetInfo.ancestorLocationName ? assetInfo.ancestorLocationName + "-" : "") +  (assetInfo.parentLocationName ?  assetInfo.parentLocationName + "-" : "") + assetInfo.locationName}}</el-descriptions-item>
      <el-descriptions-item label="所在位置标签" v-if="assetInfo.locationLabel">{{assetInfo.locationLabel}}</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="使用部门ID" v-if="assetInfo.userDepartment">{{assetInfo.userDepartment}}</el-descriptions-item>
      <el-descriptions-item label="使用部门名称" v-if="assetInfo.userDepartmentName">{{assetInfo.userDepartmentName}}</el-descriptions-item>
      <el-descriptions-item label="管理部门ID" v-if="assetInfo.department">{{assetInfo.department}}</el-descriptions-item>
      <el-descriptions-item label="管理部门名称" v-if="assetInfo.departmentName">{{assetInfo.departmentName}}</el-descriptions-item>
      <el-descriptions-item label="所属公司" v-if="assetInfo.corporation">{{assetInfo.corporation}}</el-descriptions-item>
      <el-descriptions-item label="所属公司名称" v-if="assetInfo.corporationName">{{assetInfo.corporationName}}</el-descriptions-item>
      <el-descriptions-item label="责任人" v-if="assetInfo.responsiblePerson">{{assetInfo.responsiblePerson}}</el-descriptions-item>
      <el-descriptions-item label="资产性质" v-if="assetInfo.property">{{assetInfo.property}}</el-descriptions-item>
      <el-descriptions-item label="资产用途" v-if="assetInfo.purpose">{{assetInfo.purpose}}</el-descriptions-item>
      <el-descriptions-item label="入账时间" v-if="assetInfo.paymentReceivingTime">{{assetInfo.paymentReceivingTime}}</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.durableYears">{{assetInfo.durableYears}}</el-descriptions-item>
      <el-descriptions-item label="开始使用日期" v-if="assetInfo.startDate">{{assetInfo.startDate}}</el-descriptions-item>
      <el-descriptions-item label="预计使用期限" v-if="assetInfo.lifeExpectancy">{{assetInfo.lifeExpectancy}}</el-descriptions-item>
      <el-descriptions-item label="预计使用期限单位" v-if="assetInfo.lifeUnits">{{assetInfo.lifeUnits}}</el-descriptions-item>
      <el-descriptions-item label="资产原值（元）" v-if="assetInfo.originalValue">{{assetInfo.originalValue}}</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.depreciationMethod">{{assetInfo.depreciationMethod}}</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.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.maintenanceUser">{{assetInfo.maintenanceUser}}</el-descriptions-item>
      <el-descriptions-item label="维修电话" v-if="assetInfo.maintenanceTel">{{assetInfo.maintenanceTel}}</el-descriptions-item>
      <el-descriptions-item label="维保到期日期" v-if="assetInfo.maintenanceDate">{{assetInfo.maintenanceDate}}</el-descriptions-item>
      <el-descriptions-item label="记录状态" v-if="assetInfo.recordStatus">{{assetInfo.recordStatus}}</el-descriptions-item>
      <el-descriptions-item label="是否白名单" v-if="assetInfo.isWhitelist">{{assetInfo.isWhitelist}}</el-descriptions-item>
      <el-descriptions-item label="备注" v-if="assetInfo.remark">{{assetInfo.remark}}</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,
        /** 资产名称 */
        epc: null,
        /** 资产编号 */
        epcReplenishLength: null,
        /** 图片路径 */
        number: null,
        /** 资产分类编号 */
        name: null,
        /** 规格型号 */
        categoryId: null,
        /** ABC分类 */
        categoryNumber: null,
        /** 管理状态，0：闲置 */
        categoryName: null,
        /** 所属位置ID */
        locationId: null,
        /** 所属位置编号 */
        locationNumber: null,
        /** 所属位置名称 */
        locationName: null,
        /** 所属位置标签 */
        locationLabel: null,
        /** 规格型号 */
        specificationsModel: null,
        /** ABC分类 */
        abcCategory: null,
        /** 管理状态 */
        manageStatus: null,
        /** 使用部门ID */
        userDepartment: null,
        /** 使用部门名称 */
        userDepartmentName: null,
        /** 管理部门ID */
        department: null,
        /** 管理部门名称 */
        departmentName: null,
        /** 所属公司ID */
        corporation: null,
        /** 所属公司名称 */
        corporationName: null,
        /** 责任人 */
        responsiblePerson: null,
        /** 资产性质 */
        property: null,
        /** 资产用途 */
        purpose: null,
        /** 入账时间 */
        paymentReceivingTime: null,
        /** 购置日期 */
        purchase: null,
        /** 启用日期 */
        commissioning: null,
        /** 使用年限 */
        durableYears: null,
        /** 开始使用日期 */
        startDate: null,
        /** 预计使用期限 */
        lifeExpectancy: null,
        /** 预计使用期限单位 */
        lifeUnits: null,
        /** 原值（元） */
        originalValue: null,
        /** 净值（元） */
        netValue: null,
        /** 残值（元） */
        residualValue: null,
        /** 折旧方式，0：其他 */
        depreciationMethod: null,
        /** 累计折旧（元） */
        accumulatedDepreciation: null,
        /** 最近折旧日期 */
        lastDepreciation: null,
        /** 合同编号 */
        contractNumber: null,
        /** 出厂编号 */
        factoryNumber: null,
        /** 制造商 */
        manufacturer: null,
        /** 供应商 */
        supplier: null,
        /** 维修人员 */
        maintenanceUser: null,
        /** 维修电话 */
        maintenanceTel: null,
        /** 维保到期日期 */
        maintenance: null,
        /** 记录状态，0：未提交，1：已提交 */
        recordStatus: null,
        /** 是否白名单 */
        isWhitelist: null,
        /** 备注 */
        remark: null
      }
    }
  }
}
</script>

<style>

</style>
