perf:分页组件添加appendToBody属性控制是否将分页组件生成到body元素

nezha-fronted/src/components/charts/chart-table.vue

@@ -53,7 +53,7 @@
                   </template>
                 </el-table-column>
             </el-table>
-          <Pagination :pageObj="pageObj" @pageNo='pageNo' :post-page-sizes="pageSizes" @pageSize='pageSize' ref="Pagination"></Pagination>
+          <Pagination :pageObj="pageObj" @pageNo='pageNo' :post-page-sizes="pageSizes" @pageSize='pageSize' ref="Pagination" :append-to-body="false"></Pagination>
         </div>
         <!--全屏-->
           <el-dialog class="nz-dialog table-chart-dialog" :title="$t('dashboard.panel.view')"  :visible.sync="screenModal" width="96%"  @close="screenModal = false" >

nezha-fronted/src/components/common/pagination.vue

@@ -12,7 +12,7 @@
       layout="total, prev, pager, next, slot"
       :total="this.pageObj.total"
     >
-      <el-select v-model="pageSize" :placeholder="pageSize+$t('pageSize')" size="mini"  :popper-append-to-body="false" class="pagination-size-select" @change="size">
+      <el-select v-model="pageSize" :placeholder="pageSize+$t('pageSize')" size="mini"  :popper-append-to-body="appendToBody" class="pagination-size-select" @change="size">
         <el-option v-for="(item,index) in pageSizes" :key="item.value" :label="item.label" :value="item.value"></el-option>
       </el-select>
 
@@ -23,7 +23,13 @@
 <script>
 export default {
   name: "pagination",
-  props: ['pageObj', 'tableId', 'postPageSizes'],
+  // props: ['pageObj', 'tableId', 'postPageSizes'],
+  props: {
+    pageObj:{},
+    tableId:{},
+    postPageSizes:{},
+    appendToBody:{default:true}
+  },
   data() {
     return {
       pageSize: 20,