<style>
.bhlist_h1{font-size:24px;color:#4aa8e5;margin-top:0px;}
.bhlist_h1 span{font-size:14px;color: #373737;padding-left:20px;
font-weight: normal;}
</style>
<template>
<div class="container resource" style="min-height: 490px;">

  <div class="pop-banner clearfix">
    <div class="operate-btns"> 
        <!-- <a   class="fbtn fb-add"  v-show="!addrow"
          v-on:click="addrow=!addrow">添加</a>
        <a href="javascript:void(0)" class="fbtn fb-save" 
         v-show="addrow" v-on:click="add()">保存</a>
        <a href="javascript:;" class="fbtn fb-refresh"
          v-on:click="getData('refresh')">刷新</a> -->
        
      </div>
    <h3 class="current-module">供应企业供应流向追溯</h3>
  </div>
  <h1 class="bhlist_h1">
  {{list[0].name}}订单<span>{{search.startDate}}  至  {{search.endDate}}</span></h1>

  <div class="ctable ct-parent" 
  style="border-top:1px #e8ebef solid;padding-top:20px;">
    <div class="ct-head">
      <span class="ct-col w40">序号</span>
      <span class="ct-col w160">医疗机构</span>
      <span class="ct-col w120">出库订单</span>
      <span class="ct-col w120">配送商</span>
      <span class="ct-col w100">出库日期</span>
      <span class="ct-col w60">单据类型</span>
      <span class="ct-col w60">采购员</span> 
      <span class="ct-col w60">品规数</span>
      <span class="ct-col w80">总数量</span>
      <span class="ct-col w80">总金额</span>
      <span class="ct-col w100">备注</span>
    </div>
    <div class="ct-row" v-for="item in list">
      <div class="row-line">
          <span class="ct-col w40">{{$index+1}}</span>
        <span class="ct-col w160">{{item.SupplierName}}</span>
        <span class="ct-col w120">{{item.billNo}}</span>
        <span class="ct-col w120">{{item.DistrbName}}</span>
        <span class="ct-col w100">{{item.BillDate}}</span>
        <span class="ct-col w60">{{item.BillType | ftCase "01:普耗;02:高值;04:药品"}}</span>
        <span class="ct-col w60">{{item.BuyerName}}</span> 
        <span class="ct-col w60">{{item.CountSum}}</span>
        <span class="ct-col w80">{{item.totalCount}}</span>
        <span class="ct-col w80">{{item.DetailSum}}</span>
        <span class="ct-col w100"></span>
      </div>
    </div>
  </div>

  <pagination 
   @page-change="getData" 
   :class="['m-20-0']"
   :page-no.sync="search.page" 
   :total-pages.sync="search.totalPages"></pagination>

</div>
</template>

<script>
module.exports={
  data:function(){
    return {
      list:[{}],search:{
        startDate:'',endDate:'', size: 20, page: 1, totalPages: 0,supplierGuid:''
      }
    }
  },methods:{
    getData:function(casetxt){//请求数据     
      Ajax.get('/api/goverment_report_findSupplierdoBetweenMonth',
        this.search).then(function(res){
          var result=res.data;

          if(result.data){
              this.$set('list',result.data);
              this.search.totalPages=result.data.totalPages;
          }
      }.bind(this))
    }
  },route:{
    activate:function(){
      this.search.startDate=this.$route.query.startDate;
      this.search.endDate=this.$route.query.endDate;
      this.search.supplierGuid=this.$route.params.id;
      this.getData();
    }
  }
}
</script>