feat: 分析模块大致布局

src/components/Sidebar.vue

@@ -102,6 +102,12 @@ export default {
             title: "预测结果",
           },
 
+          {
+            icon: "el-icon-lx-cascades",
+            index: "/analysisConfig",
+            title: "数据统计配置",
+          },
+
           {
             icon: "el-icon-pie-chart",
             index: "/analysis",

src/router/index.js

@@ -82,6 +82,14 @@ const routes = [
                 },
                 component: () => import ( /* webpackChunkName: "charts" */ "../views/BaseCharts.vue")
             },
+            {
+                path: "/analysisConfig",
+                name: "analysisConfig",
+                meta: {
+                    title: '数据统计配置'
+                },
+                component: () => import ( /* webpackChunkName: "charts" */ "../views/AnalysisConfig.vue")
+            },
             {
                 path: "/analysis",
                 name: "analysis",

src/views/Analysis.vue

@@ -1,10 +1,58 @@
 <template>
-<div>66</div>
+<div>
+  <div class="crumbs">
+    <el-breadcrumb separator="/">
+      <el-breadcrumb-item>
+        <i class="el-icon-lx-cascades"></i> 数据统计配置列表
+      </el-breadcrumb-item>
+    </el-breadcrumb>
+  </div>
+
+  <div class="container">
+    <el-table
+        :data="tableData" border class="table" ref="multipleTable"
+        header-cell-class-name="table-header"
+        @selection-change="handleSelectionChange"
+        @row-dblclick="getConfigDetail"
+    >
+      <el-table-column prop="confName" label="配置名"></el-table-column>
+      <el-table-column prop="fileName" label="文件名"></el-table-column>
+      <el-table-column label="查看历史分析"></el-table-column>
+      <el-table-column label="操作" width="180" align="center">
+        <template #default="scope">
+
+          <el-button type="text" icon="el-icon-mouse"
+                     @click="editUseModel(scope.$index, scope.row)">分析
+          </el-button>
+
+          <el-button type="text" icon="el-icon-delete" class="red"
+                     @click="handleDelete(scope.$index, scope.row)"
+          >删除</el-button>
+
+        </template>
+      </el-table-column>
+    </el-table>
+
+
+  </div>
+
+</div>
 </template>
 
 <script>
+import {ref} from "vue";
+
 export default {
-name: "Analysis"
+  name: "Analysis",
+  setup(){
+    const tableData = ref([]);
+    const pageTotal = ref(0);
+
+    return{
+      tableData,
+      pageTotal,
+    };
+  }
 }
 </script>
 

src/views/AnalysisConfig.vue

@@ -0,0 +1,64 @@
+<template>
+  <div>
+    <div class="crumbs">
+      <el-breadcrumb separator="/">
+        <el-breadcrumb-item>
+          <i class="el-icon-lx-cascades"></i> 数据统计配置列表
+        </el-breadcrumb-item>
+      </el-breadcrumb>
+    </div>
+
+    <div class="container">
+      <el-table
+          :data="tableData" border class="table" ref="multipleTable"
+          header-cell-class-name="table-header"
+          @selection-change="handleSelectionChange"
+          @row-dblclick="getConfigDetail"
+      >
+        <el-table-column prop="confName" label="配置名"></el-table-column>
+        <el-table-column prop="fileName" label="文件名"></el-table-column>
+        <el-table-column label="选中字段">
+          <template #default="scope">{{ scope.row.name }}</template>
+        </el-table-column>
+        <el-table-column label="操作" width="180" align="center">
+          <template #default="scope">
+
+            <router-link :to="{path:'/ConfigDetail',query:{configId:scope.row.configId}}">
+              <el-button type="text" icon="el-icon-view" >查看详情
+              </el-button>
+            </router-link>
+
+            <el-button type="text" icon="el-icon-delete" class="red"
+                       @click="handleDelete(scope.$index, scope.row)"
+            >删除</el-button>
+
+          </template>
+        </el-table-column>
+      </el-table>
+
+
+    </div>
+
+  </div>
+</template>
+
+<script>
+import {ref} from "vue";
+
+export default {
+  name: "AnalysisConfig",
+  setup(){
+    const tableData = ref([]);
+    const pageTotal = ref(0);
+
+    return{
+      tableData,
+      pageTotal,
+    };
+  }
+}
+</script>
+
+<style scoped>
+
+</style>