后台管理渲染添加搜索

1、后台管理系统的渲染添加页面
需要在首页 添加 占位符

<template>
  <div class="users">
    <!-- 搜索 与 添加用户布局 -->
    <el-row :gutter="20" class="el-row">
      <el-col :span="10">
        <el-input placeholder="请输入内容" v-model="queryInfo.query" clearable @clear="getUserList">
          <el-button slot="append" icon="el-icon-search" @click="getUserList"></el-button>
        </el-input>
      </el-col>
      <el-col :span="8"><el-button type="primary" @click="dialogFormVisible = true">添加用户</el-button></el-col>
    </el-row>
    <!-- 表格 -->
    <el-table :data="userList" stripe style="width: 100%">
      <el-table-column prop="username" label="姓名" width="180"></el-table-column>
      <el-table-column prop="email" label="邮箱" width="180"></el-table-column>
      <el-table-column prop="mobile" label="电话"></el-table-column>
    </el-table>
    <!-- 分页 -->
    <el-pagination
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
      :current-page="currentPage"
      :page-sizes="[1, 2, 3, 4]"
      :page-size="2"
      layout="total, sizes, prev, pager, next, jumper"
      :total="total">
    </el-pagination>
    <!-- 添加用户 弹出框 -->
    <el-dialog title="添加用户" :visible.sync="dialogFormVisible" @close="addDialogClosed">
      <el-form :model="addForm" ref="addForm"  label-width=