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

  <div class="pop-banner clearfix">
     <div class="operate-btns">
      <a class="fbtn fb-refresh" @click='refresh(false)'>刷新供应商资料完整度</a>
      <!-- <a href="javascript:void(0)" class="fbtn fb-send">发送提醒</a> -->
    </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 select-style">
           <select v-model="item">
               <option value="" 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 select-style">
            <select class="w120 fl" v-model="operator">
              <option value="" selected style='display:none;'>完整度</option>
              <option value="gt">>=</option>
              <option value="lt">< </option>
            </select>
            <!-- <span class="text-and">至</span> -->
            <input type="number" id="cn3" v-model="integrityrate" class="fl w300" style="height: 34px;
    margin-left: 5px;">
            <span class="text-and w30" style='line-height:34px;'>%</span>
          </div>
        </div>
      </div>
      <div class="group-row">
        <div class="form-group">
          <!-- <label for="cn1" class="label">供应商</label> -->
          <div class="control">
            <input type="text" id="cn1"  v-rule maxlength="20" v-model="suppliername" 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="w20"></th> -->
          <th class="w130">供应商</th>
          <th class="w100">联系人</th>
          <th class="w100">联系电话</th>
          <th class="w130">证照类型</th>
          <th class="w100">完整度</th>
          <th class="w100">备注</th>
        </tr>
      </thead>
      <tbody class="txt_v">
        <tr v-if="list==null || list.length==0" >
            <td colspan="10">暂无符合条件的记录</td>
        </tr>
        <tr v-for="item in list" v-else>
         <td>
            <div class="checkbox-control">
              <input type="checkbox" name="cb" id="cball">
              <label class="checkbox" for="cball">{{$index+1}}</label>
            </div>
          </td>
         <!--  <td>
             <div class="pro-pic big-imgs" style="background-image: url(../assets/c17.jpg)"></div>
          </td> -->
          <td class="t-left pr10">{{item.chinesename}}</td>
          <td>{{item.contacts}}</td>
          <td class="t-left pr10">{{item.contacttel}}</td>
          <td>{{item.item}}</td>
          <td>{{item.integrityrate*100}}%</td>
          <td>{{item.remarks}}</td>
        </tr>
      </tbody>
    </table>

    <pagination
      @page-change="getData"
      :class="['m-20-0']"
      :page-no.sync="search.page"
      :total-pages.sync="search.totalPages">
      <!-- <em class="page">明细条目数【3】</em>   -->
    </pagination>


  </div>
  <!--order-orderlist-view end-->

</div>
</template>
<script>
module.exports={
  data: function(){
    return {
      list:{},
      item:'',
      operator:'',
      integrityrate:'',
      suppliername:'',
      type:{},
      goodsname:null,
      begindate:null,
      enddate:null,
      medname:null,
      search:{
          page: 1,
          totalPages: 1,
          pageSize:50
      },
      read:true
    };
  },
  methods: {
    refresh:function(falg){
        var self=this;
        Ajax.post('/hospitalReport/calcLicRate')
          .then(function(response){
            var data=response.data.data;
            if(response.data.errorCode==0){
              if(!falg){
                  layer.msg(response.data.data);
                }
            }else{
              layer.msg(response.data.data);
            }
        })
      },
    getData: function(){
      var self = this;
      Ajax.post('/hospitalReport/getIntegrityLoglist',{'page':self.search.page,'pageSize':'5',
        'operator':self.operator,'integrityrate':self.integrityrate,
        'suppliername':self.suppliername,'item':self.item}).
          then(function(response){
            if(response.data.errorCode!=0){
              layer.msg(response.data.message);
            }
            var res=response.data.data;
            self.list=res.list;
            self.search.page=res.pageNo;
            self.search.totalPages=res.totalPages;

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

    },

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