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

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