<template>
   <el-dialog  title="详情" width='920px' :visible.sync="isShowInfo" append-to-body @close='close'>
   
      <div class="contanier" >
        <div class="box" >
           <div class="item">
            <div class="title">序号</div><div class="content"> {{dataInfo.index}}</div>
           </div>
           <div class="item">
            <div class="title">编号</div><div class="content"> {{dataInfo.id}}</div>
           </div>
         </div>  
        <div class="box"> 
           <div class="item">
            <div class="title">硬件版本</div><div class="content"> {{dataInfo.hardwareVersion}}</div>
           </div>
           <div class="item">
            <div class="title">设备品牌码</div><div class="content"> {{dataInfo.productBrandCode}}</div>
           </div>
        </div>   
        <div class="box"> 
           <div class="item">
            <div class="title">设备品牌名称</div><div class="content"> {{dataInfo.productBrandName}}</div>
           </div>
           <div class="item">
            <div class="title">productCode</div><div class="content"> {{dataInfo.productCode}}</div>
           </div>
        </div>
        <div class="box">
           <div class="item">
            <div class="title">productDate</div><div class="content"> {{dataInfo.productDate}}</div>
           </div>
           <div class="item">
            <div class="title">设备id</div><div class="content"> {{dataInfo.productId}}</div>
           </div>
        </div>   
        <div class="box"> 
           <div class="item">
            <div class="title">设备名称</div><div class="content"> {{dataInfo.productName}}</div>
           </div>
           <div class="item">
            <div class="title">更新时间</div><div class="content"> {{dataInfo.updateTime}}</div>
           </div>
        </div>   
        <div class="box"> 
           <div class="item">
            <div class="title">SN起始序列码</div><div class="content"> {{dataInfo.snStartCode}}</div>
           </div>
           <div class="item">
            <div class="title">SN终止序列码</div><div class="content"> {{dataInfo.snEndCode}}</div>
           </div>
        </div>  
        <div class="box"> 
           <div class="item">
            <div class="title">软件版本</div><div class="content"> {{dataInfo.softwareVersion}}</div>
           </div>
           <div class="item">
            <div class="title">SN终止序列码</div><div class="content"> {{dataInfo.snEndCode}}</div>
           </div>
        </div>  
        <div class="box"> 
           <div class="item">
            <div class="title">软件版本</div><div class="content"> {{dataInfo.softwareVersion}}</div>
           </div>
           <div class="item">
            <div class="title">snFixedCode</div><div class="content"> {{dataInfo.snFixedCode}}</div>
           </div>
        </div>  
        <div class="box"> 
           <div class="item">
            <div class="title">snFixedId</div><div class="content"> {{dataInfo.snFixedId}}</div>
           </div>
           <div class="item">
            <div class="title">snFixedIllustration</div><div class="content"> {{dataInfo.snFixedIllustration}}</div>
           </div>
        </div>  
        <div class="box"> 
         <div class="item">
            <div class="title">段码个数</div><div class="content"> {{dataInfo.snSegmentNum}}</div>
           </div>
           <div class="item">
            <div class="title">备注</div><div class="content"> {{dataInfo.remark}}</div>
           </div>
        </div>
      </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>