<template>
  <search-white-board :show-more="false">
    <div slot="base">
      <slot name="info" />
    </div>
    <!-- <div slot="more">
      <template
        v-for="field in fields"
      >
        <el-select
          v-if="field.type === 'select'"
          :key="field.name"
          v-model="value"
          clearable
          placeholder="请选择"
        >
          <el-option
            v-for="item in field.options"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          />
        </el-select>

        <el-input
          v-if="field.type === 'input'"
          :key="field.name"
          v-model="input"
          placeholder="请输入内容"
        />

        <el-date-picker
          v-if="field.type === 'datetimerange'"
          :key="field.name"
          v-model="value1"
          type="datetimerange"
          range-separator="至"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
        />
      </template>
    </div> -->
  </search-white-board>
</template>

<script>
export default {
  name: 'TableWithPage',
  props: {
    field: {
      type: Array,
      default: () => []
    },
    items: {
      type: Array,
      default: () => []
    },
    pagination: {
      type: Object,
      default: () => ({})
    },
    pageChange: {
      type: Function,
      default: () => {}
    }
  },
  data() {
    return {
      multipleSelection: []
    }
  },
  methods: {
    handleSelectionChange(params) {
      this.multipleSelection = params
    }
  }
}
</script>

<style scoped>
.page-select {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 20px;
}
</style>
