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

@@ -47,12 +47,7 @@ const routes = [{
         path: '/vulnerability',
         path: '/vulnerability',
         name: 'vulnerability',
         name: 'vulnerability',
         component: () => myImport('views/documentationManagement/vulnerability')
         component: () => myImport('views/documentationManagement/vulnerability')
-    }, {
-
-        path: '/vulnerability/list',
-        name: 'vulnerability',
-        component: () => myImport('views/documentationManagement/vulnerabilityList')
-    }, {
+    },{
 
 
         path: '/documentRecycle',
         path: '/documentRecycle',
         name: 'documentRecycle',
         name: 'documentRecycle',

@@ -44,7 +44,7 @@
                            :total="queryParams.count"
                            :total="queryParams.count"
                            @loaddata="loaddata">
                            @loaddata="loaddata">
                 <template #default="{row,prop,column}">
                 <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>
                 <template #tools="{scope}">
                 <template #tools="{scope}">
                     <div class="list-handle">
                     <div class="list-handle">
@@ -154,4 +154,50 @@
         </template>
         </template>
     </cm-dialog>
     </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>
 </div>

@@ -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(() => {
         Vue.onMounted(() => {
 
 
         })
         })
@@ -184,6 +210,9 @@ export default {
             handleRefForm,
             handleRefForm,
             handleRulesForm,
             handleRulesForm,
             handleForm,
             handleForm,
+            handleView,
+            viewDrawer,
+            viewManuResult,
         };
         };
     },
     },
 }
 }