<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
<th:block th:include="include :: header('查看客户')" />
</head>
<body class="white-bg">
	<div class="wrapper wrapper-content animated fadeInRight ibox-content">
		<form class="form-horizontal m" id="form-customer-edit"
			th:object="${crmCustomer}">
			<input name="customerId" th:field="*{customerId}" type="hidden">
			<div class="row">
				<div class="col-sm-12">
					<div class="ibox float-e-margins">
						<div class="ibox-title">
							<h5 >基本信息</h5>
							<div class="ibox-tools">
								<a class="collapse-link"> <i class="fa fa-chevron-up"></i>
								</a>
							</div>
						</div>
						<div class="ibox-content">
							<div class="row">
								<div class="col-sm-6">
									<div class="form-group">
										<label class="col-sm-4 control-label is-required">客户名称：</label>
										<div class="col-sm-8">
											<div class="form-control-static"
												th:text="${crmCustomer.customerName}"></div>
										</div>
									</div>
								</div>
								<div class="col-sm-6">
									<div class="form-group">
										<label class="col-sm-4 control-label">客户简称：</label>
										<div class="col-sm-8">
											<div class="form-control-static"
												th:text="${crmCustomer.nameShort}"></div>
										</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-sm-6">
									<div class="form-group">
										<label class="col-sm-4 control-label is-required">负责人：</label>
										<div class="col-sm-8">
											<div class="form-control-static"
												th:text="${crmCustomer.leader}"></div>
										</div>
									</div>
								</div>
								<div class="col-sm-6">
									<div class="form-group">
										<label class="col-sm-4 control-label">职务：</label>
										<div class="col-sm-8">
											<div class="form-control-static"
												th:text="${crmCustomer.duty}"></div>
										</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-sm-6">
									<div class="form-group">
										<label class="col-sm-4 control-label is-required">固定电话：</label>
										<div class="col-sm-8">
											<div class="form-control-static"
												th:text="${crmCustomer.telephone}"></div>
										</div>
									</div>
								</div>
								<div class="col-sm-6">
									<div class="form-group">
										<label class="col-sm-4 control-label is-required">手机：</label>
										<div class="col-sm-8">
											<div class="form-control-static"
												th:text="${crmCustomer.mobile}"></div>
										</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-sm-6">
									<div class="form-group">
										<label class="col-sm-4 control-label">用户邮箱：</label>
										<div class="col-sm-8">
											<div class="form-control-static"
												th:text="${crmCustomer.email}"></div>
										</div>
									</div>
								</div>
								<div class="col-sm-6">
									<div class="form-group">
										<label class="col-sm-4 control-label">传真：</label>
										<div class="col-sm-8">
											<div class="form-control-static" th:text="${crmCustomer.fax}"></div>
										</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-sm-6">
									<div class="form-group">
										<label class="col-sm-4 control-label">网址：</label>
										<div class="col-sm-8">
											<div class="form-control-static"
												th:text="${crmCustomer.website}"></div>
										</div>
									</div>
								</div>
								<div class="col-sm-6">
									<div class="form-group">
										<label class="col-sm-4 control-label">邮编：</label>
										<div class="col-sm-8">
											<div class="form-control-static" th:text="${crmCustomer.zip}"></div>
										</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-sm-6">
									<div class="form-group">
										<label class="col-sm-4 control-label">所属行业：</label>
										<div class="col-sm-8">
											<div class="form-control-static"
												th:text="${@dict.getLabel('industry', crmCustomer.industry)}"></div>
										</div>
									</div>
								</div>
								<div class="col-sm-6">
									<div class="form-group">
										<label class="col-sm-4 control-label">客户状态：</label>
										<div class="col-sm-8">
											<div class="form-control-static"
												th:text="${@dict.getLabel('crm_customer_status', crmCustomer.customerStatus)}"></div>
										</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-sm-6">
									<div class="form-group">
										<label class="col-sm-4 control-label">客户来源：</label>
										<div class="col-sm-8">
											<div class="form-control-static"
												th:text="${@dict.getLabel('crm_customer_source', crmCustomer.customerSource)}"></div>
										</div>
									</div>
								</div>
								<div class="col-sm-6">
									<div class="form-group">
										<label class="col-sm-4 control-label">客户等级：</label>
										<div class="col-sm-8">
											<div class="form-control-static"
												th:text="${@dict.getLabel('crm_customer_degree', crmCustomer.customerDegree)}"></div>
										</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-sm-6">
									<div class="form-group">
										<label class="col-sm-4 control-label">客户优先级：</label>
										<div class="col-sm-8">
											<div class="form-control-static"
												th:text="${@dict.getLabel('crm_customer_priority', crmCustomer.customerPriority)}"></div>
										</div>
									</div>
								</div>
								<div class="col-sm-6">
									<div class="form-group">
										<label class="col-sm-4 control-label">客户信誉度：</label>
										<div class="col-sm-8">
											<div class="form-control-static"
												th:text="${@dict.getLabel('crm_customer_credit', crmCustomer.customerCredit)}"></div>
										</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-sm-6">
									<div class="form-group">
										<label class="col-sm-4 control-label">年收入：</label>
										<div class="col-sm-8">
											<div class="form-control-static"
												th:text="${crmCustomer.annualIncome}"></div>
										</div>
									</div>
								</div>
								<div class="col-sm-6">
									<div class="form-group">
										<label class="col-sm-4 control-label">客户地址：</label>
										<div class="col-sm-8">
											<div class="form-control-static"
												th:text="${crmCustomer.address}"></div>
										</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-sm-12">
									<div class="form-group">
										<label class="col-xs-2 control-label">备注：</label>
										<div class="col-xs-10">
											<div class="form-control-static"
												th:text="${crmCustomer.remark}"></div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="tabs-container">
					<ul class="nav nav-tabs">
						<li class="active"><a data-toggle="tab" href="#tab-1"
							aria-expanded="true"> 第一个选项卡</a></li>
						<li class=""><a data-toggle="tab" href="#tab-2"
							aria-expanded="false">第二个选项卡</a></li>
					</ul>
					<div class="tab-content">
						<div id="tab-1" class="tab-pane active">
							<div class="panel-body">
								<strong>HTML5 文档类型</strong>
								<p>Bootstrap 使用到的某些 HTML 元素和 CSS 属性需要将页面设置为 HTML5
									文档类型。在你项目中的每个页面都要参照下面的格式进行设置。</p>
							</div>
						</div>
						<div id="tab-2" class="tab-pane">
							<div class="panel-body">
								<strong>移动设备优先</strong>
								<p>在 Bootstrap 2 中，我们对框架中的某些关键部分增加了对移动设备友好的样式。而在 Bootstrap 3
									中，我们重写了整个框架，使其一开始就是对移动设备友好的。这次不是简单的增加一些可选的针对移动设备的样式，而是直接融合进了框架的内核中。也就是说，Bootstrap
									是移动设备优先的。针对移动设备的样式融合进了框架的每个角落，而不是增加一个额外的文件。</p>
							</div>
						</div>
					</div>


				</div>
			</div>
		</form>
	</div>
	<th:block th:include="include :: footer" />
	<script type="text/javascript">
		var prefix = ctx + "crm/customer";
	</script>
	<!-- 页面上面板操作js -->
	<script src="../static/jeethink/content.js" th:src="@{/jeethink/content.js}"></script>
</body>
</html>