15.9 分页

src/views/dataReport_manage/components/ServiceDetailsDlg.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-dialog v-dialogDrag :visible.sync="isServiceDetailsShow" width="1000px" @close="handleClose" :modal-append-to-body="false" center :title="`服务明细--${dlgForm.CompanyName}`">
+  <el-dialog v-dialogDrag :visible.sync="isServiceDetailsShow" destroy-on-close width="1000px" @close="handleClose" :modal-append-to-body="false" center :title="`服务明细--${dlgForm.CompanyName}`">
     <el-table ref="updateTable" :data="tableData" style="width: 100%; margin-bottom: 20px" border height="400px">
       <el-table-column align="center" prop="Content" label="服务内容"> </el-table-column>
       <el-table-column align="center" prop="ServeTypeName" label="服务类型" width="120"> </el-table-column>
@@ -63,11 +63,12 @@ export default {
         "scroll",
         _.throttle(() => {
           const scroll = dom.scrollHeight - dom.scrollTop - dom.clientHeight;
+          console.log(scroll <= 1, !this.noMoreData);
           if (scroll <= 1 && !this.noMoreData) {
             this.page_no++;
             this.loadData();
           }
-        }, 300)
+        }, 500)
       );
     },
 
@@ -88,6 +89,8 @@ export default {
     },
     // 关闭弹框
     handleClose() {
+      this.tableData = [];
+      this.noMoreData = false;
       this.page_no = 1;
       this.$emit("update:isServiceDetailsShow", false);
       this.$emit("update:dlgForm", {});