银农收款人 阳光村务问题

src/views/sunVillage_info/list_finance.vue

@@ -40,7 +40,7 @@
                 </div>
                 <div class="operation" v-show="showBtn">
                     <!-- delete 删除 edit编辑 view查看 -->
-                    <div class="opera_btn list" @click="goRanking(item.id,item.openNy)">
+                    <div class="opera_btn list" @click="goRanking(item.id,item.openNy,item.openName)">
                       <i class="icon "></i>
                     </div>
                     <div class="opera_btn edit" @click="goEdit(item.id)" v-show="showBtn">
@@ -174,8 +174,8 @@
       goDetail(id){
         this.$router.push({path:'/sunVillage_info/list_finance_detail',query: {id:id,type:'finance',showBtn:this.showBtn}})
       },
-      goRanking(id,time){
-        this.$router.push({path:'/sunVillage_info/list_finance_ranking',query: {id:id,time:time}})
+      goRanking(id,time,openName){
+        this.$router.push({path:'/sunVillage_info/list_finance_ranking',query: {id:id,time:time,openName:openName}})
       },
       goEdit(id){
         this.$router.push({path:'/sunVillage_info/list_finance_edit',query: {id:id,type:'finance'}})

src/views/sunVillage_info/list_finance_add.vue

@@ -132,7 +132,7 @@
       this.type = this.$route.query.type;
       this.queryParams.bookId = Cookies.get('bookId');
       this.queryParams.deptId = Cookies.get('deptId');
-      this.form.openName = this.format(new Date(),'yyyy')+ '年' + (this.format(new Date(),'MM')) + '月财务公开';
+      this.form.openName = this.format(new Date(),'yyyy')+ '年' + (this.format(new Date(),'MM')-1) + '月财务公开';
     },
     methods: {
       onSubmit(){

src/views/sunVillage_info/list_finance_ranking.vue

@@ -18,7 +18,8 @@
     <!--            <div>￥200</div>-->
     <!--          </div>-->
     <!--        </div>-->
-    <p class="top_head_title">{{deptName}}{{yearMonth[0]}}年{{yearMonth[1]}}月份</p>
+<!--    <p class="top_head_title">{{deptName}}{{yearMonth[0]}}年{{yearMonth[1]}}月份</p>-->
+    <p class="top_head_title">{{openName}}</p>
 
     <div class="center_box">
       <div class="name_box">
@@ -95,7 +96,8 @@
         projectIndex:'',
         showBtn:true,
         yearMonth:[],
-        deptName:''
+        deptName:'',
+        openName:'',
       };
     },
     created() {
@@ -103,6 +105,7 @@
       this.queryParams.deptId = Cookies.get('deptId');
       this.deptName = Cookies.get('deptName');
       this.queryParams.yearMonth = this.$route.query.time;
+      this.openName = this.$route.query.openName;
       this.yearMonth = this.$route.query.time.split('-')
       this.getList()
     },

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

@@ -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;