<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"> 
          <label for="cn1" class="label label-6em">供应商</label>
          <div class="control w370">
            <input type="text" v-model="search.suppliername" id="cn1">
          </div>
        </div>
        <div class="form-group">
          <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">
        <div class="form-group data200">
          <label for="cn3" class="label">出库日期</label>
          <div class="control control-date">
            <div style="width:58%;float:left;">
              <datepicker :target.sync="search.startdate"></datepicker>
            </div>
            <span class="text-and t-center" style="width: 39px">至</span>
            <div style="width:19%;float:left;">
              <datepicker :target.sync="search.enddate"></datepicker>
            </div>
          </div>
        </div>
        <div class="form-group">
          <label for="cn11" class="label label-6em">业务单号</label>
          <div class="control">
            <input type="text" v-model="search.billno" id="cn11">
          </div>
        </div>
      </div>
      <div class="group-row">
        <div class="form-group">
          <label for="cn8" class="label">审核状态</label>
          <div class="control">
            <div class="radio-control" style='width:330px;'>
              <input type="radio" id="radio04" name="radioio" v-model="search.checkstate" value="">
              <label class="radio" for="radio04">全部</label>
              <input type="radio" id="radio01" name="radioio" v-model="search.checkstate" value="1">
              <label class="radio" for="radio01">未审核</label>
              <input type="radio" name="radioio" id="radio02" v-model="search.checkstate" value="2">
              <label class="radio" for="radio02">审核中</label>
              <input type="radio" name="radioio" id="radio03" v-model="search.checkstate" value="3">
              <label class="radio" for="radio03">已审核</label>
            </div>
          </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>
        <tr>
          <th class="w50">序号</th>
          <th class="w100">供应商</th>
          <th class="w100">业务单号</th>
          <th class="w100">医疗机构</th>
          <th class="w100">业务日期</th>
          <th class="w100">单据类</th>
          <th class="w70">采购员</th>
          <th class="w90">总金额</th>
          <td class="w90">状态</td>
          <th class="w140">操作</th>
        </tr>
      </thead>
      <tbody>
        <tr v-if="list.length==null || list.length==0">
          <td  colspan="11">   暂无数据    </td>
        </tr>
        <tr v-for="item in list">
          <td>{{$index+1}}</td>
          <td class="t-left pr10">{{item.suppliername}}</td>
          <td class="t-left pr10">{{item.billno}}</td>
          <td>{{item.medname}}</td>
          <td>{{item.dodate | getYMD}}</td>
          <td>{{item.billtype | billtype }}</td>
          <td>{{item.mkstaffname}}</td>
          <td class="t-right">{{item.detailsum | numDigit 2}}元</td>
          <td>{{item.checkstate | checkstate}}</td>
          <td>
            <a class="btn-d btn-d-activate" v-if='item.checkstate==3' v-link="{path:'/invoiceQueryList/'+item.guid+'/false'}">明细</a>
            <a class="btn-d btn-d-activate" v-else v-link="{path:'/invoiceQueryList/'+item.guid+'/true'}">审核</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>
  <!--purchase-plan end-->



</div>
</template>
<script>
module.exports={
  data:function(){
    return {
      list:[],
      search:{
          pageSize: 20,
          page: 1,
          totalPages: 0,
          medname:'',
          suppliername:'',
          startdate:'',
          enddate:'',
          checkstate:'',
          billno:''
      }
    }
  },methods:{
    getData:function(falg){//请求数据     
      if(falg=='search'){
        this.search.page=1;
      }
      Ajax.post('/api/getListTrGovInvCheck',this.search).then(function(res){
          var result=res.data;

          if(result.data){
              this.$set('list',result.data.list);
              this.search.totalPages=result.data.totalPages;
          }
      }.bind(this))
    }
  },route:{
    activate:function(){
      this.getData('search');
    }
  },
  watch:{
    'search.checkstate':function(){
      this.getData('search');
    }
  }
}
</script>