invoice-manage-main-upload-electronic-invoice.html

<div class="invoice-manage-upload-electronic-invoice">
    <div class="header-title">
        <div style="display:inline-block"><span class="sub-title"><a href="#/invoiceManagement/main">单独开具发票采购端发票管理</a> / <a href="#/invoiceManagement/main/uploadIndex">上传电票</a>  /</span><span class="title-name">上传电子发票</span></div>
    </div>
    <div class="content-container">
        <div class="header">
            <div class="title">上传电子发票</div>
            <div class="title-bottom-line">
                <hr class="hr-red" /><hr class="line-right" />
            </div>

        </div>
        <div class="body">
            <div class="comment-desc">
                <span>请扫描上传增值税专票及普票的发票联！请勿重复上传相同发票代码和发票号码的文件</span>
            </div>
            <div class="inline-block" style="width:100%">
                <div class="right-side"><button type="button" class="btn btn-primary invoice-btn" ng-click="uploadToServer()">完成上传</button></div>
            </div>

            <div class="inline-block" style="width:100%">
                <div class="left-side box-row"><button type="button" class="btn btn-primary invoice-btn" ng-click="scanUpload()">上传文件</button></div>
                <span style="margin:0px 30px; color:gray">|</span>
                <button type="button" class="btn btn-primary invoice-btn btn-vat-invoice-not-important" ng-click="uploadToServer()">覆盖上传</button>
                <button style="margin-left:20px" type="button" class="btn btn-primary invoice-btn btn-vat-invoice-not-important" ng-click="uploadToServer()">追加上传</button>
                <div class="remarks" style="margin-left:5px; display:inline-block">
                    *覆盖上传：即覆盖当前页面中所有文件，重新上传；追加上传：即保留当前页面中所有文件，追加新文件。
                </div>
            </div>

            <div class="inline-block  margin-top-20" style="width:100%">
                <div class="left-side">
                    <button class="btn btn-in-grid " ng-click="addUser()"><i class="material-icons middle red-color">delete</i><span>批量删除</span></button>
                </div>
            </div>

            <hr class="bordre-width-60" />
            <div class="clear-both"></div>
            <div class="invoice-content">
                <div class="invoice-list" ng-repeat="template in uploadInvoiceList">

                    <table class="table borderless table-bottom " style="width:90%">
                        <tr>
                            <td>
                                <div dx-check-box="searchEntityOptions.checkAllOptions"></div> 全选
                            </td>
                            <td>
                                本批次<span class="total-number">10</span>张
                            </td>
                            <td class="label-text">
                                发票来源:
                            </td>
                            <td class="select-box">
                                <div dx-select-box="searchEntityOptions.selectinvoiceSourceTypeOptions"></div>
                            </td>
                            <td ng-show="showPoOptions" class="label-text">
                                员工编号:
                            </td>
                            <td class="select-box" ng-show="showPoOptions">
                                <div dx-text-box="searchEntityOptions.staffIdOPtions"></div>
                            </td>
                            <td ng-show="showStaffOptions" class="label-text">
                                PO<span class="red-color">*</span>:
                            </td>
                            <td class="select-box" ng-show="showStaffOptions">
                                <div dx-text-box="searchEntityOptions.PoNumberOptions"></div>
                            </td>
                        </tr>

                    </table>


                    <div class="invoice-card" ng-repeat="card in template.currentInvoiceList">
                        
                        <div style="margin-top:10px;">{{card.value}}</div>

                        <!--扫描成功-->
                        <img ng-show="card.status==1" style="margin-top:3px;width: 50px;height: 45px;" src="../../../../app-resources/images/vat/cargill-success.png" />

                        <!--扫描不完整-->
                        <img ng-show="card.status==2" style="margin-top:3px;width: 50px;height: 45px;" src="../../../../app-resources/images/vat/cargill-warning.png" />

                        <!--重复-->
                        <div class="circle" ng-show="card.status==3">
                            <img style="margin-top: 3px;width: 16px;height: 11px;" src="../../../../app-resources/images/vat/cargill-duplicate.png" />
                        </div>

                        <div style="padding-top:10%;">
                            <div dx-check-box=""></div>
                        </div>
                        <div style="font-size:10px;margin-top:-23px;" ng-show="card.status==1">对应成功</div>
                        <div style="font-size:10px;margin-top:-23px;" ng-show="card.status==2">对应失败</div>
                        <div style="font-size:10px;margin-top:-23px;" ng-show="card.status==3">对应重复</div>

                        <div style="font-size:10px;">{{card.time}}</div>
                    </div>
                    <hr class="bordre-width-60" />
                    <div class="clear-both"></div>
                </div>
            </div>
        </div>
    </div>
</div>