vue前端界面模板.txt

<template>
<div class="app-container">
<!-- 条件查询 -->
     <div class="filter-container">
<!-- 输入框 -->
<el-input
   v-model="listQuery.keyword"
   placeholder="名称关键词"
   style="width: 200px;"
   clearable
   @keyup.enter.native="handleFilter"
/>
<el-date-picker
  v-model="dateRange"
  type="daterange"
  align="right"
  unlink-panels
  range-separator="至"
  start-placeholder="开始日期"
  end-placeholder="结束日期"
  :picker-options="pickerOptions"
  value-format="timestamp"
  style="width:400px;"
></el-date-picker>

<!-- 按钮 -->
<el-button v-waves type="primary" icon="el-icon-search" @click="handleFilter">查询</el-button>
<el-button
  style="margin-left: 5px;"
  type="primary"

  icon="el-icon-circle-plus-outline"
  @click="handleCreate"
>增加</el-button>
</div>

<!-- 主表数据展示 -->
<div class="table-main">
<el-table
  v-loading="listLoading"
  :data="list"
  border
  fit
  highlight-current-row
  style="width: 100%;"
  :key="tableKey"
>
<!-- 表格列定义 -->
<el-table-column label="名称" align="center">
<template slot-scope="{row}">
<span>{{ row.name }}</span>
</template>
</el-table-column>

<el-table-column label="更新时间" align="center">
<template slot-scope="{row}">
<span>{{ row.updateTime | parseTime}}</span>
</template>
</el-table-column>

<el-table-column label="操作" align="center" class-name="small-padding " width="460px">