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

  <div class="pop-banner clearfix">
   <!--   <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-20 fast-search-form">
      <div class="group-row">
        <div class="form-group">
          <!-- <label class="label">入库单号</label> -->
          <div class="control">
            <input type="text" maxlength="17" v-rule v-model="billno" placeholder="入库单号" title='入库单号'>
          </div>
        </div>
        <div class="form-group">
          <!-- <label for="cn1" class="label">商品</label> -->
          <div class="control">
            <input type="text" maxlength="50" v-rule v-model="goodsname" placeholder="商品" title='商品'>
          </div>
        </div>
      </div>
      <div class="group-row">
        <div class="form-group">
          <!-- <label for="cn1" class="label">单据类型</label> -->
          <div class="control select-style">
           <select v-model="billtype">
               <option value="" style='display:none;' selected>单据类型</option>
               <option :value="ite.item"  v-for="ite in type">{{ite.basedataname}}</option>
            </select>
          </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='gtinputdate' :readonly="readonlyFlag" placeholder='制单开始日期' title='制单开始日期' 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: 48%;float: right;">
                <datepicker :target.sync="ltinputdate" :readonly="readonlyFlag" placeholder='制单结束日期' title='制单结束日期' 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">
            <input type="text" maxlength="20" v-rule v-model='suppliername' placeholder='供应商' title='供应商'>
          </div>
        </div>
        <div class="form-group">
          <!-- <label for="cn1" class="label">业务员</label> -->
          <div class="control">
            <input type="text"  maxlength="8" v-rule v-model='mkstaffname' placeholder='业务员' title='业务员'>
          </div>
        </div>
      </div>
      <div class="group-row">
        <div class="form-group">
          <!-- <label class="label">配送商</label> -->
          <div class="control">
            <input type="text" maxlength="20" v-rule v-model="distrbname" placeholder='配送商' title='配送商'>
          </div>
        </div>
        <div class="form-group">
          <!-- <label for="cn1" class="label">计划单号</label> -->
          <div class="control">
            <input type="text" maxlength="17" v-rule v-model="medplanbillno" 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-td-long-text">
      <thead id='t_header'>
        <tr>
          <th class="w70">序号</th>
          <th class="w130">入库单号</th>
          <th class="w130">制单日期</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>
          <th class="w100">操作</th>
        </tr>
      </thead>
      <tbody >
        <tr v-if="list==null || list.length==0" >
            <td colspan="10">暂无符合条件的记录</td>
        </tr>
        <tr v-for="item in list" v-else>
          <td>{{$index+1}}</td>
          <td class="t-left pr10">{{item.billno}}</td>
          <td>{{item.inputdate | getYMD}}</td>
          <td class="t-left pr10">{{item.suppliername}}</td>
          <td>{{item.countsum}}条</td>
          <td>{{item.dataintroduction}}</td>
          <td>{{item.operatername}}</td>
          <td class="t-left pr10">{{item.medplanbillno}}</td>
          <td>{{item.mkstaffname}}</td>
          <td class="t-left pr10">{{item.distrbname}}</td>
          <td><a class="btn button-green" v-link="{path:'/excelQueryQuality2'+'/'+item.guid+'/'+item.billno}">明细</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:{},
      billtype:'',
      type:'',
      billno:'',
      goodsname:'',
      gtinputdate:'',
      ltinputdate:'',
      suppliername:'',
      mkstaffname:'',
      distrbname:'',
      medplanbillno:'',
      search:{
          page: '1',
          totalPages:'1',
          pageSize:'50'
      },
    };
  },
  methods:{
    getData: function(){
      var self = this;

       Ajax.post('/hospitalReport/getBillTypelist').
          then(function(response){
            var res=response.data.data;
            self.type=res;
        })

      Ajax.post('/hospitalReport/getMedWvList',{'page':self.search.page,'pageSize':'50',
        'billtype':self.billtype,'billno':self.billno,'goodsname':self.goodsname,'gtinputdate':self.gtinputdate,
        'ltinputdate':self.ltinputdate,'suppliername':self.suppliername,'mkstaffname':self.mkstaffname,
        'distrbname':self.distrbname,'medplanbillno':self.medplanbillno}).
          then(function(response){
            var res=response.data.data;

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