<template>
 <div>
        <validator name='v' @valid="$emit('valid')" @invalid="$emit('invalid')">
          <form class="form-horizontal select-overspread ">
            <div class="row">
              <div class="col-sm-4 form-group" >
                <label class="font_normal_body" for="f_paper_name">*企业名称</label>
                <input class="input_search" placeholder="企业名称" style="width:60%" type="text" v-el:papername

                       v-model="baseinfo.base.f_paper_name" v-next-el="paperalias">
              </div>
              <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-el:paperalias

                       v-model="baseinfo.base.f_paper_alias" v-next-el="taxpayerid">
              </div>
            </div>
            <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-el:taxpayerid

                       v-model="baseinfo.base.f_taxpayer_id" v-next-el="addressstr">
              </div>
              <div class="col-sm-8 form-group" >
                <label class="font_normal_body" for="f_address_str">*地&nbsp;&nbsp;址</label>
                <input class="input_search" placeholder="地址" style="width:70%" type="text"  v-el:addressstr

                       v-model="baseinfo.base.f_address_str" v-next-el="addressphone">
              </div>
            </div>


            <div class="row">
              <div class="col-sm-4 form-group" >
                <label class="font_normal_body" for="f_address_phone">*电&nbsp;&nbsp;话</label>
                <input class="input_search" placeholder="电话" style="width:70%" type="text" v-el:addressphone

                       v-model="baseinfo.base.f_address_phone" v-next-el="papertype">
              </div>
              <div class="col-sm-3 form-group">
              </div>
              <div class="col-sm-4 form-group" >
                <label class="font_normal_body" for="f_paper_type">*票据类型</label>
                <input            v-model="baseinfo.base.f_paper_type"            v-show="false"

                />
                <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-4 form-group" >
                <label class="font_normal_body " for="f_paper_bank">*开户行</label>
                <input class="input_search" placeholder="银行名称" style="width:70%" type="text" v-el:paperbank
                       v-model="baseinfo.base.f_paper_bank">
              </div>
              <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>
  </validator>
</div>
</template>
<script>
export default {
  title: '基本信息',
  data () {
    return {
      papertype: this.$appdata.getParam('票据类型')
    }
  },
  props: ['baseinfo']
}
</script>
