monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by ‘superliu’
Commit 30b553c5f9e8d4746909f3c67b2d7c309a12deee 1 parent 35c66a77

故障管理详情弹框优化

Inline Side-by-side
Showing 2 changed files with 43 additions and 11 deletions
@@ -47,17 +47,19 @@ @@ -47,17 +47,19 @@
47 <cm-dialog :title="faultDetailDialogTitle" width="80%" :showDialogVisible="showFaultDetailDialog" 47 <cm-dialog :title="faultDetailDialogTitle" width="80%" :showDialogVisible="showFaultDetailDialog"
48 @hidedialog="closeFaultDetailDialog" :showFooter="false"> 48 @hidedialog="closeFaultDetailDialog" :showFooter="false">
49 <template v-slot> 49 <template v-slot>
50 - <div style="text-align: left;height:720px;max-height:720px;overflow-y: auto;overflow-x: hidden;"> 50 + <div style="text-align: left;height:750px;max-height:720px;overflow-y: auto;overflow-x: hidden;">
51 <div style="text-align: right;padding-right: 10px"> 51 <div style="text-align: right;padding-right: 10px">
52 <el-button type="text" size="small" 52 <el-button type="text" size="small"
53 @click.prevent="$global.openReport('GZZDS',{faultNumber:faultDetailDetailInfo.faultNo},'60%','80%')"> 53 @click.prevent="$global.openReport('GZZDS',{faultNumber:faultDetailDetailInfo.faultNo},'60%','80%')">
54 <i class="iconfont iconfont-small icon-icon-rizhi"/> 报表 54 <i class="iconfont iconfont-small icon-icon-rizhi"/> 报表
55 </el-button> 55 </el-button>
56 </div> 56 </div>
57 - <el-timeline>  
58 - <el-timeline-item v-for="item in faultDetailDetailInfo.items" center :timestamp="item.faultTypeName"  
59 - placement="top" :color="item.color" :hollow="true">  
60 - <el-card> 57 + <el-timeline >
  58 +
  59 + <el-timeline-item v-for="item in faultDetailDetailInfo.items" center :timestamp="item.faultTypeName"
  60 + placement="top" :color="item.color" :hollow="true" >
  61 +<!-- {{item.state==1}}-->
  62 + <el-card v-if="item.state==1">
61 <component v-bind:is="item.components" 63 <component v-bind:is="item.components"
62 :targetType="item.faultType" 64 :targetType="item.faultType"
63 :faultNo="faultDetailDetailInfo.faultNo" 65 :faultNo="faultDetailDetailInfo.faultNo"
@@ -15,7 +15,8 @@ const faultDetail = () => { @@ -15,7 +15,8 @@ const faultDetail = () => {
15 faultTypeName: '网络链路', 15 faultTypeName: '网络链路',
16 components: 'netLinks', 16 components: 'netLinks',
17 color: '#409EFF', 17 color: '#409EFF',
18 - detail:true 18 + detail:true,
  19 + state:'0'
19 },{ 20 },{
20 faultType: 'DIALTEST', 21 faultType: 'DIALTEST',
21 faultTypeName: '拨测', 22 faultTypeName: '拨测',
@@ -23,7 +24,8 @@ const faultDetail = () => { @@ -23,7 +24,8 @@ const faultDetail = () => {
23 color: '#67C23A', 24 color: '#67C23A',
24 itemName: '场景名称', 25 itemName: '场景名称',
25 detail: false, 26 detail: false,
26 - colType: 'kpi' 27 + colType: 'kpi',
  28 + state:'0'
27 }, { 29 }, {
28 faultType: 'NPM', 30 faultType: 'NPM',
29 faultTypeName: 'NPM', 31 faultTypeName: 'NPM',
@@ -31,7 +33,8 @@ const faultDetail = () => { @@ -31,7 +33,8 @@ const faultDetail = () => {
31 color: '#E6A23C', 33 color: '#E6A23C',
32 itemName: '链路（流名称）', 34 itemName: '链路（流名称）',
33 detail: false, 35 detail: false,
34 - colType: 'kpi' 36 + colType: 'kpi',
  37 + state:'0'
35 }, { 38 }, {
36 faultType: 'BASE', 39 faultType: 'BASE',
37 faultTypeName: '基础', 40 faultTypeName: '基础',
@@ -39,7 +42,8 @@ const faultDetail = () => { @@ -39,7 +42,8 @@ const faultDetail = () => {
39 color: '#67C23A', 42 color: '#67C23A',
40 itemName: '检测指标', 43 itemName: '检测指标',
41 detail: true, 44 detail: true,
42 - colType: 'flag' 45 + colType: 'flag',
  46 + state:'0'
43 }, { 47 }, {
44 faultType: 'APM', 48 faultType: 'APM',
45 faultTypeName: 'APM', 49 faultTypeName: 'APM',
@@ -47,7 +51,8 @@ const faultDetail = () => { @@ -47,7 +51,8 @@ const faultDetail = () => {
47 color: '#F56C6C', 51 color: '#F56C6C',
48 itemName: '检测指标', 52 itemName: '检测指标',
49 detail: true, 53 detail: true,
50 - colType: 'flag' 54 + colType: 'flag',
  55 + state:'0'
51 }, { 56 }, {
52 faultType: 'faultHis', 57 faultType: 'faultHis',
53 faultTypeName: '知识库', 58 faultTypeName: '知识库',
@@ -55,7 +60,8 @@ const faultDetail = () => { @@ -55,7 +60,8 @@ const faultDetail = () => {
55 color: '#8a9718', 60 color: '#8a9718',
56 itemName: '知识库', 61 itemName: '知识库',
57 detail: true, 62 detail: true,
58 - colType: 'flag' 63 + colType: 'flag',
  64 + state:'1'
59 }] 65 }]
60 }); 66 });
61 67
@@ -74,6 +80,30 @@ const faultDetail = () => { @@ -74,6 +80,30 @@ const faultDetail = () => {
74 * @param row 80 * @param row
75 */ 81 */
76 let settingDetail = (row) => { 82 let settingDetail = (row) => {
  83 + proxy.$http.get('/api-web/fault/conf/detail/getDetailByNo', {faultNo:row.faultNo},function(res) {
  84 + res.forEach(item=>{
  85 + if(item.type.toUpperCase()=='NETLINK'){
  86 + faultDetailDetailInfo.value.items[0].state= item.state
  87 + }
  88 + if(item.type.toUpperCase()=='DIALTEST'){
  89 + faultDetailDetailInfo.value.items[1].state= item.state
  90 + }
  91 + if(item.type.toUpperCase()=='NPM'){
  92 + faultDetailDetailInfo.value.items[2].state= item.state
  93 + }
  94 + if(item.type.toUpperCase()=='BASE'){
  95 + faultDetailDetailInfo.value.items[3].state= item.state
  96 + }
  97 + if(item.type.toUpperCase()=='APM'){
  98 + faultDetailDetailInfo.value.items[4].state= item.state
  99 + }
  100 + })
  101 + faultDetailDetailInfo.value.items.forEach((item1,i)=>{
  102 + if(item1.state=='0'){
  103 + faultDetailDetailInfo.value.items.splice(i,1)
  104 + }
  105 + })
  106 + });
77 // 设置标题 107 // 设置标题
78 faultDetailDialogTitle.value = `${row.faultBody}（${row.faultNo}）诊断报告`; 108 faultDetailDialogTitle.value = `${row.faultBody}（${row.faultNo}）诊断报告`;
79 // 当前故障编号 109 // 当前故障编号