<!DOCTYPE html>
<html lang="en">
<head>
<title>缴费预约</title>
{%>template/common/Head.html%}
<script src="biz/js/reservation-paying.js"></script>
</head>
<body class="pages-reservation-paying">
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col">
<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="ipu-form-item form-item-required common-border-top">
<div class="ipu-flex common-border-bottom">
<div class="item-key">预约时间:</div>
<div class="item-value ipu-flex-col-auto">
<div id="select-time" class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
<input type="text" placeholder="请选择" readonly/>
<div class="right-arrow"></div>
</div>
</div>
</div>
</div>
<div class="ipu-form-item form-item-required">
<div class="ipu-flex common-border-bottom">
<div class="item-key">预约地点:</div>
<div class="item-value ipu-flex-col-auto">
<div id="select-place" class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
<input type="text" placeholder="请选择" readonly/>
<div class="right-arrow"></div>
</div>
</div>
</div>
</div>
<div class="ipu-form-item" style="margin-bottom: .3rem">
<div class="ipu-flex common-border-bottom">
<div class="item-key">备注:</div>
<div class="item-value ipu-flex-col-auto">
<input type="text" placeholder="可填写备注信息(非必填)"/>
</div>
</div>
</div>
<div class="form-btn">
<button class="ipu-btn common-btn">提交</button>
</div>
</div>
</div>
</body>
</html>
|