<template>
	<div class="container resource close-left-menu">

  <div class="pop-banner clearfix">
    <div class="operate-btns">
      <a href="javascript:void(0)" class="fbtn fb-download">导出</a>
    </div>
    <div class="operate-btns">
    </div> 
    <h3 class="current-module">医院库存查询</h3>
  </div>
  

  <!--order-orderlist-view start-->
  <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" v-model="medname" placeholder="医院" title="医院">
          </div>
        </div>
        <div class="form-group">
            <label for="cn3" class="label"><!-- 出库日期 --></label>
            <div class="control control-date" style="height:34px;overflow: inherit;">
                <div style="width:44%;float:left;height:32px;">
                    <datepicker :target.sync="productiondate" :readonly="readonlyFlag" title='开始日期' placeholder='开始日期' styleobj="width:100% !important;border-radius:8px 0px 0px 8px !important;"></datepicker>
                </div>
                <span class="text-and">-</span>
                <div style="width:48%;float:left;height:32px;">
                    <datepicker :target.sync="expiredate" :readonly="readonlyFlag" title='结束日期' placeholder='结束日期'
                                styleobj="width:100% !important;border-radius:0px 8px 8px 0px !important;"></datepicker>
                </div>
            </div>
        </div> 
      </div>
      <div class="group-row">
        <div class="form-group"> 
          <div class="control">
            <input type="text" v-model="suppliername" placeholder="供应商" title="供应商">
          </div>
        </div>
        <div class="form-group"> 
          <div class="control">
            <input type="text" v-model="goodsname" placeholder="商品信息" title="商品信息">
          </div>
        </div>
      </div>
      <div class="group-row t-right">
        <button class="fast-search-form-btn btn-d btn-d-lg btn-d-activate btn-d-circle" @click="getData">查 询</button>
      </div>
    </div>

    <table class="itable itable-bordertop itable-td-long-text">
      <thead>
        <tr>
          <th class="w40">序号</th>
          <th class="w130">医院</th>
          <th class="w130">供应商</th>
          <th class="w260">商品</th>
          <th class="w80">单位</th>
          <th class="w80">库存数量</th>
          <th class="w80">批号</th>
          <th class="w80">生产日期</th>
          <th class="w80">有效期</th>
          <!-- <th class="w80">操作</th> -->
        </tr>
      </thead>
      <tbody v-for="item in list">
        <tr>
          <td>{{$index+1}}
            <div class="pro-pic" style="background-image: url(../assets/c17.jpg)">
              <span class="pic-max blue-search"></span>
            </div>
          </td>
          <td>{{item.medname}}</td>
          <td>{{item.chinesename}}</td>
          <td class="v-middle t-left">
            <div class="p-lr-10">
              {{item.GoodsCode}}<br>
              <span class="p-tit-green">{{item.goodsname}}</span><br>
              {{item.goodsspec}}<br>
              {{item.Producer}}<br>
              {{item.registkey}}
            </div>
          </td>
          <td class="v-middle">{{item.unitstyle}}</td>
          <td class="v-middle">{{item.stockqty}}</td>
          <td class="v-middle">{{item.lot}}</td>
          <td class="v-middle">{{item.productiondate}}</td>
          <td class="v-middle">{{item.expiredate}}</td>
        <!--   <td class="v-middle">
            <a class="btn-d btn-d-activate" href="settlement-hospital-list2.html">明细</a>
          </td> -->
        </tr>
      </tbody>
    </table>

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


  </div> 
  <!--order-orderlist-view end-->

</div>
	
</template>
<script>
module.exports={
  data: function(){
    return {      
      list:{},
      goodsname:'',
      medname:'',
      suppliername:'',
      productiondate:'',
      expiredate:'',
      search:{
          page: 1,
          totalPages: 1,
          pageSize:5
      },
      read:true
    };
  },
  methods: {
    getData: function(){
      var self = this;
      Ajax.post('/distributorReport/getDisToMedStocklist',{
        'pageNo':self.search.page,'pageSize':5,'goodsname':self.goodsname,
        'medname':self.medname,'enddate':self.enddate,'suppliername':self.suppliername,
        'productiondate':self.productiondate,'expiredate':self.expiredate}).
          then(function(response){
            var res=response.data.data;

            self.list=res.list;
            self.search.totalPages=res.totalPages;
        })    
    },
   },
  route:{
    activate : function(){
      this.getData();
    }
  }
};
</script>