<template>
  <div class="auto">
    <form class="form-horizontal select-overspread ">
      <div class="row">
        <div class="col-sm-6"  >
          <label for="f_taxpayer_id" class="font_normal_body">纳税人识别号</label>
          <input type="text"  v-model="baseinfo.base.f_taxpayer_id" class="input_search" style="width:70%" placeholder="纳税人识别号" v-next-el="addressphone">
        </div>
        <div class="col-sm-3" >
          <label for="f_address_phone" class="font_normal_body">地址电话</label>
          <input type="text"  v-model="baseinfo.base.f_address_phone" class="input_search" style="width:60%" placeholder="地址-电话" v-el:addressphone v-next-el="papername">
        </div>
        <div class="col-sm-3">
          <label for="f_paper_name" class="font_normal_body">名称</label>
          <input type="text"  v-model="baseinfo.base.f_paper_name" class="input_search" style="width:60%" placeholder="名称" v-el:papername v-next-el="paperaccount">
        </div>
      </div>
      <div class="row">
        <div class="col-sm-6">
          <label for="f_paper_account" class="font_normal_body ">开户行及账号</label>
          <input type="text"  v-model="baseinfo.base.f_paper_account" class="input_search" style="width:70%" placeholder="银行名称" v-el:paperaccount>
        </div>
        <div class="col-sm-3" >
          <label for="f_paper_type" class="font_normal_body">票据类型</label>
          <v-select :value.sync="baseinfo.base.f_paper_type"
                    :options='papertype' placeholder='票据类型'
                    close-on-select></v-select>
        </div>

      </div>

    </form>
  </div>
</template>
<script>
export default {
  title: '基本信息',
  data () {
    return {
      papertype: this.$appdata.getParam('票据类型')
    }
  },
  props: ['baseinfo']
}
</script>
