<template>
  <criteria-paged :model="model" v-ref:paged >
    <criteria partial='criteria' @condition-changed='search' v-ref:cri>
      <div novalidate class="form-inline" partial>
        <div class="row auto" style="margin-top:10px;margin-left: 0px; margin-right: 0px;">

          <div class="form-group form-input-group col-sm-2">
           <label  class=" col-sm-6 control-label">生产厂家:</label>
            <div class="col-sm-1">
              <input class="form-control" type="text"  v-model="model.f_vender_name" placeholder="生产厂家" >
            </div>
           </div>

          <div class="form-group form-input-group col-sm-=2">
            <label  class=" col-sm-6 control-label">品牌:</label>
            <div class="col-sm-1">
              <input class="form-control"  type="text"  v-model="model.f_brand" placeholder="品牌" >
             </div>
          </div>

          <div class="form-group form-input-group col-sm-2">
           <label  class=" col-sm-6 control-label">别名:</label>
           <div class="col-sm-1">
              <input class="form-control"  type="text"  v-model="model.f_vender_name"placeholder="别名" >
           </div>
          </div>

        <div class="form-group form-input-group col-sm-2">
          <label  class=" col-sm-6 control-label">使用年限:</label>
          <div class="col-sm-1">
            <input class="form-control"  type="text"  v-model="model.f_durable_years" placeholder="使用年限" >
           </div>
        </div>
        </div>
      </div>
    </criteria>
    <editVender></editVender>
    <data-grid :model='model' partial='list' v-ref:grid>
      <template partial='head'>
        <tr>
          <th>序号</th>
          <th>生产厂家</th>
          <th>品牌</th>
          <th>别名</th>
          <th>生产地址</th>
          <th>操作</th>
        </tr>
      </template>
      <template partial='body'>
        <td style="text-align: center;">{{$index+1}}</td>
        <td style="text-align: center;">{{row.f_vender_name}}</td>
        <td style="text-align: center;">{{row.f_brand}}</td>
        <td style="text-align: center;">{{row.f_vender_alias}}</td>
        <td style="text-align: center;">{{row.f_vender_address}}</td>
        <td style="text-align: center;"></td>
      </template>
    </data-grid>
  </criteria-paged>
</template>

<script>
  import editvender from '../cooker/vender/cookerTabs'
  export default {
    tiele: '厂家管理',
    data () {
      return {}
    },
    components: {
      editvender
    }
  }
</script>

<style scoped>

</style>
