<template>
<div class="container resource close-left-menu" style="min-height: 490px;">

  <div class="pop-banner clearfix">
    <div class="operate-btns"> 
        <a   class="fbtn fb-return" v-on:click="go">返回</a> 
   <!--      <a href="javascript:void(0)" class="fbtn fb-save" 
         v-show="addrow" v-on:click="add()">保存</a>
        <a href="javascript:;" class="fbtn fb-refresh"
          v-on:click="getData('refresh')">刷新</a> -->
        
      </div>
    
 <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" value="" id="cn1">
          </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>
      <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>
  <div class="ctable ct-parent mt-20">
    <div class="ct-head">
      <span class="ct-col w50">序号</span>
      <span class="ct-col w200">公司名称</span>
      <span class="ct-col w200">地区</span>
      <span class="ct-col w110">联系人</span>
      <span class="ct-col w160">联系电话</span>
      <span class="ct-col w100">供应客户</span>
      <span class="ct-col w160">操作</span>
    </div>
    <div class="ct-row " :class="{'active focus ':item.show}" v-for="item in list">
      <div class="row-line">
        <span class="ct-col w50">{{$index+1}}</span>
        <span class="ct-col w200 t-left">{{item.chineseName}}</span>
        <span class="ct-col w200 break-it  t-left"><span class="break">
        {{item.address}}</span></span>
        <span class="ct-col w110 break-it">{{item.contacts}}</span>
        <span class="ct-col w160">{{item.contactTel}}</span>
        <span class="ct-col w100  focus" 
        :class="{'activate':item.show}"><div>
          <a href="javascript:" 
          v-on:click="setshow(item)">{{item.supplyCount}} </a></div>
        </span>
        <span class="ct-col w160  focus"><div>
            <a class="btn-d btn-d-activate" v-link="{path:'/supplierDetailDetails/'+item.guid}">企业详情</a>
            <a class="btn-d btn-d-activate" v-link="{path:'/supplierDetailMessage2/'+item.guid}">商品清单</a></div></span>
      </div>

      <boxpage :id="item.guid" :show.sync="item.show"
       :count="item.supplyCount"></boxpage>
      
    </div>
  </div>




    <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>
  <!--purchase-plan end-->


<!-- 加载结束 
      <div class="row-launch hide ">
        <h3>供应企业客户清单（2）</h3>
        <div class="ctable">
          <div class="ct-head">
            <span class="ct-col w50">序号</span>
            <span class="ct-col w150">医院</span>
            <span class="ct-col w100">等级</span>
            <span class="ct-col w150">地区</span>
            <span class="ct-col w100">联系人</span>
            <span class="ct-col w100">联系电话</span>
            <span class="ct-col w150">配送商</span>
            <span class="ct-col w100">操作</span>
          </div>
          <div class="ct-row">
            <div class="row-line">
              <span class="ct-col w50">01</span>
              <span class="ct-col w150">北京武警总院</span>
              <span class="ct-col w100">三甲</span>
              <span class="ct-col w150">北京市朝阳区</span>
              <span class="ct-col w100">刘工</span>
              <span class="ct-col w100">18618090909</span>
              <span class="ct-col w150">国药控股北京分公司</span>
              <span class="ct-col w100"><a class="btn-d btn-d-activate" v-link="{path:'/supplierDetailMessage'}">供应商品</a></span>
            </div>
          </div>
        </div>
        <div class="pagination">
          <ul>
            <li><span class="active">1</span></li>
            <li><a href="###">2</a></li>
            <li><a href="###">下一页</a></li>
          </ul>
        </div>
        <div class="zip"></div>
      </div>-->



</div>
</template>
<script>
module.exports={
  data:function(){
    return {
      list:[
        
      ],search:{
          size: 20, page: 1, totalPages: 0,searchWord:''
      }
    }
  },methods:{
    go:function(){
      history.go(-1)
    },
    setshow:function(item){
        if(item.show==undefined || item.show==false){
          item.show=true;
        }else{
          item.show=false;
        }
    },
    getData:function(casetxt){//请求数据     
      if(casetxt=='search'){
        this.search.page=0;
      }
      Ajax.get('/api/goverment_supplier_findSupplierList',
        this.search).then(function(res){
          var result=res.data;

          if(result.data){
              var list=result.data.list;
              for(var i=0;i<list.length;i++){
                list[i].show=false;
              }
              this.$set('list',list);
              this.search.totalPages=result.data.totalPages
          }
      }.bind(this))
    }
  },route:{
    activate:function(){
      this.getData();
    }
  }
}
</script>