123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
- <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
- <title>发票助手</title>
- <link rel="stylesheet" type="text/css" href="../../css/api.css"/>
- <link rel="stylesheet" href="../../css/style.css">
- <style>
- body,html{
- background:#009FE8;
- }
- .api_layout{
- padding: 15px 17px;
- }
- .added-tax{
- background: #fff;
- font-size: 18px;
- color: #232627;
- border-radius: 10px;
- padding-top: 10px;
- padding-bottom: 5px;
- box-sizing: border-box;
- margin-bottom: 10px;
- }
- .added-tax label{
- margin-bottom: 8px;
- }
- .added-tax i{
- width: 19px;
- height: 20px;
- background: url("../../icon/fp.png") center no-repeat;
- background-size: contain;
- margin-right: 10px;
- }
- .added-tax-info li{
- padding: 10px 20px;
- align-items: flex-start;
- }
- .added-tax-info span{
- font-size: 14px;
- color: #7D7C7C;
- width: 56px;
- }
- .added-tax-info p{
- font-size: 14px;
- width: 77%;
- font-weight:500;
- }
- </style>
- </head>
- <body>
- <div class="api_layout" id="incoice_wrap">
- </div>
- </body>
- </html>
- <script type="text/template" id="templateInvoice">
- <div class="added-tax">
- <label class="flex-center">
- <i></i>
- <span>增值税开票信息</span>
- </label>
- <ul class="added-tax-info">
- <li class="flex-start">
- <span>名称:</span>
- <p>{{=it.invoiceInfo.name}}</p>
- </li>
- <li class="flex-start">
- <span>税号:</span>
- <p>{{=it.invoiceInfo.identification}}</p>
- </li>
- <li class="flex-start">
- <span>地址:</span>
- <p>{{=it.invoiceInfo.address}}</p>
- </li>
- <li class="flex-start">
- <span>电话:</span>
- <p>{{=it.invoiceInfo.tel}}</p>
- </li>
- <li class="flex-start">
- <span>开户行:</span>
- <p>{{=it.invoiceInfo.bank}}</p>
- </li>
- <li class="flex-start">
- <span>账号:</span>
- <p>{{=it.invoiceInfo.account}}</p>
- </li>
- </ul>
- </div>
- <div class="added-tax">
- <label class="flex-center">
- <span>交款信息</span>
- </label>
- <ul class="added-tax-info">
- <li class="flex-start">
- <span>账户名称:</span>
- <p>{{=it.invoicePayment.name}}</p>
- </li>
- <li class="flex-start">
- <span>开户行:</span>
- <p>{{=it.invoicePayment.bank}}</p>
- </li>
- <li class="flex-start">
- <span>账号:</span>
- <p>{{=it.invoicePayment.account}}</p>
- </li>
- </ul>
- </div>
- <div class="added-tax">
- <label class="flex-center">
- <span>收据抬头</span>
- </label>
- <ul class="added-tax-info">
- <li class="flex-start">
- <span>名称:</span>
- <p>{{=it.invoiceTitle}}</p>
- </li>
- </ul>
- </div>
- </script>
- <script type="text/javascript" src="../../script/api.js"></script>
- <script type="text/javascript" src="../../script/doT.min.js"></script>
- <script src="../../script/config.js" charset="utf-8"></script>
- <script type="text/javascript">
- apiready = function () {
- api.showProgress({
- title: '',
- text: '加载中...',
- modal: true
- });
- invoiceData()
- }
- function invoiceData() {
- $http.fnReuestDataNologing(UrlRouter.getInvoice,'','get','',function (ret, err) {
- if (ret.code === 0) {
- $apis.html(incoice_wrap,'#templateInvoice',ret.data);
- api.hideProgress()
- }
- })
- }
- </script>
|