| | |
| | | </Col> |
| | | <main v-else> |
| | | <div class="item" v-for="item in this.arr1"> |
| | | <div class="left">{{ item.Name ? item.Name.replace('事件', '').replace('系统', '') + ':' : '--' }}</div> |
| | | <div class="right"> {{ item.Value ? item.Value : '--' }}</div> |
| | | <div class="left">{{ item.Name ? item.Name.replace('事件', '').replace('系统', '') + '' : '--' }}</div> |
| | | <div class="right"> :{{ item.Value ? item.Value : '--' }}</div> |
| | | </div> |
| | | |
| | | <div class="item"> |
| | | <div class="left">公司名称:</div> |
| | | <div class="right"> {{ content.CompanyName ? content.CompanyName : '--' }}</div> |
| | | <div class="left">公司名称</div> |
| | | <div class="right"> :{{ content.CompanyName ? content.CompanyName : '--' }}</div> |
| | | |
| | | </div> |
| | | <div class="item"> |
| | | <div class="left">事件类别:</div> |
| | | <div class="right"> {{ content.EventType ? content.EventType : '--' }}</div> |
| | | <div class="left">事件类别</div> |
| | | <div class="right"> :{{ content.EventType ? content.EventType : '--' }}</div> |
| | | </div> |
| | | <div class="item"> |
| | | <div class="left">风险等级:</div> |
| | | <div class="right"> {{ getWarnLevel(content.WarnLevel) }} </div> |
| | | <div class="left">风险等级</div> |
| | | <div class="right"> :{{ getWarnLevel(content.WarnLevel) }} </div> |
| | | </div> |
| | | <div v-if="this.arr2.length > 0"> |
| | | <div v-for="(item, index) in this.arr2" style="display: flex;padding:0 10px 0 0" :key="index"> |
| | | <span style="display: inline-block;white-space: nowrap;font-size: 18px;font-weight: 500;" |
| | | <span style="display: inline-block;white-space: nowrap;width: 125px !important;line-height: 27px;" |
| | | v-html="item.Name"></span> |
| | | <span style="display: inline-block;font-size: 18px;font-weight: 500;">:</span> |
| | | <span style="display: inline-block;line-height: 27px;">:</span> |
| | | <span style="display: inline-block;line-height: 27px;" |
| | | v-show="item.Value === '' || item.Value === null">--</span> |
| | | <span style="display: inline-block;word-break: break-all;line-height: 27px;" |
| | |
| | | display: flex; |
| | | |
| | | .left { |
| | | min-width: 90px; |
| | | width: 125px; |
| | | line-height: 27px; |
| | | // width: 120px; |
| | | } |
| | | |
| | | |
| | | |
| | | .right { |
| | | line-height: 27px; |