<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">
