|
@@ -3,7 +3,7 @@
|
|
|
<scroll-view :class="['scroll-Y']" scroll-y>
|
|
|
<div class="part top">
|
|
|
<div class="invoice-header">
|
|
|
- <div class="part-item header-type lines">
|
|
|
+ <div class="part-item header-type">
|
|
|
<span class="part-item-key">抬头类型</span>
|
|
|
<van-radio-group
|
|
|
v-model="condition.invoiceTitleType"
|
|
@@ -14,14 +14,14 @@
|
|
|
<van-radio
|
|
|
v-for="item in items"
|
|
|
:key="item.name + item.value"
|
|
|
- checked-color="#064C8A"
|
|
|
+ checked-color="var(--k-color-primary-01)"
|
|
|
:name="item.value"
|
|
|
>
|
|
|
{{ item.name }}
|
|
|
</van-radio>
|
|
|
</van-radio-group>
|
|
|
</div>
|
|
|
- <div class="part-item lines">
|
|
|
+ <div class="part-item">
|
|
|
<span class="part-item-key">抬头名称</span>
|
|
|
<div class="part-item-value">
|
|
|
<!-- <input
|
|
@@ -37,15 +37,16 @@
|
|
|
/>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="part-item lines" v-if="isCompany">
|
|
|
- <span class="part-item-key">公司税号</span>
|
|
|
- <div class="part-item-value">
|
|
|
+ <div class="part-item" >
|
|
|
+ <span class="part-item-key" v-if="isCompany">公司税号</span>
|
|
|
+ <div class="part-item-value" v-if="isCompany">
|
|
|
<!-- <input
|
|
|
type="text"
|
|
|
placeholder="请输入公司税号"
|
|
|
v-model="condition.corporationTax"
|
|
|
/> -->
|
|
|
<van-field
|
|
|
+ v-if="isCompany"
|
|
|
v-model="condition.taxNo"
|
|
|
right-icon="arrow"
|
|
|
input-align="right"
|
|
@@ -53,11 +54,13 @@
|
|
|
/>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="part-item lines">
|
|
|
+ <div class="part-item">
|
|
|
<span class="part-item-key">设为默认</span>
|
|
|
<div class="part-item-value">
|
|
|
<van-switch
|
|
|
- active-color="#064C8A"
|
|
|
+ active-color="var(--k-color-primary-01)"
|
|
|
+ inactive-color="#ccc"
|
|
|
+ size="34px"
|
|
|
v-model="condition.defaultOrNot"
|
|
|
@change="switch1Change"
|
|
|
/>
|
|
@@ -67,45 +70,41 @@
|
|
|
<div class="invoice-more" v-if="isCompany">
|
|
|
<div class="tab-title">更多信息(以下为选填内容)</div>
|
|
|
<div class="company-box">
|
|
|
- <div class="part-item lines">
|
|
|
+ <div class="part-item">
|
|
|
<span class="part-item-key">公司地址</span>
|
|
|
<div class="part-item-value">
|
|
|
<van-field
|
|
|
v-model="condition.companyAddress"
|
|
|
- right-icon="arrow"
|
|
|
input-align="right"
|
|
|
placeholder="请输入公司地址"
|
|
|
/>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="part-item lines">
|
|
|
+ <div class="part-item">
|
|
|
<span class="part-item-key">公司电话</span>
|
|
|
<div class="part-item-value">
|
|
|
<van-field
|
|
|
v-model="condition.companyTel"
|
|
|
- right-icon="arrow"
|
|
|
input-align="right"
|
|
|
placeholder="请输入公司电话"
|
|
|
/>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="part-item lines">
|
|
|
+ <div class="part-item">
|
|
|
<span class="part-item-key">开户银行</span>
|
|
|
<div class="part-item-value">
|
|
|
<van-field
|
|
|
v-model="condition.depositBank"
|
|
|
- right-icon="arrow"
|
|
|
input-align="right"
|
|
|
placeholder="请输入开户银行"
|
|
|
/>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="part-item lines" style="border: none">
|
|
|
+ <div class="part-item" style="border: none">
|
|
|
<span class="part-item-key">开户账户</span>
|
|
|
<div class="part-item-value">
|
|
|
<van-field
|
|
|
v-model="condition.depositAccount"
|
|
|
- right-icon="arrow"
|
|
|
input-align="right"
|
|
|
placeholder="请输入开户账户"
|
|
|
/>
|
|
@@ -165,7 +164,6 @@ export default {
|
|
|
> label {
|
|
|
margin-left: 20px;
|
|
|
}
|
|
|
-
|
|
|
.van-cell {
|
|
|
background-color: transparent;
|
|
|
font-size: 30px;
|
|
@@ -176,20 +174,23 @@ export default {
|
|
|
|
|
|
.tab-title {
|
|
|
color: #676767;
|
|
|
- padding-top: 36px;
|
|
|
- padding-bottom: 20px;
|
|
|
+ padding-top: 28px;
|
|
|
+ padding-left:30px;
|
|
|
+ padding-bottom: 26px;
|
|
|
// padding: 30px 35px;
|
|
|
- // background-color: #f1f1f1;
|
|
|
- font-size: 30px;
|
|
|
- font-weight: 400;
|
|
|
+ background-color: #fff;
|
|
|
+ font-family: 'PingFang SC';
|
|
|
+ font-style: normal;
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 32px;
|
|
|
color: #333333;
|
|
|
line-height: 42px;
|
|
|
+ margin-top: 24px;
|
|
|
}
|
|
|
|
|
|
.company-box {
|
|
|
background: #fafbff;
|
|
|
border-radius: 4px;
|
|
|
- border: 1px solid #d8dae0;
|
|
|
}
|
|
|
|
|
|
.lines {
|
|
@@ -203,7 +204,6 @@ export default {
|
|
|
.invoice-header {
|
|
|
background: #fafbff;
|
|
|
border-radius: 4px;
|
|
|
- border: 1px solid #d8dae0;
|
|
|
}
|
|
|
}
|
|
|
|
|
@@ -222,6 +222,7 @@ export default {
|
|
|
|
|
|
|
|
|
}
|
|
|
+
|
|
|
.footer {
|
|
|
width: 100%;
|
|
|
//height: 150px;
|