<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">

  
    <!-- <imagebox v-bind:imgarr="imgarr">
      <span class="pic-max blue-search">ccc</span>
    </imagebox>
    <button v-on:click="update">update imgarr</button> -->



    <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.name" id="cn1">
          </div>
        </div>
        <div class="form-group">
          <label for="cn3" class="label label-6em">医疗机构等级</label>
          <div class="control select-style">
            <select class="w130" v-model="search.orggrade">
             <option value="">请选择</option>
              <option value="1">一级</option>
              <option value="2">二级</option>
              <option value="3">三级</option>
            </select>
            <!-- <span class="text-and">至</span> -->
            <select class="w130" v-model="search.orgrank">
            <option value="">请选择</option>
              <option value="1">甲等</option>
              <option value="2">乙等</option>
              <option value="3">丙等</option>
            </select>
          </div>
        </div>
      </div>
      <div class="group-row">
        <div class="form-group">
          <label for="cn3" class="label">省份</label>
          <div class="control province">
            <city :province.sync="search.province"
                  :city.sync="search.city"
                  :area.sync="search.area"
                  :readonly="readonlyFlag"
             ></city>
          </div>
            
        </div>
      <div class="form-group">
          <label for="cn8" class="label">医疗机构类别</label>
          <div class="control">
            <div class="radio-control">
              <input type="radio" id="radio01" name="radioio" 
               value="0" v-model="search.orgtype">
              <label class="radio" for="radio01">医院</label>

              <input type="radio" name="radioio" id="radio02" 
               v-model="search.orgtype"
              value="1">
              <label class="radio" for="radio02">诊所</label>

              <input type="radio" name="radioio" id="radio03"
               v-model="search.orgtype"
              value="2">
              <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="w70">联系人</th>
          <th class="w90">联系电话</th>
          <th class="w140">操作</th>
        </tr>
      </thead>
      <tbody>
        <tr v-for="item in list">
          <td>{{$index+1}}</td>
          <td>{{item.Name}}</td>
          <td>
          {{item.OrgRank | ftCase "1:一;2:二;3:三"}}{{item.OrgGrade | ftCase "1:甲;2:乙;3:丙"}}
          </td>
          <td>{{item.City}}{{item.District}}</td>
          <td>{{item.LinkMan}}</td>
          <td>{{item.MaterialDeptTel}}</td>
          <td>
            <a class="btn-d btn-d-activate" v-link="{path:'/hospitalDetailList/'+item.GUID}">机构详情</a>
            <a class="btn-d btn-d-activate" v-link="{path:'/hospitalDetailGoods/'+item.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>
  <!--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: 20, page: 1, totalPages: 0,orgtype:'',
          province:'',city:'',area:'',name:'',orggrade:'',
          orgrank:''
      }
    }
  },methods:{
    update:function(){
        /*this.$set('imgarr',[{img:'http://img04.tooopen.com/images/20121111/tooopen_201211110908540197.jpg',txt:'33333333'}])*/
        this.$set('imgarr',['http://img04.tooopen.com/images/20121111/tooopen_201211110908540197.jpg'])
    },
    getData:function(casetxt){//请求数据     
      if(casetxt=='search'){
        this.search.page=1;
      }
      Ajax.post('/api/goverment_med_list',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();
    }
  }
}
</script>