...
|
...
|
@@ -4,12 +4,12 @@ |
|
|
<!--检索条件-->
|
|
|
<el-row class="toolbar" style="background-color: white;margin-bottom: 10px">
|
|
|
<el-col :span="6">
|
|
|
<el-input v-model="queryinfo.name" placeholder="名称" style="width: 200px">
|
|
|
<el-input v-model="queryinfo.name" placeholder="名称" style="width: 200px" clearable>
|
|
|
<template slot="prepend">名称</template>
|
|
|
</el-input>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-input v-model="queryinfo.key" placeholder="key-ID" style="width: 200px">
|
|
|
<el-input v-model="queryinfo.key" placeholder="key-ID" style="width: 200px" clearable>
|
|
|
<template slot="prepend">key-ID</template>
|
|
|
</el-input>
|
|
|
</el-col>
|
...
|
...
|
@@ -27,6 +27,7 @@ |
|
|
:data="tableData"
|
|
|
style="width: 100%"
|
|
|
:default-sort = "{prop: 'date', order: 'descending'}"
|
|
|
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small"
|
|
|
>
|
|
|
<el-table-column
|
|
|
prop="name"
|
...
|
...
|
@@ -104,6 +105,9 @@ |
|
|
tableloading:false,
|
|
|
}
|
|
|
},
|
|
|
mounted() {
|
|
|
this.getList();
|
|
|
},
|
|
|
methods: {
|
|
|
// 分页
|
|
|
handleSizeChange(val) {
|
...
|
...
|
@@ -124,15 +128,17 @@ |
|
|
return _this.$message.error('获取消息收发记录,失败!')
|
|
|
}
|
|
|
// 获取列表数据
|
|
|
_this.tableData = res.data.list
|
|
|
_this.tableData = res.data
|
|
|
// 获取列表的总记录数
|
|
|
_this.total = res.data.total
|
|
|
_this.total = res.total
|
|
|
this.tableloading = false;
|
|
|
_this.$message.success('获取消息收发记录,成功!')
|
|
|
}).catch(error => {
|
|
|
|
|
|
// 关闭加载
|
|
|
_this.$message.error(error.toString())
|
|
|
this.tableloading = false;
|
|
|
|
|
|
})
|
|
|
},
|
|
|
|
...
|
...
|
@@ -141,5 +147,13 @@ |
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
|
|
|
.toolbar{
|
|
|
height: 60px;
|
|
|
background-color: white;
|
|
|
/*line-height: 60px;*/
|
|
|
vertical-align: middle;
|
|
|
border-radius: 5px 5px 5px 5px;
|
|
|
padding: 15px 0 0 20px;
|
|
|
box-shadow: 0px 5px 5px #e5e8eb;
|
|
|
}
|
|
|
</style> |
...
|
...
|
|