|
|
|
<template>
|
|
|
|
<el-container>
|
|
|
|
<el-main>
|
|
|
|
<!--检索条件-->
|
|
|
|
<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">
|
|
|
|
<template slot="prepend">名称</template>
|
|
|
|
</el-input>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="6">
|
|
|
|
<el-input v-model="queryinfo.key" placeholder="key-ID" style="width: 200px">
|
|
|
|
<template slot="prepend">key-ID</template>
|
|
|
|
</el-input>
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
<el-col :span="8">
|
|
|
|
<el-button type="primary" v-on:click="getList">查询</el-button>
|
|
|
|
<!-- <el-button type="success" v-on:click="toAddDialog">新增</el-button>-->
|
|
|
|
|
|
|
|
</el-col>
|
|
|
|
</el-row>
|
|
|
|
<el-row>
|
|
|
|
<template>
|
|
|
|
<el-table
|
|
|
|
v-loading="tableloading"
|
|
|
|
:data="tableData"
|
|
|
|
style="width: 100%"
|
|
|
|
:default-sort = "{prop: 'date', order: 'descending'}"
|
|
|
|
>
|
|
|
|
<el-table-column
|
|
|
|
prop="name"
|
|
|
|
label="名称">
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
|
|
prop="category"
|
|
|
|
label="类别">
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
|
|
prop="key"
|
|
|
|
label="key-ID">
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
|
|
prop="id"
|
|
|
|
label="id">
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
|
|
prop="deploymentTime"
|
|
|
|
label="时间">
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
|
|
prop="filePath"
|
|
|
|
label="文件路径">
|
|
|
|
</el-table-column>
|
|
|
|
<!-- <el-table-column-->
|
|
|
|
<!-- fixed="right"-->
|
|
|
|
<!-- label="操作"-->
|
|
|
|
<!-- width="150">-->
|
|
|
|
<!-- <template slot-scope="scope">-->
|
|
|
|
<!-- <el-button type="success" size="small" @click="toEditDialog(scope.row)">编辑</el-button>-->
|
|
|
|
<!-- <el-button type="danger" size="small" @click="del(scope.$index,scope.row)">删除</el-button>-->
|
|
|
|
<!-- </template>-->
|
|
|
|
<!-- </el-table-column>-->
|
|
|
|
</el-table>
|
|
|
|
</template>
|
|
|
|
</el-row>
|
|
|
|
<!--分页模块-->
|
|
|
|
<el-row style="float: right;margin-top: 20px">
|
|
|
|
<el-col>
|
|
|
|
<div class="block">
|
|
|
|
<el-pagination
|
|
|
|
@size-change="handleSizeChange"
|
|
|
|
@current-change="handleCurrentChange"
|
|
|
|
:current-page="queryinfo.pageNum"
|
|
|
|
:page-sizes="[10, 20, 30, 40]"
|
|
|
|
:page-size="queryinfo.pageSize"
|
|
|
|
layout="total, sizes, prev, pager, next, jumper"
|
|
|
|
:total="total">
|
|
|
|
</el-pagination>
|
|
|
|
</div>
|
|
|
|
</el-col>
|
|
|
|
</el-row>
|
|
|
|
</el-main>
|
|
|
|
</el-container>
|
|
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
import {deployment} from "../../api/technological";
|
|
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
name: "technological",
|
|
|
|
data() {
|
|
|
|
return{
|
|
|
|
queryinfo:{
|
|
|
|
name:'',
|
|
|
|
key:'',
|
|
|
|
pageNum:1,
|
|
|
|
pageSize:10,
|
|
|
|
},
|
|
|
|
total:0,
|
|
|
|
tableData: [],
|
|
|
|
tableloading:false,
|
|
|
|
}
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
// 分页
|
|
|
|
handleSizeChange(val) {
|
|
|
|
this.queryinfo.pageSize= val
|
|
|
|
this.getList()
|
|
|
|
},
|
|
|
|
handleCurrentChange(val) {
|
|
|
|
this.queryinfo.pageNum = val
|
|
|
|
this.getList()
|
|
|
|
},
|
|
|
|
//查询
|
|
|
|
getList() {
|
|
|
|
const _this = this
|
|
|
|
this.tableloading = true;
|
|
|
|
deployment(this.queryinfo).then((response) => {
|
|
|
|
const res = response.data
|
|
|
|
if (res.code != '200') {
|
|
|
|
return _this.$message.error('获取消息收发记录，失败！')
|
|
|
|
}
|
|
|
|
// 获取列表数据
|
|
|
|
_this.tableData = res.data.list
|
|
|
|
// 获取列表的总记录数
|
|
|
|
_this.total = res.data.total
|
|
|
|
this.tableloading = false;
|
|
|
|
_this.$message.success('获取消息收发记录，成功！')
|
|
|
|
}).catch(error => {
|
|
|
|
// 关闭加载
|
|
|
|
_this.$message.error(error.toString())
|
|
|
|
this.tableloading = false;
|
|
|
|
})
|
|
|
|
},
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<style scoped>
|
|
|
|
|
|
|
|
</style> |
...
|
...
|
|
