<template>
<div class="container resource close-left-menu" style="min-height: 490px;">

  <div class="pop-banner clearfix">
    <h3 class="current-module">高值耗材追溯查询</h3>
  </div>
  
 

  <!--purchase-plan start-->
  <div class="purchase-plan"> 
    <div class="pd-form fast-search-form">
      <div class="group-row">
        <div class="form-group form-label">
          <label for="cn1" class="label label-6em">耗材名称</label>
          <div class="control">
            <input type="text" v-model="search.goodsname" id="cn1"  >
          </div>
        </div>
         <div class="form-group form-label">
          <label for="cn1" class="label label-6em">供应商</label>
          <div class="control">
            <input type="text" v-model="search.suppliername" id="cn1" >
          </div>
        </div>
      </div> 
      <div class="group-row">
        <div class="form-group form-label">
          <label for="cn1" class="label label-6em">注册证号</label>
          <div class="control">
            <input type="text" v-model="search.registkey" id="cn1"  >
          </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: 42%;float: left">
                <datepicker :target.sync='search.bagindate' :readonly="readonlyFlag" title='开始日期' placeholder='开始日期' styleobj="width:100% !important;"></datepicker>
              </div>
              <span class="text-and" style="width: 45px">—</span>
              <div style="width: 42%;float: right;">
                <datepicker :target.sync="search.enddate" :readonly="readonlyFlag" title='结束日期' placeholder='结束日期' styleobj="width:100% !important;"></datepicker>
              </div>
            </div>
          </div>
      </div> 
      <div class="group-row">
        <div class="form-group form-label">
          <label for="cn1" class="label label-6em">生产企业</label>
          <div class="control">
            <input type="text" v-model="search.producer" id="cn1"  >
          </div>
        </div>
         <div class="form-group form-label">
          <label for="cn1" class="label label-6em">科室</label>
          <div class="control">
            <input type="text" v-model="search.meddeptname" id="cn1" >
          </div>
        </div>
      </div> 
      <div class="group-row"> 
         <div class="form-group form-label">
          <label for="cn1" class="label label-6em">住院号</label>
          <div class="control">
            <input type="text" v-model="search.zycode" id="cn1" >
          </div>
         </div>
         <div class="form-group form-label">
          <label for="cn1" class="label label-6em">条码号</label>
          <div class="control">
            <input type="text" v-model="search.ascendcode" id="cn1"  >
          </div>
        </div>
      </div>  
      <div class="group-row">
        <div class="form-group form-label">
          <label for="cn11" class="label label-6em">医院</label>
          <div class="control">
            <input type="text" v-model="search.medname" id="cn11"  >
          </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"
        v-on:click="getData('search')">查 询</button>
      </div>
    </div>
  
    <table class="itable itable-bordertop itable-thead-13px">
      <thead  id="t_header">
        <tr>
          <th class="w50">序号</th>
          <th class="w120">名称</th>
          <th class="w70">单位</th>
          <th class="w100">有效期</th>
          <th class="w70">供应商</th>
          <th class="w90">日期</th>
          <th class="w70">医院</th>
          <th class="w70">使用科室</th>
          <th class="w70">条码号</th>
          <th class="w70">住院号</th> 
        </tr>
      </thead>
      <tbody>
        <tr v-for="item in list">
          <td>{{$index+1}}</td>
          <td class="t-left">{{item.goodscode}}</br>{{item.goodsname}}</br>{{item.producer}}</br>{{item.goodsspec}}</td>
          <td>{{item.unit}}</td>
          <td>{{item.ExpireDate | getYMD}}</td>
          <td  class="t-left">{{item.SupplierName}}</td>
          <td>{{item.productiondate | getYMD}}</td>
          <td>{{item.MedName}}</td>
          <td>{{item.MedDeptName}}</td>
          <td class="t-left">{{item.AscendCode}}</td>
          <td>{{item.Varchar1}}</td> 
        </tr>
      </tbody>
    </table> 

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






</div>
</template>
<script>
module.exports={
  data:function(){
    return {
      list:[
        
      ],imgarr:[
      {img:'http://img05.tooopen.com/images/20150202/sy_80219211654.jpg',txt:'描述描述描述'},
      {img:'http://img06.tooopen.com/images/20160723/tooopen_sy_171320768243.jpg',txt:'描述v描述描述2'}],
      search:{
          pagesize: 50, page: 1, totalPages: 0,zyrname:'',
          zycode:'',registkey:'',bagindate:'',enddate:'',ascendcode:'',
          goodsname:'',meddeptname:'',invoiceno:'',suppliername:'',producer:'',medname:''
      }
    }
  },methods:{ 
    getData:function(casetxt){//请求数据     
      if(casetxt=='search'){
        this.search.page=1;
      }
      Ajax.post('/api/getSupplierCkGoodsList',this.search).then(function(res){
          var result=res.data; 
          if(result.data){
              this.$set('list',result.data.list);
              this.search.totalPages=result.data.totalPages; 
              this.search.total=result.data.total;   
          }
      }.bind(this))
    }
  },route:{
    activate:function(){
      this.getData();
    }
  }
}
</script>