知识库详情页面

@@ -11,6 +11,76 @@
             <span>审批人：{{handleInfoObj.approverName}}</span>
         </div>
     </div>
+    <div class="info-title">
+        <span>告警信息</span>
+        <span>告警编号：{{alarmInfo.alarmNo}}</span>
+    </div>
+    <div class="info-content">
+        <div class="info-content-body">
+            <div class="content-title">告警主体</div>
+            <div class="content-body-info">
+                <div class="info-item">
+                    资源名称：{{alarmInfo.resName}}
+                </div>
+                <div class="info-item">
+                    资源类型：{{alarmInfo.resTypeName}}
+                </div>
+                <div class="info-item">
+                    所属业务系统：{{alarmInfo.busTypeName}}
+                </div>
+                <div class="info-item">
+                    IP地址：{{alarmInfo.ip}}
+                </div>
+                <div class="info-item">
+                    指标名称：{{alarmInfo.kpiName}}
+                </div>
+                <div class="info-item">
+                    指标标识：{{alarmInfo.flag}}
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="info-content">
+        <div class="info-content-body">
+            <div class="content-title">告警信息</div>
+            <div class="content-body-info">
+                <div class="info-item">
+                    告警级别：<sapn>{{alarmInfo.alarmLevel==1?'一般':alarmInfo.alarmLevel==2?'重要':'严重'}}</sapn>
+                </div>
+                <div class="info-item">
+                    首次告警时间：{{alarmInfo.alarmTime}}
+                </div>
+                <div class="info-item">
+                    最后一次告警时间：{{alarmInfo.updateTime}}
+                </div>
+                <div class="info-item" v-if="alarmInfo.alarmTypeCustom!='active' && alarmInfo.clearUserId">
+                    消除人：{{alarmInfo.clearUserId}}
+                </div>
+                <div class="info-item" v-if="alarmInfo.alarmTypeCustom!='active' && alarmInfo.clearReason">
+                    消除原因：{{alarmInfo.clearReason}}
+                </div>
+                <div class="info-item" v-if="alarmInfo.alarmTypeCustom!='active' && alarmInfo.clearTime">
+                    消除时间：{{alarmInfo.clearTime}}
+                </div>
+                <div class="info-item">
+                    告警次数：{{alarmInfo.alarmRepeatCnt?alarmInfo.alarmRepeatCnt:0}}
+                </div>
+                <!--    <div class="info-item">
+                        实际告警值：{{alarmInfo.kpiValue}}
+                    </div>-->
+
+            </div>
+        </div>
+    </div>
+    <div class="info-content">
+        <div class="info-content-body">
+            <div class="content-body-info">
+                <div class="info-item-notice">通知信息：{{alarmInfo.alarmContent}}</div>
+                <div class="info-item-notice">通知人清单：{{alarmInfo.nickName}}</div>
+
+            </div>
+        </div>
+    </div>
     <div class="clearDetail-pcontent" v-html="handleInfoObj.pcontent">
         图文信息{{handleInfoObj.pcontent}}
     </div>

@@ -17,6 +17,8 @@ export default {
     setup(props, {attrs, slots, emit}) {
         const {proxy} = Vue.getCurrentInstance();
         let handleInfoObj=Vue.ref('');
+        //获取告警信息
+        let alarmInfo=Vue.ref({});
         let getDetail=()=>{
             proxy.$http.get(`/api-web/bAlarmManage/getAlarmManageById`, {amId:props.amId}, function (res) {
                 if (res && res.code == 0) {
@@ -27,15 +29,36 @@ export default {
                 }
             })
         }
+        let getAlarmStatis=()=> {
+            proxy.$http.get(`/api-web/bAlarmManage/alarm/getAlarmStatisByamId`, {amId: props.amId}, function (res) {
+                if (res && res.code == 0) {
+                    let data = res.object;
+                    if (data) {
+                        alarmInfo.value = data;
+                        // if (alarmInfo.value.approver) {
+                        //     approverName.value = alarmInfo.value.approver;
+                        //     userList.value.map(item => {
+                        //         if (item.userName == alarmInfo.value.approver) {
+                        //             approverLabel.value = item.nickname;
+                        //         }
+                        //     })
+                        // }
+                    }
+                }
+            })
+        }
         // 挂载完
         Vue.onMounted(() => {
             getDetail();
+            getAlarmStatis();
         })
 
 
         return {
             handleInfoObj,
             getDetail,
+            getAlarmStatis,
+            alarmInfo
         }
     }