|
|
@@ -1,952 +1,1006 @@
|
|
|
-<style>
|
|
|
- body{
|
|
|
- font-family: "Microsoft YaHei", "微软雅黑" !important;
|
|
|
- }
|
|
|
- .text-num{
|
|
|
-
|
|
|
- }
|
|
|
-.append{
|
|
|
- color: #5078cb;font-size:12px; margin-left: 10px
|
|
|
-}
|
|
|
-.order-table td {
|
|
|
- padding-top: 10px;
|
|
|
- margin-bottom: 20px;
|
|
|
- border-bottom: solid 1px #ccc;
|
|
|
- border-top: solid 1px #e8e8e8;
|
|
|
-}
|
|
|
-
|
|
|
-.order-table td.first {
|
|
|
- padding-left: 20px;
|
|
|
-}
|
|
|
-
|
|
|
-.order-table td.last {
|
|
|
- padding-right: 20px;
|
|
|
-}
|
|
|
-
|
|
|
-.order-table td .static p {
|
|
|
- display: inline-block;
|
|
|
- line-height: 30px;
|
|
|
- padding-top: 5px;
|
|
|
- padding-bottom: 0px;
|
|
|
- width: 150px;
|
|
|
- font-size: 14px;
|
|
|
- color: #666;
|
|
|
- padding-left: 15px;
|
|
|
- border-left: solid 1px #e8e8e8;
|
|
|
-}
|
|
|
- .order-table td .static p:first-child{
|
|
|
- border-left: none;
|
|
|
- width: 180px;
|
|
|
- padding-left: 0;
|
|
|
- }
|
|
|
- .order-table td .static p:last-child{
|
|
|
- margin-left: 22px;
|
|
|
- }
|
|
|
- .order-table td .static p:nth-of-type(3){
|
|
|
- margin-left: 20px;
|
|
|
- }
|
|
|
-.order-table td .main {
|
|
|
- margin-top: 5px;
|
|
|
- margin-bottom: 20px;
|
|
|
- color: #333;
|
|
|
-}
|
|
|
-.static{
|
|
|
- margin: 12px 0;
|
|
|
-}
|
|
|
-.order-table td .main strong {
|
|
|
- font-size: 14px;
|
|
|
-}
|
|
|
-
|
|
|
-.order-table td .static p strong {
|
|
|
- font-size: 14px;
|
|
|
- font-weight: bold;
|
|
|
- color: #888;
|
|
|
-}
|
|
|
-
|
|
|
-.order-table td.status {
|
|
|
- position: relative;
|
|
|
- border-left: solid 1px #e8e8e8;
|
|
|
- padding: 10px;
|
|
|
- vertical-align: top;
|
|
|
-}
|
|
|
-
|
|
|
-.order-table td.status .operate {
|
|
|
- position: absolute;
|
|
|
- display: block;
|
|
|
- bottom: 0;
|
|
|
- left: 0;
|
|
|
- right: 0;
|
|
|
- height: 0px;
|
|
|
- color: #ffffff;
|
|
|
- font-size: 14px;
|
|
|
- font-weight: bold;
|
|
|
- line-height: 40px;
|
|
|
- opacity: 0.8;
|
|
|
- transition: height ease-in-out 0.5s;
|
|
|
- text-decoration: none;
|
|
|
-}
|
|
|
-
|
|
|
-.order-table td.status .operate-undo {
|
|
|
- background: #428bca;
|
|
|
-}
|
|
|
-
|
|
|
-.order-table td.status .operate-done {
|
|
|
- background: #cccccc;
|
|
|
-}
|
|
|
-
|
|
|
-.order-table td.status:hover .operate {
|
|
|
- height: 40px;
|
|
|
-}
|
|
|
-
|
|
|
-.unPrinted {
|
|
|
- color: #56a022;
|
|
|
-}
|
|
|
-.order-table td .main strong{
|
|
|
- font-weight: normal;
|
|
|
-}
|
|
|
-.order-table td{
|
|
|
- font-size: 14px;
|
|
|
-}
|
|
|
- .order-table th{
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- .order-table .text-trans{
|
|
|
- margin-top: -17px;
|
|
|
- margin-right: 14px;
|
|
|
- }
|
|
|
- .menu .new-dot{
|
|
|
- width: 20px;
|
|
|
- height: 20px;
|
|
|
- line-height: 20px;
|
|
|
- font-size: 12px;
|
|
|
- color: #fff;
|
|
|
- font-weight: inherit;
|
|
|
- top: -2px;
|
|
|
- }
|
|
|
- .wui-date.small .wui-date-picker {
|
|
|
- width: 260px
|
|
|
- }
|
|
|
-</style>
|
|
|
-<link rel="stylesheet" href="static/css/public.css">
|
|
|
-<link rel="stylesheet" href="static/css/wui.min.css">
|
|
|
-<div class="block" id="public">
|
|
|
- <div class="loading in" ng-class="{'in': loading}">
|
|
|
- <!--<i></i>-->
|
|
|
- <div class="wrap">
|
|
|
- <div class="outer"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="pub-com_head">
|
|
|
- <span>应收对账单</span>
|
|
|
- <!--<div class="p-right">-->
|
|
|
- <!--<a class="text-simple append" ui-sref="fa.apCheckList" title="新增对账单" ng-hide="showNotCheck"><i class="fa fa-plus-square fa-fw"></i>新增对账单</a> -->
|
|
|
- <!--<a href="#" ng-click="exportXls()" ng-hide="active === 'all'" target="_self" title="导出Excel表格" class="blue f14"><i class="fa fa-file-text fa-fw"></i>导出</a>-->
|
|
|
- <!--</div>-->
|
|
|
-
|
|
|
- <div class="p-right" ng-show="active !== 'all'">
|
|
|
- <div class="btn-group btn-group-sm" style="float: right;font-size: 14px;cursor: pointer;text-align: right;height: 40px;line-height: 40px; margin-right: 20px;;color: #fff;" ng-click="setActive('all')">
|
|
|
- <img src="static/img/vendor/images/backIcon.png" width="20"/>返回
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="btn-group btn-group-sm" style="float: right;font-size: 14px;cursor: pointer;text-align: right;height: 40px;line-height: 40px; margin-right: 20px;;color: #fff;" ng-hide="!showNotCheck" ng-click="hideshowNotCheck()">
|
|
|
- <img src="static/img/vendor/images/backIcon.png" width="20"/>返回
|
|
|
- <!--<b class="new-dot" ng-if="unread.cancelled > 0">{{unread.cancelled > 99 ? '99+' : unread.cancelled}}</b>-->
|
|
|
-
|
|
|
- </div>
|
|
|
- <div class="p-right" ng-show="active === 'all'">
|
|
|
- <div class="btn-group btn-group-sm" style=" float: right;
|
|
|
- font-size: 14px;
|
|
|
- cursor: pointer;
|
|
|
- text-align: right;
|
|
|
- height: 28px;
|
|
|
- line-height: 27px;
|
|
|
- margin-right: 20px;
|
|
|
- color: #fff;
|
|
|
- border: 1px solid #fff;
|
|
|
- margin-top: 3px;
|
|
|
- padding: 0 5px;" ng-click="setActive();changeDateZone(1, true);condition.$open=false;showNotCheck=false">查看对账记录
|
|
|
- <!--<b class="new-dot" ng-if="unread.cancelled > 0">{{unread.cancelled > 99 ? '99+' : unread.cancelled}}</b>-->
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!--<div class="menu condition block">-->
|
|
|
- <!--<div class="row">-->
|
|
|
- <!--<div class="col-xs-7">-->
|
|
|
- <!--<div class="btn-group btn-group-sm btn-group-justified">-->
|
|
|
- <!--<div class="btn-group btn-group-sm/fa/arCheck">-->
|
|
|
- <!--<button type="button" class="btn btn-default btn-line"-->
|
|
|
- <!--ng-class="{'btn-info':active=='all'}" ng-click="setActive('all')">未对账</button>-->
|
|
|
- <!--</div>-->
|
|
|
- <!--<div class="btn-group btn-group-sm">-->
|
|
|
- <!--<button type="button" class="btn btn-default btn-line"-->
|
|
|
- <!--ng-class="{'btn-info':active=='todo'}"-->
|
|
|
- <!--ng-click="setActive('todo')">待确认</button>-->
|
|
|
- <!--</div>-->
|
|
|
- <!--<div class="btn-group btn-group-sm">-->
|
|
|
- <!--<button type="button" class="btn btn-default btn-line"-->
|
|
|
- <!--ng-class="{'btn-info':active=='done'}"-->
|
|
|
- <!--ng-click="setActive('done')">已对账-->
|
|
|
- <!--<b class="new-dot" ng-if="unread.replied > 0">{{unread.replied>99?'99+':unread.replied}}</b>-->
|
|
|
- <!--</button>-->
|
|
|
- <!--</div>-->
|
|
|
- <!--<div class="btn-group btn-group-sm">-->
|
|
|
- <!--<button type="button" class="btn btn-default btn-line"-->
|
|
|
- <!--ng-class="{'btn-info':active=='end'}" ng-click="setActive('end')">已作废-->
|
|
|
- <!--<b class="new-dot" ng-if="unread.cancelled > 0">{{unread.cancelled > 99 ? '99+' : unread.cancelled}}</b>-->
|
|
|
- <!--</button>-->
|
|
|
- <!--</div>-->
|
|
|
-
|
|
|
- <!--<div class="btn-group btn-group-sm">-->
|
|
|
- <!--<button type="button" class="btn btn-default btn-line"-->
|
|
|
- <!--ng-class="{'btn-info':active=='all'}" ng-click="setActive('all')">全部</button>-->
|
|
|
- <!--</div>-->
|
|
|
- <!--<div class="btn-group btn-group-sm">-->
|
|
|
- <!--<button type="button" class="btn btn-default btn-line"-->
|
|
|
- <!--ng-class="{'btn-info':active=='done'}"-->
|
|
|
- <!--ng-click="setActive('done')">已确认-->
|
|
|
- <!--<b class="new-dot" ng-if="unread.replied > 0">{{unread.replied>99?'99+':unread.replied}}</b>-->
|
|
|
- <!--</button>-->
|
|
|
- <!--</div>-->
|
|
|
- <!--<div class="btn-group btn-group-sm">-->
|
|
|
- <!--<button type="button" class="btn btn-default btn-line"-->
|
|
|
- <!--ng-class="{'btn-info':active=='todo'}"-->
|
|
|
- <!--ng-click="setActive('todo')">未对账</button>-->
|
|
|
- <!--</div>-->
|
|
|
- <!--<div class="btn-group btn-group-sm">-->
|
|
|
- <!--<button type="button" class="btn btn-default btn-line"-->
|
|
|
- <!--ng-class="{'btn-info':active=='end'}" ng-click="setActive('end')">已作废-->
|
|
|
- <!--<b class="new-dot" ng-if="unread.cancelled > 0">{{unread.cancelled > 99 ? '99+' : unread.cancelled}}</b>-->
|
|
|
- <!--</button>-->
|
|
|
- <!--</div>-->
|
|
|
- <!--</div>-->
|
|
|
- <!--</div>-->
|
|
|
- <!--<div class="col-xs-12 f12" style="text-align: right;height: 40px;line-height: 40px; margin-right: 20px; float: right;">-->
|
|
|
- <!--<div class="btn-group btn-group-sm" style="float: right;font-size: 14px;cursor: pointer;" ng-hide="!showNotCheck" ng-click="hideshowNotCheck()">-->
|
|
|
- <!--<img src="static/img/vendor/images/backIcon.png" width="20"/>返回-->
|
|
|
- <!--<!–<b class="new-dot" ng-if="unread.cancelled > 0">{{unread.cancelled > 99 ? '99+' : unread.cancelled}}</b>–>-->
|
|
|
-
|
|
|
- <!--</div>-->
|
|
|
- <!--</div>-->
|
|
|
- <!--</div>-->
|
|
|
- <!--</div>-->
|
|
|
-
|
|
|
- <div ng-hide="showNotCheck">
|
|
|
- <div class="condition block" ng-show="!showNotCheck">
|
|
|
- <div class="search-bg condition block" style="padding: 10px 15px;">
|
|
|
- <div class="row">
|
|
|
- <div id="topSearch" ng-show="active !== 'all'" style="float: left">
|
|
|
- <a ng-click="changeDateZone(1);condition.$open=false" title="最近一个月" ng-class="{'active':condition.dateZone=='1'}">最近一个月</a>
|
|
|
- <a ng-click="changeDateZone(3);condition.$open=false" title="最近三个月" ng-class="{'active':condition.dateZone=='3'}">最近三个月</a>
|
|
|
- <a ng-click="changeDateZone(6);condition.$open=false" title="最近六个月" ng-class="{'active':condition.dateZone=='6'}">最近六个月</a>
|
|
|
- <a ng-click="condition.$open=!condition.$open;changeDateZone(-1)" title="自定义" ng-class="{'active':condition.dateZone=='-1'}" >自定义</a>
|
|
|
- </div>
|
|
|
- <div style="float: left" ng-show="active === 'all'" >
|
|
|
- <div style="width: 355px;display: inline-block">
|
|
|
- <label class="control-label">请选择月份：</label>
|
|
|
- <span ng-click="addMouthOut(-1)" style="display: inline-block;
|
|
|
- width: 32px;
|
|
|
- height: 32px;
|
|
|
- border: 1px solid #ddd;
|
|
|
- text-align: center;
|
|
|
- line-height: 32px;
|
|
|
- cursor: pointer;
|
|
|
- vertical-align: middle;">
|
|
|
- <img src="static/img/vendor/images/arrow-left-d-l.png" width="24"/>
|
|
|
- </span>
|
|
|
- <span class="inputsIcon control-label" style="padding-right: 0px;display: inline-block;vertical-align: top;">
|
|
|
- <wui-date
|
|
|
- format="yyyy-mm"
|
|
|
- placeholder="请选择或输入日期"
|
|
|
- id="date3"
|
|
|
- btns="{'ok':'确定','now':'此刻'}"
|
|
|
- ng-model="thisMouthOut"
|
|
|
- >
|
|
|
- </wui-date>
|
|
|
- </span>
|
|
|
- <span ng-show="MouthOutShow" ng-click="addMouthOut(1)" style="display: inline-block;
|
|
|
- width: 32px;
|
|
|
- height: 32px;
|
|
|
- border: 1px solid #ddd;
|
|
|
- text-align: center;
|
|
|
- line-height: 32px;
|
|
|
- cursor: pointer;
|
|
|
- vertical-align: middle;"><img src="static/img/vendor/images/arrow-right-d-l.png" width="24"/></span>
|
|
|
- </div>
|
|
|
- <a ng-click="condition.$open=!condition.$open;changeDateZone(1)" title="自定义" ng-class="{'active':condition.dateZone=='-1'}" style="margin-left: 10px;display: inline-block;padding: 7px 12px;background: #3f84f6;color: #fff" >自定义</a>
|
|
|
- <div class="more-list more" ng-class="{'open': condition.$open}" ng-if="active === 'all'">
|
|
|
- <form class="form-inline">
|
|
|
- <div class="form-group ">
|
|
|
- <label>日期：</label>
|
|
|
- <div class="form-group input-group input-group-xs input-trigger">
|
|
|
- <input type="text" ng-model="condition.dateFrom"
|
|
|
- class="form-control" placeholder="从"
|
|
|
- datepicker-popup="yyyy-MM-dd" is-open="condition.$fromOpened"
|
|
|
- ng-required="true" max-date = "condition.dateTo"
|
|
|
- current-text="今天" clear-text="清除" close-text="关闭"
|
|
|
- datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
|
|
|
- ng-focus="openFilterDatePicker($event, condition, '$fromOpened')">
|
|
|
- <span class="input-group-btn">
|
|
|
- <button type="button" class="btn btn-default"
|
|
|
- ng-click="openFilterDatePicker($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="condition.dateTo"
|
|
|
- class="form-control" placeholder="到"
|
|
|
- datepicker-popup="yyyy-MM-dd" is-open="condition.$toOpened"
|
|
|
- ng-required="true" min-date = "condition.dateFrom"
|
|
|
- current-text="今天" clear-text="清除" close-text="关闭"
|
|
|
- datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
|
|
|
- ng-focus="openFilterDatePicker($event, condition, '$toOpened')">
|
|
|
- <span class="input-group-btn">
|
|
|
- <button type="button" class="btn btn-default"
|
|
|
- ng-click="openFilterDatePicker($event, condition, '$toOpened')">
|
|
|
- <i class="fa fa-calendar"></i>
|
|
|
- </button>
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </form>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="col-xs-6" style="float: right;">
|
|
|
- <div class="search">
|
|
|
- <div class="form-group form-group-sm has-feedback" dropdown auto-close="outsideClick"
|
|
|
- on-toggle="searchAdvance=open">
|
|
|
- <input type="search" class="form-control input-sm" ng-model="keyword"
|
|
|
- ng-search="onSearch(keyword)" placeholder="输入单据编号、客户名称、物料名称搜索" style="width: 100%" ng-show="active !== 'all'"/>
|
|
|
- <a class="btn input-group-addon" href="javascript:void(0)" ng-click="onSearch(keyword)" ng-show="active !== 'all'">搜索</a>
|
|
|
-
|
|
|
- <input type="search" class="form-control input-sm" ng-model="keyword" ng-search="onSearch(keyword)" placeholder="客户名称" style="width: 100%" ng-show="active === 'all' && !showNotCheck" />
|
|
|
- <a class="btn input-group-addon" ng-click="onSearch(keyword)" ng-show="active === 'all' && !showNotCheck">搜索</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="more-list more" ng-class="{'open': condition.$open}" ng-if="active !== 'all'">
|
|
|
- <form class="form-inline">
|
|
|
- <div class="form-group ">
|
|
|
- <label>日期：</label>
|
|
|
- <div class="btn-group btn-menu" dropdown is-open="condition.$dateZoneOpen">
|
|
|
- <ul class="dropdown-menu">
|
|
|
- <li><a ng-click="changeDateZone(1)">一个月内</a></li>
|
|
|
- <li><a ng-click="changeDateZone(6)">半年内</a></li>
|
|
|
- <li><a ng-click="changeDateZone()">半年前</a></li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <div class="form-group input-group input-group-xs input-trigger">
|
|
|
- <input type="text" ng-model="condition.dateFrom"
|
|
|
- class="form-control" placeholder="从"
|
|
|
- datepicker-popup="yyyy-MM-dd" is-open="condition.$fromOpened"
|
|
|
- ng-required="true" max-date = "condition.dateTo"
|
|
|
- current-text="今天" clear-text="清除" close-text="关闭"
|
|
|
- datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
|
|
|
- ng-focus="openFilterDatePicker($event, condition, '$fromOpened')">
|
|
|
- <span class="input-group-btn">
|
|
|
- <button type="button" class="btn btn-default"
|
|
|
- ng-click="openFilterDatePicker($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="condition.dateTo"
|
|
|
- class="form-control" placeholder="到"
|
|
|
- datepicker-popup="yyyy-MM-dd" is-open="condition.$toOpened"
|
|
|
- ng-required="true" min-date = "condition.dateFrom"
|
|
|
- current-text="今天" clear-text="清除" close-text="关闭"
|
|
|
- datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
|
|
|
- ng-focus="openFilterDatePicker($event, condition, '$toOpened')">
|
|
|
- <span class="input-group-btn">
|
|
|
- <button type="button" class="btn btn-default"
|
|
|
- ng-click="openFilterDatePicker($event, condition, '$toOpened')">
|
|
|
- <i class="fa fa-calendar"></i>
|
|
|
- </button>
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </form>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div ng-if="active === 'all'">
|
|
|
- <table class="order-table block order-table2" ng-table="tableParams" width="100%" style="table-layout:fixed">
|
|
|
- <thead>
|
|
|
- <tr class="header">
|
|
|
- <th width="180">客户名称</th>
|
|
|
- <th width="140">本期应收</th>
|
|
|
- <th width="140">本期未对账</th>
|
|
|
- <th width="140">本期已对账</th>
|
|
|
- <!--<th width="140">本月已收</th>-->
|
|
|
- <th width="140">应收总额</th>
|
|
|
- <th width="80">操作</th>
|
|
|
- </tr>
|
|
|
- </thead>
|
|
|
- <tbody ng-repeat="check in ALLList">
|
|
|
- <tr >
|
|
|
- <td style="color: #3f84f6">{{::check.myEnterprise.enName}}</td>
|
|
|
- <td ng-if="check.thisMonthCount.length > 0">
|
|
|
- <div ng-repeat="count in check.thisMonthCount">
|
|
|
- <span>{{count.currency}}：{{count.amount | number:2}}</span>
|
|
|
- </div>
|
|
|
- </td>
|
|
|
- <td ng-if="check.thisMonthCount.length === 0">-</td>
|
|
|
-
|
|
|
- <td ng-if="check.thisMonthTodoCount.length > 0">
|
|
|
- <div ng-repeat="count in check.thisMonthTodoCount">
|
|
|
- <span ng-if="count.amount > 0">{{count.currency}}：{{count.amount | number:2}}</span>
|
|
|
- </div>
|
|
|
- </td>
|
|
|
- <td ng-if="check.thisMonthTodoCount.length === 0">-</td>
|
|
|
-
|
|
|
- <td ng-if="check.thisMonthDoneCount.length > 0">
|
|
|
- <div ng-repeat="count in check.thisMonthDoneCount">
|
|
|
- <span ng-if="count.amount > 0">{{count.currency}}：{{count.amount | number:2}}</span>
|
|
|
- </div>
|
|
|
- </td>
|
|
|
- <td ng-if="check.thisMonthDoneCount.length === 0">-</td>
|
|
|
-
|
|
|
- <!--<td ng-if="check.apCheckAmounts.length > 0">-->
|
|
|
- <!--<div ng-repeat="count in check.apCheckAmounts">-->
|
|
|
- <!--<span ng-if="count.amount > 0">{{count.currency}}：{{count.amount | number:2}}</span>-->
|
|
|
- <!--</div>-->
|
|
|
- <!--</td>-->
|
|
|
- <!--<td ng-if="check.apCheckAmounts.length === 0">-</td>-->
|
|
|
-
|
|
|
- <td ng-if="check.totalCount.length > 0">
|
|
|
- <div ng-repeat="count in check.totalCount">
|
|
|
- <span ng-if="count.amount > 0">{{count.currency}}：{{count.amount | number:2}}</span>
|
|
|
- </div>
|
|
|
- </td>
|
|
|
- <td ng-if="check.totalCount.length === 0">-</td>
|
|
|
-
|
|
|
- <td style="color: #3f84f6;cursor: pointer" ng-click="goToMNs(check)">明细</td>
|
|
|
- </tr>
|
|
|
- </tbody>
|
|
|
- <tbody ng-if="!ALLList || ALLList.length == 0">
|
|
|
- <tr>
|
|
|
- <td colspan="6">
|
|
|
- <div id="empty">
|
|
|
- <div class="left_img">
|
|
|
- <a><img src="static/img/empty/uas_empty.png"></a>
|
|
|
- <a>B2B 商务</a>
|
|
|
- </div>
|
|
|
- <div class="right_link">
|
|
|
- <!--<p ng-if="active != 'all'">您还未生成对账单，请立即新增对账！</p>-->
|
|
|
- <!--<a ng-if="active != 'all'" ui-sref="fa.apCheckList"><i class="fa fa-plus-square fa-fw"></i> 新增对账单</a>-->
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- </tbody>
|
|
|
- </table>
|
|
|
- </div>
|
|
|
- <div ng-if="active !== 'all'">
|
|
|
- <table class="order-table block" ng-table="tableParams">
|
|
|
- <thead>
|
|
|
- <tr class="header">
|
|
|
- <th width="150">对账期间</th>
|
|
|
- <th width="180">对账总额</th>
|
|
|
- <th width="180">对账人</th>
|
|
|
- <!--<th width="180">商品总数</th>-->
|
|
|
- <th width="100">对账结果</th>
|
|
|
- <th width="100">操作</th>
|
|
|
- </tr>
|
|
|
- </thead>
|
|
|
- <tbody ng-repeat="check in $data">
|
|
|
- <tr>
|
|
|
- <td class="first info" colspan="3">
|
|
|
- <div class="">
|
|
|
- <a href="javascript:void(0)" ng-if="!isUnread(check.id)">
|
|
|
- <i class="fa fa-circle-thin"></i>
|
|
|
- </a>
|
|
|
- <a href="javascript:void(0)" ng-if="isUnread(check.id)">
|
|
|
- <i class="fa fa-circle" style="color: #f40;"></i>
|
|
|
- </a>
|
|
|
- <span class="text-num" title="录单时间">{{::check.recordDate | date:'MM月dd日 HH:mm'}} <i class="fa fa-clock-o"></i></span>
|
|
|
- <span><i class="fa fa-star" ng-class="{'text-default':check.status==201}"></i> {{::check.custName}}</span>
|
|
|
- <span style="margin-left: 100px;">单据编号：</span>
|
|
|
- <span class="text-num"><a ui-sref="fa.apCheck_detail({id:check.id})" title="点击查看详情" ng-click="setOrdersRead(check.id)" style="color: #5078cb">{{::check.code}}</a></span>
|
|
|
- </div>
|
|
|
- <div class="static">
|
|
|
- <p><span class="f14 text-num">{{::check.beginDate | date:'yyyy/MM/dd'}} - {{::check.endDate | date:'yyyy/MM/dd'}}</span></p>
|
|
|
- <p>
|
|
|
- <strong class="text-num">{{::(isUser?'-':(check.checkAmount | number:2))}}</strong>
|
|
|
- <span ng-if="!isUser" class="text-number">{{::check.currency}}</span>
|
|
|
- </p>
|
|
|
- <p style="text-align: center;margin-left: 65px">
|
|
|
- 对账人:{{::check.recorder}}
|
|
|
- </p>
|
|
|
- <!--<p>-->
|
|
|
- <!--<strong class="text-num">{{::check.items.length}}</strong> 条<br>-->
|
|
|
- <!--</p>-->
|
|
|
- <!--<p>-->
|
|
|
- <!--<strong class="text-num">{{getTotalProd(check) | number}}</strong> <i class="fa fa-cubes"></i>-->
|
|
|
- <!--</p>-->
|
|
|
- </div>
|
|
|
- </td>
|
|
|
-
|
|
|
- <td class="status">
|
|
|
- <!--<div ng-if="check.checkStatus == '未对账'" class="text-center text-muted f14"><br>未对账！</div>-->
|
|
|
- <div></div>
|
|
|
- <div ng-if="check.checkStatus == '已确认'" class="text-center text-muted f14">
|
|
|
- <br> <i class="fa fa-check-square-o"></i> 已确认
|
|
|
- </div>
|
|
|
- <div ng-if="check.checkStatus == '不同意'" class="text-center text-muted f14">
|
|
|
- <br> <i class="fa fa-check-square-o"></i> 不同意
|
|
|
- </div>
|
|
|
- <div ng-if="check.checkStatus == '已作废'" class="text-center text-muted f14">
|
|
|
- <br> <i class="fa fa-check-square-o"></i> 已作废
|
|
|
- </div>
|
|
|
- </td>
|
|
|
- <td>
|
|
|
- <div ng-hide="check.status" class="block">
|
|
|
- <span class="text-trans error">未提交</span>
|
|
|
- </div>
|
|
|
- <div ng-show="check.status" class="block">
|
|
|
- <span class="text-trans success">已提交</span>
|
|
|
- </div>
|
|
|
- <div ng-if="check.checkStatus == '未对账'" class="text-center text-muted f14">
|
|
|
- <div class="" style="margin-top: 33px;margin-right: 20px;">
|
|
|
- <div class="pull-right" title="等待客户确认"><a> 客户正在确认</a></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div ng-if="check.checkStatus == '不同意'" class="text-center text-muted f14">
|
|
|
- <div class="" style="margin-top: 33px;margin-right: 20px;">
|
|
|
- <div class="pull-right" title="客户不同意"><a> 客户不同意</a></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div ng-if="check.checkStatus == '已确认'" class="text-center text-muted f14">
|
|
|
- <div class="" style="margin-top: 33px;margin-right: 20px;">
|
|
|
- <a ng-click="print(check)" class="pull-right" title="打印{{check.print? '(已打印)':'(未打印)'}}" ng-class="{'unPrinted' : !check.print, 'text-muted': check.print}"><i class="fa fa-print fa-lg"></i> 打印</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- <a ui-sref="fa.apCheck_detail({id:check.id})" class="operate operate-undo text-center"
|
|
|
- target="_blank">查看详情</a> -->
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- </tbody>
|
|
|
- <tbody ng-if="tableParams.total() == 0">
|
|
|
- <tr>
|
|
|
- <td colspan="5">
|
|
|
- <div id="empty">
|
|
|
- <div class="left_img">
|
|
|
- <a><img src="static/img/empty/uas_empty.png"></a>
|
|
|
- <a>B2B 商务</a>
|
|
|
- </div>
|
|
|
- <div class="right_link">
|
|
|
- <!--<p ng-if="active != 'all'">您还未生成对账单，请立即新增对账！</p>-->
|
|
|
- <!--<a ng-if="active != 'all'" ui-sref="fa.apCheckList"><i class="fa fa-plus-square fa-fw"></i> 新增对账单</a>-->
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- </tbody>
|
|
|
- </table>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div ng-hide="!showNotCheck" class="infoms add-apCheckList" >
|
|
|
- <form class="form-horizontal"
|
|
|
- style="padding-top: 10px; padding-bottom: 20px;">
|
|
|
- <div class="form-group form-group-sm form-group-inline">
|
|
|
- <div class="col-sm-6 control-label">
|
|
|
- <div style="text-align: left">
|
|
|
- <label>应收客户：</label>
|
|
|
- <label style="text-align:left">
|
|
|
- {{suuorname}}
|
|
|
- </label>
|
|
|
- </div>
|
|
|
- <div style="text-align: left;margin-top: 20px">
|
|
|
- <label>本期应收：</label>
|
|
|
- <label style="text-align:left;vertical-align: top;">
|
|
|
- <div ng-if="dataInfo.thisMonthCount.length > 0" ng-repeat="count in dataInfo.thisMonthCount">
|
|
|
- <span>{{count.currency}}：{{count.amount | number:2}}</span>
|
|
|
- </div>
|
|
|
- <div ng-if="dataInfo.thisMonthCount.length === 0">
|
|
|
- 0
|
|
|
- </div>
|
|
|
- </label>
|
|
|
- </div>
|
|
|
- <div style="text-align: left;margin-top: 20px">
|
|
|
- <label>本期未对账：</label>
|
|
|
- <label style="text-align:left;vertical-align: top;">
|
|
|
- <div ng-if="dataInfo.thisMonthTodoCount.length > 0" ng-repeat="count in dataInfo.thisMonthTodoCount">
|
|
|
- <span>{{count.currency}}：{{count.amount | number:2}}</span>
|
|
|
- </div>
|
|
|
- <div ng-if="dataInfo.thisMonthTodoCount.length === 0">
|
|
|
- 0
|
|
|
- </div>
|
|
|
- </label>
|
|
|
- </div>
|
|
|
- <div style="text-align: left;margin-top: 20px">
|
|
|
- <label>本期已对账：</label>
|
|
|
- <label style="text-align:left;vertical-align: top;">
|
|
|
- <div ng-if="dataInfo.thisMonthDoneCount.length > 0" ng-repeat="count in dataInfo.thisMonthDoneCount">
|
|
|
- <span>{{count.currency}}：{{count.amount | number:2}}</span>
|
|
|
- </div>
|
|
|
- <div ng-if="dataInfo.thisMonthDoneCount.length === 0">
|
|
|
- 0
|
|
|
- </div>
|
|
|
- </label>
|
|
|
- </div>
|
|
|
-
|
|
|
- <!--<div style="text-align: left;margin-top: 20px">-->
|
|
|
- <!--<label>本期间已收总额：</label>-->
|
|
|
- <!--<label style="text-align:left;vertical-align: top;">-->
|
|
|
- <!--<div ng-if="dataInfo.apCheckAmounts.length > 0" ng-repeat="count in dataInfo.apCheckAmounts">-->
|
|
|
- <!--<span>{{count.currency}}：{{count.amount | number:2}}</span>-->
|
|
|
- <!--</div>-->
|
|
|
- <!--<div ng-if="dataInfo.apCheckAmounts.length === 0">-->
|
|
|
- <!--0-->
|
|
|
- <!--</div>-->
|
|
|
- <!--</label>-->
|
|
|
- <!--</div>-->
|
|
|
-
|
|
|
- <div style="text-align: left;margin-top: 20px">
|
|
|
- <label>应收总额：</label>
|
|
|
- <label style="text-align:left;vertical-align: top;">
|
|
|
- <div ng-if="dataInfo.totalCount.length > 0" ng-repeat="count in dataInfo.totalCount">
|
|
|
- <span>{{count.currency }}：{{count.amount | number:2}}</span>
|
|
|
- </div>
|
|
|
- <div ng-if="dataInfo.totalCount.length === 0">
|
|
|
- 0
|
|
|
- </div>
|
|
|
- </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="col-sm-6 control-label condition">
|
|
|
- <div>
|
|
|
- <label class="control-label">请选择月份：</label>
|
|
|
- <span ng-click="addMouth(-1)" style="display: inline-block;
|
|
|
- width: 32px;
|
|
|
- height: 32px;
|
|
|
- border: 1px solid #ddd;
|
|
|
- text-align: center;
|
|
|
- line-height: 32px;
|
|
|
- cursor: pointer;
|
|
|
- vertical-align: middle;">
|
|
|
- <img src="static/img/vendor/images/arrow-left-d-l.png" width="24"/>
|
|
|
- </span>
|
|
|
- <span class="control-label" style="padding-right: 5px;display: inline-block;vertical-align: middle;padding-top: 0;" ng-click="apCheckCondition.$open = false">
|
|
|
- <wui-date
|
|
|
- format="yyyy-mm"
|
|
|
- placeholder="请选择或输入日期"
|
|
|
- id="date4"
|
|
|
- btns="{'ok':'确定','now':'此刻'}"
|
|
|
- ng-model="thisMouth"
|
|
|
- >
|
|
|
- </wui-date>
|
|
|
- </span><span ng-show="MouthinShow" ng-click="addMouth(1)" style="display: inline-block;
|
|
|
- width: 32px;
|
|
|
- height: 32px;
|
|
|
- border: 1px solid #ddd;
|
|
|
- text-align: center;
|
|
|
- line-height: 32px;
|
|
|
- cursor: pointer;
|
|
|
- vertical-align: middle;">
|
|
|
- <img src="static/img/vendor/images/arrow-right-d-l.png" width="24"/></span>
|
|
|
- <label class="control-label com-check-radio" ng-click="apCheckCondition.$open = true" style="vertical-align: middle;padding-top: 0">
|
|
|
- <input type="radio" name="psa" ng-checked="apCheckCondition.$open === true" ng-model="apCheckCondition.$open" style="vertical-align: middle">自定义
|
|
|
- </label>
|
|
|
- </div>
|
|
|
- <div ng-hide="!apCheckCondition.$open" class="more open date fr apCheckCondition" style="margin-top: 14px;">
|
|
|
- <div class="form-inline">
|
|
|
- <div class="form-group">
|
|
|
- <div class="form-group input-group input-group-xs input-trigger">
|
|
|
- <input type="text" ng-model="apCheckCondition.dateFrom"
|
|
|
- class="form-control" placeholder="从"
|
|
|
- datepicker-popup="yyyy-MM-dd" is-open="apCheckCondition.$fromOpened"
|
|
|
- ng-required="true" max-date = "apCheckCondition.dateTo"
|
|
|
- current-text="今天" clear-text="清除" close-text="关闭"
|
|
|
- datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
|
|
|
- ng-focus="apCheckopenFilterDatePicker($event, apCheckCondition, '$fromOpened')"
|
|
|
- style="height: 26px">
|
|
|
- <span class="input-group-btn">
|
|
|
- <button type="button" class="btn btn-default"
|
|
|
- ng-click="apCheckopenFilterDatePicker($event, apCheckCondition, '$fromOpened')">
|
|
|
- <i class="fa fa-calendar"></i>
|
|
|
- </button>
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- <em style="margin: 0 10px;display: inline-block">–</em>
|
|
|
- <div class="form-group input-group input-group-xs input-trigger">
|
|
|
- <input type="text" ng-model="apCheckCondition.dateTo"
|
|
|
- class="form-control" placeholder="到"
|
|
|
- datepicker-popup="yyyy-MM-dd" is-open="apCheckCondition.$toOpened"
|
|
|
- ng-required="true" min-date = "apCheckCondition.dateFrom"
|
|
|
- current-text="今天" clear-text="清除" close-text="关闭"
|
|
|
- datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
|
|
|
- ng-focus="apCheckopenFilterDatePicker($event, apCheckCondition, '$toOpened')" style="height: 26px">
|
|
|
- <span class="input-group-btn">
|
|
|
- <button type="button" class="btn btn-default"
|
|
|
- ng-click="apCheckopenFilterDatePicker($event, apCheckCondition, '$toOpened')">
|
|
|
- <i class="fa fa-calendar"></i>
|
|
|
- </button>
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="form-group form-group-sm form-group-inline">
|
|
|
- <div class="col-sm-12 text-right">
|
|
|
- <a ng-click="condition.$open2=!condition.$open2" class="text-simple"><span
|
|
|
- ng-bind="condition.$open2 ? '收起筛选条件' : '更多筛选条件'"></span><i
|
|
|
- class="fa fa-fw"
|
|
|
- ng-class="{'fa-angle-up': condition.$open2, 'fa-angle-down': !condition.$open2}"></i></a>
|
|
|
- <div class="btn-group btn-group-sm">
|
|
|
- <a class="btn btn-default" ng-click="searchOrder()" title="筛选"><i class="fa fa-search fa-fw btn-icon-left"></i>筛选</a>
|
|
|
- <a class="btn btn-default" ng-click="createApCheck(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" ng-click="exportApcheckList()" title="导出Excel" ng-disabled="!data || data.length==0"><i class="fa fa-file-text fa-fw btn-icon-left"></i>导出</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="form-group form-group-sm form-group-inline"
|
|
|
- ng-show="condition.$open2">
|
|
|
- <!--<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="receiveName" 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>
|
|
|
- <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="taxRate" 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.$open2">
|
|
|
- <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>
|
|
|
- <!--<div class="form-group form-group-sm form-group-inline"-->
|
|
|
- <!--ng-show="condition.$open">-->
|
|
|
-
|
|
|
- <!--</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="55" style="vertical-align: middle;">
|
|
|
- <input type="checkbox" name="checkbox" ng-model="checkboxes.checked" ng-click="checkAll()">
|
|
|
- </th>
|
|
|
- <!--<th width="70">客户<br>名称</th>-->
|
|
|
- <th width="70">采购单</th>
|
|
|
- <th width="60">发货单</th>
|
|
|
- <th width="90">单据日期</th>
|
|
|
- <th width="60">验收单</th>
|
|
|
- <th width="70">物料编号</th>
|
|
|
- <th width="70">物料名称</th>
|
|
|
- <th width="70">规格型号</th>
|
|
|
- <!--<th width="60">发货单</th>-->
|
|
|
- <th width="55">发货数量</th>
|
|
|
- <th width="100">验收数量</th>
|
|
|
- <th width="40">单价</th>
|
|
|
- <th width="40">税率</th>
|
|
|
- <th width="70">小计</th>
|
|
|
- <th width="110">
|
|
|
- 对账人<br />/日期
|
|
|
- </th>
|
|
|
- <!--<th width="35">序号</th>-->
|
|
|
- <!--<th width="60">类型</th>-->
|
|
|
- <!--<th width="60">单据<br>日期</th>-->
|
|
|
- <!--<th width="90">应付<br>供应商</th>-->
|
|
|
- <!--<th width="65">客户<br>料号</th>-->
|
|
|
- <!--<th width="65">送货<br>工厂</th>-->
|
|
|
- <!--<th width="30">币别</th>-->
|
|
|
- <!--<th width="60">金额</th>-->
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
- </div>
|
|
|
- <div class="table-body-wrap">
|
|
|
- <table class="table table-bordered">
|
|
|
- <tr ng-repeat="check in data" ng-click="checkOne(check);getTotalMoney()" class="thAlign" style="height: 40px;">
|
|
|
- <td width="55" style="text-align: center;vertical-align: middle;">
|
|
|
- <input ng-model="check.$selected" name="checkbox" type="checkbox" ng-checked="check.$selected" ng-click="stopPrevent($event)" ng-if="check.haveChecked !== 1">
|
|
|
- <span ng-if="check.haveChecked === 1">已对账</span>
|
|
|
- </td>
|
|
|
- <td width="70">{{::check.ordercode}}</td>
|
|
|
- <td width="60">{{::check.sendcode}}</td>
|
|
|
- <td width="90">{{::check.pidate | date:'yyyy年MM月dd日' || '-'}}</td>
|
|
|
- <td width="60">{{::check.inoutno}}</td>
|
|
|
- <td width="70">{{::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="55">{{::check.qty}}</td>
|
|
|
-
|
|
|
- <td width="100">{{::check.thischeckqty}}</td>
|
|
|
- <td width="40">{{::check.orderprice}}</td>
|
|
|
- <td width="40" align="center">{{::check.taxrate}}</td>
|
|
|
- <td width="70">{{::(check.orderprice || 0)*(check.thischeckqty || 0) | number:2}}</td>
|
|
|
- <td width="110" ng-if="check.haveChecked === 1">
|
|
|
- <div>{{::check.recorder || '-'}}</div>
|
|
|
- <div>{{::check.apCheckDate | date:'yyyy年MM月dd日' || '-'}}</div>
|
|
|
- </td>
|
|
|
- <td width="110" ng-if="check.haveChecked !== 1">
|
|
|
- 未对账
|
|
|
- </td>
|
|
|
- <!--<td width="70" 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="35" align="center">{{::check.detno}}</td>-->
|
|
|
- <!--<td width="60">{{::check.piclass}}</td>-->
|
|
|
- <!--<td width="60">{{::check.pidate | 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="65">{{::check.prodcode}}</td>-->
|
|
|
- <!--<td width="65">{{::check.factory}}</td>-->
|
|
|
- <!--<td width="30">{{::check.currency}}</td>-->
|
|
|
- <!--<td width="60">{{::(check.qty || 0)*(check.orderprice || 0) | number:2}}</td>-->
|
|
|
-
|
|
|
- </tr>
|
|
|
- <tr ng-if="!data || data.length==0">
|
|
|
- <td colspan="11">
|
|
|
- <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">本期间应收总额：{{totalMoney | number:2 || 0}}</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-</div>
|
|
|
-<style>
|
|
|
- .order-table2 tbody td {
|
|
|
- text-align: center;
|
|
|
- padding: 20px 0
|
|
|
- }
|
|
|
-</style>
|
|
|
-<style>
|
|
|
- .wui-date-picker.left {
|
|
|
- margin-right : 0 !important;
|
|
|
- right: 0;
|
|
|
- left: auto
|
|
|
- }
|
|
|
- .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;
|
|
|
- }
|
|
|
-
|
|
|
- .infoms .has-feedback input[type="search"] {
|
|
|
- padding-right: 0 !important;
|
|
|
- }
|
|
|
- .infoms .table>tbody>tr>td{
|
|
|
- vertical-align: middle;
|
|
|
- }
|
|
|
- .infoms .form-horizontal .form-group-sm .control-label{
|
|
|
- font-size: 14px;
|
|
|
- }
|
|
|
- .infoms .form-group .form-control{
|
|
|
- font-size: 14px;
|
|
|
- }
|
|
|
- .wui-date.small .wui-date-picker {
|
|
|
- width: 260px
|
|
|
- }
|
|
|
-
|
|
|
- .wui-input {
|
|
|
- border: 1px solid #3f84f6;
|
|
|
- font-size: 14px;
|
|
|
- color: #3f84f6;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
- .wui-date-editor .iconfont {
|
|
|
- color: #3f84f6
|
|
|
- }
|
|
|
-
|
|
|
- .apCheckCondition ul {
|
|
|
- left: auto !important;
|
|
|
- right: 0;
|
|
|
- }
|
|
|
+<style>
|
|
|
+ body{
|
|
|
+ font-family: "Microsoft YaHei", "微软雅黑" !important;
|
|
|
+ }
|
|
|
+ .text-num{
|
|
|
+
|
|
|
+ }
|
|
|
+.append{
|
|
|
+ color: #5078cb;font-size:12px; margin-left: 10px
|
|
|
+}
|
|
|
+.order-table td {
|
|
|
+ padding-top: 10px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ border-bottom: solid 1px #ccc;
|
|
|
+ border-top: solid 1px #e8e8e8;
|
|
|
+}
|
|
|
+
|
|
|
+.order-table td.first {
|
|
|
+ padding-left: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.order-table td.last {
|
|
|
+ padding-right: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.order-table td .static p {
|
|
|
+ display: inline-block;
|
|
|
+ line-height: 30px;
|
|
|
+ padding-top: 5px;
|
|
|
+ padding-bottom: 0px;
|
|
|
+ width: 150px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #666;
|
|
|
+ padding-left: 15px;
|
|
|
+ border-left: solid 1px #e8e8e8;
|
|
|
+}
|
|
|
+ .order-table td .static p:first-child{
|
|
|
+ border-left: none;
|
|
|
+ width: 180px;
|
|
|
+ padding-left: 0;
|
|
|
+ }
|
|
|
+ .order-table td .static p:last-child{
|
|
|
+ margin-left: 22px;
|
|
|
+ }
|
|
|
+ .order-table td .static p:nth-of-type(3){
|
|
|
+ margin-left: 20px;
|
|
|
+ }
|
|
|
+.order-table td .main {
|
|
|
+ margin-top: 5px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ color: #333;
|
|
|
+}
|
|
|
+.static{
|
|
|
+ margin: 12px 0;
|
|
|
+}
|
|
|
+.order-table td .main strong {
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+
|
|
|
+.order-table td .static p strong {
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #888;
|
|
|
+}
|
|
|
+
|
|
|
+.order-table td.status {
|
|
|
+ position: relative;
|
|
|
+ border-left: solid 1px #e8e8e8;
|
|
|
+ padding: 10px;
|
|
|
+ vertical-align: top;
|
|
|
+}
|
|
|
+
|
|
|
+.order-table td.status .operate {
|
|
|
+ position: absolute;
|
|
|
+ display: block;
|
|
|
+ bottom: 0;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ height: 0px;
|
|
|
+ color: #ffffff;
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: bold;
|
|
|
+ line-height: 40px;
|
|
|
+ opacity: 0.8;
|
|
|
+ transition: height ease-in-out 0.5s;
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+
|
|
|
+.order-table td.status .operate-undo {
|
|
|
+ background: #428bca;
|
|
|
+}
|
|
|
+
|
|
|
+.order-table td.status .operate-done {
|
|
|
+ background: #cccccc;
|
|
|
+}
|
|
|
+
|
|
|
+.order-table td.status:hover .operate {
|
|
|
+ height: 40px;
|
|
|
+}
|
|
|
+
|
|
|
+.unPrinted {
|
|
|
+ color: #56a022;
|
|
|
+}
|
|
|
+.order-table td .main strong{
|
|
|
+ font-weight: normal;
|
|
|
+}
|
|
|
+.order-table td{
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+ .order-table th{
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .order-table .text-trans{
|
|
|
+ margin-top: -17px;
|
|
|
+ margin-right: 14px;
|
|
|
+ }
|
|
|
+ .menu .new-dot{
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ line-height: 20px;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #fff;
|
|
|
+ font-weight: inherit;
|
|
|
+ top: -2px;
|
|
|
+ }
|
|
|
+ .wui-date.small .wui-date-picker {
|
|
|
+ width: 260px
|
|
|
+ }
|
|
|
+</style>
|
|
|
+<link rel="stylesheet" href="static/css/public.css">
|
|
|
+<link rel="stylesheet" href="static/css/wui.min.css">
|
|
|
+<div class="block" id="public">
|
|
|
+ <div class="loading in" ng-class="{'in': loading}">
|
|
|
+ <!--<i></i>-->
|
|
|
+ <div class="wrap">
|
|
|
+ <div class="outer"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="pub-com_head">
|
|
|
+ <span>应收对账单</span>
|
|
|
+ <!--<div class="p-right">-->
|
|
|
+ <!--<a class="text-simple append" ui-sref="fa.apCheckList" title="新增对账单" ng-hide="showNotCheck"><i class="fa fa-plus-square fa-fw"></i>新增对账单</a> -->
|
|
|
+ <!--<a href="#" ng-click="exportXls()" ng-hide="active === 'all'" target="_self" title="导出Excel表格" class="blue f14"><i class="fa fa-file-text fa-fw"></i>导出</a>-->
|
|
|
+ <!--</div>-->
|
|
|
+
|
|
|
+ <div class="p-right" ng-show="active !== 'all'">
|
|
|
+ <div class="btn-group btn-group-sm" style="float: right;font-size: 14px;cursor: pointer;text-align: right;height: 40px;line-height: 40px; margin-right: 20px;;color: #fff;" ng-click="setActive('all')">
|
|
|
+ <img src="static/img/vendor/images/backIcon.png" width="20"/>返回
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="btn-group btn-group-sm" style="float: right;font-size: 14px;cursor: pointer;text-align: right;height: 40px;line-height: 40px; margin-right: 20px;;color: #fff;" ng-hide="!showNotCheck" ng-click="hideshowNotCheck()">
|
|
|
+ <img src="static/img/vendor/images/backIcon.png" width="20"/>返回
|
|
|
+ <!--<b class="new-dot" ng-if="unread.cancelled > 0">{{unread.cancelled > 99 ? '99+' : unread.cancelled}}</b>-->
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="p-right" ng-show="active === 'all'">
|
|
|
+ <div class="btn-group btn-group-sm" style=" float: right;
|
|
|
+ font-size: 14px;
|
|
|
+ cursor: pointer;
|
|
|
+ text-align: right;
|
|
|
+ height: 28px;
|
|
|
+ line-height: 27px;
|
|
|
+ margin-right: 20px;
|
|
|
+ color: #fff;
|
|
|
+ border: 1px solid #fff;
|
|
|
+ margin-top: 3px;
|
|
|
+ padding: 0 5px;" ng-click="setActive();changeDateZone(1, true);condition.$open=false;showNotCheck=false">查看对账记录
|
|
|
+ <!--<b class="new-dot" ng-if="unread.cancelled > 0">{{unread.cancelled > 99 ? '99+' : unread.cancelled}}</b>-->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!--<div class="menu condition block">-->
|
|
|
+ <!--<div class="row">-->
|
|
|
+ <!--<div class="col-xs-7">-->
|
|
|
+ <!--<div class="btn-group btn-group-sm btn-group-justified">-->
|
|
|
+ <!--<div class="btn-group btn-group-sm/fa/arCheck">-->
|
|
|
+ <!--<button type="button" class="btn btn-default btn-line"-->
|
|
|
+ <!--ng-class="{'btn-info':active=='all'}" ng-click="setActive('all')">未对账</button>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--<div class="btn-group btn-group-sm">-->
|
|
|
+ <!--<button type="button" class="btn btn-default btn-line"-->
|
|
|
+ <!--ng-class="{'btn-info':active=='todo'}"-->
|
|
|
+ <!--ng-click="setActive('todo')">待确认</button>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--<div class="btn-group btn-group-sm">-->
|
|
|
+ <!--<button type="button" class="btn btn-default btn-line"-->
|
|
|
+ <!--ng-class="{'btn-info':active=='done'}"-->
|
|
|
+ <!--ng-click="setActive('done')">已对账-->
|
|
|
+ <!--<b class="new-dot" ng-if="unread.replied > 0">{{unread.replied>99?'99+':unread.replied}}</b>-->
|
|
|
+ <!--</button>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--<div class="btn-group btn-group-sm">-->
|
|
|
+ <!--<button type="button" class="btn btn-default btn-line"-->
|
|
|
+ <!--ng-class="{'btn-info':active=='end'}" ng-click="setActive('end')">已作废-->
|
|
|
+ <!--<b class="new-dot" ng-if="unread.cancelled > 0">{{unread.cancelled > 99 ? '99+' : unread.cancelled}}</b>-->
|
|
|
+ <!--</button>-->
|
|
|
+ <!--</div>-->
|
|
|
+
|
|
|
+ <!--<div class="btn-group btn-group-sm">-->
|
|
|
+ <!--<button type="button" class="btn btn-default btn-line"-->
|
|
|
+ <!--ng-class="{'btn-info':active=='all'}" ng-click="setActive('all')">全部</button>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--<div class="btn-group btn-group-sm">-->
|
|
|
+ <!--<button type="button" class="btn btn-default btn-line"-->
|
|
|
+ <!--ng-class="{'btn-info':active=='done'}"-->
|
|
|
+ <!--ng-click="setActive('done')">已确认-->
|
|
|
+ <!--<b class="new-dot" ng-if="unread.replied > 0">{{unread.replied>99?'99+':unread.replied}}</b>-->
|
|
|
+ <!--</button>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--<div class="btn-group btn-group-sm">-->
|
|
|
+ <!--<button type="button" class="btn btn-default btn-line"-->
|
|
|
+ <!--ng-class="{'btn-info':active=='todo'}"-->
|
|
|
+ <!--ng-click="setActive('todo')">未对账</button>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--<div class="btn-group btn-group-sm">-->
|
|
|
+ <!--<button type="button" class="btn btn-default btn-line"-->
|
|
|
+ <!--ng-class="{'btn-info':active=='end'}" ng-click="setActive('end')">已作废-->
|
|
|
+ <!--<b class="new-dot" ng-if="unread.cancelled > 0">{{unread.cancelled > 99 ? '99+' : unread.cancelled}}</b>-->
|
|
|
+ <!--</button>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--<div class="col-xs-12 f12" style="text-align: right;height: 40px;line-height: 40px; margin-right: 20px; float: right;">-->
|
|
|
+ <!--<div class="btn-group btn-group-sm" style="float: right;font-size: 14px;cursor: pointer;" ng-hide="!showNotCheck" ng-click="hideshowNotCheck()">-->
|
|
|
+ <!--<img src="static/img/vendor/images/backIcon.png" width="20"/>返回-->
|
|
|
+ <!--<!–<b class="new-dot" ng-if="unread.cancelled > 0">{{unread.cancelled > 99 ? '99+' : unread.cancelled}}</b>–>-->
|
|
|
+
|
|
|
+ <!--</div>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--</div>-->
|
|
|
+
|
|
|
+ <div ng-hide="showNotCheck">
|
|
|
+ <div class="condition block" ng-show="!showNotCheck">
|
|
|
+ <div class="search-bg condition block" style="padding: 10px 15px;">
|
|
|
+ <div class="row">
|
|
|
+ <div id="topSearch" ng-show="active !== 'all'" style="float: left">
|
|
|
+ <a ng-click="changeDateZone(1);condition.$open=false" title="最近一个月" ng-class="{'active':condition.dateZone=='1'}">最近一个月</a>
|
|
|
+ <a ng-click="changeDateZone(3);condition.$open=false" title="最近三个月" ng-class="{'active':condition.dateZone=='3'}">最近三个月</a>
|
|
|
+ <a ng-click="changeDateZone(6);condition.$open=false" title="最近六个月" ng-class="{'active':condition.dateZone=='6'}">最近六个月</a>
|
|
|
+ <a ng-click="condition.$open=!condition.$open;changeDateZone(-1)" title="自定义" ng-class="{'active':condition.dateZone=='-1'}" >自定义</a>
|
|
|
+ </div>
|
|
|
+ <div style="float: left" ng-show="active === 'all'" >
|
|
|
+ <div style="width: 355px;display: inline-block">
|
|
|
+ <label class="control-label">请选择月份：</label>
|
|
|
+ <span ng-click="addMouthOut(-1)" style="display: inline-block;
|
|
|
+ width: 32px;
|
|
|
+ height: 32px;
|
|
|
+ border: 1px solid #ddd;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 32px;
|
|
|
+ cursor: pointer;
|
|
|
+ vertical-align: middle;">
|
|
|
+ <img src="static/img/vendor/images/arrow-left-d-l.png" width="24"/>
|
|
|
+ </span>
|
|
|
+ <span class="inputsIcon control-label" style="padding-right: 0px;display: inline-block;vertical-align: top;">
|
|
|
+ <wui-date
|
|
|
+ format="yyyy-mm"
|
|
|
+ placeholder="请选择或输入日期"
|
|
|
+ id="date3"
|
|
|
+ btns="{'ok':'确定','now':'此刻'}"
|
|
|
+ ng-model="thisMouthOut"
|
|
|
+ >
|
|
|
+ </wui-date>
|
|
|
+ </span>
|
|
|
+ <span ng-show="MouthOutShow" ng-click="addMouthOut(1)" style="display: inline-block;
|
|
|
+ width: 32px;
|
|
|
+ height: 32px;
|
|
|
+ border: 1px solid #ddd;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 32px;
|
|
|
+ cursor: pointer;
|
|
|
+ vertical-align: middle;"><img src="static/img/vendor/images/arrow-right-d-l.png" width="24"/></span>
|
|
|
+ </div>
|
|
|
+ <a ng-click="condition.$open=!condition.$open;changeDateZone(1)" title="自定义" ng-class="{'active':condition.dateZone=='-1'}" style="margin-left: 10px;display: inline-block;padding: 7px 12px;background: #3f84f6;color: #fff" >自定义</a>
|
|
|
+ <div class="more-list more" ng-class="{'open': condition.$open}" ng-if="active === 'all'">
|
|
|
+ <form class="form-inline">
|
|
|
+ <div class="form-group ">
|
|
|
+ <label>日期：</label>
|
|
|
+ <div class="form-group input-group input-group-xs input-trigger">
|
|
|
+ <input type="text" ng-model="condition.dateFrom"
|
|
|
+ class="form-control" placeholder="从"
|
|
|
+ datepicker-popup="yyyy-MM-dd" is-open="condition.$fromOpened"
|
|
|
+ ng-required="true" max-date = "condition.dateTo"
|
|
|
+ current-text="今天" clear-text="清除" close-text="关闭"
|
|
|
+ datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
|
|
|
+ ng-focus="openFilterDatePicker($event, condition, '$fromOpened')">
|
|
|
+ <span class="input-group-btn">
|
|
|
+ <button type="button" class="btn btn-default"
|
|
|
+ ng-click="openFilterDatePicker($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="condition.dateTo"
|
|
|
+ class="form-control" placeholder="到"
|
|
|
+ datepicker-popup="yyyy-MM-dd" is-open="condition.$toOpened"
|
|
|
+ ng-required="true" min-date = "condition.dateFrom"
|
|
|
+ current-text="今天" clear-text="清除" close-text="关闭"
|
|
|
+ datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
|
|
|
+ ng-focus="openFilterDatePicker($event, condition, '$toOpened')">
|
|
|
+ <span class="input-group-btn">
|
|
|
+ <button type="button" class="btn btn-default"
|
|
|
+ ng-click="openFilterDatePicker($event, condition, '$toOpened')">
|
|
|
+ <i class="fa fa-calendar"></i>
|
|
|
+ </button>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-xs-6" style="float: right;">
|
|
|
+ <div class="search">
|
|
|
+ <div class="form-group form-group-sm has-feedback" dropdown auto-close="outsideClick"
|
|
|
+ on-toggle="searchAdvance=open">
|
|
|
+ <input type="search" class="form-control input-sm" ng-model="keyword"
|
|
|
+ ng-search="onSearch(keyword)" placeholder="输入单据编号、客户名称、物料名称搜索" style="width: 100%" ng-show="active !== 'all'"/>
|
|
|
+ <a class="btn input-group-addon" href="javascript:void(0)" ng-click="onSearch(keyword)" ng-show="active !== 'all'">搜索</a>
|
|
|
+
|
|
|
+ <input type="search" class="form-control input-sm" ng-model="keyword" ng-search="onSearch(keyword)" placeholder="客户名称" style="width: 100%" ng-show="active === 'all' && !showNotCheck" />
|
|
|
+ <a class="btn input-group-addon" ng-click="onSearch(keyword)" ng-show="active === 'all' && !showNotCheck">搜索</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="more-list more" ng-class="{'open': condition.$open}" ng-if="active !== 'all'">
|
|
|
+ <form class="form-inline">
|
|
|
+ <div class="form-group ">
|
|
|
+ <label>日期：</label>
|
|
|
+ <div class="btn-group btn-menu" dropdown is-open="condition.$dateZoneOpen">
|
|
|
+ <ul class="dropdown-menu">
|
|
|
+ <li><a ng-click="changeDateZone(1)">一个月内</a></li>
|
|
|
+ <li><a ng-click="changeDateZone(6)">半年内</a></li>
|
|
|
+ <li><a ng-click="changeDateZone()">半年前</a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="form-group input-group input-group-xs input-trigger">
|
|
|
+ <input type="text" ng-model="condition.dateFrom"
|
|
|
+ class="form-control" placeholder="从"
|
|
|
+ datepicker-popup="yyyy-MM-dd" is-open="condition.$fromOpened"
|
|
|
+ ng-required="true" max-date = "condition.dateTo"
|
|
|
+ current-text="今天" clear-text="清除" close-text="关闭"
|
|
|
+ datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
|
|
|
+ ng-focus="openFilterDatePicker($event, condition, '$fromOpened')">
|
|
|
+ <span class="input-group-btn">
|
|
|
+ <button type="button" class="btn btn-default"
|
|
|
+ ng-click="openFilterDatePicker($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="condition.dateTo"
|
|
|
+ class="form-control" placeholder="到"
|
|
|
+ datepicker-popup="yyyy-MM-dd" is-open="condition.$toOpened"
|
|
|
+ ng-required="true" min-date = "condition.dateFrom"
|
|
|
+ current-text="今天" clear-text="清除" close-text="关闭"
|
|
|
+ datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
|
|
|
+ ng-focus="openFilterDatePicker($event, condition, '$toOpened')">
|
|
|
+ <span class="input-group-btn">
|
|
|
+ <button type="button" class="btn btn-default"
|
|
|
+ ng-click="openFilterDatePicker($event, condition, '$toOpened')">
|
|
|
+ <i class="fa fa-calendar"></i>
|
|
|
+ </button>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div ng-if="active === 'all'">
|
|
|
+ <table class="order-table block order-table2" ng-table="tableParams" width="100%" style="table-layout:fixed">
|
|
|
+ <thead>
|
|
|
+ <tr class="header">
|
|
|
+ <th width="180">客户名称</th>
|
|
|
+ <th width="90">币别</th>
|
|
|
+ <th width="100">本期应收</th>
|
|
|
+ <th width="100">本期发货</th>
|
|
|
+ <th width="100">本期未对账</th>
|
|
|
+ <th width="100">本期已对账</th>
|
|
|
+ <th width="100">本期已收</th>
|
|
|
+ <th width="120">应收总额</th>
|
|
|
+ <th width="80">操作</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody ng-repeat="check in ALLList">
|
|
|
+ <tr >
|
|
|
+ <td style="color: #3f84f6">{{::check.myEnterprise.enName}}</td>
|
|
|
+ <td colspan="7">
|
|
|
+ <div class="table-colspan-list" ng-repeat="count in check.amountDetailList">
|
|
|
+ <span>{{count.currency || '-'}}</span>
|
|
|
+ <span>{{count.thisPeriodAmount >= 0 ? (count.thisPeriodAmount | number:2) : '-'}}</span>
|
|
|
+ <span>{{count.thisPeriodSendQty >= 0 ? (count.thisPeriodSendQty | number:2) : '暂无数据'}}</span>
|
|
|
+ <span>{{count.thisPeriodTodoAmount >= 0 ? (count.thisPeriodTodoAmount | number:2) : '-'}}</span>
|
|
|
+ <span>{{count.thisPeriodDoneAmount >= 0 ? (count.thisPeriodDoneAmount | number:2) : '-'}}</span>
|
|
|
+ <span>{{count.thisPeriodReceipt >= 0 ? (count.thisPeriodReceipt | number:2) : '暂无数据'}}</span>
|
|
|
+ <span>{{count.totalAmount >= 0 ? (count.totalAmount | number:2) : '-'}}</span>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td style="color: #3f84f6;cursor: pointer" ng-click="goToMNs(check)">明细</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ <tbody ng-if="!ALLList || ALLList.length == 0">
|
|
|
+ <tr>
|
|
|
+ <td colspan="9">
|
|
|
+ <div id="empty">
|
|
|
+ <div class="left_img">
|
|
|
+ <a><img src="static/img/empty/uas_empty.png"></a>
|
|
|
+ <a>B2B 商务</a>
|
|
|
+ </div>
|
|
|
+ <div class="right_link">
|
|
|
+ <!--<p ng-if="active != 'all'">您还未生成对账单，请立即新增对账！</p>-->
|
|
|
+ <!--<a ng-if="active != 'all'" ui-sref="fa.apCheckList"><i class="fa fa-plus-square fa-fw"></i> 新增对账单</a>-->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <div ng-if="active !== 'all'">
|
|
|
+ <table class="order-table block" ng-table="tableParams">
|
|
|
+ <thead>
|
|
|
+ <tr class="header">
|
|
|
+ <th width="150">对账期间</th>
|
|
|
+ <th width="180">对账总额</th>
|
|
|
+ <th width="180">对账人</th>
|
|
|
+ <!--<th width="180">商品总数</th>-->
|
|
|
+ <th width="100">对账结果</th>
|
|
|
+ <th width="100">操作</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody ng-repeat="check in $data">
|
|
|
+ <tr>
|
|
|
+ <td class="first info" colspan="3">
|
|
|
+ <div class="">
|
|
|
+ <a href="javascript:void(0)" ng-if="!isUnread(check.id)">
|
|
|
+ <i class="fa fa-circle-thin"></i>
|
|
|
+ </a>
|
|
|
+ <a href="javascript:void(0)" ng-if="isUnread(check.id)">
|
|
|
+ <i class="fa fa-circle" style="color: #f40;"></i>
|
|
|
+ </a>
|
|
|
+ <span class="text-num" title="录单时间">{{::check.recordDate | date:'MM月dd日 HH:mm'}} <i class="fa fa-clock-o"></i></span>
|
|
|
+ <span><i class="fa fa-star" ng-class="{'text-default':check.status==201}"></i> {{::check.custName}}</span>
|
|
|
+ <span style="margin-left: 100px;">单据编号：</span>
|
|
|
+ <span class="text-num"><a ui-sref="fa.apCheck_detail({id:check.id})" title="点击查看详情" ng-click="setOrdersRead(check.id)" style="color: #5078cb">{{::check.code}}</a></span>
|
|
|
+ </div>
|
|
|
+ <div class="static">
|
|
|
+ <p><span class="f14 text-num">{{::check.beginDate | date:'yyyy/MM/dd'}} - {{::check.endDate | date:'yyyy/MM/dd'}}</span></p>
|
|
|
+ <p>
|
|
|
+ <strong class="text-num">{{::(isUser?'-':(check.checkAmount | number:2))}}</strong>
|
|
|
+ <span ng-if="!isUser" class="text-number">{{::check.currency}}</span>
|
|
|
+ </p>
|
|
|
+ <p style="text-align: center;margin-left: 65px">
|
|
|
+ 对账人:{{::check.recorder}}
|
|
|
+ </p>
|
|
|
+ <!--<p>-->
|
|
|
+ <!--<strong class="text-num">{{::check.items.length}}</strong> 条<br>-->
|
|
|
+ <!--</p>-->
|
|
|
+ <!--<p>-->
|
|
|
+ <!--<strong class="text-num">{{getTotalProd(check) | number}}</strong> <i class="fa fa-cubes"></i>-->
|
|
|
+ <!--</p>-->
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+
|
|
|
+ <td class="status">
|
|
|
+ <!--<div ng-if="check.checkStatus == '未对账'" class="text-center text-muted f14"><br>未对账！</div>-->
|
|
|
+ <div></div>
|
|
|
+ <div ng-if="check.checkStatus == '已确认'" class="text-center text-muted f14">
|
|
|
+ <br> <i class="fa fa-check-square-o"></i> 已确认
|
|
|
+ </div>
|
|
|
+ <div ng-if="check.checkStatus == '不同意'" class="text-center text-muted f14">
|
|
|
+ <br> <i class="fa fa-check-square-o"></i> 不同意
|
|
|
+ </div>
|
|
|
+ <div ng-if="check.checkStatus == '已作废'" class="text-center text-muted f14">
|
|
|
+ <br> <i class="fa fa-check-square-o"></i> 已作废
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div ng-hide="check.status" class="block">
|
|
|
+ <span class="text-trans error">未提交</span>
|
|
|
+ </div>
|
|
|
+ <div ng-show="check.status" class="block">
|
|
|
+ <span class="text-trans success">已提交</span>
|
|
|
+ </div>
|
|
|
+ <div ng-if="check.checkStatus == '未对账'" class="text-center text-muted f14">
|
|
|
+ <div class="" style="margin-top: 33px;margin-right: 20px;">
|
|
|
+ <div class="pull-right" title="等待客户确认"><a> 客户正在确认</a></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div ng-if="check.checkStatus == '不同意'" class="text-center text-muted f14">
|
|
|
+ <div class="" style="margin-top: 33px;margin-right: 20px;">
|
|
|
+ <div class="pull-right" title="客户不同意"><a> 客户不同意</a></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div ng-if="check.checkStatus == '已确认'" class="text-center text-muted f14">
|
|
|
+ <div class="" style="margin-top: 33px;margin-right: 20px;">
|
|
|
+ <a ng-click="print(check)" class="pull-right" title="打印{{check.print? '(已打印)':'(未打印)'}}" ng-class="{'unPrinted' : !check.print, 'text-muted': check.print}"><i class="fa fa-print fa-lg"></i> 打印</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- <a ui-sref="fa.apCheck_detail({id:check.id})" class="operate operate-undo text-center"
|
|
|
+ target="_blank">查看详情</a> -->
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ <tbody ng-if="tableParams.total() == 0">
|
|
|
+ <tr>
|
|
|
+ <td colspan="5">
|
|
|
+ <div id="empty">
|
|
|
+ <div class="left_img">
|
|
|
+ <a><img src="static/img/empty/uas_empty.png"></a>
|
|
|
+ <a>B2B 商务</a>
|
|
|
+ </div>
|
|
|
+ <div class="right_link">
|
|
|
+ <!--<p ng-if="active != 'all'">您还未生成对账单，请立即新增对账！</p>-->
|
|
|
+ <!--<a ng-if="active != 'all'" ui-sref="fa.apCheckList"><i class="fa fa-plus-square fa-fw"></i> 新增对账单</a>-->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div ng-hide="!showNotCheck" class="infoms add-apCheckList" >
|
|
|
+ <form class="form-horizontal"
|
|
|
+ style="padding-top: 10px; padding-bottom: 20px;">
|
|
|
+ <div class="form-group form-group-sm form-group-inline">
|
|
|
+ <div class="col-sm-6 control-label">
|
|
|
+ <div style="text-align: left">
|
|
|
+ <label>应收客户：</label>
|
|
|
+ <label style="text-align:left">
|
|
|
+ {{suuorname}}
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-sm-6 control-label condition">
|
|
|
+ <div>
|
|
|
+ <label class="control-label">请选择月份：</label>
|
|
|
+ <span ng-click="addMouth(-1)" style="display: inline-block;
|
|
|
+ width: 32px;
|
|
|
+ height: 32px;
|
|
|
+ border: 1px solid #ddd;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 32px;
|
|
|
+ cursor: pointer;
|
|
|
+ vertical-align: middle;">
|
|
|
+ <img src="static/img/vendor/images/arrow-left-d-l.png" width="24"/>
|
|
|
+ </span>
|
|
|
+ <span class="control-label" style="padding-right: 5px;display: inline-block;vertical-align: middle;padding-top: 0;" ng-click="apCheckCondition.$open = false">
|
|
|
+ <wui-date
|
|
|
+ format="yyyy-mm"
|
|
|
+ placeholder="请选择或输入日期"
|
|
|
+ id="date4"
|
|
|
+ btns="{'ok':'确定','now':'此刻'}"
|
|
|
+ ng-model="thisMouth"
|
|
|
+ >
|
|
|
+ </wui-date>
|
|
|
+ </span><span ng-show="MouthinShow" ng-click="addMouth(1)" style="display: inline-block;
|
|
|
+ width: 32px;
|
|
|
+ height: 32px;
|
|
|
+ border: 1px solid #ddd;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 32px;
|
|
|
+ cursor: pointer;
|
|
|
+ vertical-align: middle;">
|
|
|
+ <img src="static/img/vendor/images/arrow-right-d-l.png" width="24"/></span>
|
|
|
+ <label class="control-label com-check-radio" ng-click="apCheckCondition.$open = true" style="vertical-align: middle;padding-top: 0">
|
|
|
+ <input type="radio" name="psa" ng-checked="apCheckCondition.$open === true" ng-model="apCheckCondition.$open" style="vertical-align: middle">自定义
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
+ <div ng-hide="!apCheckCondition.$open" class="more open date fr apCheckCondition" style="margin-top: 14px;">
|
|
|
+ <div class="form-inline">
|
|
|
+ <div class="form-group">
|
|
|
+ <div class="form-group input-group input-group-xs input-trigger">
|
|
|
+ <input type="text" ng-model="apCheckCondition.dateFrom"
|
|
|
+ class="form-control" placeholder="从"
|
|
|
+ datepicker-popup="yyyy-MM-dd" is-open="apCheckCondition.$fromOpened"
|
|
|
+ ng-required="true" max-date = "apCheckCondition.dateTo"
|
|
|
+ current-text="今天" clear-text="清除" close-text="关闭"
|
|
|
+ datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
|
|
|
+ ng-focus="apCheckopenFilterDatePicker($event, apCheckCondition, '$fromOpened')"
|
|
|
+ style="height: 26px">
|
|
|
+ <span class="input-group-btn">
|
|
|
+ <button type="button" class="btn btn-default"
|
|
|
+ ng-click="apCheckopenFilterDatePicker($event, apCheckCondition, '$fromOpened')">
|
|
|
+ <i class="fa fa-calendar"></i>
|
|
|
+ </button>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <em style="margin: 0 10px;display: inline-block">–</em>
|
|
|
+ <div class="form-group input-group input-group-xs input-trigger">
|
|
|
+ <input type="text" ng-model="apCheckCondition.dateTo"
|
|
|
+ class="form-control" placeholder="到"
|
|
|
+ datepicker-popup="yyyy-MM-dd" is-open="apCheckCondition.$toOpened"
|
|
|
+ ng-required="true" min-date = "apCheckCondition.dateFrom"
|
|
|
+ current-text="今天" clear-text="清除" close-text="关闭"
|
|
|
+ datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
|
|
|
+ ng-focus="apCheckopenFilterDatePicker($event, apCheckCondition, '$toOpened')" style="height: 26px">
|
|
|
+ <span class="input-group-btn">
|
|
|
+ <button type="button" class="btn btn-default"
|
|
|
+ ng-click="apCheckopenFilterDatePicker($event, apCheckCondition, '$toOpened')">
|
|
|
+ <i class="fa fa-calendar"></i>
|
|
|
+ </button>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form-group form-group-sm form-group-inline">
|
|
|
+ <div class="col-sm-12 control-label">
|
|
|
+ <div style="display:inline-block;text-align: left;margin-top: 20px; width:32%;">
|
|
|
+ <label>本期应收：</label>
|
|
|
+ <label style="text-align:left;vertical-align: top;">
|
|
|
+ <div ng-if="dataInfo.thisMonthCount.length > 0" ng-repeat="count in dataInfo.thisMonthCount">
|
|
|
+ <span>{{count.currency}}：{{count.amount | number:2}}</span>
|
|
|
+ </div>
|
|
|
+ <div ng-if="dataInfo.thisMonthCount.length === 0">
|
|
|
+ 0
|
|
|
+ </div>
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
+ <div style="display:inline-block;text-align: left;margin-top: 20px; width:32%;">
|
|
|
+ <label>本期未对账：</label>
|
|
|
+ <label style="text-align:left;vertical-align: top;">
|
|
|
+ <div ng-if="dataInfo.thisMonthTodoCount.length > 0" ng-repeat="count in dataInfo.thisMonthTodoCount">
|
|
|
+ <span>{{count.currency}}：{{count.amount | number:2}}</span>
|
|
|
+ </div>
|
|
|
+ <div ng-if="dataInfo.thisMonthTodoCount.length === 0">
|
|
|
+ 0
|
|
|
+ </div>
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div style="display:inline-block;text-align: left;margin-top: 20px; width:32%;">
|
|
|
+ <label>本期已收：</label>
|
|
|
+ <label style="text-align:left;vertical-align: top;">
|
|
|
+ <div ng-if="dataInfo.thisPeriodDoneAmount.length > 0" ng-repeat="count in dataInfo.thisPeriodDoneAmount">
|
|
|
+ <span>{{count.currency}}：{{count.amount | number:2}}</span>
|
|
|
+ </div>
|
|
|
+ <div ng-if="!dataInfo.thisPeriodDoneAmount || dataInfo.thisPeriodDoneAmount.length === 0">
|
|
|
+ 暂无数据
|
|
|
+ </div>
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div style="display:inline-block;text-align: left;margin-top: 20px; width:32%;">
|
|
|
+ <label>本期发货：</label>
|
|
|
+ <label style="text-align:left;vertical-align: top;">
|
|
|
+ <div ng-if="dataInfo.thisPeriodSendAmount.length > 0" ng-repeat="count in dataInfo.thisPeriodSendAmount">
|
|
|
+ <span>{{count.currency}}：{{count.amount | number:2}}</span>
|
|
|
+ </div>
|
|
|
+ <div ng-if="!dataInfo.thisPeriodSendAmount || dataInfo.thisPeriodSendAmount.length === 0">
|
|
|
+ 暂无数据
|
|
|
+ </div>
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div style="display:inline-block;text-align: left;margin-top: 20px; width:32%;">
|
|
|
+ <label>本期已对账：</label>
|
|
|
+ <label style="text-align:left;vertical-align: top;">
|
|
|
+ <div ng-if="dataInfo.thisMonthDoneCount.length > 0" ng-repeat="count in dataInfo.thisMonthDoneCount">
|
|
|
+ <span>{{count.currency}}：{{count.amount | number:2}}</span>
|
|
|
+ </div>
|
|
|
+ <div ng-if="dataInfo.thisMonthDoneCount.length === 0">
|
|
|
+ 0
|
|
|
+ </div>
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div style="display:inline-block;text-align: left;margin-top: 20px; width:32%;">
|
|
|
+ <label>应收总额：</label>
|
|
|
+ <label style="text-align:left;vertical-align: top;">
|
|
|
+ <div ng-if="dataInfo.totalCount.length > 0" ng-repeat="count in dataInfo.totalCount">
|
|
|
+ <span>{{count.currency }}：{{count.amount | number:2}}</span>
|
|
|
+ </div>
|
|
|
+ <div ng-if="dataInfo.totalCount.length === 0">
|
|
|
+ 0
|
|
|
+ </div>
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form-group form-group-sm form-group-inline">
|
|
|
+ <div class="col-sm-12 text-right">
|
|
|
+ <a ng-click="condition.$open2=!condition.$open2" class="text-simple"><span
|
|
|
+ ng-bind="condition.$open2 ? '收起筛选条件' : '更多筛选条件'"></span><i
|
|
|
+ class="fa fa-fw"
|
|
|
+ ng-class="{'fa-angle-up': condition.$open2, 'fa-angle-down': !condition.$open2}"></i></a>
|
|
|
+ <div class="btn-group btn-group-sm">
|
|
|
+ <a class="btn btn-default" ng-click="searchOrder()" title="筛选"><i class="fa fa-search fa-fw btn-icon-left"></i>筛选</a>
|
|
|
+ <a class="btn btn-default" ng-click="createApCheck(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" ng-click="exportApcheckList()" title="导出Excel" ng-disabled="!data || data.length==0"><i class="fa fa-file-text fa-fw btn-icon-left"></i>导出</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form-group form-group-sm form-group-inline"
|
|
|
+ ng-show="condition.$open2">
|
|
|
+ <!--<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="receiveName" 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>
|
|
|
+ <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="taxRate" 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.$open2">
|
|
|
+ <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>
|
|
|
+ <!--<div class="form-group form-group-sm form-group-inline"-->
|
|
|
+ <!--ng-show="condition.$open">-->
|
|
|
+
|
|
|
+ <!--</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="60" style="vertical-align: middle;">
|
|
|
+ <input type="checkbox" name="checkbox" ng-model="checkboxes.checked" ng-click="checkAll()">
|
|
|
+ </th>
|
|
|
+ <th width="70">订单号</th>
|
|
|
+ <th width="70">验收单</th>
|
|
|
+ <th width="70">发货单</th>
|
|
|
+ <th width="70">物料编号</th>
|
|
|
+ <th width="70">物料名称</th>
|
|
|
+ <th width="70">规格型号</th>
|
|
|
+ <th width="70">验收数量</th>
|
|
|
+ <th width="70">发货数量</th>
|
|
|
+ <th width="50">单价</th>
|
|
|
+ <th width="50">税率</th>
|
|
|
+ <th width="70">小计</th>
|
|
|
+ <th width="100">对账人</th>
|
|
|
+ <!--<th width="35">序号</th>-->
|
|
|
+ <!--<th width="60">类型</th>-->
|
|
|
+ <!--<th width="60">单据<br>日期</th>-->
|
|
|
+ <!--<th width="90">应付<br>供应商</th>-->
|
|
|
+ <!--<th width="65">客户<br>料号</th>-->
|
|
|
+ <!--<th width="65">送货<br>工厂</th>-->
|
|
|
+ <!--<th width="30">币别</th>-->
|
|
|
+ <!--<th width="60">金额</th>-->
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <div class="table-body-wrap">
|
|
|
+ <table class="table table-bordered">
|
|
|
+ <tr ng-repeat="check in data" ng-click="getTotalMoney()" class="thAlign" style="height: 40px;">
|
|
|
+ <td style="padding:0;">
|
|
|
+ <table class="table table-bordered child-table">
|
|
|
+ <tr style="height:10px;"><td colspan="13"></td></tr>
|
|
|
+ <tr>
|
|
|
+ <th width="60">
|
|
|
+ <input ng-model="check.$selected" name="checkbox" type="checkbox" ng-checked="check.$selected" ng-click="checkOneAll($event, check)" ng-if="check.allChecked !== 1">
|
|
|
+ <span ng-if="check.allChecked === 1">已对账</span>
|
|
|
+ </th>
|
|
|
+ <th width="70" ng-bind="check.orderCode"></th>
|
|
|
+ <th colspan="11">
|
|
|
+ <div class="order-count">
|
|
|
+ <span>合计：</span>
|
|
|
+ 验收数量：<span>{{check.checkQty >= 0 ? (check.checkQty | number:2) :'暂无数据'}}</span>
|
|
|
+ 发货数量：<span>{{check.sendQty >= 0 ? (check.sendQty | number:2) : '暂无数据'}}</span>
|
|
|
+ 应收金额：<span>{{check.checkAmountList >= 0 ? (check.checkAmountList | number: 2) : '暂无数据'}}</span>
|
|
|
+ 发货金额：<span>{{check.sendAmountList >= 0 ? (check.sendAmountList | number: 2) : '暂无数据'}}</span>
|
|
|
+ </div>
|
|
|
+ <a ng-show="check.showDetail" class="order-count-click" ng-click="check.showDetail = !check.showDetail">收起 <i class="fa fa-angle-up"></i></a>
|
|
|
+ <a ng-show="!check.showDetail" class="order-count-click" ng-click="check.showDetail = !check.showDetail">展开 <i class="fa fa-angle-down"></i></a>
|
|
|
+ </th>
|
|
|
+ </tr>
|
|
|
+ <tr ng-repeat="(index, childs) in check.details" ng-show="check.showDetail">
|
|
|
+ <td width="60">
|
|
|
+ <input ng-model="childs.$selected" name="checkbox" type="checkbox" ng-checked="childs.$selected" ng-click="stopPrevent($event)" ng-if="childs.haveChecked !== 1">
|
|
|
+ <span ng-if="childs.haveChecked === 1">已对账</span>
|
|
|
+ </td>
|
|
|
+ <td width="70" rowspan="{{index}}" ng-if="index === 0"></td>
|
|
|
+ <td width="70">{{::childs.inoutno}}</td>
|
|
|
+ <td width="70">{{::childs.sendcode}}</td>
|
|
|
+ <td width="70">{{::childs.prodcode}}</td>
|
|
|
+ <td width="70" title="{{childs.prodtitle}}">
|
|
|
+ <div style="display: -webkit-box; text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;">{{::childs.prodtitle}}</div>
|
|
|
+ </td>
|
|
|
+ <td width="70" title="{{childs.prodspec}}">
|
|
|
+ <div style="display: -webkit-box; text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;">{{::childs.prodspec}}</div>
|
|
|
+ </td>
|
|
|
+ <td width="70">{{::childs.thischeckqty}}</td>
|
|
|
+ <td width="70">{{::childs.qty}}</td>
|
|
|
+ <td width="50">{{::childs.orderprice}}</td>
|
|
|
+ <td width="50" align="center">{{::childs.taxrate}}</td>
|
|
|
+ <td width="70">{{::(childs.orderprice || 0)*(childs.thischeckqty || 0) | number:2}}</td>
|
|
|
+ <td width="100" ng-if="childs.haveChecked === 1">
|
|
|
+ <div>{{::childs.recorder || '-'}}</div>
|
|
|
+ <div>{{::childs.apCheckDate | date:'yyyy-MM-dd' || '-'}}</div>
|
|
|
+ </td>
|
|
|
+ <td width="100" ng-if="childs.haveChecked !== 1">
|
|
|
+ 未对账
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <div style="padding: 10px 20px">本期间应收总额：{{totalMoney | number:2 || 0}}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+<style>
|
|
|
+ .order-table2 tbody td {
|
|
|
+ text-align: center;
|
|
|
+ padding: 20px 0
|
|
|
+ }
|
|
|
+ .order-table2 tbody td .table-colspan-list{
|
|
|
+ border-bottom:1px dotted #999;
|
|
|
+ }
|
|
|
+ .order-table2 tbody td .table-colspan-list:last-child{
|
|
|
+ border:none;
|
|
|
+ }
|
|
|
+ .order-table2 tbody td .table-colspan-list span {
|
|
|
+ display:inline-block;
|
|
|
+ vertical-align: top;
|
|
|
+ width:95px;
|
|
|
+ margin:0 auto;
|
|
|
+ line-height: 25px;
|
|
|
+ }
|
|
|
+ .order-table2 tbody td .table-colspan-list span:first-child {
|
|
|
+ width:90px;
|
|
|
+ }
|
|
|
+ .order-table2 tbody td .table-colspan-list span:last-child {
|
|
|
+ width:120px;
|
|
|
+ }
|
|
|
+ #order-detail-list .child-table{
|
|
|
+ table-layout: auto;
|
|
|
+ }
|
|
|
+ #order-detail-list .child-table tr th{
|
|
|
+ position:relative;
|
|
|
+ background: #d3eafc;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size:14px;
|
|
|
+ padding:0 2px;
|
|
|
+ vertical-align: middle;
|
|
|
+ border:1px solid #fff;
|
|
|
+ }
|
|
|
+ #order-detail-list .child-table tr th:first-child{
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ #order-detail-list .child-table tr th .order-count{
|
|
|
+ background: #d3eafc;
|
|
|
+ font-weight:normal;
|
|
|
+ }
|
|
|
+ #order-detail-list .child-table tr th .order-count span{
|
|
|
+ background: #d3eafc;
|
|
|
+ font-weight:bold;
|
|
|
+ margin-right:20px;
|
|
|
+ }
|
|
|
+ #order-detail-list .child-table tr th .order-count-click{
|
|
|
+ position:absolute;
|
|
|
+ top:10px;
|
|
|
+ right:20px;
|
|
|
+ display:inline-block;
|
|
|
+ padding: 0 5px;
|
|
|
+ line-height: 20px;
|
|
|
+ background: #fff;
|
|
|
+ color:#333;
|
|
|
+ border:1px solid #333;
|
|
|
+ border-radius:5px;
|
|
|
+ text-decoration: none;
|
|
|
+ }
|
|
|
+ #order-detail-list .child-table tr td{
|
|
|
+ padding:0 2px;
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
+
|
|
|
+</style>
|
|
|
+<style>
|
|
|
+ .wui-date-picker.left {
|
|
|
+ margin-right : 0 !important;
|
|
|
+ right: 0;
|
|
|
+ left: auto
|
|
|
+ }
|
|
|
+ .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;
|
|
|
+ vertical-align:middle;
|
|
|
+ }
|
|
|
+
|
|
|
+ .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;
|
|
|
+ }
|
|
|
+
|
|
|
+ .infoms .has-feedback input[type="search"] {
|
|
|
+ padding-right: 0 !important;
|
|
|
+ }
|
|
|
+ .infoms .table>tbody>tr>td{
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
+ .infoms .form-horizontal .form-group-sm .control-label{
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .infoms .form-group .form-control{
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .wui-date.small .wui-date-picker {
|
|
|
+ width: 260px
|
|
|
+ }
|
|
|
+
|
|
|
+ .wui-input {
|
|
|
+ border: 1px solid #3f84f6;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #3f84f6;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .wui-date-editor .iconfont {
|
|
|
+ color: #3f84f6
|
|
|
+ }
|
|
|
+
|
|
|
+ .apCheckCondition ul {
|
|
|
+ left: auto !important;
|
|
|
+ right: 0;
|
|
|
+ }
|
|
|
</style>
|
hejq