<template>
  <div class="auto">
    <validator name='v'>
      <form novalidate class="auto form-horizontal select-overspread">
        <div  class="col-sm-6" :class="[$v.f_price.required ? 'has-error' : 'has-success']">
          <label for="f_price" class="font_normal_body">居民单价</label>
            <input style="width:60%" class="input_search" type="number" v-model="consolidateprice[0].f_price"
                   v-validate:f_price='{required: true }'  placeholder="单价" :disabled="isDisable">
        </div>
        <div :class="[$v.f_non_resident_price.required ? 'has-error' : 'has-success']" class="col-sm-6 form-group">
          <label class="font_normal_body" for="f_non_resident_price">非居民气价</label>
          <input  class="input_search" placeholder="非居民气价" style="width:60%"
                 type="text" v-model="consolidateprice[1].f_price" v-validate:f_non_resident_price='{required: true }'>
        </div>
      </form>
    </validator>
  </div>
</template>
<script>
/**
*阶梯气价管理组件
*/
export default {
  props: ['consolidateprice', 'isDisable']
}
</script>
