From 1c3a92c8ba3029ac360abb9fb78060eb5e09bb01 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BA=9E=E4=B8=9C=E6=97=AD?= <850374051@qq.com>
Date: Mon, 5 Sep 2022 15:32:31 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../paymentApproval/approvalDetail.vue        | 21 ++++++++++++++++--
 .../paymentApproval/approvalDetail11.vue      | 21 ++++++++++++++++--
 .../paymentApproval/approvalDetail12.vue      | 22 +++++++++++++++++--
 .../paymentApproval/approvalDetail2.vue       | 21 ++++++++++++++++--
 .../paymentApproval/approvalDetail3.vue       | 21 ++++++++++++++++--
 5 files changed, 96 insertions(+), 10 deletions(-)

diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail.vue
index d1f9c6ce..60801d7a 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail.vue
+++ b/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;
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail11.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail11.vue
index 963e6e76..f8a65da3 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail11.vue
+++ b/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;
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail12.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail12.vue
index 8df73a16..ea8f1090 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail12.vue
+++ b/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;
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail2.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail2.vue
index fb6f2643..6851ed3d 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail2.vue
+++ b/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;
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail3.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail3.vue
index d8a7ca7a..9247a86a 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail3.vue
+++ b/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;