作者 小范

部署管理界面优化

... ... @@ -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>
... ...
{
"nmmsVer": "1.16"
"nmmsVer": "1.17"
}
... ...