Vortex beams carrying orbital angular momentum have important applications in high dimensional optical information processing, manipulations of tiny particles, super-resolution imaging and so on. Among various optical components, metasurface represents an ideal platform for realizing vortex beams with multiple optical functionalities due to its strong ability in manipulating the phase, polarization and amplitude of light. A metasurface combing the functions of a lens and a vortex beam generator can greatly shrink the size of many optical systems. Here, we alternatively propose a new metasurface design based on the concept of a Fresnel zone plate to generate, focus the vortex beams, and perform on-axis interference between different vortex beams. These functions are experimentally demonstrated through encoding the spiral phase profiles into the odd and even zones of a dielectric metasurface. The proposed vortex beam generation strategy employs the advantages of both the Fresnel zone plate and the metasurface, and may open new routes for high-dimensional optical information processing.