|
|
@@ -1,6 +1,6 @@
|
|
|
<style>
|
|
|
.u_c_invoice {
|
|
|
- background: #f5f5f5;
|
|
|
+ background: #fff;
|
|
|
}
|
|
|
.u_c_invoice select {
|
|
|
opacity: 1
|
|
|
@@ -10,7 +10,8 @@
|
|
|
/*margin-bottom: 16px;*/
|
|
|
}
|
|
|
.u_c_invoice .ticket_record_list {
|
|
|
- background: #f5f5f5;
|
|
|
+ background: #fff;
|
|
|
+ min-height: 323px;
|
|
|
}
|
|
|
.u_c_invoice #add-invoice {
|
|
|
width: 100%;
|
|
|
@@ -52,26 +53,411 @@
|
|
|
.u_c_invoice #add-invoice .form-group{
|
|
|
line-height: 34px;
|
|
|
}
|
|
|
+ .ticket_record .ticket_record_list .ticket_record_title {
|
|
|
+ padding: 8px 18px;
|
|
|
+ }
|
|
|
+ .ticket_record .ticket_record_list .ticket_record_title .l_title {
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .ticket_record .ticket_record_list .ticket_record_title .add_btn{
|
|
|
+ width: auto;
|
|
|
+ height: 40px;
|
|
|
+ text-align: center;
|
|
|
+ float: right;
|
|
|
+ font-size: 12px;
|
|
|
+ margin-right: 32px;
|
|
|
+ }
|
|
|
+ .ticket_record .ticket_record_list .ticket_record_title .add_btn i{
|
|
|
+ background: white;
|
|
|
+ color: #32b500;
|
|
|
+ margin-right: 5px;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .ticket_record .ticket_record_list .ticket_record_title .add_btn:hover{
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .ticket_record_list dl dt span {
|
|
|
+ font-weight: bold;
|
|
|
+ color: #fff;
|
|
|
+ background: #89aefa;
|
|
|
+ }
|
|
|
+ .match-menu {
|
|
|
+ width: 100%;
|
|
|
+ height: 20px;
|
|
|
+ line-height: 20px;
|
|
|
+ }
|
|
|
+ .match-menu span.active {
|
|
|
+ background: #fff;
|
|
|
+ border: #82d2fa 1px solid;
|
|
|
+ border-bottom: #fff 1px solid;
|
|
|
+ }
|
|
|
+ .match-menu span {
|
|
|
+ display: inline-block;
|
|
|
+ text-align: center;
|
|
|
+ width: 100px;
|
|
|
+ height: 20px;
|
|
|
+ background: #eee;
|
|
|
+ border-top-left-radius: 3px;
|
|
|
+ border-top-right-radius: 3px;
|
|
|
+ margin-left: 390px;
|
|
|
+ line-height: 19px;
|
|
|
+ position: relative;
|
|
|
+ bottom: 20px;
|
|
|
+ }
|
|
|
+ .match-menu span.active a {
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+ .match-menu span a {
|
|
|
+ font-size: 12px;
|
|
|
+ color: #999;
|
|
|
+ display: inline-block;
|
|
|
+ height: 20px;
|
|
|
+ width: 78px;
|
|
|
+ }
|
|
|
+ a:hover {
|
|
|
+ text-decoration: none;
|
|
|
+ }
|
|
|
+ .match-menu span i {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #999;
|
|
|
+ }
|
|
|
+ .match-menu span i:hover, .match-menu span a:hover {
|
|
|
+ color: #5078cb;
|
|
|
+ }
|
|
|
+ .ticket_record .oder01 ul.active {
|
|
|
+ border-bottom: #82d2fa 1px solid;
|
|
|
+ }
|
|
|
+ /*提示框样式*/
|
|
|
+ .com-del-box{
|
|
|
+ position: fixed;
|
|
|
+ z-index: 2;
|
|
|
+ height: 152px;
|
|
|
+ opacity: 1;
|
|
|
+ background-color: white;
|
|
|
+ width: 310px;
|
|
|
+ -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
|
|
|
+ box-shadow: 0 5px 15px rgba(0,0,0,.5);
|
|
|
+ margin: -155px 0 0 -75px;
|
|
|
+ top: 55%;
|
|
|
+ left: 50%;
|
|
|
+ }
|
|
|
+ .com-del-box .title{
|
|
|
+ height: 30px;
|
|
|
+ background-color: #5078cb;
|
|
|
+ text-align: right;
|
|
|
+ padding-right: 15px;
|
|
|
+ line-height: 30px;
|
|
|
+ }
|
|
|
+ .com-del-box .title a{
|
|
|
+ color: white;
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+ .com-del-box .content{
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
+ .com-del-box .content p{
|
|
|
+ line-height: 50px;
|
|
|
+ font-size: 14px;
|
|
|
+ padding-top: 10px;
|
|
|
+ }
|
|
|
+ .com-del-box .content p i{
|
|
|
+ color: #5078cb;
|
|
|
+ font-size: 16px;
|
|
|
+ margin-right: 10px;
|
|
|
+ }
|
|
|
+ .com-del-box .content div{
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
+ .com-del-box .content div a{
|
|
|
+ width: 55px;
|
|
|
+ height: 26px;
|
|
|
+ line-height: 26px;
|
|
|
+ display: inline-block;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .com-del-box .content div a:first-child{
|
|
|
+ background: #b4b5b9;
|
|
|
+ color: #333;
|
|
|
+ margin-right: 10px;
|
|
|
+ }
|
|
|
+ .com-del-box .content div a:last-child{
|
|
|
+ background: #5078cb;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ .com-del-box .content div a:hover{
|
|
|
+ background: #3f7ae3;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ /*新增普票样式*/
|
|
|
+ .content-title {
|
|
|
+ font-size: 19px;
|
|
|
+ }
|
|
|
+
|
|
|
+ td > .simple-select {
|
|
|
+ display: inline;
|
|
|
+ }
|
|
|
+ .normal-control-label {
|
|
|
+ margin-bottom: 0;
|
|
|
+ text-align: right;
|
|
|
+ padding-top: 7px;
|
|
|
+ padding-right: 23px;
|
|
|
+ }
|
|
|
+
|
|
|
+ #bill-info label {
|
|
|
+ font-size: 14px;
|
|
|
+ line-height: 1.429;
|
|
|
+ font-weight: normal;
|
|
|
+ }
|
|
|
+ #bill-info span.disable {
|
|
|
+ color: rgb(153, 153, 153);
|
|
|
+ }
|
|
|
+ .base-line {
|
|
|
+ vertical-align: -webkit-baseline-middle;
|
|
|
+ }
|
|
|
+
|
|
|
+ #bill-info .row {
|
|
|
+ margin-left: 0px;
|
|
|
+ margin-right: 0px;
|
|
|
+ }
|
|
|
+
|
|
|
+ #bill-info {
|
|
|
+ font-size: 15px;
|
|
|
+ margin-bottom: 1em;
|
|
|
+ }
|
|
|
+
|
|
|
+ .error {
|
|
|
+ padding-top: 7px;
|
|
|
+ line-height: 1.5;
|
|
|
+ }
|
|
|
+
|
|
|
+ div.radio {
|
|
|
+ margin-top: 0px;
|
|
|
+ margin-bottom: 0;
|
|
|
+ height: 27px;
|
|
|
+ line-height: 27px;
|
|
|
+ padding-top: 6px;
|
|
|
+ padding-left: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .padding-top-5 {
|
|
|
+ padding-top: 5px;
|
|
|
+ }
|
|
|
+
|
|
|
+ label.padding-left-0 {
|
|
|
+ padding-left: 0px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .checkbox .col-md-3 {
|
|
|
+ padding-right: 0px;
|
|
|
+ }
|
|
|
+
|
|
|
+ div.upload {
|
|
|
+ margin-left: 15px;
|
|
|
+ width: 370px;
|
|
|
+ }
|
|
|
+
|
|
|
+ #bill-info, #bill-info input, #bill-info select{
|
|
|
+ font-size: 14px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .height-34 {
|
|
|
+ height: 34px;
|
|
|
+ line-height: 26px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .a-background {
|
|
|
+ color: red;
|
|
|
+ }
|
|
|
+
|
|
|
+ .address .checkbox .col-md-3{
|
|
|
+ width: 20%;
|
|
|
+ }
|
|
|
+ #bill-info .form-control {
|
|
|
+ color: #000;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ #bill-info .format-error {
|
|
|
+ color: red;
|
|
|
+ height: 30px;
|
|
|
+ line-height: 30px;
|
|
|
+ }
|
|
|
+
|
|
|
+ #bill-info select {
|
|
|
+ opacity: 1;
|
|
|
+ }
|
|
|
+ #bill-info .content-header{
|
|
|
+ font-size: 14px;
|
|
|
+ padding-bottom: 0;
|
|
|
+ color: rgb(80, 120, 203);
|
|
|
+ font-weight: bold;
|
|
|
+ line-height: 1.429;
|
|
|
+ padding-left: 40px;
|
|
|
+ padding-bottom: 10px;
|
|
|
+ }
|
|
|
+ .select-adder{
|
|
|
+ background:url("static/img/user/images/xiala.png") right no-repeat ;
|
|
|
+ background-position-x: 150px;
|
|
|
+ }
|
|
|
+ .form-btn .btn {
|
|
|
+ background: #5078cb;
|
|
|
+ border-color: #3b88c3;
|
|
|
+ width: 60px;
|
|
|
+ height: 26px;
|
|
|
+ line-height: 13px;
|
|
|
+ color: #fff;
|
|
|
+ border-radius: 0;
|
|
|
+ text-align: center;
|
|
|
+ vertical-align: middle;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
+ .form-btn .btn:first-child{
|
|
|
+ background: #c8c6c6;
|
|
|
+ border: 1px solid #c8c6c6;
|
|
|
+ }
|
|
|
+ .form-area {
|
|
|
+ background: #f5f8fe;
|
|
|
+ margin: 0 15px;
|
|
|
+ }
|
|
|
+ .form-area .row {
|
|
|
+ padding-top: 15px;
|
|
|
+ }
|
|
|
+ .form-area .address .row {
|
|
|
+ padding-top: 0px;
|
|
|
+ }
|
|
|
+ .form-area form {
|
|
|
+ padding-top: 15px;
|
|
|
+ }
|
|
|
+ .form-bottom {
|
|
|
+ background: #fff;
|
|
|
+ text-align: center;
|
|
|
+ vertical-align: middle;
|
|
|
+ padding-top: 20px;
|
|
|
+ padding-bottom: 3px;
|
|
|
+ }
|
|
|
+ .ticket_record_list dl dt span {
|
|
|
+ font-weight: normal;
|
|
|
+ }
|
|
|
+ /*radio*/
|
|
|
+ #bill-info .radioLabel {
|
|
|
+ line-height: 20px;
|
|
|
+ cursor: pointer;
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
+ #bill-info .radio-inline {
|
|
|
+ padding-left: 0;
|
|
|
+ margin: 0 26px;
|
|
|
+ }
|
|
|
+ #bill-info .radioLabel label{
|
|
|
+ width: 12px;
|
|
|
+ height: 12px;
|
|
|
+ background: url(static/img/icon/check-rule.png);
|
|
|
+ background-position: 0 0px;
|
|
|
+ vertical-align: middle;
|
|
|
+ margin-bottom: 0 !important;
|
|
|
+ margin-right: 0px !important;
|
|
|
+ padding: 0;
|
|
|
+ min-height: 12px;
|
|
|
+ left: -7px;
|
|
|
+ }
|
|
|
+ #bill-info .radioLabel input[type="radio"]:checked + label {
|
|
|
+ background-position: -15px -12px;
|
|
|
+ }
|
|
|
+ #bill-info .radioLabel input[type="radio"]:checked + label{
|
|
|
+ color: #5078cb;
|
|
|
+ }
|
|
|
+ #bill-info .radioLabel input[type="radio"]{
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ #bill-info .form-area .input-file-default {
|
|
|
+ width: 75px;
|
|
|
+ }
|
|
|
+ .ticket_record_list dl dd:hover {
|
|
|
+ background: #f1f5ff;
|
|
|
+ }
|
|
|
+ #bill-info .select-file-box input {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ #bill-info .select-file-box span {
|
|
|
+ width: 74px;
|
|
|
+ display: block;
|
|
|
+ text-align: center;
|
|
|
+ height: 22px;
|
|
|
+ line-height: 22px;
|
|
|
+ background: #ff8522;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #fff;
|
|
|
+ margin-top: 5px;
|
|
|
+ position: relative;
|
|
|
+ left: -22px;
|
|
|
+ border-radius: 2px;
|
|
|
+ }
|
|
|
+ .cursor-not-allowed {
|
|
|
+ cursor: not-allowed!important;
|
|
|
+ }
|
|
|
+ .ticket_record_list .ticket_data dd {
|
|
|
+ border-left: #dae5fd 1px solid;
|
|
|
+ border-bottom: #dae5fd 1px solid!important;
|
|
|
+ border-right: #dae5fd 1px solid;
|
|
|
+ }
|
|
|
+ #bill-info .form-input-line {
|
|
|
+ height: 34px;
|
|
|
+ width: 331px;
|
|
|
+ display: inline-block;
|
|
|
+ margin: 0 15px;
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+ #bill-info .form-input-line input[type='text'],#bill-info .form-input-line select {
|
|
|
+ border-radius: 2px;
|
|
|
+ border: 1px solid #eef4ff;
|
|
|
+ }
|
|
|
+ #bill-info .file-line {
|
|
|
+ width: 247px;
|
|
|
+ }
|
|
|
+ #bill-info .address .form-input-line {
|
|
|
+ margin: 0 10px 0 0;
|
|
|
+ }
|
|
|
+ #bill-info .address .form-input-line:first-child {
|
|
|
+ margin-left: 15px;
|
|
|
+ }
|
|
|
+ #bill-info .control-label{
|
|
|
+ position: relative;
|
|
|
+ top: 7px;
|
|
|
+ }
|
|
|
+ #bill-info .normal-control-label {
|
|
|
+ position: relative;
|
|
|
+ top: 5px;
|
|
|
+ }
|
|
|
</style>
|
|
|
<!--右侧主体部分-->
|
|
|
<div class="user_right fr u_c_invoice">
|
|
|
<!--开票记录-->
|
|
|
<div class="ticket_record oder">
|
|
|
<div class="oder01">
|
|
|
- <ul>
|
|
|
- <li class="active"><a>开票信息</a></li>
|
|
|
- <!--<li><a>开票记录</a></li>-->
|
|
|
+ <ul ng-class="{'active': changeBillStatusFlag}">
|
|
|
+ <li ng-class="{'active': tab == 'buyer_invoice' && !changeBillStatusFlag}" style="margin-left: 15px;"><a ng-click="changeBillStatusFlag = false" ui-sref="buyer_invoice">开票信息</a></li>
|
|
|
+ <li ng-class="{'active': tab == 'buyer_no_invoice'}"><a ui-sref="buyer_no_invoice">未开票</a></li>
|
|
|
+ <li ng-class="{'active': tab == 'buyer_invoice-record'}"><a ui-sref="buyer_invoice-record">开票记录</a></li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
- <!-- <div class="page">
|
|
|
- <ul>
|
|
|
- <li><a >上一页</a> </li>
|
|
|
- <li>第<input type="text" placeholder="3">页</li>
|
|
|
- <li><a >下一页</a> </li>
|
|
|
- </ul>
|
|
|
- </div>-->
|
|
|
+ <div style="background: #f5f5f5; height: 11px" ng-if="!changeBillStatusFlag"></div>
|
|
|
+ <!--发票操作导航-->
|
|
|
+ <div class="match-menu" ng-if="changeBillStatusFlag">
|
|
|
+ <span class="active">
|
|
|
+ <a ng-bind="isAdd?'新增发票信息':'修改发票信息'"></a>
|
|
|
+ <i class="fa fa-remove" ng-click="exitEdit()"></i>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
<!--我的发票-->
|
|
|
- <div class="ticket_record_list">
|
|
|
+ <div class="ticket_record_list" ng-if="!changeBillStatusFlag">
|
|
|
+ <div class="ticket_record_title">
|
|
|
+ <span class="l_title">已设置的开票信息</span>
|
|
|
+ <span class="add_btn" ng-click="addBill()" ng-if="!(!isSpecial && !isNormal)"><i class="fa fa-plus-circle"></i> 新增发票</span>
|
|
|
+ </div>
|
|
|
<!-- 开票资料-->
|
|
|
<div class="tab" style="display: inline-block;">
|
|
|
<dl class="ticket_data">
|
|
|
@@ -83,158 +469,132 @@
|
|
|
<span>收票人电话</span>
|
|
|
<span>编辑</span>
|
|
|
</dt>
|
|
|
- <p class="height16"> </p>
|
|
|
+ <!-- <p class="height16"> </p>-->
|
|
|
<dd ng-repeat="invoice in invoices">
|
|
|
<span class="wd01">
|
|
|
- <img ng-if="invoice.kind == 1206" src="static/img/user/images/ticket01.png"/>
|
|
|
- <img ng-if="invoice.kind == 1205" src="static/img/user/images/ticket02.png"/>
|
|
|
+ <img ng-if="invoice.kind == 1206" src="static/img/user/images/ticket01.jpg"/>
|
|
|
+ <img ng-if="invoice.kind == 1205" src="static/img/user/images/ticket02.jpg"/>
|
|
|
+ </span>
|
|
|
+ <span ng-cloak class="textmore" title="{{invoice.head}}">{{invoice.head}}</span>
|
|
|
+ <span class="wd01 textmore" ng-cloak title="{{invoice.name}}">{{invoice.name}}</span>
|
|
|
+ <span class="textmore" ng-cloak title="{{invoice.area+','+invoice.detailAddress}}">{{invoice.area}} {{invoice.detailAddress}}</span>
|
|
|
+ <span ng-cloak title="{{invoice.telephone}}">{{invoice.telephone}}</span>
|
|
|
+ <span>
|
|
|
+ <!--<a class="look" ng-click="viewInvoice(invoice)">查看/</a>-->
|
|
|
+ <a ng-click="modifyInvoice(invoice)">修改</a> |
|
|
|
+ <a ng-click="deleteInvoice(invoice)">删除</a>
|
|
|
</span>
|
|
|
- <span ng-cloak class="textmore">{{invoice.head}}</span>
|
|
|
- <span class="wd01 textmore" ng-cloak>{{invoice.name}}</span>
|
|
|
- <span class="textmore" ng-cloak>{{invoice.area}} {{invoice.detailAddress}}</span>
|
|
|
- <span ng-cloak>{{invoice.telephone}}</span>
|
|
|
- <span><a class="look" ng-click="viewInvoice(invoice)">查看/</a><a ng-click="modifyInvoice(invoice)">修改/</a><a ng-click="deleteInvoice(invoice)">删除</a></span>
|
|
|
</dd>
|
|
|
- <dd ng-if="invoices.length == 0" class="text-center" style="font-size: 14px;line-height: 60px;">
|
|
|
- 暂无发票信息,请补充发票信息
|
|
|
+ <dd ng-if="invoices.length == 0 || !invoices" class="text-center invoice-box" style="font-size: 12px;line-height: 200px;height: 200px; border: none!important;">
|
|
|
+ <img src="static/img/all/empty-cart.png">
|
|
|
+ <span style="width: auto;float: right;line-height: 200px;color: #999;position: relative;right: 400px;font-size: 12px">暂无开票信息</span>
|
|
|
</dd>
|
|
|
</dl>
|
|
|
</div>
|
|
|
- <div id="add-invoice">
|
|
|
- <h2 class="add-invoice-title">新增开票信息</h2>
|
|
|
- <div class="row invoice-type">
|
|
|
- <label class="col-md-2" style="padding: 15px 0 15px 2.5em;"><b class="text-inverse">*</b>发票类型:</label>
|
|
|
- <div class="col-md-9">
|
|
|
- <label class="radio-inline"><input type="radio" ng-model="bill.kind" value="1206" ng-checked="bill.kind==1206">增值税普票(不可抵扣)</label>
|
|
|
- <label class="radio-inline"><input type="radio" ng-model="bill.kind" value="1205" ng-checked="bill.kind==1205">增值税专票(可抵扣)</label>
|
|
|
+ </div>
|
|
|
+ <!--新增发票 -->
|
|
|
+ <div id="bill-info" ng-if="changeBillStatusFlag">
|
|
|
+ <div class="row">
|
|
|
+ <h2 class="content-header" ng-bind="billType == 1205?'增值税专票':'增值税普票'"></h2>
|
|
|
+ </div>
|
|
|
+ <div class="form-area">
|
|
|
+ <div class="row" ng-if="isAdd">
|
|
|
+ <label class="col-md-2 normal-control-label"><b class="text-inverse">*</b>发票类型:</label>
|
|
|
+ <div class="radio col-md-10">
|
|
|
+ <!-- <label class="radio-inline">
|
|
|
+ <label class="padding-top-5"><input type="radio" ng-click="setBillType(1206)" ng-model="billType" value="1206" ng-disabled="!isNormal"></label>
|
|
|
+ <label ng-class="{'disable':!isNormal, '':isNormal}" class="padding-left-0">增值税普通发票(不可抵扣)</label>
|
|
|
+ </label>
|
|
|
+ <label class="radio-inline">
|
|
|
+ <label class="padding-top-5"><input type="radio" ng-click="setBillType(1205)" ng-model="billType" value="1205" ng-disabled="!isSpecial"></label>
|
|
|
+ <label ng-class="{'disable':!isSpecial, '':isSpecial}" class="padding-left-0">增值税专用发票(可抵扣) </label>
|
|
|
+ </label>-->
|
|
|
+ <label for="1206" class="radio-inline radioLabel" ng-class="{'cursor-not-allowed':!isNormal}">
|
|
|
+ <input type="radio" name="bill" value="1206" ng-disabled="!isNormal" ng-click="setBillType(1206)" ng-model="billType" id="1206">
|
|
|
+ <label ng-class="{'cursor-not-allowed':!isNormal}" for="1206" class="txtContact"></label>
|
|
|
+ <span ng-class="{'disable':!isNormal, '':isNormal}">增值税普票(不可抵扣)</span>
|
|
|
+ </label>
|
|
|
+ <label for="1205" class="radio-inline radioLabel" ng-class="{'cursor-not-allowed':!isSpecial}">
|
|
|
+ <input type="radio" name="bill" value="1205" ng-disabled="!isSpecial" ng-click="setBillType(1205)" ng-model="billType" id="1205">
|
|
|
+ <label ng-class="{'cursor-not-allowed':!isSpecial}" for="1205" class="txtContact"></label>
|
|
|
+ <span ng-class="{'disable':!isSpecial, '':isSpecial}">增值税专票(可抵扣)</span>
|
|
|
+ </label>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <form class="add-invoice-form form-horizontal" novalidate="novalidate" name="form" ng-if="bill.kind==1206">
|
|
|
- <div class="form-group">
|
|
|
- <label class="col-md-2"><b class="text-inverse">*</b>发票抬头:</label>
|
|
|
- <div class="col-md-5">
|
|
|
- <input type="text" class="form-control" ng-model="bill.head" name="billHead" required="required">
|
|
|
- </div>
|
|
|
- <div class="text-inverse error col-md-2" ng-show="(bill.head||form.billHead.$touched)&&form.billHead.$invalid">必填项</div>
|
|
|
- </div>
|
|
|
+ <form class="form-horizontal" novalidate="novalidate" name="form">
|
|
|
<div class="form-group">
|
|
|
- <label class="col-md-2"><b class="text-inverse">*</b>收票人:</label>
|
|
|
- <div class="col-md-5">
|
|
|
- <input type="text" class="form-control" ng-model="bill.name" name="billName" ng-change="linkmanLen()" id="pbillname" required="required">
|
|
|
+ <label class="col-md-2 control-label"><b class="text-inverse">*</b>发票抬头:</label>
|
|
|
+ <div class="form-input-line">
|
|
|
+ <input type="text" class="form-control" ng-model="bill.head" ng-focus="form.billHead.$touched = false" ng-blur="form.billHead.$touched = true; checkBillHead()" name="billHead" required="required" placeholder="请输入发票抬头">
|
|
|
</div>
|
|
|
- <div class="text-inverse error col-md-2">
|
|
|
- <span ng-show="form.billName.$dirty && linkError">请勿超过10个字</span>
|
|
|
- <span ng-show="(bill.name||form.billName.$touched)&&form.billName.$invalid">必填项</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="form-group">
|
|
|
- <label class="col-md-2"><b class="text-inverse">*</b>收票人联系电话:</label>
|
|
|
- <div class="col-md-5">
|
|
|
- <input type="text" class="form-control" ng-model="bill.telephone" name="billTel"
|
|
|
- ng-pattern="/^((\(\d{3}\))|(\d{3}\\-))?(13|15|17|18)\d{9}$/" ng-length="11" required="required">
|
|
|
- </div>
|
|
|
- <div class="text-inverse error col-md-2" ng-show="(bill.telephone||form.billTel.$touched)&&form.billTel.$invalid">请输入正确的手机号码</div>
|
|
|
+ <div class="text-inverse error col-md-3" ng-show="form.billHead.$touched&&(form.billHead.$invalid || !validForm.validBillHead)" ng-bind="form.billHead.$error.required?'请填写发票抬头':'请勿超过50个字'"></div>
|
|
|
</div>
|
|
|
- <div class="form-group">
|
|
|
- <label for="landlineNum" class="col-md-2"><b class="text-inverse">*</b>座机号码:</label>
|
|
|
- <div class="col-md-5">
|
|
|
- <input type="text" ng-model="bill.landlineNumber" required class="form-control" id="landlineNum" name="landlineNumber" placeholder="请输入你的办公号码" ng-pattern="/^[0-9]{2,4}[\-\+]?[0-9]{6,8}$/">
|
|
|
- </div>
|
|
|
- <div class="text-inverse error col-md-2">
|
|
|
- <span ng-show="(bill.landlineNumber || form.landlineNumber.$touched) && form.landlineNumber.$invalid" class="format-error">请输入正确的座机号</span>
|
|
|
+ <div class="form-group" ng-if="billType == 1205">
|
|
|
+ <label class="col-md-2 control-label"><b class="text-inverse">*</b>单位地址:</label>
|
|
|
+ <div class="form-input-line">
|
|
|
+ <input type="text" class="form-control" ng-model="bill.companyAddress" ng-focus="form.companyAddr.$touched = false" ng-blur="form.companyAddr.$touched = true; checkCompanyAddress()" name="companyAddr" required="required" placeholder="请输入单位地址">
|
|
|
</div>
|
|
|
+ <div class="text-inverse error col-md-3" ng-show="form.companyAddr.$touched&&(form.companyAddr.$invalid || !validForm.validCompanyAddress)" ng-bind="form.companyAddr.$error.required?'请填写单位地址':'请勿超过50个字'"></div>
|
|
|
</div>
|
|
|
- <div class="form-group">
|
|
|
- <label class="col-md-2"><b class="text-inverse">*</b>收票地址:</label>
|
|
|
- <div class="mar-rt0 row checkbox">
|
|
|
- <div class="col-md-2">
|
|
|
- <select class="select-adder form-control"
|
|
|
- ng-model="bill.address.province" name="province"
|
|
|
- ng-options="key as key for (key,value) in division"
|
|
|
- ng-change="bill.address.city='';bill.address.district='';">
|
|
|
- <option value="">省</option>
|
|
|
- </select>
|
|
|
- </div>
|
|
|
- <div class="col-md-2">
|
|
|
- <select class="select-adder form-control" ng-model="bill.address.city" name="city"
|
|
|
- ng-options="key as key for (key,value) in division[bill.address.province]"
|
|
|
- ng-change="bill.address.district='';">
|
|
|
- <option value="">市</option>
|
|
|
- </select>
|
|
|
- </div>
|
|
|
- <div class="col-md-2">
|
|
|
- <select class="select-adder form-control" ng-model="bill.address.district" name="district"
|
|
|
- ng-options="value as value for value in division[bill.address.province][bill.address.city]" required="required">
|
|
|
- <option value="">区</option>
|
|
|
- </select>
|
|
|
- </div>
|
|
|
+ <div class="form-group" ng-if="billType == 1205">
|
|
|
+ <label class="col-md-2 control-label"><b class="text-inverse">*</b>单位电话:</label>
|
|
|
+ <div class="form-input-line">
|
|
|
+ <input type="text" class="form-control" ng-focus="form.companyPhone.$touched = false" ng-blur="form.companyPhone.$touched = true" placeholder="区号和号码使用 '-' 隔开" name="companyPhone" ng-model="bill.companyPhone" ng-pattern="/^0\d{2,3}-[1-9]\d{6,7}$/" ng-maxlength="20" required="required">
|
|
|
</div>
|
|
|
+ <div class="text-inverse error col-md-3" ng-show="form.companyPhone.$touched&&form.companyPhone.$invalid" ng-bind="form.companyPhone.$error.required?'请填写单位电话':form.companyPhone.$error.maxlength?'请勿超过20个字符':'请填写正确的电话号码,用-隔开'"></div>
|
|
|
</div>
|
|
|
- <div class="form-group">
|
|
|
- <label class="col-md-2"><b class="text-inverse">*</b>收票详细地址:</label>
|
|
|
- <div class="col-md-5">
|
|
|
- <input id="paddress" type="text" class="form-control" ng-model="bill.detailAddress" ng-change="addressLen()" name="billDetail" required="required" >
|
|
|
- </div>
|
|
|
- <div class="text-inverse error col-md-2">
|
|
|
- <span ng-show="form.billName.$dirty && addressError">请勿超过30个字</span>
|
|
|
- <span ng-show="(bill.detailAddress||form.billDetail.$touched)&&form.billDetail.$invalid">必填项</span>
|
|
|
+ <div class="form-group" ng-if="billType == 1205">
|
|
|
+ <label class="col-md-2 control-label"><b class="text-inverse">*</b>税务登记号:</label>
|
|
|
+ <div class="form-input-line">
|
|
|
+ <input type="text" class="form-control" ng-model="bill.companyTaxNumber" ng-focus="form.companyTaxNum.$touched = false" ng-blur="form.companyTaxNum.$touched = true" name="companyTaxNum" required="true" ng-maxlength="20" ng-minlength="15" ng-pattern="/^[0-9a-zA-Z]+$/" placeholder="请输入税务登记号">
|
|
|
</div>
|
|
|
+ <div class="text-inverse error col-md-3" ng-show="form.companyTaxNum.$touched&&(form.companyTaxNum.$invalid)" ng-bind="form.companyTaxNum.$error.required?'请填写税务登记号':'请填写15-20位数字或字母'"></div>
|
|
|
</div>
|
|
|
- <div class="form-group">
|
|
|
- <label class="col-md-2"></label>
|
|
|
- <div class="col-md-5" style="line-height: 20px;">
|
|
|
- <label class="check-active checkbox-inline text-inverse" style="padding-left: 20px;">
|
|
|
- <input type="checkbox" checked="true" name="is_agree" ng-model="bill.is_agree" required="required" id="check-py"/>
|
|
|
- <label for="check-py"></label>
|
|
|
- <span>我已阅读并同意</span>
|
|
|
- </label>
|
|
|
- <a href="help/helpList/19" class="base-line" target="_blank">《发票须知》</a>
|
|
|
+ <div class="form-group" ng-if="billType == 1205">
|
|
|
+ <label class="col-md-2 control-label"><b class="text-inverse">*</b>开户银行:</label>
|
|
|
+ <div class="form-input-line">
|
|
|
+ <input type="text" class="form-control" ng-model="bill.bankName" ng-focus="form.bankName.$touched = false" ng-blur="form.bankName.$touched = true; checkBankName()" name="bankName" required="required" placeholder="请输入开户银行">
|
|
|
</div>
|
|
|
+ <div class="text-inverse error col-md-3" ng-show="form.bankName.$touched&&(form.bankName.$invalid || !validForm.validBankName)" ng-bind="form.bankName.$error.required?'请填写开户银行':'请勿超过30个字'"></div>
|
|
|
</div>
|
|
|
- <div class="col-md-offset-3">
|
|
|
- <input type="submit" value="保存发票信息" class="btn btn-warning" ng-disabled="form.$invalid||(!bill.is_agree)||linkError||addressError" ng-click="saveInvoice()">
|
|
|
- <input type="button" value="取消修改" class="btn btn-warning" ng-show="isRevice" ng-click="exit()">
|
|
|
- </div>
|
|
|
- </form>
|
|
|
- <form class="add-invoice-form form-horizontal" novalidate="novalidate" name="form" ng-if="bill.kind==1205">
|
|
|
- <div class="form-group">
|
|
|
- <label class="col-md-2"><b class="text-inverse">*</b>发票抬头:</label>
|
|
|
- <div class="col-md-5">
|
|
|
- <input type="text" class="form-control" ng-model="bill.head" name="billHead" required="required">
|
|
|
+ <div class="form-group" ng-if="billType == 1205">
|
|
|
+ <label class="col-md-2 control-label"><b class="text-inverse">*</b>开户银行账户:</label>
|
|
|
+ <div class="form-input-line">
|
|
|
+ <input type="text" class="form-control" ng-model="bill.bankAccount" name="account" ng-focus="form.account.$touched = false" ng-blur="form.account.$touched = true" ng-pattern="/^[0-9]*$/" required ng-maxlength="30" placeholder="请输入开户银行账号">
|
|
|
</div>
|
|
|
- <div class="text-inverse error col-md-2" ng-show="(bill.head||form.billHead.$touched)&&form.billHead.$invalid">必填项</div>
|
|
|
+ <div class="text-inverse error col-md-3" ng-show="form.account.$touched&&(form.account.$invalid)" ng-bind="form.account.$error.required?'请填写开户银行账号':'请填写30位以内的数字'"></div>
|
|
|
</div>
|
|
|
- <div class="form-group">
|
|
|
- <label class="col-md-2"><b class="text-inverse">*</b>收票人:</label>
|
|
|
- <div class="col-md-5">
|
|
|
- <input type="text" id="zbillname" class="form-control" ng-model="bill.name" name="billName" ng-change="linkmanLen()" required="required">
|
|
|
- </div>
|
|
|
- <div class="text-inverse error col-md-2">
|
|
|
- <span ng-show="form.billName.$dirty && linkError">请勿超过10个字</span>
|
|
|
- <span ng-show="(bill.name||form.billName.$touched)&&form.billName.$invalid">必填项</span>
|
|
|
+ <div class="form-group" ng-if="billType == 1205">
|
|
|
+ <label class="col-md-2 control-label"><b class="text-inverse">*</b>上传开户许可证:{{form.permissionUpload}}</label>
|
|
|
+ <div class="form-input-line file-line">
|
|
|
+ <input type="text" name="permission" required class="form-control" ng-model="bill.attachUrl" readonly style="background: #fff">
|
|
|
</div>
|
|
|
+ <div class="col-md-1">
|
|
|
+ <label class="select-file-box">
|
|
|
+ <span>选择文件</span>
|
|
|
+ <input class="input-file-default" type="file" ng-file-select ng-model="bill.billInfo" ng-change="onUploadPermission()" ng-multiple="false" accept="image/gif,image/jpeg,image/jpg,image/png,image/svg,application/pdf,*.pdf">
|
|
|
+ </label></div>
|
|
|
+ <div class="text-inverse error col-md-3" ng-show="isDoUpload&&(form.permission.$error.required)">请勿超过3M</div>
|
|
|
</div>
|
|
|
<div class="form-group">
|
|
|
- <label class="col-md-2"><b class="text-inverse">*</b>收票人联系电话:</label>
|
|
|
- <div class="col-md-5">
|
|
|
- <input type="text" class="form-control" ng-model="bill.telephone" name="billTel"
|
|
|
- ng-pattern="/^((\(\d{3}\))|(\d{3}\\-))?(13|15|17|18)\d{9}$/" ng-length="11" required="required">
|
|
|
+ <label class="col-md-2 control-label"><b class="text-inverse">*</b>收票人:</label>
|
|
|
+ <div class="form-input-line">
|
|
|
+ <input id="mzbillname" type="text" class="form-control" ng-focus="form.billName.$touched = false" ng-blur="form.billName.$touched = true; checkBillName()" ng-model="bill.name" name="billName" required="required" placeholder="请输入收票人">
|
|
|
</div>
|
|
|
- <div class="text-inverse error col-md-2" ng-show="(bill.telephone || form.billTel.$touched)&&form.billTel.$invalid">输入正确的联系方式</div>
|
|
|
+ <div class="text-inverse error col-md-3" ng-show="form.billName.$touched&&(form.billName.$invalid || !validForm.validBillName)" ng-bind="form.billName.$error.required?'请填写收票人姓名':'请勿超过10个字'"></div>
|
|
|
</div>
|
|
|
<div class="form-group">
|
|
|
- <label for="landlineNumber" class="col-md-2"><b class="text-inverse">*</b>座机号码:</label>
|
|
|
- <div class="col-md-5">
|
|
|
- <input type="text" ng-model="bill.landlineNumber" required class="form-control" id="landlineNumber" name="landlineNumber" placeholder="请输入你的办公号码" ng-pattern="/^[0-9]{2,4}[\-\+]?[0-9]{6,8}$/">
|
|
|
- </div>
|
|
|
- <div class="text-inverse error col-md-2">
|
|
|
- <span ng-show="(bill.landlineNumber || form.landlineNumber.$touched) && form.landlineNumber.$invalid" class="format-error">请输入正确的座机号</span>
|
|
|
+ <label class="col-md-2 control-label"><b class="text-inverse">*</b>联系电话:</label>
|
|
|
+ <div class="form-input-line">
|
|
|
+ <input type="text" class="form-control" ng-model="bill.telephone" ng-focus="form.billTel.$touched = false" ng-blur="form.billTel.$touched = true" name="billTel"
|
|
|
+ ng-pattern="/^[0-9]*$/" ng-maxlength="11" ng-minlength="8" required="required" placeholder="请输入联系电话">
|
|
|
</div>
|
|
|
+ <div class="text-inverse error col-md-3" ng-show="form.billTel.$touched&&form.billTel.$invalid" ng-bind="form.billTel.$error.required?'请填写联系电话':'请输入8-11位数字'"></div>
|
|
|
</div>
|
|
|
- <div class="form-group">
|
|
|
- <label class="col-md-2"><b class="text-inverse">*</b>收票地址:</label>
|
|
|
- <div class="mar-rt0 row checkbox">
|
|
|
- <div class="col-md-2">
|
|
|
+ <div class="form-group address">
|
|
|
+ <label class="col-md-2 control-label"><b class="text-inverse">*</b>所在地区:</label>
|
|
|
+ <div class="row checkbox">
|
|
|
+ <div class="form-input-line" style="width: 160px">
|
|
|
<select required="required" class="select-adder form-control"
|
|
|
ng-model="bill.address.province" name="province"
|
|
|
ng-options="key as key for (key,value) in division"
|
|
|
@@ -242,14 +602,14 @@
|
|
|
<option value="">省</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
- <div class="col-md-2">
|
|
|
+ <div class="form-input-line" style="width: 160px">
|
|
|
<select class="select-adder form-control" ng-model="bill.address.city" name="city"
|
|
|
ng-options="key as key for (key,value) in division[bill.address.province]"
|
|
|
ng-change="bill.address.district='';" required="required">
|
|
|
<option value="">市</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
- <div class="col-md-2">
|
|
|
+ <div class="form-input-line" style="width: 160px">
|
|
|
<select class="select-adder form-control" ng-model="bill.address.district" name="district"
|
|
|
ng-options="value as value for value in division[bill.address.province][bill.address.city]" required="required">
|
|
|
<option value="">区</option>
|
|
|
@@ -258,140 +618,42 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="form-group">
|
|
|
- <label class="col-md-2"><b class="text-inverse">*</b>收票详细地址:</label>
|
|
|
- <div class="col-md-5">
|
|
|
- <input type="text" id="zaddress" class="form-control" required="required" name="billDetail" ng-model="bill.detailAddress" ng-change="addressLen()">
|
|
|
- </div>
|
|
|
- <div class="text-inverse error col-md-2">
|
|
|
- <span ng-show="form.billName.$dirty && addressError">请勿超过30个字</span>
|
|
|
- <span ng-show="(bill.detailAddress||form.billDetail.$touched)&&form.billDetail.$invalid">必填项</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="form-group">
|
|
|
- <label class="col-md-2"><b class="text-inverse">*</b>单位地址:</label>
|
|
|
- <div class="col-md-5">
|
|
|
- <input type="text" class="form-control" ng-model="bill.companyAddress" name="companyAddr" required="required">
|
|
|
- </div>
|
|
|
- <div class="text-inverse error col-md-2" ng-show="(bill.companyAddress||form.companyAddr.$touched)&&form.companyAddr.$invalid">必填项</div>
|
|
|
- </div>
|
|
|
- <div class="form-group">
|
|
|
- <label class="col-md-2"><b class="text-inverse">*</b>单位电话:</label>
|
|
|
- <div class="col-md-5">
|
|
|
- <input type="text" class="form-control" ng-pattern="/^0\d{2,3}-[1-9]\d{6,7}$/" placeholder="区号和号码使用 '-' 隔开" name="companyPhone" ng-model="bill.companyPhone" required="required">
|
|
|
- </div>
|
|
|
- <div class="text-inverse error col-md-2" ng-show="(bill.companyPhone||form.companyPhone.$touched)&&form.companyPhone.$invalid">输入正确的电话</div>
|
|
|
- </div>
|
|
|
- <div class="form-group">
|
|
|
- <label class="col-md-2"><b class="text-inverse">*</b>税务登记号:</label>
|
|
|
- <div class="col-md-5">
|
|
|
- <input type="text" class="form-control" ng-model="bill.companyTaxNumber" name="companyTaxNum" required="true" ng-minlength="15">
|
|
|
- </div>
|
|
|
- <div class="text-inverse error col-md-2" ng-show="(bill.companyTaxNumber||form.companyTaxNum.$touched)&&(form.companyTaxNum.$error.required||form.companyTaxNum.$error.minlength)">至少15位数字</div>
|
|
|
- </div>
|
|
|
- <div class="form-group">
|
|
|
- <label class="col-md-2"><b class="text-inverse">*</b>开户银行:</label>
|
|
|
- <div class="col-md-5">
|
|
|
- <input type="text" class="form-control" ng-model="bill.bankName" name="bankName" required="required">
|
|
|
- </div>
|
|
|
- <div class="text-inverse error col-md-2" ng-show="(bill.bankName||form.bankName.$touched)&&form.bankName.$invalid">必填项</div>
|
|
|
- </div>
|
|
|
- <div class="form-group">
|
|
|
- <label class="col-md-2"><b class="text-inverse">*</b>开户银行账户:</label>
|
|
|
- <div class="col-md-5">
|
|
|
- <input type="text" class="form-control" ng-model="bill.bankAccount" name="account" ng-pattern="/^[0-9]*$/" required="required" minlength="8" maxlength="30">
|
|
|
- </div>
|
|
|
- <div class="text-inverse error col-md-3" ng-show="(bill.bankAccount||form.account.$touched)&&(form.account.$invalid)">输入正确的银行卡账号</div>
|
|
|
- </div>
|
|
|
- <div class="form-group" ng-show="!bill.attachUrl || billInfoRevise">
|
|
|
- <label class="col-md-2" for="exampleInputFile">上传开票资料:</label>
|
|
|
- <div class="col-md-5">
|
|
|
- <input class="form-control" type="file" ng-file-select ng-model="bill.billInfo" name="billInfo" id="InputFile" ng-multiple="false" accept="image/gif,image/jpeg,image/jpg,image/png,image/svg,application/pdf,*.pdf">
|
|
|
+ <label class="col-md-2 control-label"><b class="text-inverse">*</b>详细地址:</label>
|
|
|
+ <div class="form-input-line" style="width: 502px">
|
|
|
+ <input id="mzaddress" type="text" class="form-control" required="required" name="billDetail" ng-model="bill.detailAddress" title="建议您填写详细发件地址,如街道名,门牌号,楼层和房间号等信息"
|
|
|
+ placeholder="建议您填写详细发件地址,如街道名,门牌号,楼层和房间号等信息" ng-focus="form.billDetail.$touched = false" ng-blur="form.billDetail.$touched = true; checkDetailAddress()" >
|
|
|
</div>
|
|
|
+ <div class="text-inverse error col-md-3" ng-show="form.billDetail.$touched&&(form.billDetail.$invalid|| !validForm.validDetailAddress)" ng-bind="form.billDetail.$error.required?'请填写详细地址':'请勿超过30个字'"></div>
|
|
|
</div>
|
|
|
- <div class="form-group" ng-show="bill.attachUrl&&!billInfoRevise">
|
|
|
- <label class="col-md-2" for="exampleInputFile">开票资料:</label>
|
|
|
- <div class="col-md-5 height-34">
|
|
|
- <a href="{{bill.attachUrl}}" target="_blank">点击查看</a> <a class="a-background" ng-click="billInfoRevise=true;">修改</a>
|
|
|
+ <div class="form-bottom">
|
|
|
+ <div class="form-group">
|
|
|
+ <label class="check-active checkbox-inline text-inverse">
|
|
|
+ <input checked="true" type="checkbox" ng-model="bill.is_agree" name="is_agree" id="check-mzy">
|
|
|
+ <label for="check-mzy" style="position: relative;bottom: 2px;"></label>
|
|
|
+ <span style="color: #333;">我已阅读并同意</span>
|
|
|
+ </label>
|
|
|
+ <a href="help#/nav/19" target="_blank" style="color: #5078cb; font-size: 14px; position: relative;top: 2px;">《发票须知》</a>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="form-group">
|
|
|
- <label class="col-md-2"></label>
|
|
|
- <div class="col-md-5">
|
|
|
- <label class="check-active check-inline text-inverse" style="padding-left: 0;">
|
|
|
- <input checked="true" type="checkbox" ng-model="bill.is_agree" name="is_agree" required="" id="check-zy">
|
|
|
- <label for="check-zy"></label>
|
|
|
- <span>我已阅读并同意</span>
|
|
|
- </label>
|
|
|
- <a href="help/helpList/19" target="_blank">《发票须知》</a>
|
|
|
+ <div class="form-btn">
|
|
|
+ <input type="button" value="取消" class="btn" ng-click="setChangeBillStatusFlag(false)">
|
|
|
+ <input type="submit" value="保存" class="btn"
|
|
|
+ ng-click="saveBill(form.$invalid)">
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="col-md-offset-3">
|
|
|
- <input type="submit" value="保存发票信息" class="btn btn-warning" ng-disabled="form.$invalid||(!bill.is_agree)||linkError||addressError" ng-click="saveInvoice()">
|
|
|
- <input type="button" value="取消修改" class="btn btn-warning" ng-show="isRevice" ng-click="exit()">
|
|
|
- </div>
|
|
|
</form>
|
|
|
</div>
|
|
|
- <!-- 开票记录-->
|
|
|
- <div class="tab">
|
|
|
- <dl>
|
|
|
- <dt>
|
|
|
- <span>发票类型</span>
|
|
|
- <span>开票抬头</span>
|
|
|
- <span>开票金额</span>
|
|
|
- <span>产品订单号</span>
|
|
|
- <span>收票人</span>
|
|
|
- <span>状态</span>
|
|
|
- </dt>
|
|
|
- <p class="height16"> </p>
|
|
|
- <dd>
|
|
|
- <span><img src="static/img/user/images/ticket01.png"/> </span>
|
|
|
- <span>折扣卷</span>
|
|
|
- <span>¥8888.52</span>
|
|
|
- <span><em>20170116001</em></span>
|
|
|
- <span>王某某</span>
|
|
|
- <span><em>开票中</em></span>
|
|
|
- </dd>
|
|
|
- <dd>
|
|
|
- <span><img src="static/img/user/images/ticket02.png"/> </span>
|
|
|
- <span>折扣卷</span>
|
|
|
- <span>¥8888.52</span>
|
|
|
- <span><em>20170116001</em></span>
|
|
|
- <span>王某某</span>
|
|
|
- <span><em>运输中</em></span>
|
|
|
- </dd>
|
|
|
- <dd>
|
|
|
- <span><img src="static/img/user/images/ticket01.png"/> </span>
|
|
|
- <span>折扣卷</span>
|
|
|
- <span>¥8888.52</span>
|
|
|
- <span><em>20170116001</em></span>
|
|
|
- <span>王某某</span>
|
|
|
- <span><em>开票中</em></span>
|
|
|
- </dd>
|
|
|
- <dd>
|
|
|
- <span><img src="static/img/user/images/ticket02.png"/> </span>
|
|
|
- <span>折扣卷</span>
|
|
|
- <span>¥8888.52</span>
|
|
|
- <span><em>20170116001</em></span>
|
|
|
- <span>王某某</span>
|
|
|
- <span><em>运输中</em></span>
|
|
|
- </dd>
|
|
|
- <dd>
|
|
|
- <span><img src="static/img/user/images/ticket01.png"/> </span>
|
|
|
- <span>折扣卷</span>
|
|
|
- <span>¥8888.52</span>
|
|
|
- <span><em>20170116001</em></span>
|
|
|
- <span>王某某</span>
|
|
|
- <span><em>开票中</em></span>
|
|
|
- </dd>
|
|
|
- <dd>
|
|
|
- <span><img src="static/img/user/images/ticket02.png"/> </span>
|
|
|
- <span>折扣卷</span>
|
|
|
- <span>¥8888.52</span>
|
|
|
- <span><em>20170116001</em></span>
|
|
|
- <span>王某某</span>
|
|
|
- <span><em>运输中</em></span>
|
|
|
- </dd>
|
|
|
- </dl>
|
|
|
+ </div>
|
|
|
+ <!-- 提示框 -->
|
|
|
+ <div class="com-del-box" ng-if="showDeleteBox">
|
|
|
+ <div class="title">
|
|
|
+ <a ng-click="setDeleteBox(false)"><i class="fa fa-close fa-lg"></i></a>
|
|
|
+ </div>
|
|
|
+ <div class="content">
|
|
|
+ <p><i class="fa fa-exclamation-circle"></i>是否要删除此发票?</p>
|
|
|
+ <div>
|
|
|
+ <a ng-click="setDeleteBox(false)">取消</a>
|
|
|
+ <a ng-click="doDeleteInvoice()">确认</a>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|