查看漏洞明细功能

wf
Commit 7238de81d06d0a22cbe75073190849a89d15e812 1 parent 0ef5f992
Showing 2 changed files with 22 additions and 41 deletions
hg-monitor-web-qh/src/main/resources/static/vue3/src/views/documentationManagement/vulnerability.html
hg-monitor-web-qh/src/main/resources/static/vue3/src/views/documentationManagement/vulnerability.js
--- a/hg-monitor-web-qh/src/main/resources/static/vue3/src/views/documentationManagement/vulnerability.html
View file @7238de8
+++ b/hg-monitor-web-qh/src/main/resources/static/vue3/src/views/documentationManagement/vulnerability.html
View file @7238de8
@@ -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>
--- a/hg-monitor-web-qh/src/main/resources/static/vue3/src/views/documentationManagement/vulnerability.js
View file @7238de8
+++ b/hg-monitor-web-qh/src/main/resources/static/vue3/src/views/documentationManagement/vulnerability.js
View file @7238de8
@@ -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
         };
     },
 }