分页栏插槽

<template>
  <div
    style="margin: auto; max-width: 1600px; height: 600px; position: relative"
  >
    <!-- 实际开发中需要传入request方法 -->
    <oce-general
      ref="general"
      :urlInfo="urlInfo"
      :option="generalOption"
    >
    <template #pagination-left>
        <div style="color: red;">左侧总计：111</div>
      </template>
      <template #pagination-right>
        <div style="color: green;">右侧总计：222</div>
        </template>
    </oce-general>
  </div>
</template>

<script>
export default {
  name: 'GeneralPaginationSlotDemo',
  data() {
    return {
      urlInfo: {
        optionUrl: {
          url: '/system/webTable/tableInfo',
          method: 'post',
          webTableName: 'testTable',
        },
        dataUrl: {
          url: '/system/webTable/tableData',
          method: 'post',
        },
      },
      generalOption: {
        searchMenuSpan: 6, // 搜索框按钮宽度(4)
        pageJustifyContent: 'space-between', // 分页栏对齐方式
      },
    }
  },
  props: {},
  components: {},
  watch: {},
  computed: {},
  methods: {},
  created() {},
  mounted() {},
}
</script>

<style scoped lang="scss">

</style>

Expand Copy Copy