<!--SN码详情弹窗-->
<template>
  <el-dialog title="详情" width='920px' :visible.sync="isShowInfo" append-to-body @close='close'>

    <div class="contanier">
      <el-descriptions v-if="dataInfo" class="margin-top" title="" label-class-name="description-label" :column="2" border>
        <el-descriptions-item label="SN码(固定标识)">
          {{ dataInfo.snFixedCode ? dataInfo.snFixedCode : '' }}
        </el-descriptions-item>
        <el-descriptions-item label="SN码固定标识名字">
          {{ dataInfo.snFixedIllustration ? dataInfo.snFixedIllustration : '' }}
        </el-descriptions-item>
        <el-descriptions-item label="SN码(起始序列号)">
          {{ dataInfo.snStartCode ? dataInfo.snStartCode : '' }}
        </el-descriptions-item>
        <el-descriptions-item label="SN码(终止序列号)">
          {{ dataInfo.snEndCode ? dataInfo.snEndCode : '' }}
        </el-descriptions-item>
        <el-descriptions-item label="设备型号">
          {{ dataInfo.productCode ? dataInfo.productCode : '' }}
        </el-descriptions-item>
        <el-descriptions-item label="设备品牌">
          {{ dataInfo.productBrandName ? dataInfo.productBrandName : '' }}
        </el-descriptions-item>
        <el-descriptions-item label="硬件版本">
          {{ dataInfo.hardwareVersion ? dataInfo.hardwareVersion : '' }}
        </el-descriptions-item>
        <el-descriptions-item label="软件版本">
          {{ dataInfo.softwareVersion ? dataInfo.softwareVersion : '' }}
        </el-descriptions-item>
        <el-descriptions-item label="生产日期">
          {{ dataInfo.productDate ? dataInfo.productDate : '' }}
        </el-descriptions-item>
        <el-descriptions-item label="核心配件">
          {{ dataInfo.coreParts ? dataInfo.coreParts : '' }}
        </el-descriptions-item>
        <el-descriptions-item label="备注">
          {{ dataInfo.remark ? dataInfo.remark : '' }}
        </el-descriptions-item>
      </el-descriptions>
    </div>
  </el-dialog>
</template>

<script>
import {infoDialog} from '../../../utils/myUtils/mixins/infoDialog'  //抽离porp 和 methods
export default {
  mixins: [infoDialog]
}
</script>

<style lang="scss" scoped>
@import '../../../assets/css/infoDialog.scss';

</style>