monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by zhangtianqi
Commit 72d01a5721a4869bb9f92920568cb26733950813 1 parent f91f09c1

禅道:漏洞处理 - 查看漏洞详情

Inline Side-by-side
Showing 3 changed files with 77 additions and 7 deletions
... ... @@ -47,12 +47,7 @@ const routes = [{
path: '/vulnerability',
name: 'vulnerability',
component: () => myImport('views/documentationManagement/vulnerability')
}, {
path: '/vulnerability/list',
name: 'vulnerability',
component: () => myImport('views/documentationManagement/vulnerabilityList')
}, {
},{
path: '/documentRecycle',
name: 'documentRecycle',
... ...
... ... @@ -44,7 +44,7 @@
:total="queryParams.count"
@loaddata="loaddata">
<template #default="{row,prop,column}">
<span style="color: blue;cursor: pointer;text-decoration: underline;" v-if="prop=='name'" @click="handleView">{{row.name}}</span>
</template>
<template #tools="{scope}">
<div class="list-handle">
... ... @@ -154,4 +154,50 @@
</template>
</cm-dialog>
<el-drawer
v-model="viewDrawer"
direction="rtl"
size="50%"
>
<template #header="{ close, titleId, titleClass }">
<span style="text-align: left;" :id="titleId" :class="titleClass">查看详情</span>
</template>
<div style="text-align: left;">
<ul>
<li style="margin-bottom: 15px;display: flex;">
<div style="width: 80px;">漏洞名称：</div>
<div style="flex: 1;">这是漏洞名称这是漏洞名称这是漏洞名称这是漏洞名称</div>
</li>
<li style="margin-bottom: 15px;display: flex;">
<div style="width: 80px;">漏洞级别：</div>
<div style="flex: 1;">高</div>
</li>
<li style="margin-bottom: 15px;display: flex;">
<div style="width: 80px;">漏洞详情：</div>
<div style="flex: 1;">这是漏洞详情这是漏洞详情这是漏洞详情这是漏洞详情这是漏洞详情这是漏洞详情这是漏洞详情这是漏洞详情这是漏洞详情这是漏洞详情</div>
</li>
<li style="margin-bottom: 15px;display: flex;">
<div style="width: 80px;">影响范围：</div>
<div style="flex: 1;">这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围</div>
</li>
<li style="margin-bottom: 15px;display: flex;">
<div style="width: 80px;">修复建议：</div>
<div style="flex: 1;">这是修复建议这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围</div>
</li>
<li style="margin-bottom: 15px;display: flex;">
<div style="width: 80px;">录入人：</div>
<div style="flex: 1;">录入人</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>
</div>
</el-drawer>
</div>
\ No newline at end of file
... ...
... ... @@ -161,6 +161,32 @@ export default {
})
}
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(() => {
})
... ... @@ -184,6 +210,9 @@ export default {
handleRefForm,
handleRulesForm,
handleForm,
handleView,
viewDrawer,
viewManuResult,
};
},
}
\ No newline at end of file
... ...