monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by wf
Commit 7238de81d06d0a22cbe75073190849a89d15e812 1 parent 0ef5f992

查看漏洞明细功能

Inline Side-by-side
Showing 2 changed files with 22 additions and 41 deletions
... ... @@ -157,36 +157,42 @@
<ul>
<li style="margin-bottom: 15px;display: flex;">
<div style="width: 80px;">漏洞名称：</div>
<div style="flex: 1;">这是漏洞名称这是漏洞名称这是漏洞名称这是漏洞名称</div>
<div style="flex: 1;">{{detail.name}}</div>
</li>
<li style="margin-bottom: 15px;display: flex;">
<div style="width: 80px;">漏洞级别：</div>
<div style="flex: 1;">高</div>
<div style="flex: 1;">{{detail.level}}</div>
</li>
<li style="margin-bottom: 15px;display: flex;">
<div style="width: 80px;">漏洞详情：</div>
<div style="flex: 1;">这是漏洞详情这是漏洞详情这是漏洞详情这是漏洞详情这是漏洞详情这是漏洞详情这是漏洞详情这是漏洞详情这是漏洞详情这是漏洞详情</div>
<div style="flex: 1;">{{detail.remark}}</div>
</li>
<li style="margin-bottom: 15px;display: flex;">
<div style="width: 80px;">影响范围：</div>
<div style="flex: 1;">这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围</div>
<div style="flex: 1;">{{detail.impactSite}}</div>
</li>
<li style="margin-bottom: 15px;display: flex;">
<div style="width: 80px;">修复建议：</div>
<div style="flex: 1;">这是修复建议这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围</div>
<div style="flex: 1;">{{detail.repairSuggestions}}</div>
</li>
<li style="margin-bottom: 15px;display: flex;">
<div style="width: 80px;">录入人：</div>
<div style="flex: 1;">录入人</div>
<div style="flex: 1;">{{detail.createUserName}}</div>
</li>
</ul>
<el-table :data="viewManuResult">
<el-table-column align="center" prop="manu" label="处理厂商" width="100" show-overflow-tooltip/>
<el-table-column align="center" prop="status" label="处理状态" width="80" />
<el-table-column align="center" prop="user" label="处理人" width="80" />
<el-table-column align="center" prop="time" label="处理时间" width="160" />
<el-table-column align="center" prop="info" label="处理说明" />
<el-table :data="detail.resolutions" v-if="detail.resolutions.length > 0">
<el-table-column align="center" prop="manufacturerName" label="处理厂商" width="100" show-overflow-tooltip/>
<el-table-column align="center" prop="solveResult" label="处理状态" width="80" >
<template #default="scope">
<span v-if="scope.row.solveResult == '0'">未处理</span>
<span v-if="scope.row.solveResult == '1'">已处理</span>
</template>
</el-table-column>
<el-table-column align="center" prop="solveUserName" label="处理人" width="120" />
<el-table-column align="center" prop="solveTime" label="处理时间" width="160" />
<el-table-column align="center" prop="solveRemark" label="处理说明" />
</el-table>
</div>
</el-drawer>
... ...
... ... @@ -122,10 +122,12 @@ export default {
let ruleForm = Vue.ref();
let detail = Vue.ref({});
let viewDrawer = Vue.ref(false)
// 查看详细
const handleDetail = (obj) =>{
viewDrawer.value = true;
proxy.$http.get('/api-web/vulnerabilities/detail', {id:obj.id}, function (res) {
console.log(res.object)
if (res.object) {
detail.value = res.object;
}
... ... @@ -210,32 +212,6 @@ export default {
getVulnerabilityList();
}
let viewDrawer = Vue.ref(false)
const handleView = ()=>{
viewDrawer.value = true;
}
let viewManuResult = Vue.ref([
{
manu:'厂商名',
status:'已处理',
user:'测试用户',
time:'2020-12-22 17:00:00',
info:'处理信息处理信息处理信息处理信息处理信息处理信息处理信息处理信息处理信息处理信息处理信息'
},{
manu:'厂商名',
status:'已处理',
user:'测试用户',
time:'2020-12-22 17:00:00',
info:'处理信息处理信息处理信息处理信息处理信息处理信息处理信息处理信息处理信息处理信息处理信息'
},{
manu:'厂商名',
status:'已处理',
user:'测试用户',
time:'2020-12-22 17:00:00',
info:'处理信息处理信息处理信息处理信息处理信息处理信息处理信息处理信息处理信息处理信息处理信息'
}
])
Vue.onMounted(() => {
getVulnerabilityList();
})
... ... @@ -263,9 +239,8 @@ export default {
handleDetail,
dataList,
handleQuery,
handleView,
viewDrawer,
viewManuResult,
detail
};
},
}
... ...