前端实现通过给后端传3个参数，id,开始时间，结束时间实现搜索并渲染表格功能，时间用el-date-picker选择

前端实现搜索并渲染表格功能的步骤如下：

1. 在Vue组件中引入el-date-picker组件，并绑定开始时间和结束时间的数据。

例如：

<template>
  <div>
    <el-date-picker v-model="startTime" type="datetime" placeholder="开始时间"></el-date-picker>
    <el-date-picker v-model="endTime" type="datetime" placeholder="结束时间"></el-date-picker>
    <el-button type="primary" @click="search">搜索</el-button>
    <el-table :data="tableData">
      <!-- 表格列定义 -->
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      startTime: '',
      endTime: '',
      tableData: [],
    }
  },
  methods: {
    search() {
      // 发送请求到后端，传递id、startTime、endTime参数
      // 接收后端返回的数据，赋值给tableData
    },
  },
}
</script>

2. 在search方法中发送请求到后端，传递id、startTime、endTime参数，并接收后端返回的数据，赋值给tableData。

例如：

search() {
  axios.get('/api/search', {
    params: {
      id: 123,
      startTime: this.startTime,
      endTime: this.endTime,
    }
  })
  .then(response => {
    this.tableData = response.data;
  })
  .catch(error => {
    console.log(error);
  });
},

3. 在el-table组件中定义表格列，并将tableData绑定到data属性中，实现表格渲染功能。

例如：

<el-table :data="tableData">
  <el-table-column prop="name" label="名称"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
  <el-table-column prop="address" label="地址"></el-table-column>
</el-table>