platform-b2c/src/main/webapp/resources/view/vendor/b2b/apCheck.html

<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: auto;
    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: -13px;
    margin-right: 1px;
  }
  .menu .new-dot{
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    font-weight: inherit;
    top: -2px;
  }
  .block {
    position: relative;
  }
</style>
<style>
  .com_tab {
    height: 40px;
    margin-bottom: 10px;
  }
  .com_tab ul {
    width: 100%;
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    background: #fff;
  }
  .com_tab ul li {
    height: 40px;
    text-align: center;
    float: left;
    position: relative;
    min-width: 110px;
  }
  .com_tab:nth-of-type(1) ul li.active > a {
    border-bottom: #fff;
    background: #5078cb;
    color: #fff !important;
  }
  .com_tab ul li a {
    min-width: 110px;
  }
  .com_tab ul li > a {
    font-size: 14px;
    height: 40px;
    padding: 0 20px;
    display: inline-block;
  }
  .com_tab:nth-of-type(1) ul li::after {
    background:url('static/img/vendor/images/downicon.png');
    width: 11px;
    height: 6px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    content: ' ';
    margin-left: -5px;
    display: none;
  }
  .com_tab ul li::after {
    background:url('static/img/vendor/images/downicon.png');
    width: 11px;
    height: 6px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    content: ' ';
    margin-left: -5px;
    display: none;
  }
  .com_tab ul li.active:after {
    display: block;
  }
  .oder01 ul li.active a{
    border-bottom: 1px solid #fff;
    color: #f15601;
  }
  .oder01 ul li.active a em {
    color: #f15601;
  }
  .oder01 ul li a em {
    color: #323232
  }
  .screen {
    background: #fff;
    padding-top: 10px;
    padding-right: 11px;
    line-height: 32px;
    padding-left: 22px;
    width: 100%;
    height: 50px;
    position: relative;
  }
  .screen .sreach input {
    border: #5078cb 1px solid;
    height: 32px;
    width: 280px;
    box-shadow: none;
    padding-left: 10px;
    background: #fff;
    float: left;
    vertical-align: middle;
    font-size: 14px;
  }
  .screen .sreach a.seek {
    width: 58px;
    height: 32px;
    background: #5078cb;
    color: #fff;
    line-height: 32px;
    float: none;
    border-radius: 2px;
    vertical-align: unset;
  }
  .order-table {
    background: #fff;
    width: 100%;
  }
  .order-table .header > th {
    height: 38px;
    text-align: center;
    background: #fff;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    font-size: 14px;
  }

  .order-table .sep-row {
    height: 10px;
  }

  .order-table .selector {
    vertical-align: middle;
    margin: 0 0 2px 0;
  }

  .toolbar label {
    margin-right: 10px;
    margin-bottom: 0;
  }

  .toolbar .select_all {
    margin: 0 6px 0 10px;
    line-height: 20px;
  }

  .toolbar .btn {
    -moz-border-radius: 2px;
    margin-right: 5px;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    -webkit-border-radius: 2px;
  }

  .order-table .order-hd {
    background: #f5f5f5;
    height: 40px;
    line-height: 40px;
  }

  .order-table .order-hd td.first {
    padding-left: 20px;
  }

  .order-table .order-hd .order-main span {
    margin-right: 8px;
  }

  .order-table .order-hd .order-code {
    font-style: normal;
    font-family: verdana;
  }

  .order-table .order-hd .order-sum {
    position: relative;
    padding: 0 5px;
  }

  .order-table .order-hd .dropdown-toggle {
    line-height: 40px;
    display: block;
    color: #5078cb;
    /*padding: 0 10px;*/
  }


  .order-table .operates {
    display: none;
  }

  .order-table > tbody:hover .operates {
    display: block;
  }

  .order-table .order-bd {
    border-bottom: 1px solid #e6e6e6;
  }

  .order-table .order-bd > td {
    padding: 10px 5px;
    text-align: center;
  }

  .order-table .order-bd .product {
    padding-left: 20px;
  }

  .input-xs, .input-group-xs > .form-control, .input-group-xs > .input-group-addon, .input-group-xs > .input-group-btn > .btn {
    height: 26px;
    padding: 0 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
  }
  .order-table .order-hd .dropdown-toggle:hover + .order-snapshot {
    display: block;
  }
  .order-table .order-hd .order-snapshot{
    padding: 10px 15px;
    display: none;
    width: 250px;
    position: absolute;
    top: 32px;
    left: 39px;
    border: 1px solid rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
    -o-box-shadow: 0 0 5px rgba(0,0,0,0.3);
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
  }
  .order-snapshot .title {
    border-top: 1px dashed #ddd;
  }

  .order-snapshot .dl-horizontal dt {
    width: 60px;
    text-align: left;
    font-weight: normal;
    color: #999;
    padding: 4px 0;
  }

  .order-snapshot .dl-horizontal dd {
    margin-left: 80px;
    padding: 4px 0;
  }

  /*arrow*/
  .order-send {
    position: relative;
  }

  .order-send.arrow-border:before, .arrow-border:after {
    content: '';
    position: absolute;
    top: 20px;
    width: 0;
    height: 0;
    border: 7px solid transparent;
  }

  .order-send.arrow-border.arrow-bottom-right:before {
    content: '';
    position: absolute;
    left: -13px;
    border-bottom-color: #fff;
    border-right-color: #fff;
    margin-top: -10px;
  }

  .menu .new-dot {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    font-weight: inherit;
    top: -2px;
  }
  .f14{
    font-size:14px;
  }
  .screen .sreach input {
    width: 288px
  }
  .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    margin: 0 !important;
  }
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
  }
  #empty {
    padding: 70px 0;
    margin: 0 auto;
    text-align: center;
  }
  #empty .left_img {
    display: inline-block;
    color: #3f84f6;
  }
  #empty .left_img a {
    font-size: 25px;
    color: #3f84f6;
  }
  #empty .right_link p {
    margin: 0;
    font-size: 14px;
    color: #666;
  }
  #empty_info .empty_title {
    color: #3f84f6;
    font-size: 18px;
  }
  #empty_info .empty_explain {
    font-size: 16px;
    color: #999;
  }
  #empty_info .empty_explain .info {
    text-indent: -22px;
  }
  .f16 {
    font-size: 16px !important;
  }
  .f14 {
    font-size: 14px !important;
  }
  #empty_info {
    padding-top:20px;
    padding-left: 60px;
    padding-bottom: 40px;
  }
  table tbody tr td {
    border-bottom: #e8e8e8 1px solid;
    border-right: #e8e8e8 1px solid;
    font-size: 14px;
    color: #666;
  }
  .ng-table-pager::after {
    clear: both;
    content: ' ';
    zoom: 1;
    display: block;
    visibility: hidden;
  }
  .ng-table-pager {
    padding-right: 20px;
    padding-top: 50px;
    margin-right: 0 !important;
  }
  .text-mns {
    padding-right: 15px;
    position: absolute;
    bottom: 64px;
    right: 20px;
    font-size: 12px;
  }
  .Boom18 {
    bottom: 18px;
  }
  .fixed {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 40px;
  }
  .order-table tbody:hover {
    border: 2px solid #3c7cf5
  }
  .order-table tbody:hover .order-bd:nth-last-of-type(1) {
    background: #f8fafe
  }
  .order-table .order-hdt {
    background: #f5f5f5;
  }
</style>
<!--<link rel="stylesheet" href="static/css/public.css">-->
<link rel="stylesheet" href="static/css/wui.min.css">
<div class="user_right fr" style="position: relative">

  <div class="com_tab">
    <ul class="fl">
      <li class="active"><a  href="javascript:void(0)">B2B</a></li>
      <li><a ui-sref="pay_center" href="javascript:void(0)">优软商城</a></li>
      <li class="down-purchase" style="margin-right: 0;min-width: 80px"  ng-hide="active === 'all'">
        <a href="#" style="min-width: 80px" ng-click="exportXls()" target="_self" title="导出Excel表格" class="blue f14"><i class="fa fa-file-text fa-fw"></i>导出</a>
      </li>
      <!--<li class="down-purchase" style="margin-right: 0;min-width: 80px" ng-hide="showNotCheck">-->
        <!--<a class="text-simple append" style="min-width: 80px" ui-sref="fa_apCheckList" title="新增对账单">-->
          <!--<i class="fa fa-plus-square fa-fw"></i>新增对账单-->
        <!--</a>-->
      <!--</li>-->

    </ul>
  </div>
  <div class="com_tab tab_top" style="margin-bottom: 0px">
    <ul>
      <li ng-class="{'active': active=='all'}" ng-click="setActive('all')"><a> 未对账</a></li>
      <!--<li ng-class="{'active': active=='todo'}" ng-click="setActive('todo')"><a>待确认(<em ng-class="{'color-black': !unread.replied }" ng-bind="unread.replied || 0"></em>)</a></li>-->
      <li ng-class="{'active': active=='done'}" ng-click="setActive('done')"><a>已对账</a></li>
        <!--(<em ng-class="{'color-black': !unread.cancelled }" ng-bind="unread.cancelled || 0"></em>)-->
      <li ng-class="{'active': active=='end'}" ng-click="setActive('end')"><a>已作废</a></li>
        <li style="float: right;font-size: 14px;cursor: pointer;" ng-hide="!showNotCheck" ng-click="hideshowNotCheck()"><img src="/static/img/vendor/images/backIcon.png" width="20"/>返回</li>
    </ul>
  </div>
  <div class="screen check-filter" ng-show="!showNotCheck">
    <div class="radio-block date-radio" ng-show="active !== 'all'" style="width: 33%">
      时间：
      <label class="com-check-radio">
        <input type="radio" id="oneMonth" name="date" ng-click="changeDateZone(1);condition.$open=false" ng-checked="condition.dateZone == '1'" ng-model="condition.dateZone">
        <label for="oneMonth"></label>
        30天
      </label>
      <label class="com-check-radio">
        <input type="radio" id="threeMonth" name="date" ng-click="changeDateZone(3);condition.$open=false" ng-checked="condition.dateZone == '3'" ng-model="condition.dateZone">
        <label for="threeMonth"></label>
        90天
      </label>
      <label class="com-check-radio">
        <input type="radio" id="sixMonth" name="date" ng-click="changeDateZone(6);condition.$open=false" ng-checked="condition.dateZone == '6'" ng-model="condition.dateZone">
        <label for="sixMonth"></label>
        180天
      </label>
      <label class="com-check-radio">
        <input type="radio" id="autoMonth" name="date" ng-click="condition.$open=!condition.$open;changeDateZone(-1)">
        <label for="autoMonth"></label>
        自定义
      </label>
    </div>
     <div class="fl" ng-show="active === 'all'" >
          <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">
              <wui-date
                      format="yyyy-mm"
                      placeholder="请选择或输入日期"
                      id="date3"
                      btns="{'ok':'确定','now':'此刻'}"
                      ng-model="thisMouthOut"
              >
              </wui-date>
            </span>
         <span  ng-click="addMouthOut(1)" ng-show="MouthOutShow" 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>
    <div class="sreach fr">
      <div ng-show="condition.$open" class="date fl">
        <div class="data-input">
          <input type="text" ng-model="condition.dateFrom"
                 class="form-control select-adder" placeholder="起始时间"
                 datepicker-popup="yyyy-MM-dd"
                 is-open="condition.$fromOpened"
                 max-date="condition.dateTo" current-text="今天" clear-text="清除" close-text="关闭"
                 ng-focus="openFilterDatePicker($event, condition, '$fromOpened')"
                 datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
                 style="width: 130px"
          />
          <button class="open" ng-click="openFilterDatePicker($event, condition, '$fromOpened')"></button>
        </div>

        <em>–</em>
        <div class="data-input">
          <input type="text" ng-model="condition.dateTo"
                 class="form-control select-adder" placeholder="结束时间"
                 datepicker-popup="yyyy-MM-dd"
                 is-open="condition.$toOpened"
                 min-date="condition.dateFrom" current-text="今天" clear-text="清除" close-text="关闭"
                     ng-focus="openFilterDatePicker($event, condition, '$toOpened')"
                 datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
                 style="width: 130px"
          />
          <button class="open" ng-click="openFilterDatePicker($event, condition, '$toOpened')"></button>
        </div>
      </div>
      <div class="sreach-input fr">
          <span  ng-show="active !== 'all'">
            <input type="search" placeholder="单据编号/客户名称/物料名称" class="form-control" ng-model="keyword" ng-search="onSearch(keyword)"/>
            <a class="seek" href="javascript:void(0)" ng-click="onSearch(keyword)" >搜索</a>
          </span>
          <span  ng-show="active === 'all' && !showNotCheck">
            <input type="search" placeholder="客户名称" class="form-control" ng-model="keyword" ng-search="onSearch(keyword)"/>
            <a class="seek" href="javascript:void(0)" ng-click="onSearch(keyword)">搜索</a>
          </span>
      </div>
    </div>
  </div>
  <div ng-hide="showNotCheck">

    <div >
      <table class="order-table block" ng-class="{'order-table2': active === 'all'}" ng-table="tableParams" ng-table="tableParams" width="100%" style="table-layout:fixed">
        <thead ng-show="active !== 'all'">
          <tr class="header">
            <th width="230">对账期间</th>
            <th width="180">对账总额</th>
            <th width="180">对账人</th>
            <!--<th width="100">商品总数</th>-->
            <th width="100">对账结果</th>
            <th width="100">操作</th>
          </tr>
        </thead>
        <tbody ng-show="active !== 'all'" ng-repeat="check in $data">
          <tr class="order-bd order-hdt">
            <td colspan="5" style="text-align: left">
              <a href="javascript:void(0)" ng-if="!isUnread(check.id)" class="circle-icon">
                已读
              </a>
              <a href="javascript:void(0)" ng-if="isUnread(check.id)" class="no-circle-icon">
                未读
              </a>
              <span class="text-num text-bold;" style="font-weight:bold" title="录单时间">日期：{{::check.recordDate | date:'MM月dd日 HH:mm'}}</span>
              &nbsp;&nbsp;&nbsp;
              <span>
            <!--<i class="fa fa-star" ng-class="{'text-default':check.status==201}"></i>-->
            <img src="static/img/user/images/shop_home.png" style="margin-right: 5px">{{::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>
            </td>
          </tr>
          <tr class="order-bd" style="padding: 15px 0 ">
          <td class="first info" colspan="1" style="text-align: left">
            <div class="static">
              <p><span class="f14 text-num">{{::check.beginDate | date:'yyyy/MM/dd'}} - {{::check.endDate | date:'yyyy/MM/dd'}}</span></p>
            </div>
          </td>
          <td>
            <p>
              <strong class="text-num">{{::(isUser?'-':(check.checkAmount | number:2))}}</strong>
              <span ng-if="!isUser" class="text-number">{{::check.currency}}</span>
            </p>
          </td>
          <td style="text-align: center">
              对账人:{{::check.recorder}}
          </td>
          <!--<td>-->
            <!--<p>-->
              <!--<strong class="text-num">{{::check.items.length}}</strong> 条<br>-->
            <!--</p>-->
          <!--</td>-->
          <!--<td>-->
            <!--<p>-->
              <!--<strong class="text-num">{{getTotalProd(check) | number}}</strong> <i class="fa fa-cubes"></i>-->
            <!--</p>-->
          <!--</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 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>&nbsp;打印</a>
            </div>
            <!-- <a ui-sref="fa.apCheck_detail({id:check.id})" class="operate operate-undo text-center"
               target="_blank">查看详情</a>	 -->
          </td>
        </tr>
        </tbody>

        <thead ng-show="active === 'all'">
          <tr class="header">
            <th width="313">客户名称</th>
            <th width="250">本月应收</th>
            <th width="250">应收总额</th>
            <th width="160">操作</th>
          </tr>
        </thead>
        <tbody ng-show="active === 'all'" 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.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="active !== 'all' && tableParams.total() == 0">
        <tr>
          <td colspan="5">
            <div id="empty">
              <div class="left_img">
                <a><img src="static/img/all/empty-cart.png"></a>
                <a>B2B 商务</a>
              </div>
              <div class="right_link">
                <p ng-if="active != 'all'">暂无对账信息！</p>
                <!--<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>
        <tbody ng-if="active === 'all' && !ALLList || ALLList.length == 0">
          <tr>
            <td colspan="4">
              <div class="empty">
                <div class="left_img">
                  <a><img src="static/img/all/empty-cart.png"></a>
                  <a>B2B 商务</a>
                </div>
                <div class="right_link">
                  <p ng-if="active != 'all'">暂无对账信息！</p>
                  <!--<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-7 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.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-5 control-label">
          <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-click="addMouth(1)" ng-show="MouthinShow" 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">
              <input type="radio" name="psa" ng-checked="apCheckCondition.$open === true"  ng-model="apCheckCondition.$open">
              <label for="autoMonth"></label>
              自定义
            </label>
          </div>
          <div ng-hide="!apCheckCondition.$open" class="date fr apCheckCondition" style="margin-top: 14px;">
            <div class="data-input">
              <input type="text" ng-model="apCheckCondition.dateFrom"
                     class="form-control select-adder" placeholder="起始时间"
                     datepicker-popup="yyyy-MM-dd"
                     is-open="apCheckCondition.$fromOpened"
                     max-date="apCheckCondition.dateTo" current-text="今天" clear-text="清除" close-text="关闭"
                     ng-focus="apCheckopenFilterDatePicker($event, apCheckCondition, '$fromOpened')"
                     datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
                     style="width: 130px;height: 32px"
              />
              <button class="open" ng-click="apCheckopenFilterDatePicker($event, apCheckCondition, '$fromOpened')"></button>
            </div>

            <em style="float:left;margin: 0 10px">–</em>
            <div class="data-input">
              <input type="text" ng-model="apCheckCondition.dateTo"
                     class="form-control select-adder" placeholder="结束时间"
                     datepicker-popup="yyyy-MM-dd"
                     is-open="apCheckCondition.$toOpened"
                     min-date="apCheckCondition.dateFrom" current-text="今天" clear-text="清除" close-text="关闭"
                     ng-focus="apCheckopenFilterDatePicker($event, apCheckCondition, '$toOpened')"
                     datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
                     style="width: 130px;height: 32px"
              />
              <button class="open" ng-click="apCheckopenFilterDatePicker($event, apCheckCondition, '$toOpened')"></button>
            </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.$open=!condition.$open" class="text-simple"><span
                  ng-bind="condition.$open ? '收起筛选条件' : '更多筛选条件'"></span><i
                  class="fa fa-fw"
                  ng-class="{'fa-angle-up': condition.$open, 'fa-angle-down': !condition.$open}"></i></a>
          <div class="btn-group btn-group-sm">
            <a class="btn btn-default" ng-click="searchOrder()" 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.$open">
        <!--<label class="col-sm-2 control-label">应付供应商：</label>-->
        <!--<div class="col-sm-4">-->
          <!--<div class="form-group form-group-sm has-feedback">-->
            <!--<input type="search" class="form-control input-sm"-->
                   <!--ng-model="receiveName" placeholder="可用应付供应商名称筛选" /><span-->
                  <!--class="form-control-feedback text-simple"><i-->
                  <!--class="fa fa-search"></i></span>-->
          <!--</div>-->
        <!--</div>-->
        <!--ng-show="condition.$open">-->
        <label class="col-sm-2 control-label">税率：</label>
        <div class="col-sm-4">
          <div class="form-group form-group-sm has-feedback">
            <input type="search" class="form-control input-sm"
                   ng-model="taxRate" placeholder="请输入税率" /><span
                  class="form-control-feedback text-simple"><i
                  class="fa fa-search"></i></span>
          </div>
        </div>
        <label class="col-sm-2 control-label">送货工厂：</label>
        <div class="col-sm-4">
          <div class="form-group form-group-sm has-feedback">
            <input type="search" class="form-control input-sm"
                   ng-model="factory" placeholder="请输入送货工厂名称" /><span
                  class="form-control-feedback text-simple"><i
                  class="fa fa-search"></i></span>
          </div>
        </div>
      </div>
      <div class="form-group form-group-sm form-group-inline"
           ng-show="condition.$open">
        <label class="col-sm-2 control-label">物料名称：</label>
        <div class="col-sm-4">
          <div class="form-group form-group-sm has-feedback">
            <input type="search" class="form-control input-sm"
                   ng-model="prodTitle" placeholder="请输入物料名称" /><span
                  class="form-control-feedback text-simple"><i
                  class="fa fa-search"></i></span>
          </div>
        </div>
        <label class="col-sm-2 control-label">规&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格：</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"-->
        <!---->
      <!--</div>-->
    </form>
    <!-- 标签scroll-table用于表头滚动 -->
    <div class="table-wrap" id="order-detail-list" scroll-table>
      <div class="table-header-wrap">
        <table class="table table-bordered">
          <tr>
            <th width="36" style="vertical-align: middle;"><input type="checkbox" name="checkbox" ng-model="checkboxes.checked" ng-click="checkAll()"></th>
            <!--<th width="70">客户<br>名称</th>-->
            <th width="70">采购单</th>
            <th width="70">物料名称</th>
            <th width="70">规格型号</th>
            <th width="60">发货单</th>
            <th width="55">发货数量</th>
            <th width="60">验收单</th>
            <th width="100">验收数量</th>
            <th width="40">单价</th>
            <th width="40">税率</th>
            <th width="70">小计</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="36" style="text-align: center;vertical-align: middle;">
              <input ng-model="check.$selected" name="checkbox" type="checkbox" ng-checked="check.$selected" ng-click="stopPrevent($event)"></td>
            <td width="70">{{::check.ordercode}}</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="60">{{::check.sendcode}}</td>
            <td width="55">{{::check.qty}}</td>
            <td width="60">{{::check.inoutno}}</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="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="19">
              <div class="empty-block">
                <i class="fa fa-exclamation-circle"></i>
                <p class="text-muted">没有对账数据，请先筛选</p>
              </div>
            </td>
          </tr>
        </table>
      </div>
      <div style="padding: 10px 20px">总金额合计：{{totalMoney | number:2 || 0}}</div>
    </div>
  </div>
  <div ng-if="infoCommon.totalElement > 0 && !showNotCheck" class="text-mns text-right" ng-class="infoCommon.totalElement > 20 ? '': 'Boom18'">
    显示&nbsp;{{(infoCommon .page - 1 ) * infoCommon.size + 1}}-{{infoCommon.all >= 20 ? infoCommon.page *  infoCommon.size: (infoCommon.page - 1 ) * infoCommon.size + infoCommon.all}}&nbsp;条，共&nbsp;{{infoCommon.totalElement}}&nbsp;条
  </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
  }
  .wui-date-picker.left table tbody tr td {
    border: 0
  }
  .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;
  }
  .form-horizontal .form-group {
     margin-right: 0px;
     margin-left: 0px;
  }
  .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
  }
  .empty {
    padding: 70px 0;
    margin: 0 auto;
    text-align: center;
    background: #fff;
  }
  .empty .left_img {
    display: inline-block;
    color: #3f84f6;
  }
  .empty .left_img a {
    font-size: 25px;
    color: #3f84f6;
  }
  .empty .right_link p {
    margin: 0;
    font-size: 14px;
    color: #666;
  }

  .inputsIcon .wui-date-editor .icon1{
      top: 11px !important;
  }
  .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;
  }
  .wui-date.small .wui-date-picker .month_panel .wui-data-table td {
      line-height: 20px;
  }
</style>