feat: 文件上传（后端返回的res格式有变，需注意）,侧边栏加入流水线

src/api/_prefix.js

@@ -2,7 +2,7 @@ export const API_MODULE = '/api'
 export const NEW_API_MODULE= '/newapi'
 export const MODEL_MODULE=`${API_MODULE}/model`
 export const CONFIG_MODULE = `${API_MODULE}/config`
-export const FILE_MODULE= `${API_MODULE}/file`
+export const FILE_MODULE= `${API_MODULE}/files`
 export const PIC_MODULE= `${API_MODULE}/picture`
 export const POST_MODULE=`${NEW_API_MODULE}/posts`
 export const COMMENT_MODULE=`${NEW_API_MODULE}/comment`

src/api/file.js

@@ -9,7 +9,7 @@ import {axios} from '../utils/request'
  * @returns
  */
 export const UploadFile = payload => {
-    return axios.post(`${FILE_MODULE}/upload`,
+    return axios.post(`${FILE_MODULE}/file`,
         payload
         ,{
         headers:{
@@ -55,7 +55,7 @@ export const UploadFile = payload => {
  * @returns
  */
 export const GetAllFile = userId => {
-    return axios.get(`${FILE_MODULE}/get/all`, {
+    return axios.get(`${FILE_MODULE}`, {
         params:{
             userId: userId
         }
@@ -82,11 +82,7 @@ export const GetAllFile = userId => {
  * @returns
  */
 export const getFileDetail = fileId => {
-    return axios.get(`${FILE_MODULE}/get/detail`, {
-        params: {
-            fileId: fileId
-        }
-    }).then( res => {
+    return axios.get(`${FILE_MODULE}/${fileId}`).then( res => {
         return res;
     })
 }
@@ -123,72 +119,6 @@ export const getFileDetail = fileId => {
 //                     "conOrDis": 1,
 //                     "fieldType": "double",
 //                     "valueInfo": "[\"3.16\",\"3599.68\"]"
-//                 },
-//                 {
-//                     "id": 105,
-//                     "fileInfoId": 1,
-//                     "fieldName": "road",
-//                     "aliasName": "",
-//                     "fieldDes": "",
-//                     "nullsRatio": 0.0,
-//                     "conOrDis": 0,
-//                     "fieldType": "string",
-//                     "valueInfo": "[\"R\",\"L\"]"
-//                 },
-//                 {
-//                     "id": 106,
-//                     "fileInfoId": 1,
-//                     "fieldName": "lane",
-//                     "aliasName": "",
-//                     "fieldDes": "",
-//                     "nullsRatio": 0.0,
-//                     "conOrDis": 0,
-//                     "fieldType": "string",
-//                     "valueInfo": "[\"r\",\"m\",\"l\"]"
-//                 },
-//                 {
-//                     "id": 107,
-//                     "fileInfoId": 1,
-//                     "fieldName": "vehicle_class",
-//                     "aliasName": "",
-//                     "fieldDes": "",
-//                     "nullsRatio": 0.0,
-//                     "conOrDis": 0,
-//                     "fieldType": "string",
-//                     "valueInfo": "[\"car\",\"truck\",\"bus\"]"
-//                 },
-//                 {
-//                     "id": 108,
-//                     "fileInfoId": 1,
-//                     "fieldName": "vehicle_id",
-//                     "aliasName": "",
-//                     "fieldDes": "",
-//                     "nullsRatio": 0.0,
-//                     "conOrDis": 1,
-//                     "fieldType": "int",
-//                     "valueInfo": "[\"20\",\"46862\"]"
-//                 },
-//                 {
-//                     "id": 109,
-//                     "fileInfoId": 1,
-//                     "fieldName": "event_type",
-//                     "aliasName": "",
-//                     "fieldDes": "",
-//                     "nullsRatio": 0.0,
-//                     "conOrDis": 0,
-//                     "fieldType": "string",
-//                     "valueInfo": "[\"cruise\",\"overdrive\"]"
-//                 },
-//                 {
-//                     "id": 110,
-//                     "fileInfoId": 1,
-//                     "fieldName": "duration",
-//                     "aliasName": "",
-//                     "fieldDes": "",
-//                     "nullsRatio": 0.0,
-//                     "conOrDis": 0,
-//                     "fieldType": "string",
-//                     "valueInfo": "[\"48,60\",\"24,36\",\"36,48\",\"12,24\",\"0,12\"]"
 //                 }
 //             ]
 //         }
@@ -200,11 +130,7 @@ export const getFileDetail = fileId => {
  * @returns
  */
 export const deleteFile = fileId => {
-    return axios.get(`${FILE_MODULE}/delete`, {
-        params:{
-            fileId: fileId
-        }
-    }).then( res => {
+    return axios.delete(`${FILE_MODULE}/${fileId}`).then( res => {
             return res;
     });
 }

src/components/Sidebar.vue

@@ -75,7 +75,7 @@ export default {
           {
               icon: "el-icon-lx-cascades",
               title: "配置",
-              index:2,
+              index: 1,
               subs: [
                 {
                   index: "/config",
@@ -118,6 +118,22 @@ export default {
             title: "数据分析",
           },
 
+          {
+            icon: "el-icon-toilet-paper",
+            title: "流水线",
+            index: 2,
+            subs: [
+              {
+                index: "/mlPipeline",
+                title: "机器学习流水线"
+              },
+              {
+                index: "/analysisPipeline",
+                title: "数据分析流水线",
+              },
+            ]
+          },
+
           {
               icon: "el-icon-user",
               index: "/user",

src/router/index.js

@@ -106,6 +106,22 @@ const routes = [
                 },
                 component: () => import ( /* webpackChunkName: "charts" */ "../views/analysis/Analysis.vue")
             },
+            {
+                path: "/analysisPipeline",
+                name: "analysisPipeline",
+                meta: {
+                    title: '数据分析流水线'
+                },
+                component: () => import ( /* webpackChunkName: "charts" */ "../views/analysis/AnalysisPipeline.vue")
+            },
+            {
+                path: "/mlPipeline",
+                name: "mlPipeline",
+                meta: {
+                    title: '机器学习流水线'
+                },
+                component: () => import ( /* webpackChunkName: "charts" */ "../views/ml/MLPipeline.vue")
+            },
             {
                 path: "/form",
                 name: "baseform",

src/views/analysis/AnalysisPipeline.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>AnalysisPipeline</div>
+</template>
+
+<script>
+export default {
+name: "AnalysisPipeline"
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/file/Upload.vue

@@ -141,7 +141,7 @@ export default {
             form.fileName=''
             formEl.resetFields()
             uploadEl.clearFiles()
-            if (res.status === 200)
+            if (res.msg === '成功')
             {
               ElMessageBox({
                 title: '文件上传',

src/views/ml/MLPipeline.vue

@@ -0,0 +1,13 @@
+<template>
+<div>MLPipeline</div>
+</template>
+
+<script>
+export default {
+name: "MLPipeline"
+}
+</script>
+
+<style scoped>
+
+</style>