增加质检列表

src/components/DataQualityInspection/QualityInspectionProcessManagement.vue

@@ -0,0 +1,85 @@
+<template>
+  <div class="quality_inspection_process_management">
+    <el-container>
+      <Aside
+        v-bind="{
+          showIndex: showIndex,
+          menuList: menuList,
+          handleMenuSelect: handleMenuSelect,
+        }"
+      ></Aside>
+      <el-main> </el-main>
+    </el-container>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      menuList: [
+        {
+          name: "质检流程图",
+          index: "1",
+          children: [
+            {
+              name: "接口接入流程图",
+              index: "2",
+            },
+          ],
+        },
+        {
+          name: "单条数据规则",
+          index: "2",
+        },
+        {
+          name: "数据导入规则",
+          index: "3",
+          children: [
+            {
+              name: "Excel导入规则",
+              index: "3",
+            },
+            {
+              name: "Shapefile导入规则",
+              index: "3",
+            },
+            {
+              name: "GeoJSON导入规则",
+              index: "3",
+            },
+          ],
+        },
+        {
+          name: "数据完整性检查",
+          index: "4",
+        },
+      ],
+      showIndex: "1",
+    };
+  },
+  components: {
+    Aside: () => import("@/components/Currency/Aside.vue"),
+  },
+  methods: {
+    handleMenuSelect(index) {
+      this.showIndex = index;
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.quality_inspection_process_management {
+  height: 100%;
+  width: 100%;
+  .el-container {
+    height: 100%;
+    .el-main {
+      padding: 0 0;
+      margin-left: 20px;
+      background: #ffffff;
+    }
+  }
+}
+</style>

src/components/DataQualityInspection/QualityInspectionRules.vue

@@ -0,0 +1,79 @@
+<template>
+  <div class="data_services">
+    <el-container>
+      <Aside
+        v-bind="{
+          showIndex: showIndex,
+          menuList: menuList,
+          handleMenuSelect: handleMenuSelect,
+        }"
+      ></Aside>
+      <el-main> </el-main>
+    </el-container>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      menuList: [
+        {
+          name: "图层质检规则",
+          index: "1",
+        },
+        {
+          name: "单条数据规则",
+          index: "2",
+        },
+        {
+          name: "数据导入规则",
+          index: "3",
+          children: [
+            {
+              name: "Excel导入规则",
+              index: "3",
+            },
+            {
+              name: "Shapefile导入规则",
+              index: "3",
+            },
+            {
+              name: "GeoJSON导入规则",
+              index: "3",
+            },
+          ],
+        },
+        {
+          name: "数据完整性检查",
+          index: "4",
+        },
+      ],
+      showIndex: "1",
+    };
+  },
+  components: {
+    Aside: () => import("@/components/Currency/Aside.vue"),
+  },
+  methods: {
+    handleMenuSelect(index) {
+      this.showIndex = index;
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.data_services {
+  height: 100%;
+  width: 100%;
+  .el-container {
+    height: 100%;
+    .el-main {
+      padding: 0 0;
+      margin-left: 20px;
+      background: #ffffff;
+    }
+  }
+}
+</style>

src/views/DataQualityInspection.vue

@@ -1,13 +1,66 @@
 <template>
-  
+  <div class="data_qualityInspection">
+    <el-container>
+      <Aside
+        v-bind="{
+          showIndex: showIndex,
+          menuList: menuList,
+          handleMenuSelect: handleMenuSelect,
+        }"
+      ></Aside>
+      <el-main>
+        <QualityInspectionRules
+          v-if="showIndex == '1'"
+        ></QualityInspectionRules>
+        <QualityInspectionProcessManagement
+          v-if="showIndex == '2'"
+        ></QualityInspectionProcessManagement>
+      </el-main>
+    </el-container>
+  </div>
 </template>
 
 <script>
 export default {
-
-}
+  data() {
+    return {
+      menuList: [
+        {
+          name: "质检规则",
+          index: "1",
+        },
+        {
+          name: "质检流程管理",
+          index: "2",
+        },
+      ],
+      showIndex: "1",
+    };
+  },
+  components: {
+    Aside: () => import("@/components/Currency/Aside.vue"),
+    QualityInspectionRules: () =>
+      import("@/components/DataQualityInspection/QualityInspectionRules.vue"),
+    QualityInspectionProcessManagement: () =>
+      import("@/components/DataQualityInspection/QualityInspectionProcessManagement.vue"),
+  },
+  methods: {
+    handleMenuSelect(index) {
+      this.showIndex = index;
+    },
+  },
+};
 </script>
 
 <style lang="less" scoped>
-
+.data_qualityInspection {
+  height: 100%;
+  width: 100%;
+  .el-container {
+    height: 100%;
+    .el-main {
+      padding: 0 0;
+    }
+  }
+}
 </style>