<template>
 <div class="container resource" style="min-height: 596px;">
      <div class="pop-banner clearfix">
        <div class="operate-btns"> </div>
        <h3 class="current-module">入库收货</h3>
      </div>
      <!-- start-->
      <div class="pd-form fast-search-form">
        <div class="group-row">
          <div class="form-group">
            <!-- <label for="cn1" class="label">入库单号</label> -->
            <div class="control">
              <input type="text" v-model="search.search_LIKE_billno" id="cn16" title='入库单号' placeholder='入库单号'>
            </div>
          </div>
          <div class="form-group">
            <!-- <label class="label">商品</label> -->
            <div class="control">
              <input type="text" v-model="search.search_LIKE_goodsname" id="cn5" title='商品' placeholder='商品'> 
            </div>
          </div>
        </div>
        <div class="group-row">
          <!-- <div class="form-group"> -->
            <!-- <label class="label">单据类型</label> -->

            <div class="form-group form-label">
                    <label for="cn3" class="label">单据类型</label>
                    <div class="control select-style">
                        <!--<select-ui :list="billtype" v-model="search.search_EQ_billtype" v-bind:disabled="disabled"
                                   title='单据类型' class='inp4' id='cn3'></select-ui>-->
                        <select v-model="trdistrbwv.billtype" class="inp4">
                            <option value="">--请选择--</option>
                            <option v-for="type in typeLists" v-bind:value="type.value">
                                {{type.label}}
                            </option>
                        </select>
                    </div>
                </div>

          <div class="form-group">
              <!-- <label class="label w60" for='cn4'>制单日期</label> -->
              <div class="control control-date" style="height:34px;overflow: inherit;">
                  <div style="width: 42%;float: left">
                      <datepicker :target.sync="search.search_GTE_GTE_startDate" :readonly="readonlyFlag" :id='cn4'
                                  title='制单开始日期' placeholder='制单开始日期'
                                  styleobj="width:100% !important;border-radius:8px 0px 0px 8px !important;"></datepicker>
                  </div>
                  <span class="text-and" style="width: 45px">至</span>
                  <div style="width: 48%;float: left;">
                      <datepicker :target.sync="search.search_LTE_endDate" :readonly="readonlyFlag" title='制单结束日期'
                                  placeholder='制单结束日期'
                                  styleobj="width:100% !important;border-radius:0px 8px 8px 0px !important;"></datepicker>
                  </div>
              </div>
          </div>
<!--           <div class="form-group">
            <label for="cn3" class="label">制单日期</label>
            <div class="control control-date">
                <div style="width:42%;float:left;">
                  <datepicker :target.sync="search.search_GTE_GTE_startDate"></datepicker>
                </div>
                <span class="text-and" style="width: 45px">至</span>
                <div style="width:42%;float:left;">
                  <datepicker :target.sync="search.search_LTE_endDate"></datepicker>
                </div>
              </div>
           </div> -->
         </div>
          
        <div class="group-row">
          <div class="form-group">
            <!-- <label for="cn1" class="label">业务员</label> -->
            <div class="control">
              <input type="text" v-model="search.search_LIKE_mkstaffname" id="cn14" title='业务员' placeholder='业务员'>
              <!-- <input type="text" value="" id="cn1" v-model="search.search_LIKE_mkstaffname">  -->
            </div>
          </div>
          <div class="form-group">
            <!-- <label class="label">供应商</label> -->
            <div class="control"> 
                <input type="text" v-model="search.search_LIKE_suppliername" id="cn13" title='供应商' placeholder='供应商'>
              <!-- <select-ui :list="supplierList" v-model='search.search_EQ_supplier'></select-ui> -->
                  <!-- <input type="text" value="" id="cn1" v-model="search.search_LIKE_suppliername">  -->
               </div>
          </div>
        </div>
        <div class="group-row">
          <div class="form-group">
            <!-- <label for="cn1" class="label">医院采购计划单号</label> -->
            <div class="control">
              <input type="text" v-model="search.search_LIKE_medplanbillno" id="cn12" title='医院采购计划单号' placeholder='医院采购计划单号'>
              <!-- <input type="text" value="" id="cn1" v-model="search.search_LIKE_medplanbillno">  -->
            </div>
          </div>
            <div class="form-group">
            <!-- <label for="cn1" class="label">配送商采购计划单号</label> -->
            <div class="control">
              <!-- <input type="text" value="" id="cn1" v-model="search.search_LIKE_medplanbillno">  -->
              <input type="text" v-model="search.search_LIKE_distrbpobillno" id="cn11" title='配送商采购计划单号' placeholder='配送商采购计划单号'>
            </div>
          </div>
        </div>
        <div class="group-row t-right">
        <!-- v-if="authoritySetting.oneSearchFlag" -->
          <button class="fast-search-form-btn btn-d btn-d-lg btn-d-activate btn-d-circle"   @click="getData(true)" >查 询</button>
        </div>
      </div>
   <table class="itable itable-thead-13px">
        <thead>
          <tr>
            <th class="w50">序号</th>
            <th class="w90">入库单号</th>
            <th class="w80">制单日期</th>
            <th class="w130">供应商</th>
            <th class="w60">品规数</th>
            <th class="w90">单据类型</th>
            <th class="w100">配送商采购单号</th>
            <th class="w100">医院采购单号</th>
            <th class="w100">业务状态</th>
            <th class="w80">业务员</th>
            <th class="w80">操作</th>
          </tr>
        </thead>
        <tbody>
          <tr v-if="listTrdistrbwv==null || listTrdistrbwv.length==0">  
              <td colspan="11">
              暂无符合条件的记录
              </td>
          </tr>
          <tr  v-for="trdistrbwv in listTrdistrbwv " v-else> 
              <td>{{$index + 1}}</td>
              <td class="t-left pr10">{{trdistrbwv.billno}}</td>
              <td>{{trdistrbwv.inputdate | getYMD}}</td>
              <td>{{trdistrbwv.suppliername}} </td>
              <td>{{trdistrbwv.varchar1}}</td>
              <td>{{trdistrbwv.billtype | billtype}}</td>
              <td class="t-left pr10">{{trdistrbwv.distrbpobillno}} </td>
              <td class="t-left"> {{trdistrbwv.medplanbillno}}</td>
              <td> {{trdistrbwv.billstate | ommodities}}</td>
              <td>{{trdistrbwv.mkstaffname}}</td>
              <td>
              <a class="btn button-green"   v-link="{path:'/receiptStorage2/'+trdistrbwv.guid}" >明细</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>
</template>

<script>
module.exports={
  data: function(){
    return {

       typeLists: [{
        value: "01",
        label: "普耗"
      }, {
        value: "02",
        label: "跟台高值"
      },  
       {
        value: "03",
        label: "备货高值"
      },  
       {
        value: "04",
        label: "药品"
      },  
       {
        value: "05",
        label: "后勤物资"
      },  
      {
        value: "06",
        label: "消毒用品"
      }, 
      {
        value: "07",
        label: "洗涤用品"
      }, 
       {
        value: "08",
        label: "中药材"
      }, 
      {
        value: "09",
        label: "设施设备"
      }],
       supplierList: [],
       billTypeList: [],
      listTrdistrbwv: [],
      search: {
        pageSize: 10,
        page: 1,
        totalPages: 0, 
        search_LIKE_billno:'',
        search_LIKE_medplanbillno:'',
        search_LIKE_distrbpobillno:'',
        search_LIKE_mkstaffname:'',
        search_EQ_distrbguid:'',
        search_LIKE_goodsname:'',
        search_LTE_endDate:'',
        search_GTE_GTE_startDate:'',
        search_LIKE_suppliername:'',

        // search_LIKE_billType : '',
        // search_LIKE_buyer : '',
        // search_LIKE_distrbutorCode :'',
        // search_LIKE_hospitalCode : '',
        // search_GTE_billdate : '',
        // search_LTE_billDate : '',
        // search_LIKE_supplier : '',
        // search_EQ_distributorInDetailOrder :'',
        // search_EQ_billType : '',
        // search_EQ_supplier : ''         

      },
      authoritySetting: {
          oneSearchFlag:false,
          twoDetailFlag:true,
          threeSupplierReviewFlag:false,
          threeTraceFlag:false,
      },
    };
  },
 
  methods: {
   
   getData: function(isRefresh){
      var self = this;
      if(isRefresh) {
        this.search.page = 1;
      }
      Ajax.get('/distrbutorwarehouse/listTrdistrbwv', this.search)
        .then(function (response){
          var data = response.data.data;
          self.$set('listTrdistrbwv',data.list);
          self.search.totalPages = data.totalPages;
        })
    }
      },
      // getSupplier: function(){
   //      var self = this;
   //      Ajax.get('/distrbutorwarehouse/supplierList')
   //        .then(function (response){
   //           self.supplierList = _.map(response.data.data, function (item) {
   //                return {
   //                    label: item.ename,
   //                    value: item.id
   //                };
   //          });
   //      })
   //    },
    // getBillType: function(){
    //     var self = this;
    //     Ajax.get('/distrbutorwarehouse/billTypeList')
    //       .then(function (response){
    //          self.billTypeList = _.map(response.data.data, function (item) {
    //               return {
    //                   label: item.name,
    //                   value: item.id
    //               };
    //         });
    //     })
    //   },

  route:{
    activate : function(){
        this.getData();
      // this.getSupplier();
      // this.getBillType();
    }
  }
};
</script>