Authored by xwx

告警处理知识库详情页面优化

1 <div class="clearDetail-container"> 1 <div class="clearDetail-container">
2 - <div class="clearDetail-title">消除原因:{{handleInfoObj.reason}}</div>  
3 - <div class="clearDetail-handlePer">  
4 - <div class="handlePer-left">  
5 - <span>处理人:{{handleInfoObj.managenameName}}</span>  
6 - </div>  
7 - <div>  
8 - <span>处理时间:{{handleInfoObj.managetime}}</span>  
9 - </div>  
10 - <div class="handlePer-left">  
11 - <span>审批人:{{handleInfoObj.approverName}}</span>  
12 - </div>  
13 - </div>  
14 <div class="info-title"> 2 <div class="info-title">
15 - <span>告警信息</span> 3 + <span style="font-weight:bold">告警信息</span>
16 <span>告警编号:{{alarmInfo.alarmNo}}</span> 4 <span>告警编号:{{alarmInfo.alarmNo}}</span>
17 </div> 5 </div>
18 <div class="info-content"> 6 <div class="info-content">
19 <div class="info-content-body"> 7 <div class="info-content-body">
20 - <div class="content-title">告警主体</div>  
21 <div class="content-body-info"> 8 <div class="content-body-info">
22 <div class="info-item"> 9 <div class="info-item">
23 资源名称:{{alarmInfo.resName}} 10 资源名称:{{alarmInfo.resName}}
@@ -37,13 +24,6 @@ @@ -37,13 +24,6 @@
37 <div class="info-item"> 24 <div class="info-item">
38 指标标识:{{alarmInfo.flag}} 25 指标标识:{{alarmInfo.flag}}
39 </div> 26 </div>
40 - </div>  
41 - </div>  
42 - </div>  
43 - <div class="info-content">  
44 - <div class="info-content-body">  
45 - <div class="content-title">告警信息</div>  
46 - <div class="content-body-info">  
47 <div class="info-item"> 27 <div class="info-item">
48 告警级别:<sapn>{{alarmInfo.alarmLevel==1?'一般':alarmInfo.alarmLevel==2?'重要':'严重'}}</sapn> 28 告警级别:<sapn>{{alarmInfo.alarmLevel==1?'一般':alarmInfo.alarmLevel==2?'重要':'严重'}}</sapn>
49 </div> 29 </div>
@@ -65,22 +45,37 @@ @@ -65,22 +45,37 @@
65 <div class="info-item"> 45 <div class="info-item">
66 告警次数:{{alarmInfo.alarmRepeatCnt?alarmInfo.alarmRepeatCnt:0}} 次 46 告警次数:{{alarmInfo.alarmRepeatCnt?alarmInfo.alarmRepeatCnt:0}} 次
67 </div> 47 </div>
68 - <!-- <div class="info-item">  
69 - 实际告警值:{{alarmInfo.kpiValue}}  
70 - </div>--> 48 + <div class="info-item">通知人:{{alarmInfo.nickName}}</div>
  49 + <div class="info-item-notice">通知信息:{{alarmInfo.alarmContent}}</div>
71 50
72 </div> 51 </div>
73 </div> 52 </div>
74 </div> 53 </div>
  54 + <div class="info-title">
  55 + <span style="font-weight:bold">知识信息</span>
  56 + </div>
75 <div class="info-content"> 57 <div class="info-content">
76 <div class="info-content-body"> 58 <div class="info-content-body">
77 <div class="content-body-info"> 59 <div class="content-body-info">
78 - <div class="info-item-notice">通知信息:{{alarmInfo.alarmContent}}</div>  
79 - <div class="info-item-notice">通知人:{{alarmInfo.nickName}}</div>  
80 - 60 + <div class="info-item">
  61 + <span>处理人:{{handleInfoObj.managenameName}}</span>
  62 + </div>
  63 + <div class="info-item">
  64 + <span>处理时间:{{handleInfoObj.managetime}}</span>
  65 + </div>
  66 + <div class="info-item">
  67 + <span>消除原因:{{handleInfoObj.reason}}</span>
  68 + </div>
  69 + <div class="info-item">
  70 + <span>审批人:{{handleInfoObj.approverName}}</span>
  71 + </div>
81 </div> 72 </div>
82 </div> 73 </div>
83 </div> 74 </div>
  75 +
  76 + <div class="info-title">
  77 + <span style="font-weight:bold">处理方案</span>
  78 + </div>
84 <div class="clearDetail-pcontent" v-html="handleInfoObj.pcontent"> 79 <div class="clearDetail-pcontent" v-html="handleInfoObj.pcontent">
85 图文信息{{handleInfoObj.pcontent}} 80 图文信息{{handleInfoObj.pcontent}}
86 </div> 81 </div>
@@ -35,14 +35,9 @@ export default { @@ -35,14 +35,9 @@ export default {
35 let data = res.object; 35 let data = res.object;
36 if (data) { 36 if (data) {
37 alarmInfo.value = data; 37 alarmInfo.value = data;
38 - // if (alarmInfo.value.approver) {  
39 - // approverName.value = alarmInfo.value.approver;  
40 - // userList.value.map(item => {  
41 - // if (item.userName == alarmInfo.value.approver) {  
42 - // approverLabel.value = item.nickname;  
43 - // }  
44 - // })  
45 - // } 38 + if( alarmInfo.value.busTypeName==null || alarmInfo.value.busTypeName==''){
  39 + alarmInfo.value.busTypeName="暂未绑定业务"
  40 + }
46 } 41 }
47 } 42 }
48 }) 43 })