diff --git a/index.html b/index.html index f268fa3..1fdd3f3 100644 --- a/index.html +++ b/index.html @@ -1,16 +1,16 @@ - - - - - - - - - pathogenData - - -
- - - + + + + + + + pathogenData + + + +
+ + + + \ No newline at end of file diff --git a/package.json b/package.json index cfd6ab7..9cd9b78 100644 --- a/package.json +++ b/package.json @@ -15,6 +15,7 @@ "@mdi/font": "^7.4.47", "@mdi/js": "^7.4.47", "axios": "^1.7.9", + "csv-parse": "^5.6.0", "dayjs": "^1.11.13", "element-plus": "^2.9.0", "lodash": "^4.17.21", diff --git a/public/vite.svg b/public/vite.svg index 4c34530..6969642 100644 --- a/public/vite.svg +++ b/public/vite.svg @@ -1,10 +1,4 @@ - - - - - Artboard 46 - - - - + + \ No newline at end of file diff --git a/src/api/common.js b/src/api/common.js index a4caa8a..1a0be3d 100644 --- a/src/api/common.js +++ b/src/api/common.js @@ -2,6 +2,13 @@ import _axios from "@/plugins/axios"; import _ from "lodash"; let personalToken = `6LEduRKgkheVUBeQ6uvGrZ`//广实代谢 //获取分析 +export function home(data = {}) { + return _axios({ + url: `/biobank/v1/workflowlaunchs?token=${personalToken}`, + method: "GET", + params: data, + }); +} export function mathedAnalyzedParams(data = {}) { return _axios({ url: `/biobank/v1/workflowlaunchs?token=${personalToken}`, diff --git a/src/api/home.js b/src/api/home.js new file mode 100644 index 0000000..5dba606 --- /dev/null +++ b/src/api/home.js @@ -0,0 +1,10 @@ +import _axios from "@/plugins/axios"; +import _ from "lodash"; +let personalToken = `6LEduRKgkheVUBeQ6uvGrZ`//广实代谢 +// 首页获取下拉框的数据 +export function homeMetabolite() { + return _axios({ + url: `/biobank/reportTemplate/5e7ac090233167dcfccd9031/group/dashboard%2FguangshiMetabolome%2FHBM_2831.txt`, + method: "GET", + }); +} \ No newline at end of file diff --git a/src/assets/css/base.scss b/src/assets/css/base.scss index f31f35e..0f7eaa2 100644 --- a/src/assets/css/base.scss +++ b/src/assets/css/base.scss @@ -2,4 +2,9 @@ html, body { margin: 0; padding: 0; +} + +.v-input__details { + min-height: 0px !important; + height: 0px; } \ No newline at end of file diff --git a/src/assets/img/MPNet.png b/src/assets/img/MPNet.png new file mode 100644 index 0000000..1f893ec Binary files /dev/null and b/src/assets/img/MPNet.png differ diff --git a/src/assets/img/MSEA.png b/src/assets/img/MSEA.png new file mode 100644 index 0000000..474ec25 Binary files /dev/null and b/src/assets/img/MSEA.png differ diff --git a/src/assets/img/ORA.png b/src/assets/img/ORA.png new file mode 100644 index 0000000..b670180 Binary files /dev/null and b/src/assets/img/ORA.png differ diff --git a/src/assets/img/TSA.png b/src/assets/img/TSA.png new file mode 100644 index 0000000..caaa8d4 Binary files /dev/null and b/src/assets/img/TSA.png differ diff --git a/src/assets/img/classifier.png b/src/assets/img/classifier.png new file mode 100644 index 0000000..3cd562f Binary files /dev/null and b/src/assets/img/classifier.png differ diff --git a/src/layouts/basic/index.vue b/src/layouts/basic/index.vue index a0efeb0..be9b3f2 100644 --- a/src/layouts/basic/index.vue +++ b/src/layouts/basic/index.vue @@ -1,15 +1,36 @@ + + +
+ Human Blood Metabolite Database and Analytical Platform +
+ + +
+ + Home + + + About + + + Contact + +
+ + + + - - - 55 - - + + \ No newline at end of file diff --git a/src/main.js b/src/main.js index b405a0b..67770e7 100644 --- a/src/main.js +++ b/src/main.js @@ -4,7 +4,7 @@ import { createI18n } from 'vue-i18n' // 引入路由实例 import router from "@/router/index.js"; //全局引入lodash -import _ from "lodash"; +import _, { size } from "lodash"; //全局引入lodash import dayjs from "dayjs"; // 引入css @@ -36,7 +36,7 @@ for (const [key, component] of Object.entries(ElementPlusIconsVue)) { } app.config.globalProperties.$_ = _; //挂载到app实例上 app.config.globalProperties.$dayjs = dayjs; //挂载到app实例上 -app.use(ElementPlus, { zIndex: 3000 }) +app.use(ElementPlus, { zIndex: 3000, size: 'large' }) .use(vuetify) //vuetify .use(router) //路由 .mount("#app"); diff --git a/src/router/index.js b/src/router/index.js index 760b13f..597d582 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -14,6 +14,21 @@ const routes = [ name: "home", component: () => import("@/views/home/index.vue"), }, + { + path: "metabolite/:id", + name: "metabolite", + component: () => import("@/views/home/metabolite.vue"), + }, + { + path: "about", + name: "about", + component: () => import("@/views/about/index.vue"), + }, + { + path: "contact", + name: "contact", + component: () => import("@/views/contact/index.vue"), + }, ] }, { name: "重定向", path: "/:catchAll(.*)", redirect: "/home" }, diff --git a/src/views/about/index.vue b/src/views/about/index.vue new file mode 100644 index 0000000..487ba2f --- /dev/null +++ b/src/views/about/index.vue @@ -0,0 +1,22 @@ + + + + diff --git a/src/views/contact/index.vue b/src/views/contact/index.vue new file mode 100644 index 0000000..debf8d7 --- /dev/null +++ b/src/views/contact/index.vue @@ -0,0 +1,21 @@ + + + + diff --git a/src/views/home/index.vue b/src/views/home/index.vue index 28aefd6..5bab5fe 100644 --- a/src/views/home/index.vue +++ b/src/views/home/index.vue @@ -1,21 +1,1102 @@ - + + \ No newline at end of file diff --git a/src/views/home/metabolite.vue b/src/views/home/metabolite.vue new file mode 100644 index 0000000..86f82f8 --- /dev/null +++ b/src/views/home/metabolite.vue @@ -0,0 +1,23 @@ + + + + diff --git a/vite.config.js b/vite.config.js index 1177b84..371574b 100644 --- a/vite.config.js +++ b/vite.config.js @@ -1,10 +1,10 @@ // Plugins import vue from "@vitejs/plugin-vue"; -import Vuetify, {transformAssetUrls} from 'vite-plugin-vuetify' +import Vuetify, { transformAssetUrls } from 'vite-plugin-vuetify' import Components from 'unplugin-vue-components/vite' // Utilities -import {defineConfig} from "vite"; -import {fileURLToPath, URL} from "node:url"; +import { defineConfig } from "vite"; +import { fileURLToPath, URL } from "node:url"; // https://vitejs.dev/config/ export default defineConfig({ @@ -12,12 +12,12 @@ export default defineConfig({ // assetsDir:"src/assets", plugins: [ vue({ - template: {transformAssetUrls} + template: { transformAssetUrls } }), Vuetify(), Components(), ], - define: {"process.env": {}}, + define: { "process.env": {} }, resolve: { alias: { "@": fileURLToPath(new URL("./src", import.meta.url)), @@ -28,32 +28,14 @@ export default defineConfig({ host: "0.0.0.0", port: 3000, proxy: { - // "/biobank": { - // target: "http://127.0.0.1:7001", - // changeOrigin: true, - // // rewrite: (path) => path.replace(/^\/biobank/, "") - // }, - "/biobank": { - target: "http://10.20.16.11:8000", - changeOrigin: true, - // rewrite: (path) => path.replace(/^\/biobank/, "") + '/esearch': { + "target": 'http://192.168.0.9:5619', + "changeOrigin": true, }, - // "/pathogen_api": { - // target: "http://10.20.16.11:7727", - // changeOrigin: true, - // // rewrite: (path) => path.replace(/^\/pathogen_api/, "") - // }, - "/pathogen_api": { - target: "http://127.0.0.1:7002", - // target: "http://192.168.31.138:7002", - changeOrigin: true, - // rewrite: (path) => path.replace(/^\/pathogen_api/, "") + '/biobank': { + "target": 'http://58.211.191.32:9090', + "changeOrigin": true, }, - // "/biobank": { - // target: "http://192.168.31.89:7002", - // changeOrigin: true, - // // rewrite: (path) => path.replace(/^\/biobank/, "") - // }, }, }, // 构建的时候添加源代码映射，调试可以快速定位，上线的时候最好注掉