<template>
	<el-dialog
	:visible.sync="isOpenCustomDtl"
	:close-on-click-modal="false"
	:modal-append-to-body='false'
	@close="cancelHandle"
	custom-class="customDtl_Dia"
	center
	width="50%">
		<div slot="title" style="display:flex;alignItems:center;">
			<span style="fontSize:16px;">{{title}}</span>
		</div>
		<ul class="custom_dtl">
			<li>
				客户名称：{{companyInfo.CompanyName}}
			</li>
			<li>
				社会信用码：{{companyInfo.CreditCode}}
			</li>
			<li>
				地址：{{companyInfo.Address}}
			</li>
			<li>
				客户类型：{{companyInfo.CompanyType}}
			</li>
			<li>
				客户状态：{{companyInfo.Status}}
			</li>
			<li>
				客户来源：{{companyInfo.Source}}
			</li>
			<li>
				行业：{{companyInfo.IndustryName}}
			</li>
			<li>
				所属销售：{{companyInfo.SellerName}}
			</li>
			<li>
				申请理由：{{companyInfo.ApplyReasons||'无'}}
			</li>
		</ul>
		<div style="display:flex;justify-content:center;margin:60px 0 40px;">
			<el-button type="primary" style="width:80px;marginRight:24px;" @click="cancelHandle">知道了</el-button>
		</div>
	</el-dialog>
</template>

<script>
export default {
	props: {
		isOpenCustomDtl: {
			type: Boolean,
			default: false
		},
		title: {
			type: String,
			default: '客户信息'
		},
		companyInfo: {
			type: Object,
		}
	},
	data () {
		return {

		};
	},
	methods: {
		cancelHandle() {
			this.$emit('cancelHandle');
		}
	},
	created() {},
	mounted() {},
}
</script>
<style lang='scss'>
.customDtl_Dia { 
	.el-dialog__header ,.el-dialog__close.el-icon.el-icon-close {
	 background: #fff;
	 color: #000;
	}
	.custom_dtl {
		padding: 20px 20px 10px;
		border: 1px solid #DCDFE6;
		font-size: 16px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		li {
			margin-right: 100px;
			margin-bottom: 20px;
			min-width: 250px;
		}
	}
}
</style>