|
@@ -41,7 +41,7 @@
|
|
</div>
|
|
</div>
|
|
<div class="address-input-item">
|
|
<div class="address-input-item">
|
|
<div class="address-sub">
|
|
<div class="address-sub">
|
|
- <div class="top-title no-require">纳税人识别号</div>
|
|
|
|
|
|
+ <div class="top-title">纳税人识别号</div>
|
|
<div class="ant-input">
|
|
<div class="ant-input">
|
|
<input @blur="blurHandle" oninput="value=value.replace(/[^\d]/g,'')" maxlength='18' v-model="tempInvoice3.code" type="text" placeholder="请输入18位纳税人识别号" />
|
|
<input @blur="blurHandle" oninput="value=value.replace(/[^\d]/g,'')" maxlength='18' v-model="tempInvoice3.code" type="text" placeholder="请输入18位纳税人识别号" />
|
|
</div>
|
|
</div>
|
|
@@ -123,15 +123,29 @@
|
|
</div>
|
|
</div>
|
|
<div class="address-input-item">
|
|
<div class="address-input-item">
|
|
<div class="address-sub">
|
|
<div class="address-sub">
|
|
|
|
+ <div class="top-title">抬头类型</div>
|
|
|
|
+ <div style="position: relative;">
|
|
|
|
+ <div class="invoice-select" @click="selected=!selected">
|
|
|
|
+ <div class="select-txt">{{ selectedTxt }}</div>
|
|
|
|
+ <i class="iconfont icon-xia"></i>
|
|
|
|
+ </div>
|
|
|
|
+ <ul class="invoice-item" :class="{'invoice-active':selected}">
|
|
|
|
+ <li v-for="(item,i) in invoiceType" :key="i" @click="handleItem(item)">{{item}}</li>
|
|
|
|
+ </ul>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="address-input-item">
|
|
|
|
+ <div class="address-sub">
|
|
<div class="top-title">发票抬头</div>
|
|
<div class="top-title">发票抬头</div>
|
|
<div class="ant-input">
|
|
<div class="ant-input">
|
|
<input @blur="blurHandle" maxlength='15' v-model="tempInvoice2.title" type="text" placeholder="请输入发票抬头" />
|
|
<input @blur="blurHandle" maxlength='15' v-model="tempInvoice2.title" type="text" placeholder="请输入发票抬头" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <div class="address-input-item">
|
|
|
|
|
|
+ <div class="address-input-item" v-if="selectedTxt === '企业'">
|
|
<div class="address-sub">
|
|
<div class="address-sub">
|
|
- <div class="top-title no-require">纳税人识别号</div>
|
|
|
|
|
|
+ <div class="top-title">纳税人识别号</div>
|
|
<div class="ant-input">
|
|
<div class="ant-input">
|
|
<input @blur="blurHandle" oninput="value=value.replace(/[^\d]/g,'')" maxlength='18' v-model="tempInvoice2.code" type="text" placeholder="请输入18位纳税人识别号" />
|
|
<input @blur="blurHandle" oninput="value=value.replace(/[^\d]/g,'')" maxlength='18' v-model="tempInvoice2.code" type="text" placeholder="请输入18位纳税人识别号" />
|
|
</div>
|
|
</div>
|
|
@@ -185,7 +199,10 @@ export default {
|
|
data () {
|
|
data () {
|
|
return {
|
|
return {
|
|
isShowInvoice3: true,
|
|
isShowInvoice3: true,
|
|
- isShowInvoice2: true
|
|
|
|
|
|
+ isShowInvoice2: true,
|
|
|
|
+ selected: false,
|
|
|
|
+ invoiceType: ['个人', '企业'],
|
|
|
|
+ selectedTxt: '个人'
|
|
}
|
|
}
|
|
},
|
|
},
|
|
watch: {
|
|
watch: {
|
|
@@ -219,9 +236,12 @@ export default {
|
|
let title = isObject(this.tempInvoice2.title)
|
|
let title = isObject(this.tempInvoice2.title)
|
|
let code = isObject(this.tempInvoice2.code)
|
|
let code = isObject(this.tempInvoice2.code)
|
|
let emailAddress = isObject(this.tempInvoice2.emailAddress)
|
|
let emailAddress = isObject(this.tempInvoice2.emailAddress)
|
|
- if (code && code.length !== 18) {
|
|
|
|
|
|
+ if (this.selectedTxt !== '个人' && (!code || code.length !== 18)) {
|
|
return this.$toast.show('warn', this.langToast['21'])
|
|
return this.$toast.show('warn', this.langToast['21'])
|
|
}
|
|
}
|
|
|
|
+ if (this.selectedTxt === '个人') {
|
|
|
|
+ code = ''
|
|
|
|
+ }
|
|
if (!reg.email.test(emailAddress)) {
|
|
if (!reg.email.test(emailAddress)) {
|
|
return this.$toast.show('warn', this.langToast['8'])
|
|
return this.$toast.show('warn', this.langToast['8'])
|
|
}
|
|
}
|
|
@@ -331,6 +351,10 @@ export default {
|
|
}
|
|
}
|
|
})
|
|
})
|
|
})
|
|
})
|
|
|
|
+ },
|
|
|
|
+ handleItem (item) {
|
|
|
|
+ this.selectedTxt = item
|
|
|
|
+ this.selected = false
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|