朱兆平 / vue_cli · 提交

转到一个项目

作者 王勇
提交 d560c83e777a3436f7692ada26564e7f870af028 1 个父辈 e65e185c

添加消息内容，XML格式化

内嵌 并排对比
正在显示 4 个修改的文件 包含 143 行增加 和 38 行删除
@@ -12796,6 +12796,11 @@ @@ -12796,6 +12796,11 @@
12796 "extsprintf": "^1.2.0" 12796 "extsprintf": "^1.2.0"
12797 } 12797 }
12798 }, 12798 },
  12799 + "vkbeautify": {
  12800 + "version": "0.99.3",
  12801 + "resolved": "https://registry.npmjs.org/vkbeautify/-/vkbeautify-0.99.3.tgz",
  12802 + "integrity": "sha512-2ozZEFfmVvQcHWoHLNuiKlUfDKlhh4KGsy54U0UrlLMR1SO+XKAIDqBxtBwHgNrekurlJwE8A9K6L49T78ZQ9Q=="
  12803 + },
12799 "vm-browserify": { 12804 "vm-browserify": {
12800 "version": "1.1.0", 12805 "version": "1.1.0",
12801 "resolved": "https://registry.npmjs.org/vm-browserify/-/vm-browserify-1.1.0.tgz", 12806 "resolved": "https://registry.npmjs.org/vm-browserify/-/vm-browserify-1.1.0.tgz",
@@ -26,6 +26,7 @@ @@ -26,6 +26,7 @@
26 "npm": "^6.8.0", 26 "npm": "^6.8.0",
27 "nprogress": "^0.2.0", 27 "nprogress": "^0.2.0",
28 "script-loader": "^0.7.2", 28 "script-loader": "^0.7.2",
  29 + "vkbeautify": "^0.99.3",
29 "vue": "^2.2.2", 30 "vue": "^2.2.2",
30 "vue-count-to": "^1.0.13", 31 "vue-count-to": "^1.0.13",
31 "vue-i18n": "^8.14.0", 32 "vue-i18n": "^8.14.0",
@@ -124,18 +124,18 @@ @@ -124,18 +124,18 @@
124 axios.defaults.headers.common['Authorization'] = 'Bearer '+token; 124 axios.defaults.headers.common['Authorization'] = 'Bearer '+token;
125 //处理用户menu 125 //处理用户menu
126 _this.userMenus = loginUserMenus.list; 126 _this.userMenus = loginUserMenus.list;
127 - console.log("userMenus:");  
128 - console.log(_this.userMenus);  
129 - console.log(loginUserMenus.list); 127 + // console.log("userMenus:");
  128 + // console.log(_this.userMenus);
  129 + // console.log(loginUserMenus.list);
130 let sysMenus = _this.$router.options.routes; 130 let sysMenus = _this.$router.options.routes;
131 131
132 - console.log("sysMenus:");  
133 - console.log(sysMenus); 132 + // console.log("sysMenus:");
  133 + // console.log(sysMenus);
134 134
135 _this.handleMenuList(_this.$router.options.routes,_this.userMenus); 135 _this.handleMenuList(_this.$router.options.routes,_this.userMenus);
136 136
137 - console.log("user:");  
138 - console.log(_this.$router.options.routes); 137 + // console.log("user:");
  138 + // console.log(_this.$router.options.routes);
139 _this.$router.push({path: '/main'}); 139 _this.$router.push({path: '/main'});
140 } 140 }
141 }).catch(error => { 141 }).catch(error => {
@@ -52,39 +52,45 @@ @@ -52,39 +52,45 @@
52 @click="messageNote_toAddDialog"> 52 @click="messageNote_toAddDialog">
53 发送消息 53 发送消息
54 </el-button> 54 </el-button>
55 - <el-button type="warning" style="width:150px" size="medium"  
56 - @click="messageNote_openDeleteTime">  
57 - 设置保留时间  
58 - </el-button> 55 + <!-- <el-button type="warning" style="width:150px" size="medium"-->
  56 + <!-- @click="messageNote_openDeleteTime">-->
  57 + <!-- 设置保留时间-->
  58 + <!-- </el-button>-->
59 </el-col> 59 </el-col>
60 </el-row> 60 </el-row>
61 </div> 61 </div>
62 <!-- 列表区域 --> 62 <!-- 列表区域 -->
63 <div style="margin-top: 20px;"> 63 <div style="margin-top: 20px;">
64 <el-table :data="messageNote_page.messageNoteList" border 64 <el-table :data="messageNote_page.messageNoteList" border
65 - v-loading="messageNote_loading.listLoading" 65 + v-loading="messageNote_loading.listLoading" size="small"
66 @selection-change="messageNote_selectChange" 66 @selection-change="messageNote_selectChange"
67 element-loading-text="获取消息收发记录，拼命加载中"> 67 element-loading-text="获取消息收发记录，拼命加载中">
68 <el-table-column type="selection" width="55" align="center"></el-table-column> 68 <el-table-column type="selection" width="55" align="center"></el-table-column>
69 <el-table-column type="index" align="center"></el-table-column> 69 <el-table-column type="index" align="center"></el-table-column>
70 - <el-table-column label="用户名称" prop="username" align="center" width="220"></el-table-column>  
71 - <el-table-column label="消息发送时间" prop="alias_sendTime" align="center" width="220"> 70 + <el-table-column label="用户名称" prop="username" align="center" width="120"></el-table-column>
  71 + <el-table-column label="消息发送时间" prop="alias_sendTime" align="center" width="150">
72 </el-table-column> 72 </el-table-column>
73 <el-table-column label="发送内容" prop="alias_sendContent" align="center" width="220"> 73 <el-table-column label="发送内容" prop="alias_sendContent" align="center" width="220">
74 </el-table-column> 74 </el-table-column>
75 - <el-table-column label="服务器名称" prop="serverName" align="center" width="220"></el-table-column>  
76 - <el-table-column label="虚拟主机名称" prop="virtualHostName" align="center" width="220"></el-table-column>  
77 - <el-table-column label="交换机名称" prop="exchangeName" align="center" width="220"></el-table-column>  
78 - <el-table-column label="路由键名称" prop="routingKeyName" align="center" width="220"></el-table-column>  
79 - <el-table-column label="相关描述" prop="description" align="center" width="220"></el-table-column>  
80 - <el-table-column label="操作" width="245px" align="center" fixed="right"> 75 + <el-table-column label="服务器名称" prop="serverName" align="center" width="150"></el-table-column>
  76 + <el-table-column label="虚拟主机名称" prop="virtualHostName" align="center" width="150"></el-table-column>
  77 + <el-table-column label="交换机名称" prop="exchangeName" align="center" width="150"></el-table-column>
  78 + <el-table-column label="路由键名称" prop="routingKeyName" align="center" width="150"></el-table-column>
  79 + <!-- <el-table-column label="相关描述" prop="description" align="center" width="220"></el-table-column>-->
  80 + <el-table-column label="操作" width="300px" align="center" fixed="right">
81 <template slot-scope="scope"> 81 <template slot-scope="scope">
82 - <!-- 编辑按钮--> 82 +
83 <el-tooltip effect="dark" content="查看" placement="top-start" :enterable="false"> 83 <el-tooltip effect="dark" content="查看" placement="top-start" :enterable="false">
84 - <el-button type="primary" icon="el-icon-edit" size="mini" 84 + <el-button type="primary" icon="el-icon-view" size="mini"
85 @click="messageNote_toEditDialog(scope.$index,scope.row)">查看 85 @click="messageNote_toEditDialog(scope.$index,scope.row)">查看
86 </el-button> 86 </el-button>
87 </el-tooltip> 87 </el-tooltip>
  88 +
  89 + <el-tooltip effect="dark" content="查看发送内容" placement="top-start" :enterable="false">
  90 + <el-button type="success" icon="el-icon-view" size="mini"
  91 + @click="messageNote_toViewContentDialogDialog(scope.$index,scope.row)">发送内容
  92 + </el-button>
  93 + </el-tooltip>
88 <!-- 删除按钮--> 94 <!-- 删除按钮-->
89 <el-tooltip effect="dark" content="删除" placement="top-start" :enterable="false"> 95 <el-tooltip effect="dark" content="删除" placement="top-start" :enterable="false">
90 <el-button type="danger" icon="el-icon-delete" size="mini" 96 <el-button type="danger" icon="el-icon-delete" size="mini"
@@ -111,9 +117,9 @@ @@ -111,9 +117,9 @@
111 @size-change="messageNote_handleSizeChange" 117 @size-change="messageNote_handleSizeChange"
112 @current-change="messageNote_handleCurrentChange" 118 @current-change="messageNote_handleCurrentChange"
113 :current-page="messageNote_queryInfo.pageNum" 119 :current-page="messageNote_queryInfo.pageNum"
114 - :page-sizes="[10,20,30,50,100,200]" 120 + :page-sizes="[10,50,200,500]"
115 :page-size="messageNote_queryInfo.pageSize" 121 :page-size="messageNote_queryInfo.pageSize"
116 - layout="total, sizes, prev, pager, next, jumper" 122 + layout=" sizes, prev, pager, next, jumper"
117 :total="messageNote_page.total"> 123 :total="messageNote_page.total">
118 </el-pagination> 124 </el-pagination>
119 </el-col> 125 </el-col>
@@ -261,7 +267,7 @@ @@ -261,7 +267,7 @@
261 </div> 267 </div>
262 </el-dialog> 268 </el-dialog>
263 </div> 269 </div>
264 - <!-- 编辑，对话框区域 --> 270 + <!-- 查看详细，对话框区域 -->
265 <div> 271 <div>
266 <el-dialog title="查看消息记录" 272 <el-dialog title="查看消息记录"
267 :visible.sync="messageNote_dialog.editDialog" 273 :visible.sync="messageNote_dialog.editDialog"
@@ -271,8 +277,7 @@ @@ -271,8 +277,7 @@
271 <el-form :inline="true" label-width="120px" status-icon style="margin-top: -10px" align="center" 277 <el-form :inline="true" label-width="120px" status-icon style="margin-top: -10px" align="center"
272 :model="messageNote_editForm" :rules="messageNote_editFormRules" ref="messageNote_editFormRef"> 278 :model="messageNote_editForm" :rules="messageNote_editFormRules" ref="messageNote_editFormRef">
273 <el-form-item label="用户名称：" prop="username"> 279 <el-form-item label="用户名称：" prop="username">
274 - <el-input v-model="messageNote_editForm.username" style="width:300px" size="small"  
275 - readonly 280 + <el-input v-model="messageNote_editForm.username" style="width:300px" size="small" readonly
276 placeholder="用户名称"> 281 placeholder="用户名称">
277 </el-input> 282 </el-input>
278 283
@@ -402,10 +407,50 @@ @@ -402,10 +407,50 @@
402 </div> 407 </div>
403 </el-dialog> 408 </el-dialog>
404 </div> 409 </div>
  410 + <!-- 查看发送内容，对话框区域 -->
  411 + <div>
  412 + <el-dialog title="查看消息内容"
  413 + :visible.sync="messageNote_dialog.viewContentDialog"
  414 + style="margin-top: -80px" text-align="center" width="70%"
  415 + @close="messageNote_viewContentDialogClosed">
  416 + <el-form :inline="true" label-width="120px" status-icon style="margin-top: -10px" align="center"
  417 + :model="messageNote_viewContentForm" :rules="messageNote_viewContentFormRules" ref="messageNote_viewContentFormRef">
  418 + <el-form-item label="消息内容：" prop="alias_sendContent">
  419 + <el-input v-model="messageNote_viewContentForm.alias_sendContent"
  420 + v-if="isViewContent === false"
  421 + style="width:800px" size="small" placeholder="消息内容"
  422 + clearable type="textarea" :rows="20">
  423 + </el-input>
  424 + <el-input v-model="xml_content"
  425 + v-if="isViewContent === true"
  426 + style="width:800px" size="small" placeholder="发送内容"
  427 + clearable type="textarea" :rows="20">
  428 + </el-input>
  429 + </el-form-item>
  430 + </el-form>
  431 + <div slot="footer" class="dialog-footer" style="text-align: center;margin-top: -20px">
  432 +
  433 + <el-button type="success" @click="xml_format(messageNote_viewContentForm.alias_sendContent)" size="medium"
  434 + style="width: 100px">xml格式化
  435 + </el-button>
  436 +
  437 + <el-button type="info" @click="messageNote_dialog.viewContentDialog = false" size="medium"
  438 + style="width: 100px">取消
  439 + </el-button>
  440 + <el-button type="primary" @click="messageNote_dialog.viewContentDialog = false" size="medium"
  441 + style="width: 100px">关闭
  442 + </el-button>
  443 + <!-- <el-button type="primary" @click="messageNote_edit" :loading="messageNote_loading.editLoading"-->
  444 + <!-- size="medium" style="width: 100px">查看-->
  445 + <!-- </el-button>-->
  446 + </div>
  447 + </el-dialog>
  448 + </div>
405 </el-container> 449 </el-container>
406 </template> 450 </template>
407 451
408 <script> 452 <script>
  453 + import vkbeautify from "vkbeautify";
409 import { 454 import {
410 selectMessageNoteList, 455 selectMessageNoteList,
411 insertMessageNote, 456 insertMessageNote,
@@ -451,6 +496,7 @@ @@ -451,6 +496,7 @@
451 // 路由键列表 496 // 路由键列表
452 routingKeyList: [], 497 routingKeyList: [],
453 }, 498 },
  499 +
454 /** 500 /**
455 * messageNote，搜索参数 501 * messageNote，搜索参数
456 */ 502 */
@@ -478,6 +524,7 @@ @@ -478,6 +524,7 @@
478 // 每页条数 524 // 每页条数
479 pageSize: 10 525 pageSize: 10
480 }, 526 },
  527 +
481 /** 528 /**
482 * messageNote，分页 529 * messageNote，分页
483 */ 530 */
@@ -522,10 +569,27 @@ @@ -522,10 +569,27 @@
522 // 相关描述 569 // 相关描述
523 description: '', 570 description: '',
524 }, 571 },
  572 +
525 /** 573 /**
526 * messageNote，编辑表单 574 * messageNote，编辑表单
527 */ 575 */
528 messageNote_editForm: {}, 576 messageNote_editForm: {},
  577 +
  578 + /**
  579 + * 发送内容，表单
  580 + */
  581 + messageNote_viewContentForm: {},
  582 +
  583 + /**
  584 + * 发送内容,格式化之后
  585 + */
  586 + xml_content: '',
  587 +
  588 + /**
  589 + * 发送内容,是否格式化
  590 + */
  591 + isViewContent: false,
  592 +
529 /** 593 /**
530 * messageNote，加载 594 * messageNote，加载
531 */ 595 */
@@ -541,17 +605,19 @@ @@ -541,17 +605,19 @@
541 // 批量删除加载 605 // 批量删除加载
542 batchDelLoading: false, 606 batchDelLoading: false,
543 }, 607 },
  608 +
544 /** 609 /**
545 * messageNote,对话框管理 610 * messageNote,对话框管理
546 */ 611 */
547 messageNote_dialog: { 612 messageNote_dialog: {
548 // 添加对话框 613 // 添加对话框
549 addDialog: false, 614 addDialog: false,
550 - // 编辑对话框 615 + // 查看详细对话框
551 editDialog: false, 616 editDialog: false,
552 // 定时删除记录对话框 617 // 定时删除记录对话框
553 deleteTimeDialog: false, 618 deleteTimeDialog: false,
554 - 619 + // 查看发送内容对话框
  620 + viewContentDialog: false,
555 }, 621 },
556 622
557 /** 623 /**
@@ -599,6 +665,15 @@ @@ -599,6 +665,15 @@
599 {required: true, message: '请输入相关描述', trigger: ['blur', 'change']}, 665 {required: true, message: '请输入相关描述', trigger: ['blur', 'change']},
600 ], 666 ],
601 }, 667 },
  668 +
  669 + messageNote_viewContentFormRules: {
  670 + // 发送内容
  671 + alias_sendContent: [
  672 + {required: true, message: '请输入消息发送内容', trigger: ['blur', 'change']},
  673 + ],
  674 + },
  675 +
  676 +
602 /** 677 /**
603 * messageNote,编辑表单，验证规则 678 * messageNote,编辑表单，验证规则
604 */ 679 */
@@ -765,13 +840,31 @@ @@ -765,13 +840,31 @@
765 this.messageNote_editForm = Object.assign({}, row); 840 this.messageNote_editForm = Object.assign({}, row);
766 this.messageNote_dialog.editDialog = true; 841 this.messageNote_dialog.editDialog = true;
767 }, 842 },
  843 +
  844 + /**
  845 + * messageNote，查看发送内容，打开事件
  846 + */
  847 + messageNote_toViewContentDialogDialog(index, row) {
  848 + this.messageNote_viewContentForm = Object.assign({}, row);
  849 + this.messageNote_dialog.viewContentDialog = true;
  850 + // this.messageNote_viewContentForm.alias_sendContent = vkbeautify.xml(row.alias_sendContent);
  851 + },
768 /** 852 /**
769 * messageNote，编辑对话框，关闭事件 853 * messageNote，编辑对话框，关闭事件
770 */ 854 */
771 messageNote_editDialogClosed() { 855 messageNote_editDialogClosed() {
772 - //重置对话框 856 + // 重置对话框
773 this.$refs.messageNote_editFormRef.resetFields(); 857 this.$refs.messageNote_editFormRef.resetFields();
774 }, 858 },
  859 +
  860 + /**
  861 + * messageNote，查看发送内容对话框，关闭事件
  862 + */
  863 + messageNote_viewContentDialogClosed() {
  864 + this.isViewContent = false;
  865 + // 重置对话框
  866 + this.$refs.messageNote_viewContentFormRef.resetFields();
  867 + },
775 /** 868 /**
776 * messageNote，编辑功能 869 * messageNote，编辑功能
777 */ 870 */
@@ -903,7 +996,6 @@ @@ -903,7 +996,6 @@
903 selectDeleteTime() { 996 selectDeleteTime() {
904 getDeleteTime().then((response) => { 997 getDeleteTime().then((response) => {
905 let res = response.data; 998 let res = response.data;
906 - console.log(res)  
907 if (res.code !== '200') { 999 if (res.code !== '200') {
908 return this.$message.error('获取删除时间，失败！'); 1000 return this.$message.error('获取删除时间，失败！');
909 } 1001 }
@@ -919,7 +1011,6 @@ @@ -919,7 +1011,6 @@
919 const params = {deleteTime: this.schedulingDelete.deleteTime} 1011 const params = {deleteTime: this.schedulingDelete.deleteTime}
920 setDeleteTime(params).then((response) => { 1012 setDeleteTime(params).then((response) => {
921 let res = response.data; 1013 let res = response.data;
922 - console.log(res)  
923 if (res.code !== '200') { 1014 if (res.code !== '200') {
924 return this.$message.error('设置删除时间，失败！'); 1015 return this.$message.error('设置删除时间，失败！');
925 } 1016 }
@@ -1016,7 +1107,7 @@ @@ -1016,7 +1107,7 @@
1016 * 添加方法，服务器ID值，改变 1107 * 添加方法，服务器ID值，改变
1017 */ 1108 */
1018 messageNote_server_addChange(value) { 1109 messageNote_server_addChange(value) {
1019 - console.log("服务器ID值:" + value); 1110 +
1020 // 现将对应的虚拟主机和交换机的ID清空 1111 // 现将对应的虚拟主机和交换机的ID清空
1021 this.messageNote_addForm.virtualHostId = undefined; 1112 this.messageNote_addForm.virtualHostId = undefined;
1022 this.messageNote_addForm.exchangeId = undefined; 1113 this.messageNote_addForm.exchangeId = undefined;
@@ -1038,7 +1129,6 @@ @@ -1038,7 +1129,6 @@
1038 * 添加方法，虚拟主机ID值，改变 1129 * 添加方法，虚拟主机ID值，改变
1039 */ 1130 */
1040 messageNote_virtualHost_addChange(value) { 1131 messageNote_virtualHost_addChange(value) {
1041 - console.log("虚拟主机ID值:" + value);  
1042 // 先将对应的交换机和队列的ID清空 1132 // 先将对应的交换机和队列的ID清空
1043 this.messageNote_addForm.exchangeId = undefined; 1133 this.messageNote_addForm.exchangeId = undefined;
1044 this.messageNote_addForm.queueId = undefined; 1134 this.messageNote_addForm.queueId = undefined;
@@ -1051,7 +1141,7 @@ @@ -1051,7 +1141,7 @@
1051 * 添加方法，交换机ID值，改变 1141 * 添加方法，交换机ID值，改变
1052 */ 1142 */
1053 messageNote_exchange_addChange(value) { 1143 messageNote_exchange_addChange(value) {
1054 - console.log("交换机ID值:" + value); 1144 +
1055 // 先将对应的路由键的ID清空 1145 // 先将对应的路由键的ID清空
1056 this.messageNote_addForm.routingKeyId = undefined; 1146 this.messageNote_addForm.routingKeyId = undefined;
1057 // 根据交换机ID，获取出对应的路由键的列表 1147 // 根据交换机ID，获取出对应的路由键的列表
@@ -1061,7 +1151,7 @@ @@ -1061,7 +1151,7 @@
1061 * 编辑方法，服务器ID值，改变 1151 * 编辑方法，服务器ID值，改变
1062 */ 1152 */
1063 messageNote_server_editChange(value) { 1153 messageNote_server_editChange(value) {
1064 - console.log("服务器ID值:" + value); 1154 +
1065 // 现将对应的虚拟主机和交换机的ID清空 1155 // 现将对应的虚拟主机和交换机的ID清空
1066 this.messageNote_editForm.virtualHostId = undefined; 1156 this.messageNote_editForm.virtualHostId = undefined;
1067 this.messageNote_editForm.exchangeId = undefined; 1157 this.messageNote_editForm.exchangeId = undefined;
@@ -1072,7 +1162,7 @@ @@ -1072,7 +1162,7 @@
1072 * 编辑方法，虚拟主机ID值，改变 1162 * 编辑方法，虚拟主机ID值，改变
1073 */ 1163 */
1074 messageNote_virtualHost_editChange(value) { 1164 messageNote_virtualHost_editChange(value) {
1075 - console.log("虚拟主机ID值:" + value); 1165 +
1076 // 先将对应的交换机和队列的ID清空 1166 // 先将对应的交换机和队列的ID清空
1077 this.messageNote_editForm.exchangeId = undefined; 1167 this.messageNote_editForm.exchangeId = undefined;
1078 this.messageNote_editForm.queueId = undefined; 1168 this.messageNote_editForm.queueId = undefined;
@@ -1085,7 +1175,7 @@ @@ -1085,7 +1175,7 @@
1085 * 编辑方法，交换机ID值，改变 1175 * 编辑方法，交换机ID值，改变
1086 */ 1176 */
1087 messageNote_exchange_editChange(value) { 1177 messageNote_exchange_editChange(value) {
1088 - console.log("交换机ID值:" + value); 1178 +
1089 // 先将对应的路由键的ID清空 1179 // 先将对应的路由键的ID清空
1090 this.messageNote_editForm.routingKeyId = undefined; 1180 this.messageNote_editForm.routingKeyId = undefined;
1091 // 根据交换机ID，获取出对应的路由键的列表 1181 // 根据交换机ID，获取出对应的路由键的列表
@@ -1117,6 +1207,15 @@ @@ -1117,6 +1207,15 @@
1117 this.$message.error(error.toString()); 1207 this.$message.error(error.toString());
1118 }); 1208 });
1119 }, 1209 },
  1210 +
  1211 + /**
  1212 + * 将消息内容，格式化xml
  1213 + * @param content
  1214 + */
  1215 + xml_format(content) {
  1216 + this.isViewContent = true;
  1217 + this.xml_content = vkbeautify.xml(content);
  1218 + },
1120 }, 1219 },
1121 created() { 1220 created() {
1122 // 刷新列表 1221 // 刷新列表