platform-b2c/src/main/webapp/resources/view/usercenter/b2b/fa/arCheck.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 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>
      <!--<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>-->

      <li style="float: right;font-size: 14px;cursor: pointer;" 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;"  ng-click="setActive('all')">
          <img src="static/img/vendor/images/backIcon.png" width="20"/>返回
        </div>
      </li>
      <li style="float: right;font-size: 14px;cursor: pointer;" 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: #5078cb;
    border: 1px solid #5078cb;
    margin-top: 6px;
    padding: 0 5px;"  ng-click="setActive();showNotCheck=false;changeDateZone(1, true);condition.$open=false;">查看对账记录
          <!--<b class="new-dot" ng-if="unread.cancelled > 0">{{unread.cancelled > 99 ? '99+' : unread.cancelled}}</b>-->
        </div>
      </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" style="padding-left: 10px">
    <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'" >
      <div style="width: 298px;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">
              <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>
      <a ng-click="resetHandle()" title="自定义" ng-class="{'active':condition.dateZone=='-1'}"   style="display: inline-block;padding: 0px 12px;background: #3f84f6;color: #fff" >自定义</a>
    </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="3" 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.vendorName}}</span>
            <span style="margin-left: 100px;">单据编号：</span>
            <span class="text-num"><a ui-sref="fa_arCheck_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">-->
            <!--&lt;!&ndash;<div ng-if="check.checkStatus == '未对账'" class="text-center text-muted f14"><br>未对账！</div>&ndash;&gt;-->
            <!--<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="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-show="active === 'all'" ng-repeat="check in ALLList">
        <tr >
          <td style="color: #3f84f6">{{::check.vendorEnterprise.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="active !== 'all' && tableParams.total() == 0">
        <tr>
          <td colspan="3">
            <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 === undefined || ALLList.length == 0)">
        <tr>
          <td colspan="9">
            <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>
        <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 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.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.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>-->
        <!--ng-show="condition.$open">-->
        <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="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.$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">规&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="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>
          </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="childs.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>
                      应收金额：
                      <div style="display: inline-block;width: 130px;vertical-align: top;">
                        <p style="margin:0;" ng-repeat="type in check.checkAmountList" ng-if="check.checkAmountList.length > 0"><span>{{type.currency}}：{{type.amount | number: 2}}</span></p>
                        <p style="margin:0;" ng-if="!check.checkAmountList || check.checkAmountList.length === 0"><span>0</span></p>
                      </div>
                      发货金额：
                      <div style="display: inline-block;width: 130px;vertical-align: top;">
                        <p style="margin:0;" ng-repeat="type in check.sendAmountList" ng-if="check.sendAmountList.length > 0"><span>{{type.currency}}：{{type.amount | number: 2}}</span></p>
                        <p style="margin:0;" ng-if="!check.sendAmountList || check.sendAmountList.length === 0"><span>暂无数据</span></p>
                      </div>
                    </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>
          <tr ng-if="!data || data.length==0">
            <td colspan="12">
              <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
  }
  a.active {
    background: #5078cb;
    padding: 0 5px;
    color: #fff;
  }
</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;
    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;
  }
  .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;
    width: 150px
  }
  .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>

<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: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:first-child{
    margin:0;
  }
  #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>