<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">编号</div><div class="content"> {{dataInfo.categoryCode}}</div>
           </div>
         </div>  
        <div class="box"> 
           <div class="item">
            <div class="title">品类名称</div><div class="content"> {{dataInfo.categoryName}}</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">ids</div><div class="content"> {{dataInfo.ids}}</div>
           </div>
           <div class="item">
            <div class="title">父级品类编号</div><div class="content"> {{dataInfo.pCategoryCode}}</div>
           </div>
        </div>
        <div class="box">
           <div class="item">
            <div class="title">父级品类名称</div><div class="content"> {{dataInfo.pCategoryName}}</div>
           </div>
           <div class="item">
            <div class="title">供应商id</div><div class="content"> {{dataInfo.qualifyIds}}</div>
           </div>
        </div>   
        <div class="box"> 
           <div class="item">
            <div class="title">供应商名称</div><div class="content"> {{dataInfo.qualifyStr}}</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">备注</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>