<!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>
