利用vue以及element完成一个校友表，表格上方包括查询姓名中含有某字的校友，性别，以及某段入学时间的校友，表格里包括姓名，性别，学院，专业，班级，入学时间，该校友表要实现勾选批量删除以及新增校友的功能

您可以使用Vue和Element UI来完成校友表的实现。首先，您需要创建一个Vue实例，并引入Element UI的相关组件和样式。然后，您可以使用Element UI提供的表格、输入框、日期选择器等组件来构建校友表。

下面是一个简单的示例代码，展示了如何实现校友表的查询、删除和新增功能：

<template>
  <div>
    <el-input v-model="queryName" placeholder="请输入姓名"></el-input>
    <el-select v-model="queryGender" placeholder="请选择性别">
      <el-option label="男" value="男"></el-option>
      <el-option label="女" value="女"></el-option>
    </el-select>
    <el-date-picker v-model="queryStartDate" type="date" placeholder="请选择入学开始时间"></el-date-picker>
    <el-date-picker v-model="queryEndDate" type="date" placeholder="请选择入学结束时间"></el-date-picker>
    <el-button type="primary" @click="search">查询</el-button>

    <el-button type="danger" @click="deleteSelected">批量删除</el-button>
    <el-button type="primary" @click="showAddDialog">新增校友</el-button>

    <el-table :data="alumniList" border>
      <el-table-column type="selection" width="55"></el-table-column>
      <el-table-column prop="name" label="姓名"></el-table-column>
      <el-table-column prop="gender" label="性别"></el-table-column>
      <el-table-column prop="college" label="学院"></el-table-column>
      <el-table-column prop="major" label="专业"></el-table-column>
      <el-table-column prop="class" label="班级"></el-table-column>
      <el-table-column prop="admissionDate" label="入学时间"></el-table-column>
    </el-table>

    <el-dialog title="新增校友" :visible.sync="addDialogVisible">
      <el-form ref="addForm" :model="newAlumni" label-width="80px">
        <el-form-item label="姓名" required>
          <el-input v-model="newAlumni.name"></el-input>
        </el-form-item>
        <el-form-item label="性别" required>
          <el-select v-model="newAlumni.gender">
            <el-option label="男" value="男"></el-option>
            <el-option label="女" value="女"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="学院" required>
          <el-input v-model="newAlumni.college"></el-input>
        </el-form-item>
        <el-form-item label="专业" required>
          <el-input v-model="newAlumni.major"></el-input>
        </el-form-item>
        <el-form-item label="班级" required>
          <el-input v-model="newAlumni.class"></el-input>
        </el-form-item>
        <el-form-item label="入学时间" required>
          <el-date-picker v-model="newAlumni.admissionDate" type="date"></el-date-picker>
        </el-form-item>
      </el-form>

      <div slot="footer">
        <el-button type="primary" @click="addAlumni">确定</el-button>
        <el-button @click="addDialogVisible = false">取消</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      queryName: '',
      queryGender: '',
      queryStartDate: '',
      queryEndDate: '',
      alumniList: [],
      addDialogVisible: false,
      newAlumni: {
        name: '',
        gender: '',
        college: '',
        major: '',
        class: '',
        admissionDate: ''
      },
    };
  },
  methods: {
    search() {
      // 根据查询条件进行搜索，更新alumniList数据
      // 根据this.queryName、this.queryGender、this.queryStartDate、this.queryEndDate进行查询
    },
    deleteSelected() {
      // 获取被勾选的校友数据，进行删除操作
    },
    showAddDialog() {
      // 显示新增校友的对话框
      this.addDialogVisible = true;
    },
    addAlumni() {
      // 新增校友，将this.newAlumni数据添加到alumniList中
      this.alumniList.push(this.newAlumni);
      this.addDialogVisible = false;
    },
  },
};
</script>

在上面的示例代码中，你可以根据查询条件使用`search`方法进行搜索，根据被勾选的校友数据使用`deleteSelected`方法进行批量删除，使用`showAddDialog`方法显示新增校友的对话框，并使用`addAlumni`方法将新增的校友数据添加到`alumniList`中。

请根据您的具体业务需求，进一步完善这个示例代码，并在Vue项目中使用Element UI组件完成校友表的实现。