<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.id}}</div>
           </div>
           <div class="item">
            <div class="title">SN码</div><div class="content"> {{dataInfo.snCode}}</div>
           </div>
         </div>  
        <div class="box"> 
           <div class="item">
            <div class="title">SN码说明</div><div class="content"> {{dataInfo.snIllustration}}</div>
           </div>
           <div class="item">
            <div class="title">创建时间</div><div class="content"> {{dataInfo.createTime}}</div>
           </div>
        </div>   
        <div class="box"> 
           <div class="item">
            <div class="title">SN码个数</div><div class="content"> {{dataInfo.snQuantity}}</div>
           </div>
           <div class="item">
            <div class="title">更新时间</div><div class="content"> {{dataInfo.updateTime}}</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>