<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.distributorCode}}</div>
           </div>
           <div class="item">
            <div class="title">经销商名称</div><div class="content"> {{dataInfo.distributorName}}</div>
           </div>
         </div>  
        <div class="box"> 
           <div class="item">
            <div class="title">distributorAreaName</div><div class="content"> {{dataInfo.distributorAreaName}}</div>
           </div>
           <div class="item">
            <div class="title">distributorArea</div><div class="content"> {{dataInfo.distributorArea}}</div>
           </div>
        </div>   
        <div class="box"> 
           <div class="item">
            <div class="title">企业类型</div><div class="content"> {{dataInfo.companyTypeName}}</div>
           </div>
           <div class="item">
            <div class="title">单位性质</div><div class="content"> {{dataInfo.companyNatureName}}</div>
           </div>
        </div>
        <div class="box">
           <div class="item">
            <div class="title">companyCity</div><div class="content"> {{dataInfo.companyCity}}</div>
           </div>
           <div class="item">
            <div class="title">companyProvince</div><div class="content"> {{dataInfo.companyProvince}}</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>