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

  <div class="pop-banner clearfix">
     <div class="operate-btns">
     <a @click="exportMedWvSerialView()" class="fbtn fb-upload" >导出</a>
     </div>
    <h3 class="current-module">入库质量登记表</h3>
  </div>


  <!--order-orderlist-view start-->
  <div class="order-orderlist-view clearfix">

    <div class="pd-form form-label4em mb-20 fast-search-form">
      <div class="group-row">
      <div class="form-group">
          <!-- <label class="label">操作人</label> -->
          <div class="control">
            <input type="text" v-model="lot" title='生产批号' placeholder="生产批号">
          </div>
        </div>
       <div class="form-group">
          <!-- <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" title='购进开始日期' placeholder="购进开始日期"styleobj="width:100% !important;border-radius:8px 0px 0px 8px !important;"></datepicker>
              </div>
              <span class="text-and" style="width: 45.7px">至</span>
              <div style="width: 46%;float: right;">
                <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">
        <div class="form-group">
          <!-- <label class="label">入库单号</label> -->
          <div class="control select-style">
            <input type="text" maxlength="50" v-rule v-model='goodsname' title='商品名称' placeholder="商品名称">
          </div>
        </div>
        <div class="form-group">
          <!-- <label for="cn1" class="label">供应商</label> -->
          <div class="control">
            <input type="text" maxlength="20" v-rule v-model="suppliername" title='供应商' placeholder="供应商">
          </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="getDataLsit">查 询</button>
      </div>
    </div>

    <table class="itable itable-td-long-text">
      <thead id='t_header'>
        <tr>
          <th class="w30">序号</th>
          <th class="w100">通用名称</th>
          <th class="w70">剂型</th>
          <th class="w100">规格</th>
          <th class="w80">生产批号</th>
          <!-- <th class="w70">有效期</th> -->
          <th class="w100">生产厂家</th>
          <th class="w100">供货单位</th>
          <th class="w70">购进数量</th>
          <!-- <th class="w100">医院采购单位</th> -->
          <th class="w100">购进价格(元)</th>
          <th class="w80">购进日期</th>
          <th class="w70">质量状况</th>
          <th class="w70">验收结论</th>
          <th class="w70">验收人员</th>
        </tr>
      </thead>
      <tbody>
        <tr v-for="item in list">
          <td class="w30">{{$index+1}}</td>
          <td  class="t-left pr10">{{item.goodsname}}</td>
          <td class="t-left pr10">{{item.goodsjx}}</td>
          <td class="t-left pr10">{{item.goodsspec}}</td>
          <td>
            {{item.lot}}
            <br>
            {{item.expiredate | getYMD}}
          </td>
          <!-- <td class="pr10"></td> -->
          <td  class="t-left pr10">{{item.manufacturer}}</td>
          <td  class="t-left pr10">{{item.suppliername}}</td>
          <td>{{item.wvqty}}{{item.goodsunit}}</td>
          <!-- <td></td> -->
          <td>{{item.goodsprice  | numDigit 2 | numFmt}}</td>
          <td>{{item.wvdate | getYMD}}</td>
          <td>{{item.state}}</td>
          <td>{{item.remark}}</td>
          <td>{{item.operator}}</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:{},
      lot:'',
      startdate:'',
      enddate:'',
      goodsname:'',
      suppliername:'',
      search:{
          page: '1',
          totalPages:'1',
          pageSize:'50'
      },
    };
  },
  methods:{
    getData: function(){
      var self = this;
      Ajax.post('/hospitalReport/getMedWvQr',{'page':self.search.page,'pageSize':self.search.pageSize,
        'search_LIKE_lot':self.lot,'search_GTE_startDate':self.startdate,'search_LTE_endDate':self.enddate,'search_LIKE_goodsname':self.goodsname,'search_LIKE_suppliername':self.suppliername}).
            then(function(response){
            var data=response.data.data;
            self.$set("list",data.list);
            self.search.page=data.pageNo*1;
            self.search.totalPages=data.totalPages*1;
        })
      },
    getDataLsit:function(){
       var self = this;
       self.search.page = 1;
       self.getData();
    },
    //导出
      exportMedWvSerialView:function(){
          var self = this;
          if(self.list.length==0){
              layer.msg('暂无数据！');
              return;
          }
           Ajax.post('/hospitalReport/exoprtMedWvQr',{'page':self.search.page,'pageSize':self.search.pageSize,
        'search_LIKE_lot':self.lot,'search_GTE_startDate':self.startdate,'search_LTE_endDate':self.enddate,'search_LIKE_goodsname':self.goodsname,'search_LIKE_suppliername':self.suppliername})
            .then(function(response){
              var data=response.data;
              window.open(data);
            })
        }
    },
  route:{
    activate : function(){
      this.getData();
    }
  }
};
</script>