<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>信保管理-中信保-列表页</title>
		<link rel="stylesheet" href="/css/external/messageManage/messageManage.css" type="text/css">
		<style>
			
			.customerMarketingList{
				position:absolute;
				top:0.4rem;
				left:100%;
				width:100%;
			}
			#columnchoose{
				display:none !important;
			}
			.statisticalAmount{
				font-weight:bold;
			}
		</style>
	</head>
	<body>
	<div class="base-extend">
		<ol class="breadcrumb">
		  	<li>信保管理</li>
		  	<li>中信保</li>
		</ol>
		<!-- 新增长银保单弹框容器 -->
		<div class="addWarrantyBox"></div>
		<!-- 新增进口方额度弹框容器 -->
		<div class='addImporterBox'></div>
		
		<div class="listBackBox" style="padding-top:0;">
			<div class="projectTableBox" id="formForProjectListBox" style="margin:0;">
				<ul class="projectListTab">
					<li class="active inkassonPolicyManagement" tag:hasPermission="inkassonPolicyManagement">长银保单管理</li>
					<li class="importerQuotaManagement" tag:hasPermission="importerQuotaManagement">进口方额度管理</li>
				</ul>
				<div class="customerMarketingList formForProjectList col-xs-12 businessTable" style="left:0;padding:0.1rem 0.2rem 0 0.2rem;" tipword="长银保单管理">
					<div class="row" style="margin:0;padding:0.1rem 0;">
						<div style="width:auto;float:left;">
							<button id="addWarranty" class="btn btn-white btn-info colorbtn" tag:hasPermission="addInkassonPolicy">新增</button>
							<button id="refreshWarranty" class="btn btn-white btn-info">刷新</button>
							<button id="recordWarranty" class="btn btn-white btn-info" tag:hasPermission="listHistoricInkassonPolicy">综合险历史授信记录</button>
						</div>
						<div style="float:right;">
							<div style="float:right;">
								<button id="searchBtnWarranty" class="btn btn-white btn-info colorbtn" style="margin-right:0;">查询</button>
							</div>
							<div style="float:right;width:3rem;margin-right:0.05rem;">
								<input style="width:100%" maxlength="30" class="form-control" id="searchNameWarranty" placeholder="请输入进口方/出口方名称" />
							</div>
							<div style="float:right;width:1.5rem;margin-right:0.05rem;">
								<select class="form-control warrantySelect">
									<option value="">请选择</option>
									<option value="true">进口方</option>
									<option value="false">出口方</option>
								</select>
							</div>
						</div>
					</div>
					<div style="margin-bottom:0.2rem;">
						<table class="notFormTable">
							<tbody>
								<tr>
									<td width="13%" style="text-align:left">综合险额度：</td>
									<td width="12%" style="text-align:left;background-color:#fff">
										<span class="statisticalAmount" style="color:#108EE9"></span>
									</td>
									<td width="13%" style="text-align:left">综合险生效日：</td>
									<td width="12%" style="text-align:left;background-color:#fff">
										<span class="statisticalAmount" style="color:#108EE9;"></span>
									</td>
									<td width="13%" style="text-align:left">综合险到期日：</td>
									<td width="12%" style="text-align:left;background-color:#fff">
										<span class="statisticalAmount" style="color:#108EE9;"></span>
									</td>
									<td width="13%" style="text-align:left">最高赔偿额：</td>
									<td width="12%" style="text-align:left;background-color:#fff">
										<span class="statisticalAmount" style="color:#108EE9;"></span>
									</td>
								</tr>
								<tr>
									<td width="13%" style="text-align:left">预占综合险额度：</td>
									<td width="12%" style="text-align:left;background-color:#fff">
										<span class="statisticalAmount" style="color:green;"></span>
									</td>
									<td width="13%" style="text-align:left">预占综合险余额：</td>
									<td width="12%" style="text-align:left;background-color:#fff">
										<span class="statisticalAmount" style="color:green;"></span>
									</td>
									<td width="13%" style="text-align:left">预占最高赔偿额：</td>
									<td width="12%" style="text-align:left;background-color:#fff">
										<span class="statisticalAmount" style="color:green;"></span>
									</td>
									<td width="13%" style="text-align:left;padding-right:0;">预占最高赔偿额余额：</td>
									<td width="12%" style="text-align:left;background-color:#fff">
										<span class="statisticalAmount" style="color:green;"></span>
									</td>
								</tr>
								<tr>
									<td width="13%" style="text-align:left">实占综合险额度：</td>
									<td width="12%" style="text-align:left;background-color:#fff">
										<span class="statisticalAmount" style="color:#F3B061;"></span>
									</td>
									<td width="13%" style="text-align:left">实占综合险余额：</td>
									<td width="12%" style="text-align:left;background-color:#fff">
										<span class="statisticalAmount" style="color:#F3B061;"></span>
									</td>
									<td width="13%" style="text-align:left">实占最高赔偿额：</td>
									<td width="12%" style="text-align:left;background-color:#fff">
										<span class="statisticalAmount" style="color:#F3B061;"></span>
									</td>
									<td width="13%" style="text-align:left;padding-right:0;">实占最高赔偿额余额：</td>
									<td width="12%" style="text-align:left;background-color:#fff">
										<span class="statisticalAmount" style="color:#F3B061;"></span>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
					<table id="customerList" class="tablebox" style="width: 100%;"></table>
					<div id="customerListPage" class="tablepagebox"></div>
				</div>
				<div class="customerMarketingList formForProjectList col-xs-12 businessTable" style="padding:0.1rem 0.2rem 0 0.2rem;" tipword='进口方额度管理'>
					<div class="row" style="margin:0;padding:0.1rem 0;">
						<div style="width:auto;float:left;">
							<button id="addImporter" class="btn btn-white btn-info colorbtn" tag:hasPermission="addImporterQuota">新增</button>
							<button id="refreshImporter" class="btn btn-white btn-info">刷新</button>
						</div>
						<div style="float:right;">
							<div style="float:right;">
								<button id="searchBtnImporter" class="btn btn-white btn-info colorbtn" style="margin-right:0;">查询</button>
							</div>
							<div style="float:right;width:3rem;margin-right:0.05rem;">
								<input style="width:100%" maxlength="30" class="form-control" id="searchNameImporter" placeholder="请输入进口方名称" />
							</div>
							<div style="float:right;width:1.5rem;margin-right:0.05rem;">
								<select class="form-control importerSelect">
									<option value="">请选择</option>
									<option value="true">已到期</option>
									<option value="false">未到期</option>
								</select>
							</div>
						</div>
					</div>
					<table id="customerList2" class="tablebox" style="width: 100%;"></table>
					<div id="customerListPage2" class="tablepagebox"></div>
				</div>
			</div>
		</div>
	
		<!-- 限额生效日弹框 -->
		<div class="modal fade businessDialog" id="myModal-effectiveDay" data-backdrop="static">
			<div class="modal-dialog" style="width:8rem;">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true" style="font-size:0.18rem">×</span><span class="sr-only">关闭</span>
					</button>
					<span class="modal-title">限额生效日</span>
				</div>
				<div class="modal-content" style="max-height:4.7rem;overflow-y:auto;overflow-x:hidden;">
					<form class="form-horizontal" id="handlePremiumForm" action="/importerQuota/eci/doUpdateExpiringDate" method="post" autocomplete="off">
						 <input type="hidden" name="id" id="effectiveDayId">
						 <div class="newTabAddUpdateBox" style="position:static;border:none;padding-left:0.2rem;padding-right:0.2rem;padding-bottom:0;">
							<div class="row">
								<table>
									<!-- <tr>
										<td width="25%">
											<span class="required_fileds_star">限额生效日</span>：
										</td>
										<td width="75%" class="enter">
											<input type="text" class="form-control" readOnly name="effectiveDate">
										</td>
									</tr>
									<tr>
										<td width="25%">
											<span class="required_fileds_star">限额闲置期</span>：
										</td>
										<td width="75%" class="enter">
											<input type="text" class="form-control nowrite" readOnly value="180天">
										</td>
									</tr> -->
									<tr>
										<td width="25%">
											<span class="required_fileds_star">限额到期日</span>：
										</td>
										<td width="75%" class="enter">
											<input type="text" class="form-control" name="expiringDate" readonly>
										</td>
									</tr>
								</table>
							</div>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button class="btn btn-default btn-white btn-info colorbtn" style='margin-bottom:0;'>确认</button>
					<button class="btn btn-default btn-white btn-info canclebtn" data-dismiss="modal" style='margin-bottom:0;'>取消</button>
				</div>
			</div>
		</div>
		<!-- 限额占用统计弹框 -->
		<div class="modal fade businessDialog" id="myModal-occupyCount" data-backdrop="static">
			<div class="modal-dialog" style="width:8rem;">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true" style="font-size:0.18rem">×</span><span class="sr-only">关闭</span>
					</button>
					<span class="modal-title">占用统计</span>
				</div>
				<div class="modal-content" style="max-height:4.7rem;overflow-y:auto;overflow-x:hidden;">
					<form class="form-horizontal" id="occupyCountViewForm" autocomplete="off">
						 <input type="hidden" name="id" class="occupyCount">
						 <div class="newTabAddUpdateBox" style="position:static;border:none;padding-left:0.2rem;padding-right:0.2rem;padding-bottom:0;">
							<div class="row">
								<table>
									<tr>
										<td width="16.5%">
											<span class="">限额额度</span>：
										</td>
										<td width="16.5%" style="background-color:#fff;" class="limitAmount"></td>
										<td width="16.5%">
											<span class="">限额生效日</span>：
										</td>
										<td width="16.5%" style="background-color:#fff;" class="effectiveDate"></td>
										<td width="16.5%">
											<span class="">限额到期日</span>：
										</td>
										<td width="17.5%" style="background-color:#fff;" class="expiringDate"></td>
									</tr>
								</table>
							</div>
							<div class="row">
								<table>
									<tr>
										<td width="20%">
											<span class="">预占限额额度</span>：
										</td>
										<td width="30%" style="background-color:#fff;" class="desire_limitAmount"></td>
										<td width="20%">
											<span class="">预占限额余额</span>：
										</td>
										<td width="30%" style="background-color:#fff;" class="desire_limitBalance"></td>
									</tr>
									<tr>
										<td width="20%">
											<span class="">实占限额额度</span>：
										</td>
										<td width="30%" style="background-color:#fff;" class="real_limitAmount"></td>
										<td width="20%">
											<span class="">实占限额余额</span>：
										</td>
										<td width="30%" style="background-color:#fff;" class="real_limitBalance"></td>
									</tr>
								</table>
							</div>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button class="btn btn-default btn-white btn-info canclebtn" data-dismiss="modal" style='margin-bottom:0;'>取消</button>
				</div>
			</div>
		</div>
	</div>
	<!-- 判断权限 -->
	<div style="display:none;">
		<span tag:hasPermission="listDetailInkassonPolicy" id="listDetailInkassonPolicy">长银保单-详情按钮</span>
		<span tag:hasPermission="updateImporterQuota" id="updateImporterQuota">进口方额度-授信变更</span>
		<span tag:hasPermission="updateExpiringImporterQuota" id="updateExpiringImporterQuota">进口方额度-到期日维护</span>
		<span tag:hasPermission="listHistoricImporterQuota" id="listHistoricImporterQuota">进口方额度-历史授信记录</span>
		<span tag:hasPermission="occupancyStatisticImporterQuota" id="occupancyStatisticImporterQuota">进口方额度-限额占用统计</span>
	</div>
	</body>
	<script src="/js/credit/insurance/policy/exportCreditInsuranceList.js"></script>
</html>