|
|
@@ -20,8 +20,8 @@
|
|
|
}
|
|
|
|
|
|
.checkboxSize input{
|
|
|
- width: 18px;
|
|
|
- height: 18px;
|
|
|
+ width: 12px;
|
|
|
+ height: 12px;
|
|
|
}
|
|
|
|
|
|
form {
|
|
|
@@ -39,14 +39,11 @@
|
|
|
}
|
|
|
|
|
|
td {
|
|
|
- border:1px solid;
|
|
|
+ /*border:1px solid;*/
|
|
|
word-break: break-all;
|
|
|
text-align: center;
|
|
|
}
|
|
|
-
|
|
|
- .divid {
|
|
|
- border-bottom:2px solid #A9A9A9;
|
|
|
- }
|
|
|
+
|
|
|
|
|
|
.info {
|
|
|
overflow:scroll;
|
|
|
@@ -56,16 +53,53 @@
|
|
|
margin: 10px;
|
|
|
}
|
|
|
.searchcolor .col-xs-2{
|
|
|
- text-align: right;
|
|
|
+ font-size: 14px;
|
|
|
+ padding-left: 38px;
|
|
|
+ }
|
|
|
+ .searchcolor .col-xs-3{
|
|
|
font-size: 14px;
|
|
|
}
|
|
|
- .searchcolor .col-xs-2 label{
|
|
|
+ .searchcolor .col-xs-2 label,.searchcolor .col-xs-3 label{
|
|
|
font-weight: normal;
|
|
|
}
|
|
|
+ .add-apCheckList .form-control{
|
|
|
+ border: #bfbfbf 1px solid !important;
|
|
|
+ height: 34px;
|
|
|
+ background: #fff;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .add-apCheckList .row{
|
|
|
+ line-height: 34px;
|
|
|
+ }
|
|
|
+ .input-group-btn button{
|
|
|
+ height: 34px;
|
|
|
+ }
|
|
|
+ .thAlign th{
|
|
|
+ border-top: none !important;
|
|
|
+ border-right: none !important;
|
|
|
+ border-left: none !important;
|
|
|
+ border-bottom: #e8e8e8 1px solid;
|
|
|
+ }
|
|
|
+ #order-detail-list .input-sm{
|
|
|
+ border: #ccc 1px solid;
|
|
|
+ }
|
|
|
+ .tab-style table td{
|
|
|
+ padding-left: 0 !important;
|
|
|
+ padding-right: 0 !important;
|
|
|
+ }
|
|
|
+ .has-feedback input[type="search"]{
|
|
|
+ padding-right: 0 !important;
|
|
|
+ }
|
|
|
</style>
|
|
|
|
|
|
<div style="margin-right:20px;">
|
|
|
-<div>
|
|
|
+<div class="add-apCheckList">
|
|
|
+ <div class="pub-com_head">
|
|
|
+ <span>新增对账单</span>
|
|
|
+ <div class="p-right">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<div class="block searchcolor" style="padding-top: 10px; padding-bottom: 20px;">
|
|
|
|
|
|
<!-- <div class="loading in" ng-class="{'in': loading}">
|
|
|
@@ -74,7 +108,7 @@
|
|
|
<div class="row" id="tip">(<a class="text-inverse">*提示</a>:为了提高反应速率,现在所有单据都由用户手动筛选得出)</div>
|
|
|
<div class="row">
|
|
|
<div class="col-xs-2">
|
|
|
- <label> 客 户:</label>
|
|
|
+ <label>客 户:</label>
|
|
|
</div>
|
|
|
<div class="col-xs-3">
|
|
|
<div class="form-group form-group-sm has-feedback">
|
|
|
@@ -122,7 +156,7 @@
|
|
|
</div>
|
|
|
<div class="row">
|
|
|
<div class="col-xs-2">
|
|
|
- <label> 规 格:</label>
|
|
|
+ <label>规 格:</label>
|
|
|
</div>
|
|
|
<div class="col-xs-3">
|
|
|
<div class="form-group form-group-sm has-feedback">
|
|
|
@@ -136,10 +170,12 @@
|
|
|
<div class="more">
|
|
|
<form class="form-inline">
|
|
|
<div class="row">
|
|
|
- <div class="col-xs-6">
|
|
|
- <div class="form-group ">
|
|
|
- <label style="margin-left: 20px;">单据日期:</label>
|
|
|
- <div class="form-group input-group input-group-xs input-trigger">
|
|
|
+ <div class="col-xs-7">
|
|
|
+ <div class="col-xs-3">
|
|
|
+ <label>单据日期:</label>
|
|
|
+ </div>
|
|
|
+ <div class="col-xs-9 form-group">
|
|
|
+ <div class="col-xs-5 form-group input-group input-group-xs input-trigger">
|
|
|
<input type="text" ng-model="sdateFrom"
|
|
|
class="form-control" placeholder="起始日期"
|
|
|
datepicker-popup="yyyy-MM-dd" is-open="condition.$fromOpened"
|
|
|
@@ -149,51 +185,49 @@
|
|
|
ng-click="openDatePicker($event, condition, '$fromOpened')"
|
|
|
ng-change="onDateCondition()">
|
|
|
<span class="input-group-btn">
|
|
|
- <button type="button" class="btn btn-default"
|
|
|
+ <button type="button" class="btn-ht34 btn btn-default"
|
|
|
ng-click="openDatePicker($event, condition, '$fromOpened')">
|
|
|
<i class="fa fa-calendar"></i>
|
|
|
</button>
|
|
|
</span>
|
|
|
</div>
|
|
|
- <div class="form-group input-group input-group-xs 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="col-xs-2 col-xs-offset-1" style="margin-top:4px">
|
|
|
- <div class="pull-right">
|
|
|
- <a href="sale/apCheck/xls?keyword={{keywordXls}}&fromDate={{fromDateXls}}&endDate={{endDateXls}}" target="_self" title="导出Excel表格">
|
|
|
- <i class="fa fa-file-excel-o fa-fw"></i>导出Excel</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="col-xs-3" >
|
|
|
- <div class="form-group pull-right">
|
|
|
- <button class="btn btn-default btn-sm" ng-click="searchOrder()" title="若果没有筛选条件,将筛选出所有的单据">筛选单据</button> <button class="btn btn-default btn-sm" ng-click="createApCheck(check.$selected)">生成对账</button>
|
|
|
+ <div class="col-xs-5 form-group input-group input-group-xs 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-ht34 btn btn-default"
|
|
|
+ ng-click="openDatePicker($event, condition, '$toOpened')">
|
|
|
+ <i class="fa fa-calendar"></i>
|
|
|
+ </button>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ <div class="col-xs-2" style="margin-top:4px; padding: 0;">
|
|
|
+ <a href="sale/apCheck/xls?keyword={{keywordXls}}&fromDate={{fromDateXls}}&endDate={{endDateXls}}" target="_self" title="导出Excel表格" class="blue f14">
|
|
|
+ <i class="fa fa-file-excel-o fa-fw"></i>导出Excel</a>
|
|
|
+ </div>
|
|
|
+ <div class="col-xs-3" >
|
|
|
+ <div class="form-group">
|
|
|
+ <button class="btn btn-default btn-sm" ng-click="searchOrder()" title="若果没有筛选条件,将筛选出所有的单据">筛选单据</button> <button class="btn btn-default btn-sm" ng-click="createApCheck(check.$selected)">生成对账</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</form>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="info">
|
|
|
- <table width="1400px" class="tableMargin">
|
|
|
+ <div class="info" style="background: #fff;" id="order-detail-list">
|
|
|
+ <table width="1600px" class="tableMargin">
|
|
|
<tr>
|
|
|
- <table width="1400px" class="table-bordered"
|
|
|
+ <table width="1600px" class="table-bordered"
|
|
|
style="margin-bottom: 0">
|
|
|
- <tr class="thAlign">
|
|
|
+ <tr class="thAlign" style="height: 40px;">
|
|
|
<th width="36px;" class="checkboxSize"><input
|
|
|
type="checkbox" name="checkbox" ng-model="checkboxes.checked"
|
|
|
ng-click="checkAll()"></th>
|
|
|
@@ -203,62 +237,62 @@
|
|
|
<th width="35px;">序号</th>
|
|
|
<th width="60px;">类型</th>
|
|
|
<th width="60px;">单据日期</th>
|
|
|
- <th width="73px;">应付供应商名称</th>
|
|
|
- <th width="60px;">客户采购单号</th>
|
|
|
+ <th width="90px;">应付供应商名称</th>
|
|
|
+ <th width="70px;">客户采购单号</th>
|
|
|
<th width="65px;">客户料号</th>
|
|
|
- <th width="65px;">客户物料名称</th>
|
|
|
- <th width="65px;">客户规格型号</th>
|
|
|
+ <th width="70px;">客户物料名称</th>
|
|
|
+ <th width="70px;">客户规格型号</th>
|
|
|
<th width="65px;">送货工厂</th>
|
|
|
<th width="55px;">数量</th>
|
|
|
<th width="40px;">单价</th>
|
|
|
<th width="30px;">币别</th>
|
|
|
<th width="40px;">税率</th>
|
|
|
<th width="60px;">金额</th>
|
|
|
- <th width="60px;">本次对帐金额</th>
|
|
|
- <th width="17px" style="visibility: hidden;"></th>
|
|
|
+ <th width="70px;">本次对帐金额</th>
|
|
|
+ </tr>
|
|
|
+ <tr
|
|
|
+ ng-repeat="check in data | filter:condition.factory | filter:condition.prodSpec | filter:condition.prodTitle | filter:condition.uuorname | filter:condition.venduuorname | orderBy: 'piDate': reverse=true"
|
|
|
+ ng-if="((condition.dateFrom == '') || ((condition.dateFrom !== '') && (condition.dateFrom <= check.piDate))) && ((condition.dateTo == '') || ((condition.dateTo !== '') && (condition.dateTo >= check.piDate)))"
|
|
|
+ class="thAlign" style="height: 40px;">
|
|
|
+ <td width="36px;" style="text-align: center"
|
|
|
+ class="checkboxSize" n><input ng-model="check.$selected"
|
|
|
+ name="checkbox" ng-click="checkOne(check)"
|
|
|
+ ng-change="getTotalMoney()" type="checkbox"></td>
|
|
|
+ <td width="99.5px;"><input ng-model="check.thisCheckQty"
|
|
|
+ type="number" max="data.maxThisCheckQty"
|
|
|
+ min="data.minThisCheckQty" ng-change="getTotalMoney()"
|
|
|
+ style="width: 75px;" class=" input-sm text-center"></td>
|
|
|
+ <td width="69.5px;" title="{{check.custName}}"><div
|
|
|
+ style="display: -webkit-box; text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;">{{check.custName}}</div></td>
|
|
|
+ <td width="59.5px;">{{check.inOutNo}}</td>
|
|
|
+ <td width="34.5px;" align="center">{{check.detno}}</td>
|
|
|
+ <td width="59.5px;">{{check.piClass}}</td>
|
|
|
+ <td width="59.5px;">{{check.piDate | date:'yyyy-MM-dd' }}</td>
|
|
|
+ <td width="89.5px;" 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="69.5px;">{{check.orderCode}}</td>
|
|
|
+ <td width="64.5px;">{{check.prodCode}}</td>
|
|
|
+ <td width="64.5px;" 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="64.5px;" 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="64.5px;">{{check.factory}}</td>
|
|
|
+ <td width="54.5px;">{{check.qty}}</td>
|
|
|
+ <td width="39.5px;">{{check.orderPrice}}</td>
|
|
|
+ <td width="29.5px;">{{check.currency}}</td>
|
|
|
+ <td width="39.5px;" align="center">{{check.taxrate}}</td>
|
|
|
+ <td width="59.5px;">{{(check.qty || 0)*(check.orderPrice ||
|
|
|
+ 0) | number:2}}</td>
|
|
|
+ <td width="60px;">{{(check.orderPrice ||
|
|
|
+ 0)*(check.thisCheckQty || 0) | number:2}}</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td>
|
|
|
- <div style="overflow-y: scroll; width: 1395px; max-height: 500px">
|
|
|
+ <div style="overflow-y: scroll; width: 1600px; max-height: 500px" class="tab-style">
|
|
|
<table class="table table-bordered table-striped table-hover">
|
|
|
- <tr
|
|
|
- ng-repeat="check in data | filter:condition.factory | filter:condition.prodSpec | filter:condition.prodTitle | filter:condition.uuorname | filter:condition.venduuorname | orderBy: 'piDate': reverse=true"
|
|
|
- ng-if="((condition.dateFrom == '') || ((condition.dateFrom !== '') && (condition.dateFrom <= check.piDate))) && ((condition.dateTo == '') || ((condition.dateTo !== '') && (condition.dateTo >= check.piDate)))"
|
|
|
- class="thAlign">
|
|
|
- <td width="36px;" style="text-align: center"
|
|
|
- class="checkboxSize" n><input ng-model="check.$selected"
|
|
|
- name="checkbox" ng-click="checkOne(check)"
|
|
|
- ng-change="getTotalMoney()" type="checkbox"></td>
|
|
|
- <td width="99.5px;"><input ng-model="check.thisCheckQty"
|
|
|
- type="number" max="data.maxThisCheckQty"
|
|
|
- min="data.minThisCheckQty" ng-change="getTotalMoney()"
|
|
|
- style="width: 75px;" class=" input-sm text-center"></td>
|
|
|
- <td width="69.5px;" title="{{check.custName}}"><div
|
|
|
- style="display: -webkit-box; text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;">{{check.custName}}</div></td>
|
|
|
- <td width="59.5px;">{{check.inOutNo}}</td>
|
|
|
- <td width="34.5px;" align="center">{{check.detno}}</td>
|
|
|
- <td width="59.5px;">{{check.piClass}}</td>
|
|
|
- <td width="59.5px;">{{check.piDate | date:'yyyy-MM-dd' }}</td>
|
|
|
- <td width="72.5px;" 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="59.5px;">{{check.orderCode}}</td>
|
|
|
- <td width="64.5px;">{{check.prodCode}}</td>
|
|
|
- <td width="64.5px;" 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="64.5px;" 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="64.5px;">{{check.factory}}</td>
|
|
|
- <td width="54.5px;">{{check.qty}}</td>
|
|
|
- <td width="39.5px;">{{check.orderPrice}}</td>
|
|
|
- <td width="29.5px;">{{check.currency}}</td>
|
|
|
- <td width="39.5px;" align="center">{{check.taxrate}}</td>
|
|
|
- <td width="59.5px;">{{(check.qty || 0)*(check.orderPrice ||
|
|
|
- 0) | number:2}}</td>
|
|
|
- <td width="60px;">{{(check.orderPrice ||
|
|
|
- 0)*(check.thisCheckQty || 0) | number:2}}</td>
|
|
|
- </tr>
|
|
|
+
|
|
|
</table>
|
|
|
</div>
|
|
|
</td>
|
|
|
@@ -266,7 +300,7 @@
|
|
|
</table>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div style="text-align: left;">
|
|
|
- <div class="divid">总金额合计:{{totalMoney | number:2}}</div>
|
|
|
+ <div style="text-align: left; background: #fff; height: 40px; line-height: 40px;">
|
|
|
+ <div class="divid" style="margin-left: 20px">总金额合计:{{totalMoney | number:2}}</div>
|
|
|
</div>
|
|
|
</div>
|