Prechádzať zdrojové kódy

掌柜核心系统-【财务管理】-【账户提现管理】-【待提现】窗口缩小增加滚动条

liyizheng 1 rok pred
rodič
commit
40af8d13d7

+ 22 - 4
src/views/FinancialManagement/WithdrawalManagement/WithdrawalProceduresPending.vue

@@ -46,7 +46,7 @@
       <div class="amount-money">
         <span >提现总金额:¥{{ totalAmount ||  0 }}</span>
       </div>
-      <kt-common-table button2Type="text" button3Type="text" button4Type="text" :showBatchDelete="false"
+      <kt-common-table :key="componentKey" button2Type="text" button3Type="text" button4Type="text" :showBatchDelete="false"
         :showBatchPrint="false" permsButton3="sys:withdrawalProceduresPending:examine"
         permsButton2="sys:withdrawalProceduresPending:examinepay" :data="pageResult" :columns="columns"
         @findPage="findPage" button3Name="审核并支付" @handleButton3="handleButton3" button4Name="审核驳回"
@@ -111,6 +111,8 @@ export default {
   },
   data() {
     return {
+      componentKey: 0,
+      resizeTimeout: null,
       organizationSourceoptions: [],
       bankForm:{},
       formList: [
@@ -144,7 +146,7 @@ export default {
             prop: "bankNum",
             label: "内部开户行号",
             type: "text"
-          }, 
+          },
         ],
         operationWidth: '180',
         loading: true,
@@ -208,8 +210,25 @@ export default {
       }
     });
   },
-  mounted() { },
+  mounted() {
+    window.addEventListener('resize', this.handleResize);
+  },
+  beforeDestroy() {
+    // 清理事件监听器
+    window.removeEventListener('resize', this.handleResize);
+  },
   methods: {
+    // 简单的防抖函数
+    handleResize () {
+      // 如果已经有定时器存在清除
+      if (this.resizeTimeout) {
+        clearTimeout(this.resizeTimeout);
+      }
+      // 延迟 300 毫秒后更新 componentKey
+      this.resizeTimeout = setTimeout(() => {
+        this.componentKey = (this.componentKey + 1) % 4;  // 如果大于 3,就重置为 0
+      }, 300);
+    },
     managementSourceFormatter(row, column) {
       let managementSource = row.source;
       switch (managementSource) {
@@ -452,7 +471,6 @@ export default {
   border-radius: 6px;
   cursor: pointer;
   position: relative;
-  overflow: hidden;
 }
 
 .avatar-uploader-icon {