上传

src/components/mapView/tablePage.vue

@@ -1,9 +1,9 @@
 <template>
   <div class="cont-table">
     <!-- :image="nonedataImg"  -->
-    <el-empty description=" " v-if="props.table.data.length == 0" />
+    <el-empty description=" " v-if="table.data.length == 0" />
     <el-table
-      :data="props.table.data"
+      :data="table.data"
       v-else
       style="width: 100%"
       :show-overflow-tooltip="true"
@@ -12,7 +12,7 @@
       fit
     >
       <el-table-column
-        v-for="(item, index) in props.cloumn"
+        v-for="(item, index) in cloumn"
         :prop="item.prop"
         :label="item.label"
         :key="index"
@@ -29,10 +29,10 @@
         </template>
       </el-table-column>
     </el-table>
-    <div class="tabs-pagation" v-if="props.table.data.length">
-      <div class="font">共{{ props.table.total }}条记录</div>
+    <div class="tabs-pagation" v-if="table.data.length">
+      <div class="font">共{{ table.total }}条记录</div>
       <!-- <el-pagination class="tabone-pagination" background layout="prev, pager, next" :current-page="pageNum"
-            :pager-count="5" :page-size="5" :total="props.table.total" @current-change="changePage" /> -->
+            :pager-count="5" :page-size="5" :total="table.total" @current-change="changePage" /> -->
       <el-pagination
         :current-page="pageNum"
         :page-size="pageSize"
@@ -41,43 +41,53 @@
         :background="true"
         layout="prev, pager, next, jumper,sizes"
         :page-sizes="[10, 15, 20, 30, 50]"
-        :total="props.table.total"
+        :total="table.total"
         @size-change="handleSizeChange"
         @current-change="changePage"
       />
     </div>
   </div>
 </template>
-  <script lang="ts" setup>
-import { ref } from "vue";
+<script >
+export default {
+  components: {},
+  props: {
+    cloumn: {
+      type: Array,
+      default: [],
+    },
+    table: {
+      type: Object,
+    },
+  },
+  data() {
+    return {
+      pageNum: 1,
+      pageSize: 10,
+    };
+  },
+  mounted() {},
+  methods: {
+    // 搜索
+    searchFun() {
+      this.$emit("search", {
+        pageIndex: this.pageNum,
+        size: this.pageSize,
+      });
+    },
 
-const emit = defineEmits(["search"]);
-
-type Props = {
-  cloumn: any;
-  table: any;
-};
-const props = withDefaults(defineProps<Props>(), {});
-
-// 搜索
-const searchFun = () => {
-  emit("search", {
-    pageIndex: pageNum.value,
-    size: pageSize.value,
-  });
-};
-
-let pageNum = ref(1);
-let pageSize = ref(10);
-
-// 修改当前页数
-const changePage = (v: number) => {
-  pageNum.value = v;
-  searchFun();
-};
-const handleSizeChange = (v: number) => {
-  pageSize.value = v;
-  searchFun();
+    // 修改当前页数
+    changePage(v) {
+      this.pageNum = v;
+      this.searchFun();
+    },
+    handleSizeChange(v) {
+      this.pageSize = v;
+      this.searchFun();
+    },
+  },
+  beforeDestroy() {},
+  watch: {},
 };
 
 // searchFun()