<!DOCTYPE html>
<html lang="en">
<head>
<title>专票预约</title>
{%>template/common/Head.html%}
<script src="biz/js/reservation-invoice.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 form-item-required">
<div class="ipu-flex common-border-bottom">
<div class="item-key" style="margin-right:.16rem">抬头类型：</div>
<div class="item-value ipu-flex-col-auto">
<input type="hidden" id="invoice-type"/>
<div class="form-radio ipu-flex">
<div class="type-1 ipu-flex ipu-flex-align-center">
<div class="radio-check active"></div>
<div class="radio-label">企业单位</div>
</div>
<div class="type-0 ipu-flex ipu-flex-align-center">
<div class="radio-check"></div>
<div class="radio-label">个人/非企业单位</div>
</div>
</div>
</div>
</div>
</div>
<div class="company-information">
<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">
<input type="text" placeholder="请输入发票抬头"/>
</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">
<input type="text" placeholder="请填写纳税人识别号"/>
</div>
</div>
</div>
<div class="ipu-form-item">
<div class="ipu-flex common-border-bottom">
<div class="item-key">更多内容：</div>
<div class="item-value ipu-flex-col-auto">
<div class="invoice-more 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="invoice-more-content ipu-fn-hide">
<div class="ipu-form-item">
<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="ipu-form-item">
<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="ipu-form-item">
<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="ipu-form-item">
<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>
</div>
<div class="personal-information ipu-fn-hide">
<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">
<input type="text" placeholder="填写准确的抬头名称（必填）"/>
</div>
</div>
</div>
</div>
<div class="ipu-form-item" style="margin-bottom: .2rem">
<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>
<div class="ipu-flex-col form-btn">
<button class="ipu-btn common-btn">提交</button>
</div>
</div>
</body>
</html>
|
