常用vue代码模板

<template>
  <div class="app-container">
    <div class="filter-container">
      <el-input v-model="listQuery.search_name_like" placeholder="请输入员工手机号" style="width: 200px;" class="filter-item" @keyup.enter.native="handleFilter" />
      <el-button v-waves class="filter-item" type="primary" icon="el-icon-search" @click="handleFilter">
        搜索
      </el-button>
      <el-button class="filter-item" style="margin-left: 10px;" type="primary" icon="el-icon-edit" @click="handleCreate" v-if="checkPermission(['level-add:POST'])">
        添加
      </el-button>
    </div>
    <el-table v-loading="listLoading" :data="list" stripe border fit highlight-current-row style="width: 100%">
      <el-table-column label="序号" width="80px" align="center">
        <template slot-scope="scope">
          <span>{
   {
    (scope.$index +1) + 10 * (listQuery.page - 1) }}</span>
        </template>
      </el-table-column>
      <el-table-column label="级别" align="center">
        <template slot-scope="scope">
          <span>{
   {
    scope.row.name }}</span>
        </template>
      </el-table-column>
      <el-table-column label="手机号" align="center">
        <template slot-scope="scope">
          <span>{
   {
    scope.row.examNum }}</span>
        </template>