<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?dataInfo.id:''}}</div>
           </div>
           <div class="item">
            <div class="title">名称</div><div class="content"> {{dataInfo.brandName}}</div>
           </div>
         </div>  
        <div class="box"> 
           <div class="item">
            <div class="title">供应商</div><div class="content"> {{dataInfo.supplierStr}}</div>
           </div>
           <div class="item">
            <div class="title">品类</div><div class="content"> {{dataInfo.categoryStr}}</div>
           </div>
        </div>   
        <div class="box"> 
           <div class="item">
            <div class="title">categoryIds</div><div class="content"> {{dataInfo.categoryIds}}</div>
           </div>
           <div class="item">
            <div class="title">updateTime</div><div class="content"> {{dataInfo.updateTime}}</div>
           </div>
        </div>
        <div class="box">
           <div class="item">
            <div class="title">编号</div><div class="content"> {{dataInfo.brandCode}}</div>
           </div>
           <div class="item">
            <div class="title">性质</div><div class="content"> {{dataInfo.brandProperty}}</div>
           </div>
        </div>   
        <div class="box"> 
           <div class="item">
            <div class="title">备注</div><div class="content"> {{dataInfo.remark}}</div>
           </div>
           <div class="item">
            <div class="title">categorys</div><div class="content"> {{dataInfo.categorys}}</div>
           </div>
        </div>   
        <div class="box"> 
           <div class="item">
            <div class="title">createTime</div><div class="content"> {{dataInfo.createTime}}</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>