|
|
@@ -64,14 +64,16 @@ |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div :style="{position:'relative',padding: index == 0 ? '':'10px 0 0 0'}" v-for="(item, index) in chargeItme" :key="index"> |
|
|
|
<div class="main_box" style="margin-bottom: 10px;position:relative;"> |
|
|
|
<div :style="{position:'relative'}"> |
|
|
|
<div class="main_box" style="margin-bottom: 10px;position:relative;" v-for="(item, index) in chargeItme" v-if="index<listLength" :key="index"> |
|
|
|
<van-field readonly label="收款方" v-model="item.payee" input-align="right" /> |
|
|
|
<van-field readonly label="收款账户" v-model="item.payeeAccount" input-align="right" label-width="auto"/> |
|
|
|
<van-field readonly label="开户银行" v-model="item.bankDeposit" input-align="right" label-width="auto"/> |
|
|
|
<van-field readonly label="收入金额" v-model="item.incomeAmount" input-align="right" label-width="auto"/> |
|
|
|
<van-field readonly label="所属银行" v-model="item.bankTypeText" input-align="right" /> |
|
|
|
</div> |
|
|
|
<p class="main_more" v-if="chargeItme.length>1 && showbtn" @click="openItem">查看更多</p> |
|
|
|
<p class="main_more" v-if="chargeItme.length>1 && !showbtn" @click="listLength = 1,showbtn=true">收起列表</p> |
|
|
|
</div> |
|
|
|
<p class="main_title">上传附件(收据)</p> |
|
|
|
<div class="main_box" style="padding: 5px 0 0 8px;"> |
|
|
@@ -198,6 +200,10 @@ |
|
|
|
pass: "true", |
|
|
|
comment: "同意", |
|
|
|
templateList:[], |
|
|
|
|
|
|
|
listLength:1, |
|
|
|
showbtn:true, |
|
|
|
|
|
|
|
}; |
|
|
|
}, |
|
|
|
created() { |
|
|
@@ -212,6 +218,19 @@ |
|
|
|
this.getTemplateList(); |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
openItem(){ |
|
|
|
|
|
|
|
this.listLength = this.listLength+5; |
|
|
|
|
|
|
|
if (this.listLength > this.chargeItme.length){ |
|
|
|
|
|
|
|
this.listLength = this.chargeItme.length; |
|
|
|
|
|
|
|
this.showbtn = false; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}, |
|
|
|
getTemplateList(){ |
|
|
|
let templateQueryParams = { |
|
|
|
// 分页 |
|
|
@@ -366,6 +385,17 @@ |
|
|
|
.app-container { |
|
|
|
padding: 2% 0; |
|
|
|
} |
|
|
|
.main_more{ |
|
|
|
width: 96%; |
|
|
|
margin: 0 auto; |
|
|
|
margin-top: 10px; |
|
|
|
border-radius: 6px; |
|
|
|
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); |
|
|
|
overflow: hidden; |
|
|
|
background-color: #FFF; |
|
|
|
text-align: center; |
|
|
|
padding: 10PX 0; |
|
|
|
} |
|
|
|
.main_title{ |
|
|
|
font-size: 0.4rem; |
|
|
|
color: #1D6FE9; |
|
|
|