作者 小范

新增部署管理界面

  1 +import http from './http.js'
  2 +let baseUrl = 'wlpt-custom-service-workflow/deployment'
  3 +
  4 +
  5 +export const deployment = params => { return http.get(`${baseUrl}/deployment`, params); };
@@ -89,6 +89,8 @@ import queryConfirmatory from './views/airtransport/queryConfirmatory.vue' @@ -89,6 +89,8 @@ import queryConfirmatory from './views/airtransport/queryConfirmatory.vue'
89 import configure from './views/airtransport/configure.vue' 89 import configure from './views/airtransport/configure.vue'
90 import queryConfigure from './views/airtransport/queryConfigure.vue' 90 import queryConfigure from './views/airtransport/queryConfigure.vue'
91 import transit from './views/transit/transit.vue' 91 import transit from './views/transit/transit.vue'
  92 +import technological from './views/technological/technological.vue'
  93 +
92 import departure from './views/airtransport/departure.vue' 94 import departure from './views/airtransport/departure.vue'
93 import declare from './views/airtransport/declare.vue' 95 import declare from './views/airtransport/declare.vue'
94 import queryDeparture from './views/airtransport/queryDeparture.vue' 96 import queryDeparture from './views/airtransport/queryDeparture.vue'
@@ -446,6 +448,15 @@ let routes = [ @@ -446,6 +448,15 @@ let routes = [
446 ] 448 ]
447 }, 449 },
448 { 450 {
  451 + path: '/workflow',
  452 + component: HomeNew,
  453 + name: '流程管理',
  454 + iconCls: 'el-icon-goods',
  455 + children: [
  456 + {path:'/technological',component:technological,name:'部署管理'},
  457 + ]
  458 + },
  459 + {
449 path: '/out', 460 path: '/out',
450 component: HomeNew, 461 component: HomeNew,
451 name: '出港航班申报', 462 name: '出港航班申报',
  1 +<template>
  2 + <el-container>
  3 + <el-main>
  4 + <!--检索条件-->
  5 + <el-row class="toolbar" style="background-color: white;margin-bottom: 10px">
  6 + <el-col :span="6">
  7 + <el-input v-model="queryinfo.name" placeholder="名称" style="width: 200px">
  8 + <template slot="prepend">名称</template>
  9 + </el-input>
  10 + </el-col>
  11 + <el-col :span="6">
  12 + <el-input v-model="queryinfo.key" placeholder="key-ID" style="width: 200px">
  13 + <template slot="prepend">key-ID</template>
  14 + </el-input>
  15 + </el-col>
  16 +
  17 + <el-col :span="8">
  18 + <el-button type="primary" v-on:click="getList">查询</el-button>
  19 +<!-- <el-button type="success" v-on:click="toAddDialog">新增</el-button>-->
  20 +
  21 + </el-col>
  22 + </el-row>
  23 + <el-row>
  24 + <template>
  25 + <el-table
  26 + v-loading="tableloading"
  27 + :data="tableData"
  28 + style="width: 100%"
  29 + :default-sort = "{prop: 'date', order: 'descending'}"
  30 + >
  31 + <el-table-column
  32 + prop="name"
  33 + label="名称">
  34 + </el-table-column>
  35 + <el-table-column
  36 + prop="category"
  37 + label="类别">
  38 + </el-table-column>
  39 + <el-table-column
  40 + prop="key"
  41 + label="key-ID">
  42 + </el-table-column>
  43 + <el-table-column
  44 + prop="id"
  45 + label="id">
  46 + </el-table-column>
  47 + <el-table-column
  48 + prop="deploymentTime"
  49 + label="时间">
  50 + </el-table-column>
  51 + <el-table-column
  52 + prop="filePath"
  53 + label="文件路径">
  54 + </el-table-column>
  55 +<!-- <el-table-column-->
  56 +<!-- fixed="right"-->
  57 +<!-- label="操作"-->
  58 +<!-- width="150">-->
  59 +<!-- <template slot-scope="scope">-->
  60 +<!-- <el-button type="success" size="small" @click="toEditDialog(scope.row)">编辑</el-button>-->
  61 +<!-- <el-button type="danger" size="small" @click="del(scope.$index,scope.row)">删除</el-button>-->
  62 +<!-- </template>-->
  63 +<!-- </el-table-column>-->
  64 + </el-table>
  65 + </template>
  66 + </el-row>
  67 + <!--分页模块-->
  68 + <el-row style="float: right;margin-top: 20px">
  69 + <el-col>
  70 + <div class="block">
  71 + <el-pagination
  72 + @size-change="handleSizeChange"
  73 + @current-change="handleCurrentChange"
  74 + :current-page="queryinfo.pageNum"
  75 + :page-sizes="[10, 20, 30, 40]"
  76 + :page-size="queryinfo.pageSize"
  77 + layout="total, sizes, prev, pager, next, jumper"
  78 + :total="total">
  79 + </el-pagination>
  80 + </div>
  81 + </el-col>
  82 + </el-row>
  83 + </el-main>
  84 + </el-container>
  85 +
  86 +</template>
  87 +
  88 +<script>
  89 + import {deployment} from "../../api/technological";
  90 +
  91 +
  92 + export default {
  93 + name: "technological",
  94 + data() {
  95 + return{
  96 + queryinfo:{
  97 + name:'',
  98 + key:'',
  99 + pageNum:1,
  100 + pageSize:10,
  101 + },
  102 + total:0,
  103 + tableData: [],
  104 + tableloading:false,
  105 + }
  106 + },
  107 + methods: {
  108 + // 分页
  109 + handleSizeChange(val) {
  110 + this.queryinfo.pageSize= val
  111 + this.getList()
  112 + },
  113 + handleCurrentChange(val) {
  114 + this.queryinfo.pageNum = val
  115 + this.getList()
  116 + },
  117 + //查询
  118 + getList() {
  119 + const _this = this
  120 + this.tableloading = true;
  121 + deployment(this.queryinfo).then((response) => {
  122 + const res = response.data
  123 + if (res.code != '200') {
  124 + return _this.$message.error('获取消息收发记录,失败!')
  125 + }
  126 + // 获取列表数据
  127 + _this.tableData = res.data.list
  128 + // 获取列表的总记录数
  129 + _this.total = res.data.total
  130 + this.tableloading = false;
  131 + _this.$message.success('获取消息收发记录,成功!')
  132 + }).catch(error => {
  133 + // 关闭加载
  134 + _this.$message.error(error.toString())
  135 + this.tableloading = false;
  136 + })
  137 + },
  138 +
  139 + }
  140 + }
  141 +</script>
  142 +
  143 +<style scoped>
  144 +
  145 +</style>
1 { 1 {
2 - "nmmsVer": "1.15" 2 + "nmmsVer": "1.16"
3 } 3 }