|
<!DOCTYPE html>
<html lang="en">
<head>
<title>支付</title>
{%>template/common/Head.html%}
<meta charset="utf-8">
<!-- 宽度自动适配 -->
<meta name="viewport"
content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0, user-scalable=no"/>
<!-- 不识别页面上的数字为可拨打号码 -->
<meta content="telephone=no" name="format-detection"/>
<link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
<link rel="stylesheet" type="text/css" href="biz/css/base.css">
<script src="biz/js/recharge.js"></script>
<style>
.reminder{color: #e40077;font-size: .1rem;padding: .1rem 0;text-align: center;}
.QR-code{text-align: center;}
.QR-code img{width: 3.2rem;height: 3.2rem;}
</style>
</head>
<body class="pages-sla-search">
<input type="hidden" id="BUSI_ORDER_ID" value="{%BUSI_ORDER_ID%}">
<input type="hidden" id="prodName" value="{%prodName%}">
<input type="hidden" id="applyId" value="{%applyId%}">
<input type="hidden" id="payment" value="{%payment%}">
<input type="hidden" id="payType" value="{%payType%}">
<div class="ipu-pages">
<div class="ipu-page">
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col common-border-bottom">
<div class="ipu-toolbar">
<a class="ipu-fn-left link-back ipu-flex ipu-flex-align-center" href="javascript:;" id="back">
<div class="left-back"></div>
</a>
<h1 class="ipu-toolbar-title">支付</h1>
</div>
</div>
<div class=" ipu-flex-col ipu-flex-col-auto">
<div class="sla-search-content">
<div class="ipu-form-item form-item-required" max-length="50">
<div class="ipu-flex common-border-bottom">
<div class="item-key">支付金额：</div>
<div class="item-value ipu-flex-col-auto">
<input type="number" placeholder="请输入" value="0.00" id="fee" />
</div>
</div>
<div class="main-red" style="font-size: .13rem;text-align: right;">注：此缴费金额是针对政企业务</div>
<div class="check-tips"></div>
</div>
<div class="sla-search-btn" style="padding: .24rem .93rem .1rem;" id="pay">
<button class="ipu-btn common-btn">生成支付二维码</button>
</div>
<div style="display: none;padding: .24rem .93rem .1rem;" id="payment_page">
<p class="reminder">二维码有效期3分钟，请及时支付</p>
<div class="QR-code" style="margin-top: 0.2rem;margin-bottom: 0.1rem"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
|
