当前诊断

src/components/Layout.vue

@@ -9,6 +9,7 @@
                 </el-submenu> -->
                 <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-submenu index="2">
                     <template slot="title"><i class="el-icon-menu"></i>导航二</template>
                     <el-menu-item index="2-1">选项1</el-menu-item>

src/components/LeeTable.vue

@@ -1,8 +1,8 @@
 <template>
     <div class="lee-table">
         <el-table v-if="tableData.length" stripe border :data="tableData" width="100%" v-loading="loading">
-            <el-table-column align="center" type="index">
-            </el-table-column>
+            <!-- <el-table-column align="center" type="index">
+            </el-table-column> -->
             <template v-for="(item, index) in tableTitle">
                 <slot v-if="item.slot" :name="item.slot"></slot>
                 <el-table-column align="center" v-else :key="item.property" :prop="item.property" :label="item.label"

src/router/index.js

@@ -22,6 +22,11 @@ const routes = [
     name: "faultDetail",
     component: () => import("../views/FaultDetail"),
   },
+  {
+    path: "/currentDiagnosis",
+    name: "currentDiagnosis",
+    component: () => import("../views/CurrentDiagnosis"),
+  },
 ];
 
 const router = new VueRouter({

src/views/ComprehensiveDiagnosis/index.vue

@@ -1,50 +1,64 @@
 <template>
-    <div>
-        <div class=" flex justify-between items-center">
-            <el-button icon="el-icon-plus" type="primary" @click="addTaskModalVisible = true">新建任务</el-button>
-            <div>
-                <span> 待办：</span>
-                <el-select v-model="value" placeholder="请选择">
-                    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
-                    </el-option>
-                </el-select>
-            </div>
-        </div>
-        <div class=" flex items-center justify-between flex-wrap">
-            <OwnCard v-for="item in 6" :key="item"></OwnCard>
-        </div>
-        <div class="mt-2 flex items-center justify-end">
-            <el-pagination background layout="prev, pager, next" :total="1000">
-            </el-pagination>
-        </div>
-        <AddTask :visible="addTaskModalVisible"></AddTask>
+  <div>
+    <div class="flex justify-between items-center">
+      <el-button
+        icon="el-icon-plus"
+        type="primary"
+        @click="addTaskModalVisible = true"
+        >新建任务</el-button
+      >
+      <div>
+        <span> 待办：</span>
+        <el-select v-model="value" placeholder="请选择">
+          <el-option
+            v-for="item in options"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          >
+          </el-option>
+        </el-select>
+      </div>
     </div>
+    <div class="flex items-center justify-between flex-wrap">
+      <OwnCard v-for="item in 6" :key="item"></OwnCard>
+    </div>
+    <div class="mt-2 flex items-center justify-end">
+      <el-pagination background layout="prev, pager, next" :total="1000">
+      </el-pagination>
+    </div>
+    <AddTask :visible="addTaskModalVisible"></AddTask>
+  </div>
 </template>
 <script>
-import AddTask from './components/AddTask.vue'
-import OwnCard from './components/OwnCard.vue'
+import AddTask from "./components/AddTask.vue";
+import OwnCard from "./components/OwnCard.vue";
 export default {
-    name: 'ComprehensiveDiagnosis',
-    components: {
-        AddTask, OwnCard
-    },
-    data() {
-        return {
-            options: [{
-                value: '选项一',
-                label: '选项一'
-            }, {
-                value: '选项二',
-                label: '选项二'
-            }, {
-                value: '选项三',
-                label: '选项三'
-            }],
-            value: '',
-            addTaskModalVisible: false
-        }
-    }
+  name: "ComprehensiveDiagnosis",
+  components: {
+    AddTask,
+    OwnCard,
+  },
+  data() {
+    return {
+      options: [
+        {
+          value: "选项一",
+          label: "选项一",
+        },
+        {
+          value: "选项二",
+          label: "选项二",
+        },
+        {
+          value: "选项三",
+          label: "选项三",
+        },
+      ],
+      value: "",
+      addTaskModalVisible: false,
+    };
+  },
 };
 </script>
-<style scoped lang="scss">
-</style>
+<style scoped lang="scss"></style>

src/views/CurrentDiagnosis/index.vue

@@ -0,0 +1,52 @@
+<template>
+  <div>
+    <!-- header -->
+    <div class="flex items-center justify-center">
+      <div class="flex-1">
+        <el-steps
+          space="14%"
+          :active="active"
+          finish-status="success"
+          align-center
+        >
+          <el-step title="数据预处理"></el-step>
+          <el-step title="故障初步定为"></el-step>
+          <el-step title="故障定位单机"></el-step>
+          <el-step title="系统诊断详情"></el-step>
+          <el-step title="单机故障诊断"></el-step>
+          <el-step title="单机诊断详情"></el-step>
+          <el-step title="生成诊断报告"></el-step>
+        </el-steps>
+      </div>
+      <div>
+        <el-button size="small">查看原始数据</el-button>
+        <el-button size="small" type="primary" @click="prevStep"
+          >上一步</el-button
+        >
+        <el-button size="small" type="primary" @click="nextStep"
+          >下一步</el-button
+        >
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: "currentDiagosis",
+  data() {
+    return {
+      active: 1,
+    };
+  },
+  methods: {
+    nextStep() {
+      this.active++;
+    },
+    prevStep() {
+      if (this.active <= 1) return;
+      this.active--;
+    },
+  },
+};
+</script>
+<style scoped lang="scss"></style>

src/views/FaultDetail/index.vue

@@ -1,22 +1,213 @@
 <template>
+  <div>
+    <!-- 头 -->
     <div>
-        <div>
-            <el-button icon="el-icon-back" size="small"  type="primary" @click="$router.back()">返回</el-button>
-            <el-button icon="el-icon-refresh" size="small" type="primary">重新诊断</el-button>
-            <el-button icon="el-icon-document" size="small" type="primary">诊断结果</el-button>
-        </div>
-        
+      <el-button
+        icon="el-icon-back"
+        size="small"
+        type="primary"
+        @click="$router.back()"
+        >返回</el-button
+      >
+      <el-button icon="el-icon-refresh" size="small" type="primary"
+        >重新诊断</el-button
+      >
+      <el-button icon="el-icon-document" size="small" type="primary"
+        >诊断结果</el-button
+      >
     </div>
+
+    <el-row :gutter="20" class="mt-5 panel-box">
+      <el-col :span="8">
+        <el-card class="box-card">
+          <div slot="header" class="clearfix">
+            <i class="el-icon-warning mr-1"></i>
+            <span>基本信息</span>
+          </div>
+          <el-table :show-header="false" :data="tableData" stripe>
+            <el-table-column prop="date" label="日期" width="100px">
+            </el-table-column>
+            <el-table-column prop="name" label="姓名" align="left">
+            </el-table-column>
+          </el-table>
+        </el-card>
+      </el-col>
+      <el-col :span="8">
+        <el-card class="box-card">
+          <div slot="header" class="clearfix">
+            <i class="el-icon-warning mr-1"></i>
+            <span>故障诊断</span>
+          </div>
+          <el-tag type="danger">1.工作状态：参数不正确</el-tag>
+        </el-card>
+      </el-col>
+      <el-col :span="8">
+        <el-card class="box-card">
+          <div slot="header" class="clearfix">
+            <i class="el-icon-picture mr-1"></i>
+            <span>现场影音</span>
+          </div>
+          <el-empty description="没有上传影音文件"></el-empty>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <el-row :gutter="20" class="mt-5">
+      <el-col :span="5">
+        <el-card>
+          <el-tree
+            default-expand-all
+            :data="data"
+            :props="defaultProps"
+          ></el-tree>
+        </el-card>
+      </el-col>
+      <el-col :span="19">
+        <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+          <el-tab-pane label="参数状态" name="1">
+            <LeeTable :tableData="tableData" :tableTitle="tableTitle">
+              <el-table-column align="center" slot="status" label="状态">
+                <template slot-scope="scope">
+                  <i class="el-icon-success" style="color:#24d500;font-size: 20px;" ></i>
+                </template>
+              </el-table-column>
+
+              <el-table-column align="center" type="index" slot="index" label="序号" width="70">
+            </el-table-column>
+            </LeeTable>
+          </el-tab-pane>
+        </el-tabs>
+      </el-col>
+    </el-row>
+  </div>
 </template>
 <script>
 export default {
-    name: 'faultDetail',
-    data() {
-        return {
+  name: "faultDetail",
+  data() {
+    return {
+      tableData: [
+        {
+          date: "捣蛋编号 ：",
+          name: "123",
+        },
+        {
+          date: "数据编号 ：",
+          name: "20110606",
+        },
+        {
+          date: "测试项目 ：",
+          name: "发射",
+        },
+        {
+          date: "数据类型 ：",
+          name: "测试报告",
+        },
+        {
+          date: "数据编号 ：",
+          name: "20110606",
+        },
+      ],
+      activeName: "1",
+
+      data: [
+        {
+          label: "一级 1",
+          children: [
+            {
+              label: "二级 1-1",
+              children: [
+                {
+                  label: "三级 1-1-1",
+                },
+                {
+                  label: "三级 1-1-2",
+                },
+              ],
+            },
+          ],
+        },
+        {
+          label: "一级 2",
+          children: [
+            {
+              label: "二级 2-1",
+              children: [
+                {
+                  label: "三级 2-1-1",
+                },
+              ],
+            },
+            {
+              label: "二级 2-2",
+              children: [
+                {
+                  label: "三级 2-2-1",
+                },
+              ],
+            },
+          ],
+        },
+        {
+          label: "一级 3",
+          children: [
+            {
+              label: "二级 3-1",
+              children: [
+                {
+                  label: "三级 3-1-1",
+                },
+              ],
+            },
+            {
+              label: "二级 3-2",
+              children: [
+                {
+                  label: "三级 3-2-1",
+                },
+              ],
+            },
+          ],
+        },
+      ],
 
-        }
-    }
+      defaultProps: {
+        children: "children",
+        label: "label",
+      },
+      tableTitle: [
+        { slot: "status" },
+        { slot:'index' },
+        { label: "参数名称", property: "name" },
+        { label: "测试子项", property: "date" },
+        { label: "测试项", property: "date" },
+        { label: "理论值", property: "date" },
+        { label: "实测值", property: "date" },
+        { label: "误差", property: "date" },
+      ],
+      tableData: [],
+    };
+  },
+  mounted() {
+    const item = {
+      date: "2016-05-02",
+      name: "王小虎",
+      address: "上海市普陀区金沙江路 1518 弄",
+    };
+    this.tableData = Array(6).fill(item);
+  },
 };
 </script>
 <style scoped lang="scss">
+.panel-box {
+  ::v-deep .el-tag {
+    width: 100%;
+  }
+  ::v-deep .el-card__body {
+    height: 260px !important;
+  }
+  ::v-deep .el-empty {
+    padding: 0 !important;
+  }
+}
 </style>

src/views/KnowledgeSearch/components/DisposalSuggestions.vue

@@ -51,7 +51,6 @@ export default {
             name: '王小虎',
             address: '上海市普陀区金沙江路 1518 弄'
         };
-
         this.tableData = Array(10).fill(item)
     },
 };