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=>{  
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 /**