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 @@ @@ -157,36 +157,42 @@
157 <ul> 157 <ul>
158 <li style="margin-bottom: 15px;display: flex;"> 158 <li style="margin-bottom: 15px;display: flex;">
159 <div style="width: 80px;">漏洞名称：</div> 159 <div style="width: 80px;">漏洞名称：</div>
160 - <div style="flex: 1;">这是漏洞名称这是漏洞名称这是漏洞名称这是漏洞名称</div> 160 + <div style="flex: 1;">{{detail.name}}</div>
161 </li> 161 </li>
162 <li style="margin-bottom: 15px;display: flex;"> 162 <li style="margin-bottom: 15px;display: flex;">
163 <div style="width: 80px;">漏洞级别：</div> 163 <div style="width: 80px;">漏洞级别：</div>
164 - <div style="flex: 1;">高</div> 164 + <div style="flex: 1;">{{detail.level}}</div>
165 </li> 165 </li>
166 <li style="margin-bottom: 15px;display: flex;"> 166 <li style="margin-bottom: 15px;display: flex;">
167 <div style="width: 80px;">漏洞详情：</div> 167 <div style="width: 80px;">漏洞详情：</div>
168 - <div style="flex: 1;">这是漏洞详情这是漏洞详情这是漏洞详情这是漏洞详情这是漏洞详情这是漏洞详情这是漏洞详情这是漏洞详情这是漏洞详情这是漏洞详情</div> 168 + <div style="flex: 1;">{{detail.remark}}</div>
169 </li> 169 </li>
170 <li style="margin-bottom: 15px;display: flex;"> 170 <li style="margin-bottom: 15px;display: flex;">
171 <div style="width: 80px;">影响范围：</div> 171 <div style="width: 80px;">影响范围：</div>
172 - <div style="flex: 1;">这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围</div> 172 + <div style="flex: 1;">{{detail.impactSite}}</div>
173 </li> 173 </li>
174 <li style="margin-bottom: 15px;display: flex;"> 174 <li style="margin-bottom: 15px;display: flex;">
175 <div style="width: 80px;">修复建议：</div> 175 <div style="width: 80px;">修复建议：</div>
176 - <div style="flex: 1;">这是修复建议这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围这是影响范围</div> 176 + <div style="flex: 1;">{{detail.repairSuggestions}}</div>
177 </li> 177 </li>
178 <li style="margin-bottom: 15px;display: flex;"> 178 <li style="margin-bottom: 15px;display: flex;">
179 <div style="width: 80px;">录入人：</div> 179 <div style="width: 80px;">录入人：</div>
180 - <div style="flex: 1;">录入人</div> 180 + <div style="flex: 1;">{{detail.createUserName}}</div>
181 </li> 181 </li>
182 </ul> 182 </ul>
183 183
184 - <el-table :data="viewManuResult">  
185 - <el-table-column align="center" prop="manu" label="处理厂商" width="100" show-overflow-tooltip/>  
186 - <el-table-column align="center" prop="status" label="处理状态" width="80" />  
187 - <el-table-column align="center" prop="user" label="处理人" width="80" />  
188 - <el-table-column align="center" prop="time" label="处理时间" width="160" />  
189 - <el-table-column align="center" prop="info" label="处理说明" /> 184 + <el-table :data="detail.resolutions" v-if="detail.resolutions.length > 0">
  185 + <el-table-column align="center" prop="manufacturerName" label="处理厂商" width="100" show-overflow-tooltip/>
  186 + <el-table-column align="center" prop="solveResult" label="处理状态" width="80" >
  187 + <template #default="scope">
  188 + <span v-if="scope.row.solveResult == '0'">未处理</span>
  189 + <span v-if="scope.row.solveResult == '1'">已处理</span>
  190 + </template>
  191 + </el-table-column>
  192 + <el-table-column align="center" prop="solveUserName" label="处理人" width="120" />
  193 + <el-table-column align="center" prop="solveTime" label="处理时间" width="160" />
  194 + <el-table-column align="center" prop="solveRemark" label="处理说明" />
  195 +
190 </el-table> 196 </el-table>
191 </div> 197 </div>
192 </el-drawer> 198 </el-drawer>
@@ -122,10 +122,12 @@ export default { @@ -122,10 +122,12 @@ export default {
122 let ruleForm = Vue.ref(); 122 let ruleForm = Vue.ref();
123 let detail = Vue.ref({}); 123 let detail = Vue.ref({});
124 124
  125 + let viewDrawer = Vue.ref(false)
  126 +
125 // 查看详细 127 // 查看详细
126 const handleDetail = (obj) =>{ 128 const handleDetail = (obj) =>{
  129 + viewDrawer.value = true;
127 proxy.$http.get('/api-web/vulnerabilities/detail', {id:obj.id}, function (res) { 130 proxy.$http.get('/api-web/vulnerabilities/detail', {id:obj.id}, function (res) {
128 - console.log(res.object)  
129 if (res.object) { 131 if (res.object) {
130 detail.value = res.object; 132 detail.value = res.object;
131 } 133 }
@@ -210,32 +212,6 @@ export default { @@ -210,32 +212,6 @@ export default {
210 getVulnerabilityList(); 212 getVulnerabilityList();
211 } 213 }
212 214
213 - let viewDrawer = Vue.ref(false)  
214 - const handleView = ()=>{  
215 - viewDrawer.value = true;  
216 - }  
217 - let viewManuResult = Vue.ref([  
218 - {  
219 - manu:'厂商名',  
220 - status:'已处理',  
221 - user:'测试用户',  
222 - time:'2020-12-22 17:00:00',  
223 - info:'处理信息处理信息处理信息处理信息处理信息处理信息处理信息处理信息处理信息处理信息处理信息'  
224 - },{  
225 - manu:'厂商名',  
226 - status:'已处理',  
227 - user:'测试用户',  
228 - time:'2020-12-22 17:00:00',  
229 - info:'处理信息处理信息处理信息处理信息处理信息处理信息处理信息处理信息处理信息处理信息处理信息'  
230 - },{  
231 - manu:'厂商名',  
232 - status:'已处理',  
233 - user:'测试用户',  
234 - time:'2020-12-22 17:00:00',  
235 - info:'处理信息处理信息处理信息处理信息处理信息处理信息处理信息处理信息处理信息处理信息处理信息'  
236 - }  
237 - ])  
238 -  
239 Vue.onMounted(() => { 215 Vue.onMounted(() => {
240 getVulnerabilityList(); 216 getVulnerabilityList();
241 }) 217 })
@@ -263,9 +239,8 @@ export default { @@ -263,9 +239,8 @@ export default {
263 handleDetail, 239 handleDetail,
264 dataList, 240 dataList,
265 handleQuery, 241 handleQuery,
266 - handleView,  
267 viewDrawer, 242 viewDrawer,
268 - viewManuResult, 243 + detail
269 }; 244 };
270 }, 245 },
271 } 246 }