交互诊断

src/components/Layout.vue

@@ -10,6 +10,7 @@
                 <el-menu-item index="knowledgeSearch">知识搜索</el-menu-item>
                 <el-menu-item index="comprehensiveDiagnosis">综合诊断</el-menu-item>
                 <el-menu-item index="currentDiagnosis">当前诊断</el-menu-item>
+                <el-menu-item index="interactiveDiagnosis">交互诊断</el-menu-item>
                 <!-- <el-submenu index="2">
                     <template slot="title"><i class="el-icon-menu"></i>导航二</template>
                     <el-menu-item index="2-1">选项1</el-menu-item>

src/router/index.js

@@ -27,6 +27,12 @@ const routes = [
     name: "currentDiagnosis",
     component: () => import("../views/CurrentDiagnosis"),
   },
+  {
+    path: "/interactiveDiagnosis",
+    name: "interactiveDiagnosis",
+    component: () => import("../views/InteractiveDiagnosis"),
+  },
+  
 ];
 
 const router = new VueRouter({

src/views/InteractiveDiagnosis/index.vue

@@ -0,0 +1,33 @@
+<template>
+  <div>
+    <el-row :gutter="20">
+      <el-col :span="12">
+        <el-card></el-card>
+      </el-col>
+      <el-col :span="12">
+        <el-card>
+          <el-tabs>
+            <el-tab-pane label="用户管理">常见问题</el-tab-pane>
+            <el-tab-pane label="配置管理">故障单机</el-tab-pane>
+            <el-tab-pane label="角色管理">
+              <el-empty description="暂无数据"></el-empty>
+            </el-tab-pane>
+          </el-tabs>
+        </el-card>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+<script>
+export default {
+  name: "",
+  data() {
+    return {};
+  },
+};
+</script>
+<style scoped lang="scss">
+  ::v-deep .el-card__body{
+    height: calc(100vh - 50px);
+  }
+</style>