优化

src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail.vue

@@ -64,15 +64,18 @@
 
     </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" :key="index" v-if="index<listLength">
         <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="showbtn" @click="listLength = chargeItme.length,showbtn=false">查看更多</p>
+      <p class="main_more" v-if="!showbtn" @click="listLength = 1,showbtn=true">收起列表</p>
     </div>
+
     <p class="main_title">上传附件</p>
     <div class="main_box" style="padding: 5px 0 0 0;">
       <van-cell value="收据" />
@@ -106,6 +109,9 @@
         showbankType:false,
         showproject:false,
         showFundType:false,
+        showbtn:true,
+
+        listLength:1,
 
         minDate: new Date(),
         maxDate: new Date(2025, 10, 1),
@@ -304,6 +310,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;

src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail11.vue

@@ -57,14 +57,17 @@
     </div>
     <p class="main_title">收款方信息</p>
 
-    <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" :key="index" v-if="index<listLength">
         <van-field readonly label="收款方" v-model="item.payee" input-align="right" />
         <van-field readonly label="联系方式" v-model="item.phone" 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.remark" input-align="right" label-width="auto"/>
       </div>
+      <p class="main_more" v-if="showbtn" @click="listLength = chargeItme.length,showbtn=false">查看更多</p>
+      <p class="main_more" v-if="!showbtn" @click="listLength = 1,showbtn=true">收起列表</p>
     </div>
+
     <p class="main_title">上传附件</p>
     <div class="main_box" style="padding: 5px 0 0 0;">
       <van-cell value="收据" />
@@ -100,6 +103,9 @@
         showbankType:false,
         showproject:false,
         showFundType:false,
+        showbtn:true,
+
+        listLength:1,
 
         minDate: new Date(),
         maxDate: new Date(2025, 10, 1),
@@ -300,6 +306,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;

src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail12.vue

@@ -108,15 +108,19 @@
 
     <p class="main_title">收票方信息</p>
 
-    <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" :key="index" v-if="index<listLength">
         <van-field readonly label="收票方" v-model="item.payee" input-align="right" />
         <van-field readonly label="联系方式" v-model="item.phone" input-align="right" label-width="auto"/>
         <van-field readonly label="所属单位" v-model="item.unit" input-align="right" label-width="auto"/>
         <van-field readonly label="负责人全称" v-model="item.leader" input-align="right" label-width="auto"/>
         <van-field readonly label="资金用途" v-model="item.remark" input-align="right" />
       </div>
+      <p class="main_more" v-if="showbtn" @click="listLength = chargeItme.length,showbtn=false">查看更多</p>
+      <p class="main_more" v-if="!showbtn" @click="listLength = 1,showbtn=true">收起列表</p>
     </div>
+
+
     <p class="main_title">上传附件</p>
     <div class="main_box" style="padding: 5px 0 0 0;">
       <van-cell value="收据" />
@@ -152,6 +156,9 @@
         showbankType:false,
         showproject:false,
         showFundType:false,
+        showbtn:true,
+
+        listLength:1,
 
         minDate: new Date(),
         maxDate: new Date(2025, 10, 1),
@@ -362,6 +369,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;

src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail2.vue

@@ -61,15 +61,18 @@
       <van-field readonly label="收款账户类型" v-model="form.accountType == 1 ? '公户':'私户'" input-align="right" label-width="auto" />
     </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" :key="index" v-if="index<listLength">
         <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="showbtn" @click="listLength = chargeItme.length,showbtn=false">查看更多</p>
+      <p class="main_more" v-if="!showbtn" @click="listLength = 1,showbtn=true">收起列表</p>
     </div>
+
     <p class="main_title">上传附件</p>
     <div class="main_box" style="padding: 5px 0 0 0;">
       <van-cell value="收据" />
@@ -103,6 +106,9 @@
         showbankType:false,
         showproject:false,
         showFundType:false,
+        showbtn:true,
+
+        listLength:1,
 
         minDate: new Date(),
         maxDate: new Date(2025, 10, 1),
@@ -301,6 +307,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;

src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail3.vue

@@ -48,15 +48,18 @@
       <van-field readonly label="收款账户类型" v-model="form.accountType == 1 ? '公户':'私户'" input-align="right" label-width="auto" />
     </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" :key="index" v-if="index<listLength">
         <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="showbtn" @click="listLength = chargeItme.length,showbtn=false">查看更多</p>
+      <p class="main_more" v-if="!showbtn" @click="listLength = 1,showbtn=true">收起列表</p>
     </div>
+
     <p class="main_title">上传附件</p>
     <div class="main_box" style="padding: 5px 0 0 8px;">
       <van-uploader v-model="fileList" :after-read="beforeRead" :deletable="false" disabled  :upload-text="'未上传附件'"></van-uploader>
@@ -82,6 +85,9 @@
         showbankType:false,
         showproject:false,
         showFundType:false,
+        showbtn:true,
+
+        listLength:1,
 
         minDate: new Date(),
         maxDate: new Date(2025, 10, 1),
@@ -406,6 +412,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;