默认50行 新加显示隐藏功能

src/views/iosBasicData/financialManagement/computationCenter/components/pickedData.vue

@@ -316,7 +316,7 @@ export default {
       page: {
         currentPage: 1,
         total: 0,
-        pageSize: 20,
+        pageSize: 50,
         pageSizes: [20, 50, 100, 200, 500],
       },
       pageData: [],

src/views/iosBasicData/financialManagement/computationCenter/detailsPage.vue

@@ -8,7 +8,7 @@
       </div>
       <div class="customer-title">{{ form.operatingType }}</div>
       <div class="add-customer-btn">
-                <el-button size="small" :disabled="!form.id" @click="$refs.print.openDialog()">预 览 </el-button>
+        <el-button size="small" :disabled="!form.id" @click="$refs.print.openDialog()">预 览 </el-button>
         <el-button v-if="roleName.includes('admin')" size="small" :disabled="!form.id" @click="$refs.report.openDialog()">报表设计 </el-button>
         <el-button size="small" type="danger" plain :disabled="editButton" v-if="form.isCleared == 1" @click="allClick('撤销结算')"
           >撤销结算
@@ -41,7 +41,7 @@
             ></dic-select>
           </tempalte>
         </avue-form>
-        <avue-form class="form2" :option="optionForm2" v-model="form" ref="form2">
+        <avue-form v-show="show" class="form2" :option="optionForm2" v-model="form" ref="form2">
           <tempalte slot="businessDate">
             <date-range
               :start-date.sync="form.businessDateStart"
@@ -51,6 +51,14 @@
             ></date-range>
           </tempalte>
         </avue-form>
+        <div style="display: flex; justify-content: center; font-size: 14px" @click="show = !show" @mouseenter="enter" @mouseleave="leave">
+          <div v-show="show" style="height: 16px; cursor: pointer">
+            <span class="el-button--text"><i class="el-icon-caret-top" /><span v-show="showSpan">隐藏</span></span>
+          </div>
+          <div v-show="!show" style="height: 16px; cursor: pointer">
+            <span class="el-button--text"><i class="el-icon-caret-bottom" /><span v-show="showSpan">显示</span></span>
+          </div>
+        </div>
       </el-card>
       <el-tabs style="margin-top: 2px" class="box-tabs" type="border-card" v-model="activeName" @tab-click="handleClick">
         <el-tab-pane label="结算明细" name="1">
@@ -138,7 +146,7 @@
         </el-tab-pane>
       </el-tabs>
       <fee-info ref="feeInfo"></fee-info>
-       <business-reports :id="form.id" ref="print" businessValue="JSZX" :type="true"></business-reports>
+      <business-reports :id="form.id" ref="print" businessValue="JSZX" :type="true"></business-reports>
       <reports :id="form.id" :assemblyForm="form" businessValue="JSZX" ref="report"></reports>
       <!--辅助核算-->
       <el-dialog title="核算项目维护" append-to-body :visible.sync="auxiliaryVisible" class="el-dialogDeep" width="40%" :before-close="handleClose">
@@ -636,6 +644,8 @@ export default {
   name: "detailsPage",
   data() {
     return {
+      show: true,
+      showSpan: false,
       canEditVoucher: false, // 凭证是否可以编辑
       handleSelectionData2: [], // 分录多选的数据
       removedFinvouchersitems: [],
@@ -853,7 +863,7 @@ export default {
     SearchQuery,
     TreeSelect,
     businessReports,
-    reports
+    reports,
   },
   props: {
     detailData: Object,
@@ -878,6 +888,12 @@ export default {
     });
   },
   methods: {
+    enter() {
+      this.showSpan = true;
+    },
+    leave() {
+      this.showSpan = false;
+    },
     //凭证代码
     offRecordsDeterminefun() {
       if (!Array.isArray(this.offRecordsData)) {

src/views/iosBasicData/financialManagement/finstlbills/components/pickedData.vue

@@ -456,7 +456,7 @@ export default {
       page: {
         currentPage: 1,
         total: 0,
-        pageSize: 20,
+        pageSize: 50,
         pageSizes: [20, 50, 100, 200, 500],
       },
       pageData: [],

src/views/iosBasicData/financialManagement/finstlbills/components/queryData.vue

@@ -383,7 +383,7 @@ export default {
       page: {
         currentPage: 1,
         total: 0,
-        pageSize: 20,
+        pageSize: 50,
         pageSizes: [20, 50, 100, 200, 500],
       },
       pageData: [],

src/views/iosBasicData/financialManagement/finstlbills/detailsPage.vue

@@ -74,7 +74,7 @@
             </div>
           </tempalte>
         </avue-form>
-        <avue-form class="form2" :option="optionForm2" v-model="form" ref="avueForm2">
+        <avue-form v-show="show" class="form2" :option="optionForm2" v-model="form" ref="avueForm2">
           <tempalte slot="dc">
             <el-select v-model="form.dc" placeholder="请选择 收付" :disabled="editDisabled || form.finStlBillsItemsList.length">
               <el-option v-for="item in dcOptions" :key="item.value" :label="item.label" :value="item.value"> </el-option>
@@ -137,6 +137,14 @@
             <el-button size="mini" @click="allClick('重置条件')" :disabled="editDisabled || form.finStlBillsItemsList.length">重置条件</el-button>
           </tempalte>
         </avue-form>
+        <div style="display: flex; justify-content: center; font-size: 14px" @click="show = !show" @mouseenter="enter" @mouseleave="leave">
+          <div v-show="show" style="height: 16px; cursor: pointer">
+            <span class="el-button--text"><i class="el-icon-caret-top" /><span v-show="showSpan">隐藏</span></span>
+          </div>
+          <div v-show="!show" style="height: 16px; cursor: pointer">
+            <span class="el-button--text"><i class="el-icon-caret-bottom" /><span v-show="showSpan">显示</span></span>
+          </div>
+        </div>
       </el-card>
       <el-tabs style="margin-top: 2px" class="box-tabs" type="border-card" v-model="activeName" @tab-click="handleClick">
         <el-tab-pane label="查询结果" name="1">
@@ -200,6 +208,8 @@ export default {
   name: "detailsPage",
   data() {
     return {
+      show: true,
+      showSpan: false,
       editButton: false,
       editDisabled: false,
       activeName: "1",
@@ -592,6 +602,12 @@ export default {
     }
   },
   methods: {
+    enter() {
+      this.showSpan = true;
+    },
+    leave() {
+      this.showSpan = false;
+    },
     lastPage() {
       if (this.pageIds.length) {
         const index = this.pageIds.indexOf(this.form.id);