Authored by ‘superliu’

故障弹框 不展示禁用得模块优化

@@ -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=>{ 140 + console.log("------******----------",res);
  141 + if(res.length>0){
  142 + res.forEach((item)=>{
85 if(item.type.toUpperCase()=='NETLINK'){ 143 if(item.type.toUpperCase()=='NETLINK'){
86 faultDetailDetailInfo.value.items[0].state= item.state 144 faultDetailDetailInfo.value.items[0].state= item.state
87 } 145 }
  146 +
88 if(item.type.toUpperCase()=='DIALTEST'){ 147 if(item.type.toUpperCase()=='DIALTEST'){
89 faultDetailDetailInfo.value.items[1].state= item.state 148 faultDetailDetailInfo.value.items[1].state= item.state
90 } 149 }
91 if(item.type.toUpperCase()=='NPM'){ 150 if(item.type.toUpperCase()=='NPM'){
92 faultDetailDetailInfo.value.items[2].state= item.state 151 faultDetailDetailInfo.value.items[2].state= item.state
  152 +
93 } 153 }
94 if(item.type.toUpperCase()=='BASE'){ 154 if(item.type.toUpperCase()=='BASE'){
95 faultDetailDetailInfo.value.items[3].state= item.state 155 faultDetailDetailInfo.value.items[3].state= item.state
96 } 156 }
97 if(item.type.toUpperCase()=='APM'){ 157 if(item.type.toUpperCase()=='APM'){
98 - faultDetailDetailInfo.value.items[4].state= item.state 158 + faultDetailDetailInfo.value.items[4].state= item.states
99 } 159 }
100 }) 160 })
101 - faultDetailDetailInfo.value.items.forEach((item1,i)=>{  
102 - if(item1.state=='0'){  
103 - faultDetailDetailInfo.value.items.splice(i,1)  
104 } 161 }
105 - }) 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])
  167 + }
  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 /**