inquiry-of-high.vue 6.62 KB
<template>
<div class="container resource close-left-menu contaNEW" 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"  title='耗材名称' placeholder="耗材名称">
          </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"  title='供应商' placeholder="供应商">
          </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"  title='注册证号' placeholder="注册证号">
          </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;border-radius:8px 0px 0px 8px !important;"></datepicker>
              </div>
              <span class="text-and" style="width: 45px"></span>
              <div style="width: 48%;float: right;">
                <datepicker :target.sync="search.enddate" :readonly="readonlyFlag" title='结束日期' placeholder='结束日期' styleobj="width:100% !important;border-radius:0px 8px 8px 0px !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"  title='生产企业' placeholder="生产企业">
          </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"  title='科室' placeholder="科室">
          </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.invoiceno" id="cn1"  title='发票号' placeholder="发票号">
          </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"  title='条码号' placeholder="条码号">
          </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.zyrname" id="cn1"  title='病人姓名' placeholder="病人姓名">
          </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.zycode" id="cn1"  title='住院号' placeholder="住院号">
          </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="w140">名称</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.MedDeptName}}</td>
          <td>{{item.AscendCode}}</td>
          <td>{{item.Varchar1}}</td>
          <td>{{item.Varchar2}}</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:''
      }
    }
  },methods:{ 
    getData:function(casetxt){//请求数据     
      if(casetxt=='search'){
        this.search.page=1;
      }
      Ajax.post('/procurment/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>