<style>
 .province .address-select{
  width: 370px !important;
  background-color: #fff !important;
}
.province .address-select select{
  width: 100px !important;
}
</style>
<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-add"  v-show="!addrow"
          v-on:click="addrow=!addrow">添加</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" v-model="search.name">
          </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>
  
    <table class="itable itable-bordertop itable-thead-13px">
      <thead>
        <tr>
          <th class="w50">序号</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.Address}}</td>
          <td>{{item.LinkMan}}</td>
          <td>{{item.ContactTel}}</td>
          <td>
            <a class="btn-d btn-d-activate" v-link="{path:'/distributionlDetailList/'+item.GUID}">企业详情</a>
            <a class="btn-d btn-d-activate" v-link="{path:'/distributionDetailRelation/'+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">
      <!-- <em class="page">明细条目数【3】</em>   -->
    </pagination>
  </div>
  <!--purchase-plan end-->
    


</div>
</template>
<script>
module.exports={
  data:function(){
    return {
      list:[
        
      ],search:{
          pageSize: 20, page: 1, totalPages: 0,name:'',
          province:'',city:'',area:''
      },
    }
  },methods:{
    getData:function(casetxt){//请求数据    
      if(casetxt=='search'){
        this.search.page=1;
      }
      Ajax.post('/api/goverment_distribution_findDistributionList',
        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>