作者 小范

新增部署管理界面

import http from './http.js'
let baseUrl = 'wlpt-custom-service-workflow/deployment'
export const deployment = params => { return http.get(`${baseUrl}/deployment`, params); };
... ...
... ... @@ -89,6 +89,8 @@ import queryConfirmatory from './views/airtransport/queryConfirmatory.vue'
import configure from './views/airtransport/configure.vue'
import queryConfigure from './views/airtransport/queryConfigure.vue'
import transit from './views/transit/transit.vue'
import technological from './views/technological/technological.vue'
import departure from './views/airtransport/departure.vue'
import declare from './views/airtransport/declare.vue'
import queryDeparture from './views/airtransport/queryDeparture.vue'
... ... @@ -446,6 +448,15 @@ let routes = [
]
},
{
path: '/workflow',
component: HomeNew,
name: '流程管理',
iconCls: 'el-icon-goods',
children: [
{path:'/technological',component:technological,name:'部署管理'},
]
},
{
path: '/out',
component: HomeNew,
name: '出港航班申报',
... ...
<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>
... ...
{
"nmmsVer": "1.15"
"nmmsVer": "1.16"
}
... ...