Merge branch 'master-V32-LH' into 'master'
故障弹框 不展示禁用得模块优化 See merge request !375
Showing
2 changed files
with
88 additions
and
23 deletions
@@ -58,8 +58,7 @@ | @@ -58,8 +58,7 @@ | ||
58 | 58 | ||
59 | <el-timeline-item v-for="item in faultDetailDetailInfo.items" center :timestamp="item.faultTypeName" | 59 | <el-timeline-item v-for="item in faultDetailDetailInfo.items" center :timestamp="item.faultTypeName" |
60 | placement="top" :color="item.color" :hollow="true" > | 60 | placement="top" :color="item.color" :hollow="true" > |
61 | -<!-- {{item.state==1}}--> | ||
62 | - <el-card v-if="item.state==1"> | 61 | + <el-card v-if="item && item.state =='1'"> |
63 | <component v-bind:is="item.components" | 62 | <component v-bind:is="item.components" |
64 | :targetType="item.faultType" | 63 | :targetType="item.faultType" |
65 | :faultNo="faultDetailDetailInfo.faultNo" | 64 | :faultNo="faultDetailDetailInfo.faultNo" |
@@ -68,6 +67,7 @@ | @@ -68,6 +67,7 @@ | ||
68 | :itemName="item.itemName" | 67 | :itemName="item.itemName" |
69 | :showDetail="item.detail"/> | 68 | :showDetail="item.detail"/> |
70 | </el-card> | 69 | </el-card> |
70 | + | ||
71 | </el-timeline-item> | 71 | </el-timeline-item> |
72 | </el-timeline> | 72 | </el-timeline> |
73 | </div> | 73 | </div> |
@@ -72,6 +72,62 @@ const faultDetail = () => { | @@ -72,6 +72,62 @@ const faultDetail = () => { | ||
72 | * 时间:2021/12/13 20:14 | 72 | * 时间:2021/12/13 20:14 |
73 | */ | 73 | */ |
74 | let closeFaultDetailDialog = (flg) => { | 74 | let closeFaultDetailDialog = (flg) => { |
75 | + if(!flg){ | ||
76 | + faultDetailDetailInfo.value.items=[{ | ||
77 | + faultType: 'NETLINK', | ||
78 | + faultTypeName: '网络链路', | ||
79 | + components: 'netLinks', | ||
80 | + color: '#409EFF', | ||
81 | + detail:true, | ||
82 | + state:'0' | ||
83 | + },{ | ||
84 | + faultType: 'DIALTEST', | ||
85 | + faultTypeName: '拨测', | ||
86 | + components: 'result-item', | ||
87 | + color: '#67C23A', | ||
88 | + itemName: '场景名称', | ||
89 | + detail: false, | ||
90 | + colType: 'kpi', | ||
91 | + state:'0' | ||
92 | + }, { | ||
93 | + faultType: 'NPM', | ||
94 | + faultTypeName: 'NPM', | ||
95 | + components: 'result-item', | ||
96 | + color: '#E6A23C', | ||
97 | + itemName: '链路(流名称)', | ||
98 | + detail: false, | ||
99 | + colType: 'kpi', | ||
100 | + state:'0' | ||
101 | + }, { | ||
102 | + faultType: 'BASE', | ||
103 | + faultTypeName: '基础', | ||
104 | + components: 'result-item', | ||
105 | + color: '#67C23A', | ||
106 | + itemName: '检测指标', | ||
107 | + detail: true, | ||
108 | + colType: 'flag', | ||
109 | + state:'0' | ||
110 | + }, { | ||
111 | + faultType: 'APM', | ||
112 | + faultTypeName: 'APM', | ||
113 | + components: 'result-item', | ||
114 | + color: '#F56C6C', | ||
115 | + itemName: '检测指标', | ||
116 | + detail: true, | ||
117 | + colType: 'flag', | ||
118 | + state:'0' | ||
119 | + }, { | ||
120 | + faultType: 'faultHis', | ||
121 | + faultTypeName: '知识库', | ||
122 | + components: 'faultHis', | ||
123 | + color: '#8a9718', | ||
124 | + itemName: '知识库', | ||
125 | + detail: true, | ||
126 | + colType: 'flag', | ||
127 | + state:'1' | ||
128 | + }]; | ||
129 | + } | ||
130 | + | ||
75 | showFaultDetailDialog.value = flg; | 131 | showFaultDetailDialog.value = flg; |
76 | } | 132 | } |
77 | 133 | ||
@@ -81,28 +137,36 @@ const faultDetail = () => { | @@ -81,28 +137,36 @@ const faultDetail = () => { | ||
81 | */ | 137 | */ |
82 | let settingDetail = (row) => { | 138 | let settingDetail = (row) => { |
83 | proxy.$http.get('/api-web/fault/conf/detail/getDetailByNo', {faultNo:row.faultNo},function(res) { | 139 | 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) | 140 | + console.log("------******----------",res); |
141 | + if(res.length>0){ | ||
142 | + res.forEach((item)=>{ | ||
143 | + if(item.type.toUpperCase()=='NETLINK'){ | ||
144 | + faultDetailDetailInfo.value.items[0].state= item.state | ||
145 | + } | ||
146 | + | ||
147 | + if(item.type.toUpperCase()=='DIALTEST'){ | ||
148 | + faultDetailDetailInfo.value.items[1].state= item.state | ||
149 | + } | ||
150 | + if(item.type.toUpperCase()=='NPM'){ | ||
151 | + faultDetailDetailInfo.value.items[2].state= item.state | ||
152 | + | ||
153 | + } | ||
154 | + if(item.type.toUpperCase()=='BASE'){ | ||
155 | + faultDetailDetailInfo.value.items[3].state= item.state | ||
156 | + } | ||
157 | + if(item.type.toUpperCase()=='APM'){ | ||
158 | + faultDetailDetailInfo.value.items[4].state= item.states | ||
159 | + } | ||
160 | + }) | ||
161 | + } | ||
162 | + | ||
163 | + let arr=[]; | ||
164 | + for(var i=0;i<faultDetailDetailInfo.value.items.length;i++ ){ | ||
165 | + if(faultDetailDetailInfo.value.items[i].state=='1'){ | ||
166 | + arr.push(faultDetailDetailInfo.value.items[i]) | ||
104 | } | 167 | } |
105 | - }) | 168 | + } |
169 | + faultDetailDetailInfo.value.items= arr; | ||
106 | }); | 170 | }); |
107 | // 设置标题 | 171 | // 设置标题 |
108 | faultDetailDialogTitle.value = `${row.faultBody}(${row.faultNo})诊断报告`; | 172 | faultDetailDialogTitle.value = `${row.faultBody}(${row.faultNo})诊断报告`; |
@@ -118,6 +182,7 @@ const faultDetail = () => { | @@ -118,6 +182,7 @@ const faultDetail = () => { | ||
118 | closeFaultDetailDialog, | 182 | closeFaultDetailDialog, |
119 | faultDetailDetailInfo | 183 | faultDetailDetailInfo |
120 | } | 184 | } |
185 | + | ||
121 | } | 186 | } |
122 | 187 | ||
123 | /** | 188 | /** |
-
Please register or login to post a comment