朱兆平 / vue_cli · 提交

转到一个项目

作者 小范
提交 7dbd98433d15e7f80c498d2d73ed62f3f01636b1 1 个父辈 3373d560

消息总线系统界新增界面--消息路由批量配置

内嵌 并排对比
正在显示 3 个修改的文件 包含 175 行增加 和 2 行删除
@@ -24,7 +24,7 @@ module.exports = { @@ -24,7 +24,7 @@ module.exports = {
24 }, 24 },
25 dev: { 25 dev: {
26 env: require('./dev.env'), 26 env: require('./dev.env'),
27 - port: 12020, 27 + port: 12021,
28 autoOpenBrowser: true, 28 autoOpenBrowser: true,
29 assetsSubDirectory: 'static', 29 assetsSubDirectory: 'static',
30 assetsPublicPath: '/', 30 assetsPublicPath: '/',
@@ -88,6 +88,8 @@ import UserInfo from "./views/bus/UserInfo.vue" @@ -88,6 +88,8 @@ import UserInfo from "./views/bus/UserInfo.vue"
88 import QueueView from "./views/bus/view/QueueView.vue" 88 import QueueView from "./views/bus/view/QueueView.vue"
89 import ExchangeView from "./views/bus/view/ExchangeView.vue" 89 import ExchangeView from "./views/bus/view/ExchangeView.vue"
90 import ElasticSearchInfo from "./views/bus/ElasticSearchInfo.vue" 90 import ElasticSearchInfo from "./views/bus/ElasticSearchInfo.vue"
  91 +import ConfigureS from "./views/bus/Configure.vue"
  92 +
91 93
92 let routes = [ 94 let routes = [
93 { 95 {
@@ -159,9 +161,9 @@ let routes = [ @@ -159,9 +161,9 @@ let routes = [
159 {path: '/note', component: MessageNote, name: '消息记录管理'}, 161 {path: '/note', component: MessageNote, name: '消息记录管理'},
160 {path: '/note_search', component: MessageNoteSearch, name: '消息记录搜索'}, 162 {path: '/note_search', component: MessageNoteSearch, name: '消息记录搜索'},
161 {path: '/es', component: ElasticSearchInfo, name: 'ES信息管理'}, 163 {path: '/es', component: ElasticSearchInfo, name: 'ES信息管理'},
  164 + {path: '/configures', component: ConfigureS, name: '消息路由批量配置'}
162 ] 165 ]
163 }, 166 },
164 -  
165 { 167 {
166 path: '/bus/view', 168 path: '/bus/view',
167 component: Home, 169 component: Home,
  1 +<template>
  2 + <el-container>
  3 + <el-main>
  4 + <div style="border: 6px solid #6F8294;">
  5 + <el-row style="margin: -2px">
  6 + <el-col :span="6">
  7 + <el-row class="bt">
  8 + <span>选择消息发送端</span>
  9 + </el-row>
  10 + <el-row>
  11 + <el-tree
  12 + :data="send"
  13 + show-checkbox
  14 + node-key="id"
  15 + :props="defaultProps">
  16 + </el-tree>
  17 + </el-row>
  18 + </el-col>
  19 + <el-col :span="6" align="center">
  20 + <el-row class="bt">
  21 + <span>选择要发送的消息</span>
  22 + </el-row>
  23 + <el-row>
  24 + <el-tree
  25 + :data="ready"
  26 + show-checkbox
  27 + node-key="id"
  28 + :props="defaultProps">
  29 + </el-tree>
  30 + </el-row>
  31 + </el-col>
  32 + <el-col :span="6">
  33 + <el-row class="bt">
  34 + <span>选择消息接收端</span>
  35 + </el-row>
  36 + <el-row>
  37 + <el-tree
  38 + :data="send"
  39 + show-checkbox
  40 + node-key="id"
  41 + :props="defaultProps">
  42 + </el-tree>
  43 + </el-row>
  44 + </el-col>
  45 + <el-col :span="6">
  46 + <el-row class="bt">
  47 + <span>消息路由配置其他属性</span>
  48 + </el-row>
  49 + <el-row>
  50 + <el-form :inline="true" :rules="rules" :model="formInline" class="demo-form-inline" align="center" style="border:3px solid #6F8294;height: 800px;padding-top: 15px">
  51 + <el-form-item label="路由状态：">
  52 + <el-select v-model="formInline.state" placeholder="请选择" style="width: 150px" size="mini">
  53 + <el-option label="启用" value="01"></el-option>
  54 + <el-option label="关闭" value="02"></el-option>
  55 + </el-select>
  56 + </el-form-item>
  57 + <el-form-item label="路由用途：">
  58 + <el-select v-model="formInline.purpose" placeholder="请选择" style="width: 150px" size="mini">
  59 + <el-option label="生产用" value="03"></el-option>
  60 + </el-select>
  61 + </el-form-item>
  62 + <el-form-item label="路由描述：">
  63 + <el-input type="textarea" v-model="formInline.describe" style="width: 150px" size="mini"></el-input>
  64 + </el-form-item>
  65 + </el-form>
  66 + </el-row>
  67 + </el-col>
  68 + </el-row>
  69 +
  70 + </div>
  71 + </el-main>
  72 + </el-container>
  73 +</template>
  74 +
  75 +<script>
  76 + export default {
  77 + name: "Configure",
  78 +
  79 + data() {
  80 + return {
  81 + formInline: {
  82 + state: '',
  83 + purpose:'',
  84 + describe:''
  85 + },
  86 + send: [{
  87 + id: 1,
  88 + label: '代理人系统接收账号（AGTR）',
  89 + }, {
  90 + id: 2,
  91 + label: '代理人接收中外运预配（AGTZ）',
  92 + }, {
  93 + id: 3,
  94 + label: '【测试】舱单自动化解析系统（AMDB）',
  95 + }],
  96 + ready: [{
  97 + id: 1,
  98 + label: '航班动态（1）',
  99 + children: [{
  100 + id: 7,
  101 + label: '',
  102 + children: [{
  103 + id: 8,
  104 + label: ''
  105 + }, {
  106 + id: 9,
  107 + label: ''
  108 + }]
  109 + }]
  110 + }, {
  111 + id: 2,
  112 + label: '航班历史（2）',
  113 + children: [{
  114 + id: 7,
  115 + label: '',
  116 + children: [{
  117 + id: 8,
  118 + label: ''
  119 + }, {
  120 + id: 9,
  121 + label: ''
  122 + }]
  123 + }]
  124 + }, {
  125 + id: 3,
  126 + label: '卡口业务交换信息（80）',
  127 + children: [{
  128 + id: 4,
  129 + label: '卡口业务数据（KAKO）',
  130 + children: [{
  131 + id: 5,
  132 + label: 'ALL'
  133 + }, {
  134 + id: 6,
  135 + label: '卡口车单绑定关系数据（CARB）'
  136 + }]
  137 + }]
  138 + }],
  139 + defaultProps: {
  140 + children: 'children',
  141 + label: 'label'
  142 + }
  143 + }
  144 + },
  145 + methods: {
  146 + onSubmit() {
  147 + console.log('submit!');
  148 + }
  149 + }
  150 + }
  151 +</script>
  152 +
  153 +<style>
  154 + .bt {
  155 + font-weight: bold;
  156 + background-color: #6F8294;
  157 + color: #ffffff;
  158 + text-align: center
  159 + }
  160 + .el-col {
  161 + margin-right: 0px;
  162 + }
  163 + .el-tree {
  164 + padding-top: 15px;
  165 + border:3px solid #6F8294;
  166 + height: 800px
  167 + }
  168 + .el-row .el-col .el-row {
  169 + margin-top: 0px;
  170 + }
  171 +</style>