|
|
@@ -0,0 +1,284 @@
|
|
|
+<style>
|
|
|
+.add-apCheckList {
|
|
|
+ background: #fff
|
|
|
+}
|
|
|
+
|
|
|
+.add-apCheckList input[type="checkbox"] {
|
|
|
+ /*width: 16px;
|
|
|
+ height: 16px*/
|
|
|
+}
|
|
|
+
|
|
|
+.add-apCheckList .table-wrap {
|
|
|
+ overflow: hidden
|
|
|
+}
|
|
|
+
|
|
|
+.add-apCheckList .table-header-wrap {
|
|
|
+ background: #f9f9f9;
|
|
|
+ overflow-x: hidden;
|
|
|
+ overflow-y: scroll;
|
|
|
+}
|
|
|
+
|
|
|
+.add-apCheckList .table-header-wrap table,.add-apCheckList .table-body-wrap table
|
|
|
+ {
|
|
|
+ width: 100%;
|
|
|
+ table-layout: fixed;
|
|
|
+ border-collapse: collapse;
|
|
|
+ border-spacing: 0;
|
|
|
+ margin-bottom: 0
|
|
|
+}
|
|
|
+
|
|
|
+.add-apCheckList .table-header-wrap th {
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+.add-apCheckList .table-body-wrap {
|
|
|
+ max-height: 600px;
|
|
|
+ overflow-x: auto;
|
|
|
+ overflow-y: scroll;
|
|
|
+}
|
|
|
+
|
|
|
+.add-apCheckList td {
|
|
|
+ word-break: break-all;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+.add-apCheckList tbody {
|
|
|
+ overflow: auto;
|
|
|
+}
|
|
|
+
|
|
|
+#order-detail-list .input-sm {
|
|
|
+ border: #ccc 1px solid;
|
|
|
+}
|
|
|
+
|
|
|
+.has-feedback input[type="search"] {
|
|
|
+ padding-right: 0 !important;
|
|
|
+}
|
|
|
+.table>tbody>tr>td{
|
|
|
+ vertical-align: middle;
|
|
|
+}
|
|
|
+.form-horizontal .form-group-sm .control-label{
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+.form-group .form-control{
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+</style>
|
|
|
+
|
|
|
+<div style="margin-right: 20px;">
|
|
|
+ <div class="add-apCheckList">
|
|
|
+ <div class="pub-com_head">
|
|
|
+ <span>新增开票单</span>
|
|
|
+ <div class="p-right"></div>
|
|
|
+ </div>
|
|
|
+ <form class="form-horizontal"
|
|
|
+ style="padding-top: 10px; padding-bottom: 20px;">
|
|
|
+ <div class="loading" ng-class="{'in': loading}">
|
|
|
+ <i></i>
|
|
|
+ </div>
|
|
|
+ <div class="form-group form-group-sm form-group-inline">
|
|
|
+ <label class="col-sm-2 control-label">客 户：</label>
|
|
|
+ <div class="col-sm-4">
|
|
|
+ <div class="form-group form-group-sm has-feedback">
|
|
|
+ <input type="text" class="form-control input-sm" id="suuorname"
|
|
|
+ ng-model="suuorname" placeholder="选择对账客户"
|
|
|
+ ng-click="searchCust(suuorname)" autofocus /><span
|
|
|
+ class="form-control-feedback text-simple"><i
|
|
|
+ class="fa fa-search"></i></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <label class="col-sm-2 control-label">单据日期：</label>
|
|
|
+ <div class="col-sm-2" style="padding-right: 5px">
|
|
|
+ <div
|
|
|
+ class="form-group form-group-sm input-group input-group-sm input-trigger">
|
|
|
+ <input type="text" ng-model="sdateFrom" class="form-control"
|
|
|
+ placeholder="起始日期" datepicker-popup="yyyy-MM-dd"
|
|
|
+ is-open="condition.$fromOpened" max-date="condition.dateTo"
|
|
|
+ current-text="今天" clear-text="清除" close-text="关闭"
|
|
|
+ datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
|
|
|
+ ng-click="openDatePicker($event, condition, '$fromOpened')"
|
|
|
+ ng-change="onDateCondition()"> <span
|
|
|
+ class="input-group-btn">
|
|
|
+ <button type="button" class="btn btn-default"
|
|
|
+ ng-click="openDatePicker($event, condition, '$fromOpened')">
|
|
|
+ <i class="fa fa-calendar"></i>
|
|
|
+ </button>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-sm-2" style="padding-left: 5px">
|
|
|
+ <div
|
|
|
+ class="form-group form-group-sm input-group input-group-sm input-trigger">
|
|
|
+ <input type="text" ng-model="sdateTo" class="form-control"
|
|
|
+ placeholder="截止日期" datepicker-popup="yyyy-MM-dd"
|
|
|
+ is-open="condition.$toOpened" min-date="condition.dateFrom"
|
|
|
+ current-text="今天" clear-text="清除" close-text="关闭"
|
|
|
+ datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
|
|
|
+ ng-click="openDatePicker($event, condition, '$toOpened')"
|
|
|
+ ng-change="onDateCondition()"> <span
|
|
|
+ class="input-group-btn">
|
|
|
+ <button type="button" class="btn btn-default"
|
|
|
+ ng-click="openDatePicker($event, condition, '$toOpened')">
|
|
|
+ <i class="fa fa-calendar"></i>
|
|
|
+ </button>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form-group form-group-sm form-group-inline">
|
|
|
+ <div class="col-sm-12 text-right">
|
|
|
+ <a ng-click="condition.$open=!condition.$open" class="text-simple"><span
|
|
|
+ ng-bind="condition.$open ? '收起筛选条件' : '更多筛选条件'"></span><i
|
|
|
+ class="fa fa-fw"
|
|
|
+ ng-class="{'fa-angle-up': condition.$open, 'fa-angle-down': !condition.$open}"></i></a>
|
|
|
+ <div class="btn-group btn-group-sm">
|
|
|
+ <a class="btn btn-default" ng-click="searchOrder()"><i
|
|
|
+ class="fa fa-search fa-fw btn-icon-left"></i>筛选</a> <a
|
|
|
+ class="btn btn-default" ng-click="createApBillOut(check.$selected)"
|
|
|
+ ng-disabled="!data || data.length==0"><i
|
|
|
+ class="fa fa-check-circle-o fa-fw btn-icon-left"></i>开票</a> <a
|
|
|
+ class="btn btn-default"
|
|
|
+ href="sale/apCheck/xls?keyword={{keywordXls}}&fromDate={{fromDateXls}}&endDate={{endDateXls}}"
|
|
|
+ target="_self" title="导出Excel"
|
|
|
+ ng-disabled="!data || data.length==0"><i
|
|
|
+ class="fa fa-file-excel-o fa-fw btn-icon-left"></i>导出</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form-group form-group-sm form-group-inline"
|
|
|
+ ng-show="condition.$open">
|
|
|
+ <label class="col-sm-2 control-label">应付供应商：</label>
|
|
|
+ <div class="col-sm-4">
|
|
|
+ <div class="form-group form-group-sm has-feedback">
|
|
|
+ <input type="search" class="form-control input-sm"
|
|
|
+ ng-model="vuuorname" placeholder="可用应付供应商名称筛选" /><span
|
|
|
+ class="form-control-feedback text-simple"><i
|
|
|
+ class="fa fa-search"></i></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <label class="col-sm-2 control-label">送货工厂：</label>
|
|
|
+ <div class="col-sm-4">
|
|
|
+ <div class="form-group form-group-sm has-feedback">
|
|
|
+ <input type="search" class="form-control input-sm"
|
|
|
+ ng-model="factory" placeholder="请输入送货工厂名称" /><span
|
|
|
+ class="form-control-feedback text-simple"><i
|
|
|
+ class="fa fa-search"></i></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form-group form-group-sm form-group-inline"
|
|
|
+ ng-show="condition.$open">
|
|
|
+ <label class="col-sm-2 control-label">物料名称：</label>
|
|
|
+ <div class="col-sm-4">
|
|
|
+ <div class="form-group form-group-sm has-feedback">
|
|
|
+ <input type="search" class="form-control input-sm"
|
|
|
+ ng-model="prodTitle" placeholder="请输入物料名称" /><span
|
|
|
+ class="form-control-feedback text-simple"><i
|
|
|
+ class="fa fa-search"></i></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <label class="col-sm-2 control-label">规 格：</label>
|
|
|
+ <div class="col-sm-4">
|
|
|
+ <div class="form-group form-group-sm has-feedback">
|
|
|
+ <input type="search" class="form-control input-sm"
|
|
|
+ ng-model="prodSpec" placeholder="请输入物料规格" /><span
|
|
|
+ class="form-control-feedback text-simple"><i
|
|
|
+ class="fa fa-search"></i></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ <!-- 标签scroll-table用于表头滚动 -->
|
|
|
+ <div class="table-wrap" id="order-detail-list" scroll-table>
|
|
|
+ <div class="table-header-wrap">
|
|
|
+ <table class="table table-bordered">
|
|
|
+ <tr>
|
|
|
+ <th width="36" style="vertical-align: middle;"><input type="checkbox" name="checkbox"
|
|
|
+ ng-model="checkboxes.checked" ng-click="checkAll()"></th>
|
|
|
+ <th width="100">本次<br>开票数
|
|
|
+ </th>
|
|
|
+ <th width="70">客户<br>名称
|
|
|
+ </th>
|
|
|
+ <th width="60">单据<br>编号
|
|
|
+ </th>
|
|
|
+ <th width="35">序号</th>
|
|
|
+ <th width="60">类型</th>
|
|
|
+ <th width="60">单据<br>日期
|
|
|
+ </th>
|
|
|
+ <th width="90">应付<br>供应商
|
|
|
+ </th>
|
|
|
+ <th width="70">客户<br>采购单
|
|
|
+ </th>
|
|
|
+ <th width="65">客户<br>料号
|
|
|
+ </th>
|
|
|
+ <th width="70">客户物<br>料名称
|
|
|
+ </th>
|
|
|
+ <th width="70">客户规<br>格型号
|
|
|
+ </th>
|
|
|
+ <th width="65">送货<br>工厂
|
|
|
+ </th>
|
|
|
+ <th width="55">数量</th>
|
|
|
+ <th width="40">单价</th>
|
|
|
+ <th width="30">币别</th>
|
|
|
+ <th width="40">税率</th>
|
|
|
+ <th width="60">金额</th>
|
|
|
+ <th width="70">本次对<br>账金额
|
|
|
+ </th>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <div class="table-body-wrap">
|
|
|
+ <table class="table table-bordered">
|
|
|
+ <tr
|
|
|
+ ng-repeat="check in data "
|
|
|
+ class="thAlign" style="height: 40px;">
|
|
|
+ <td width="36" style="text-align: center;vertical-align: middle;"><input
|
|
|
+ ng-model="check.$selected" name="checkbox"
|
|
|
+ ng-click="checkOne(check)" ng-change="getTotalMoney()"
|
|
|
+ type="checkbox"></td>
|
|
|
+ <td width="100"><input ng-model="check.thisBilledQty"
|
|
|
+ type="number" max="check.maxThisCheckQty"
|
|
|
+ min="check.minThisCheckQty" ng-change="getTotalMoney()"
|
|
|
+ style="width: 75px;" class=" input-sm text-center"></td>
|
|
|
+ <td width="70" title="{{check.apCheck.custName}}"><div
|
|
|
+ style="display: -webkit-box; text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;">{{::check.apCheck.custName}}</div></td>
|
|
|
+ <td width="60">{{::check.inoutno}}</td>
|
|
|
+ <td width="35" align="center">{{::check.orderDetno}}</td>
|
|
|
+ <td width="60">{{::check.orderClass}}</td>
|
|
|
+ <td width="60">{{::check.apCheck.apDate | date:'yyyy-MM-dd' }}</td>
|
|
|
+ <td width="90" title="{{check.receiveName}}">
|
|
|
+ <div
|
|
|
+ style="display: -webkit-box; text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;">{{::check.receiveName}}</div>
|
|
|
+ </td>
|
|
|
+ <td width="70">{{::check.orderCode}}</td>
|
|
|
+ <td width="65">{{::check.prodCode}}</td>
|
|
|
+ <td width="70" title="{{check.prodTitle}}">
|
|
|
+ <div
|
|
|
+ style="display: -webkit-box; text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;">{{::check.prodTitle}}</div>
|
|
|
+ </td>
|
|
|
+ <td width="70" title="{{check.prodSpec}}"><div
|
|
|
+ style="display: -webkit-box; text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;">{{::check.prodSpec}}</div></td>
|
|
|
+ <td width="65">{{::check.factory}}</td>
|
|
|
+ <td width="55">{{::check.billed}}</td>
|
|
|
+ <td width="40">{{::check.orderPrice}}</td>
|
|
|
+ <td width="30">{{::check.currency}}</td>
|
|
|
+ <td width="40" align="center">{{::check.taxrate}}</td>
|
|
|
+ <td width="60">{{::(check.qty || 0)*(check.orderPrice || 0) |
|
|
|
+ number:2}}</td>
|
|
|
+ <td width="60">{{::(check.orderPrice ||
|
|
|
+ 0)*(check.thisCheckQty || 0) | number:2}}</td>
|
|
|
+ </tr>
|
|
|
+ <tr ng-if="!data || data.length==0">
|
|
|
+ <td colspan="19">
|
|
|
+ <div class="empty-block">
|
|
|
+ <i class="fa fa-exclamation-circle"></i>
|
|
|
+ <p class="text-muted">没有对账数据，请先筛选</p>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <div style="padding: 10px 20px" ng-show="totalMoney!=0">总金额合计：{{totalMoney
|
|
|
+ | number:2}}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
huangct