<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>私塾家</title>
<script th:include="sys/common/metaCSS" th:remove="tag"></script> 
<script th:include="sys/common/metaJS" th:remove="tag"></script> 
<script src="sys/js/My97DatePicker/WdatePicker.js" th:src="@{/static/sys/js/My97DatePicker/WdatePicker.js}"></script>
</head>
<style>
	.tablelink{margin-right:10px;}
	.stylecss{
	      color: red;
	}
	.select_width{
	     width: 220px;
	}
	.date_width{
	     width: 150px;
	}
	
	.tablelist th,td{
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	#mealServiceAdd .zwfb_shop_table {
		margin-top: 10px
	}
	#mealServiceAdd tbody {
	    display: table-row-group;
	    vertical-align: middle;
    	border-color: inherit;
	}
	#mealServiceAdd .fwmc_xxk {
	    overflow: hidden;
	    margin-left: 20px;
	}
	#mealServiceAdd .fwmc_xxk li {
	    float: left;
	    width: 150px;
	    height: 52px;
	    border: 1px solid #ddd;
	    font-size: 18px;
	    color: #666;
	    margin-right: 30px;
	    text-align: center;
	    margin-bottom: 25px;
	    overflow: hidden;
	    cursor: pointer;
	}
	#mealServiceAdd .fwmc_xxk li p {
	    line-height: 18px;
	    font-size: 12px;
	    color: #999;
	    margin-top: 5px;
	}
	#mealServiceAdd .zwsl_num {
	    margin-left: 20px;
	    font-size: 16px;
	    color: #333;
	}
	#mealServiceAdd .zwsl_num span {
	    color: #999;
	    font-size: 12px;
	    padding-left: 10px;
	}
	#mealServiceAdd .nmb_jj {
	    overflow: hidden;
	    margin-left: 20px;
	}
	#mealServiceAdd .nmb_jj li.jian {
	    border-right: none;
	    cursor: pointer;
	    color: #999;
	    width: 30px;
	    padding: 0;
	}
	#mealServiceAdd .nmb_jj li {
	    float: left;
	    text-align: center;
	    line-height: 30px;
	    border: 1px solid #ddd;
	    font-size: 20px;
	    padding: 0 8px;
	}
	#mealServiceAdd .nmb_jj li .srkk {
	    width: 30px;
	    font-size: 16px;
	    border: none;
	    line-height: 30px;
	    text-align: center;
	    outline: 0;
	    background: #FFF;
	}
	#mealServiceAdd .nmb_jj li.jia {
	    border-left: none;
	    cursor: pointer;
	    color: #999;
	    width: 30px;
	    padding: 0;
	}
	#mealServiceAdd a.ty_but {
	    width: 130px;
	    height: 40px;
	    line-height: 40px;
	    text-align: center;
	    display: block;
	    font-size: 16px;
	    color: #fff;
	    border-radius: 3px;
	    background: #169ed8;
	}
	#mealServiceAdd a.ty_but:hover {
	    background: #1187ba;
	}
	#mealServiceAdd .fwmc_xxk li.sign_type_select_on {
	    background: url(/static/sys/images/fwkk.jpg) no-repeat center;
	    color: #169ed8;
	    border: 1px solid #169ed8;
	}
	
</style>
<body>

<div class="rightinfo">
	<form id="seachform" th:action="@{/sys/fx/merchantBackupList.html}" method="post">
	<input type="hidden" name="reportType" id="reportType" />
	<input type="hidden" name="pageSize" id="pageSize" value="10" />
	<ul class="seachform">
		<li>
		 <label>商户名称</label>
		  <input name=LIKE_orgCode type="hidden" class="scinput" th:value="${search.get('LIKE_orgCode')}"/>
		  <input name="LIKE_unitName" type="text" class="scinput" th:value="${search.get('LIKE_unitName')}"/>
	    </li>
		    
	    <li>
		 <label>商户账号</label>
		  <input name="LIKE_posCode" type="text" class="scinput" th:value="${search.get('LIKE_posCode')}"/>
	    </li>
		    
	    <li>
		 <label>商户模式</label>
		 	<select class="scinput select_width" name="signType" id="signType"   style="width: 150px;" >
		 	 	<option value="" >全部</option>
				<option value="0"  th:selected="${search.get('signType') eq '0' ? true : false}" >旧模式</option>
				<option value="1"  th:selected="${search.get('signType') eq '1' ? true : false}">新模式</option>
			</select>
	    </li>
	    
	 	<li>
		 <label>备份月份</label>
		 <input type="text" id="EQ_backupMonth" name="EQ_backupMonth" th:value="${search.get('EQ_backupMonth')}"  onfocus="WdatePicker({dateFmt:'yyyy-MM'})" autocomplete="off"  class="scinput date_width " placeholder="备份月份">
	    </li>
	    
		<li>
			<input type="button" class="scbtn" value="查询" />
		</li>

	</ul>
	</form>
	<ul style="margin-bottom: 10px" >
	  <li>
		<input type="button" id="button" class="scbtn" value="导出商户" />
      </li>
	</ul>
	 
	

	<table class="tablelist">
		<thead>
		    <tr>
		    	<th >商户账号</th>
		    	<th >商户编码 </th>
		    	<th >商户类别 </th>
		    	<th >商户名称：合作名称/合作校区 </th>
		    	<th >套餐类型 </th>
		    	<th >套餐单价：平台管理费</th> 
		        <th >关联机构</th> 
		        <th >端口数量</th>
		        <th >塾币数量</th>  
		        <th >甲方签约人</th> 
		        <th >合同编号</th> 
		        <th >合同签约时间</th> 
		        <th >地址</th> 
		        <th >法人姓名</th> 
		        <th >法人电话</th> 
		        <th >商户代表</th> 
		        <th >代表电话</th> 
		        <th >合同开始日期</th> 
		        <th >合同结束日期</th> 
		        <th >激活开始日期</th> 
		        <th >激活结束日期</th> 
		        <th >计费开始日期</th> 
		        <th >服务结束日期</th> 
		        <th >签约数（练习册用）</th> 
		        <th >状态</th> 
		        <th >创建时间</th> 
		    </tr> 
		</thead>
		<tbody>
			<tr th:each="item:${list}" >
		
					<td th:title="${item.posCode}" th:text="${item.posCode}"></td>
					<td th:title="${item.orgCode}" th:text="${item.orgCode}"></td>
					<td  th:switch="${item.type}">
					   <span th:case="1" >直接签约(旧模式) </span>
					   <span th:case="2" >内部消耗</span>
					   <span th:case="3" >外部签约</span>
					   <span th:case="4" >内部不结算(财务) </span>
					   <span th:case="5" >直接签约(新模式)</span>
					</td>
					
					<td th:title="${item.unitName}" th:text="${item.unitName}"></td>
					
					<td  th:switch="${item.mealType}">
					   <span th:case="0" >旧兼容模式</span>
					   <span th:case="1" >优选套餐</span>
					   <span th:case="2" >VIP套餐</span>
					   <span th:case="3" >尊享套餐</span>
					   <span th:case="4" >校园服务</span>
					   <span th:case="*" >--</span>
					</td>
					<td th:title="${item.outPrice}" th:text="${item.outPrice}"></td>
					<td th:title="${item.libJoin!=null ? item.libJoin.leagueName : '' }" th:text="${item.libJoin!=null ? item.libJoin.leagueName : ''}" ></td>
					<td  th:text="${item.portNum}"></td>
					<td  th:text="${item.libService}"></td>
					
					<td  th:text="${item.signerPerson}"></td>
					<td  th:text="${item.contractNo}"></td>
					<td  th:text="${#calendars.format(item.contractTime,'yyyy-MM-dd')}"></td>
					<td  th:text="${item.address}"></td>
					
					<td  th:text="${item.legalPerson}"></td>
					<td  th:text="${item.phone}"></td>
					<td  th:text="${item.deputyName}"></td>
					<td  th:text="${item.deputyPhone}"></td>
					
					<td th:title="${#dates.format(item.signTime, 'yyyy-MM-dd')}"  th:text="${#dates.format(item.signTime, 'yyyy-MM-dd')}"></td>
					<td th:title="${#dates.format(item.endSignTime, 'yyyy-MM-dd')}"  th:text="${#dates.format(item.endSignTime, 'yyyy-MM-dd')}"></td>
					
					<td  th:text="${#calendars.format(item.startActiveTime,'yyyy-MM-dd')}" ></td> 
					<td  th:text="${#calendars.format(item.activeTime,'yyyy-MM-dd')}" ></td> 
					<td  th:text="${#calendars.format(item.computeTime,'yyyy-MM-dd')}" ></td> 
					<td  th:text="${#calendars.format(item.endActiveTime,'yyyy-MM-dd')}" ></td> 
					<td  th:text="${item.signService}"></td>
					<td  th:switch="${item.status}">
					   <span th:case="1" >正常&nbsp;</span>
					   <span th:case="2" >正常&nbsp;</span>
					   <span th:case="3" >正常&nbsp;</span>
					   <span th:case="4" >冻结&nbsp;</span>
					</td>
					<td > </td>  	
			</tr>
		</tbody>
	</table> 
	
	

	<!-- 分页 -->
	<div class="pagin">
    	<div class="message">共<i class="blue">[[${page.rowCnt}]]</i>条记录，当前显示第&nbsp;<i class="blue">[[${page.pageNo }]]&nbsp;</i>页</div>
    	<div th:utext='${listNavigatHtml}' th:remove="tag" ></div>
   	</div>
</div>
</body>


<script type="text/javascript">
$("#button").on('click',function(){
	document.getElementById("seachform").action = "[[${sysUrl}]]/sys/fx/exportMerchantBackup";
	$("#seachform").submit();
	document.getElementById("seachform").action = "[[${sysUrl}]]/sys/fx/merchantBackupList.html";
});
</script>




</html>