<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="search.search_LIKE_mvbillno" placeholder="入库单号" title='入库单号'>
          </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.search_GTE_startDate' :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="search.search_LTE_endDate" :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='search.search_EQ_suppliername' placeholder='供应商' title='供应商'>
          </div>
        </div>
        <div class="form-group">
          <!-- <label for="cn1" class="label">业务员</label> -->
          <div class="control">
            <input type="text" v-model='search.search_EQ_invoiceno' placeholder='发票号' title='发票号'>
          </div>
        </div>
      </div>
      <div class="group-row">
        <div class="form-group">
          <!-- <label class="label">配送商</label> -->
          <div class="control">
            <input type="text" maxlength="50" v-rule v-model="search.search_LIKE_goodsinfo" 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(true)">查 询</button>
      </div>
    </div>
      <table class="itable itable-td-long-text">
      <thead id='t_header'>
        <tr>
          <th class="w70">序号</th>
          <th class="w150">入库信息</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">
          <td>{{$index+1}}</td>
          <td class="t-left pr10">{{item.billno}}
            <br>
            {{item.mvdate | getYMD}}
            <br>
            {{item.mvdate | getHMS}}
          </td>
          <td class="t-left pr10">
            {{item.suppliername}}
          </td>
          <td>{{item.invoiceno}}</td>
          <td>

            <div style="display:inline-block;" class="toggle-image">
              <imagebox v-bind:imgarr="item.pictcontent | original">
                <img class="pro-pic pro-pic-lg" :src="item.pictcontent|thumbnail">
              </imagebox>
           </div>
         </td>
          <td class="t-left pr10">{{item.goodsname}} <br> {{item.goodsspec}} <br>{{item.mvqty}}{{item.unit}}*{{item.price}}元 <br>{{item.amount}}元</td>
          <td>
            {{item.invoicedate | getYMD}}
            <!-- <br> -->
            <!-- {{item.invoicedate | getHMS}} -->
          </td>
          <td class="t-left pr10">{{item.manufacturer}}</td>
          <td class="t-left pr10">{{item.producerinvoiceno}}</td>
          <td>
            <div style="display:inline-block;" class="toggle-image">
              <imagebox v-bind:imgarr="item.invoicepic | original">
                <img class="pro-pic pro-pic-lg" :src="item.invoicepic|thumbnail">
              </imagebox>
            </div>
          </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 {
      search:{
          page: 1,
          totalPages:1,
          pageSize:50,
          search_EQ_suppliername:'',
          search_EQ_invoiceno:'',
          search_LIKE_goodsinfo:'',
          search_LIKE_mvbillno:'',
          search_GTE_startDate:'',
          search_LTE_endDate:'',
      },
      list:[]
    };
  },
  methods:{
    getData: function(flag){
      var self = this;
      if(flag){
        self.search.page=1;
      }
       Ajax.post('/hospitalReport/findMirTraceability',self.search)
       .then(function(response){
            var res=response.data.data;
            if(response.data.errorCode==0){

              self.list=res.list;
              self.search.totalPages=res.pageNo;
              self.search.totalPages=res.totalPages;
            }
            // 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(true);
    }
  }
};
</script>