<template>
  <div class="container resource close-left-menu">
    <div class="pop-banner clearfix">
     <div class="operate-btns">
      <a class="fbtn  fb-Print2 ml-10" @click='printRk'>打印</a>
    </div>
    <h3 class="current-module">供应商入库汇总</h3>
  </div>
  <div class="order-orderlist-view clearfix">
    <div class="pd-form form-label4em mb-40 fast-search-form">
      <div class="group-row">
        <div class="form-group">
          <div class="control">
          <input type="text" maxlength="20" v-rule v-model="suppliername" placeholder='供应商名称' title='供应商名称'>
          </div>
        </div>
        <div class="form-group form-label">
          <!-- <label for="cn1" class="label">结算日期</label> -->
          <div class="control control-date" style="height:34px;overflow: inherit;">
            <div style="width:44%;float:left;">
              <datepicker :target.sync="startDate" :readonly="readonlyFlag" placeholder="申领开始日期" title='结算开始日期' styleobj="width:100% !important;border-radius:8px 0px 0px 8px !important;"></datepicker>
            </div>
            <div class="text-and">至</div>
            <div style="width:48%;float:left;">
              <datepicker :target.sync="endDate"  :readonly="readonlyFlag" title='申领结束日期' placeholder="申领结束日期" styleobj="width:100% !important;border-radius:0px 8px 8px 0px !important;"></datepicker>
            </div>
          </div>
        </div>
      </div>
      <div class="group-row t-right">
        <button  v-on:click="getData(true)" class="fast-search-form-btn btn-d btn-d-lg btn-d-activate btn-d-circle">查 询</button>
      </div>
    </div>

    <table class="itable itable-td-long-text">
      <thead id="t_header">
        <tr>
          <th class="w40">序号</th>
          <th class="w100">供应商名称</th>
          <th class="w100">入库数量</th>
          <th class="w100">入库金额(元)</th>
          <th class="w100">退货数量</th>
          <th class="w100">退货金额(元)</th>
          <th class="w100">合计数量</th>
          <th class="w100">合计金额(元)</th>
        </tr>
      </thead>
      <tbody class="txt_v">
        <tr v-if="list.length==0">
          <td colspan="10" >
          暂无符合条件的记录
          </td>
        </tr>
        <tr v-else v-for='item in list'>
          <td>{{$index+1}}</td>
          <td class="t-left">{{item.suppliername}}</td>
          <td class="t-right">{{item.rkAccount  | numDigit 2 | numFmt}}</td>
          <td class="t-right">{{item.rkDetailsum  | numDigit 2 | numFmt}}</td>
          <td class="t-right">{{item.rpiAccount  | numDigit 2 | numFmt}}</td>
          <td class="pr10 t-right">{{item.rpiDetailsum  | numDigit 2 | numFmt}}</td>
          <td class="t-right">{{item.account  | numDigit 2 | numFmt}}</td>
          <td class="t-right">{{item.detailsum  | numDigit 2 | numFmt}}</td>
        </tr>
      </tbody>
    </table>
    <div class="pagination m-20-0">
      <pagination
           @page-change="getData(false)"
           :page-no.sync="search.page"
           :total-pages.sync="search.totalPages">
        </pagination>
    </div>

  </div>

</div>
</template>
<script >
  module.exports = {
    data: function () {
      return {
        list:[],
        startDate:'',
        endDate:'',
        suppliername:'',
        search: {
          pageSize: 50,
          page: 1,
          totalPages: 0,
        },
      };
    },
    methods: {
      // 获取当前时间和之前一个月时间
      Date:function(){
        var self = this;
        // 结束日趋
        var nowdate = new Date();
        var y = nowdate.getFullYear();
        var m = nowdate.getMonth()+1;
        m=m<10?'0'+m:m;
        var d = nowdate.getDate();
        d=d<10?'0'+d:d;
        self.endDate = y+'-'+m+'-'+d;

        // 开始日期
        nowdate.setMonth(nowdate.getMonth()-1);
        var yn = nowdate.getFullYear();
        var mn = nowdate.getMonth()+1;

        mn=mn<10?'0'+mn:mn;

        var dn= nowdate.getDate();
        dn=dn<10?'0'+dn:dn;
        self.startDate = yn+'-'+mn+'-'+dn;
      },
      getData: function (flag) {
        var self = this;
        self.list=[];
        if(flag){
          self.search.page = 1;
        }
        Ajax.post('/procurment/queryRkAndRpiReport',{'page':self.search.page,'pageSize':self.search.pageSize,'suppliername':self.suppliername,'startDate':self.startDate,'endDate':self.endDate})
          .then(function (response){
            var data = response.data.data;
            if(response.data.errorCode==0){
              self.$set('list',data.list);
              self.search.totalPages = data.totalPages;
              self.search.total = data.total;
            }
        })
      },
      // 打印
      printRk:function(){
        var self = this;
         Ajax.post('/procurment/printRkAndRpiReport',{'suppliername':self.suppliername,'startDate':self.startDate,'endDate':self.endDate})
          .then(function (response){
            var res = response.data.data;
              window.open(res);
        })
      }
    },
    route: {
      activate: function () {
        this.Date();
        this.getData(false);
      }
    },
    watch:{
    }
  };
</script>