12.12更新数据

4 months ago · 49ca060e28
19 changed files with 1281 additions and 89 deletions
--- a/index.html
+++ b/index.html
@ -1,16 +1,16 @@
 <!DOCTYPE html>
-<html lang="zh">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <!-- <script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=oVfsVaYhLHUB2dqfOIdSTYASndsX33LF"></script> -->
-    <!-- <script src="//unpkg.com/@bmapgl-plugin/cluster@0.0.5"></script> -->
-    <!-- <script src="//mapopen-pub-jsapi.cdn.bcebos.com/static/js/bjpoi.js"></script> -->
-    <title>pathogenData</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.js"></script>
-  </body>
+<html>
+
+<head>
+  <meta charset="UTF-8" />
+  <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>pathogenData</title>
+</head>
+
+<body>
+  <div id="app"></div>
+  <script type="module" src="/src/main.js"></script>
+</body>
+
 </html>
--- 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",
--- a/public/vite.svg
+++ b/public/vite.svg
@ -1,10 +1,4 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 87.5 100">
-  <defs>
-    <style>.cls-1{fill:#1697f6;}.cls-2{fill:#7bc6ff;}.cls-3{fill:#1867c0;}.cls-4{fill:#aeddff;}</style>
-  </defs>
-  <title>Artboard 46</title>
-  <polyline class="cls-1" points="43.75 0 23.31 0 43.75 48.32" />
-  <polygon class="cls-2" points="43.75 62.5 43.75 100 0 14.58 22.92 14.58 43.75 62.5" />
-  <polyline class="cls-3" points="43.75 0 64.19 0 43.75 48.32" />
-  <polygon class="cls-4" points="64.58 14.58 87.5 14.58 43.75 100 43.75 62.5 64.58 14.58" />
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" style="fill:#00786C">
+  <path
+    d="M18.14 16.7C17.23 18.21 16.08 17.73 15 17.09S12.9 15.68 12.25 16.59C11.54 17.37 12.09 18.62 12.37 19.72C12.65 20.83 12.67 21.79 10.9 22C9.5 21.81 9.58 20.65 9.81 19.42C10.04 18.19 10.4 16.89 9.5 16.43C8.78 15.95 8.28 16.78 7.65 17.6C7 18.41 6.26 19.2 5.04 18.62C3.94 17.71 4.36 17.18 4.94 16.5S6.27 14.91 5.84 13.31C5.66 12.66 4.76 12.81 3.87 12.79C3 12.77 2.12 12.59 2.03 11.29C1.96 10.5 2.55 10.18 3.16 9.93C3.78 9.68 4.41 9.5 4.42 8.87C4.45 8.26 4.04 7.83 3.78 7.38S3.41 6.46 4.03 5.76C5.08 4.9 5.92 5.63 6.76 6.42S8.43 8.04 9.46 7.39C10.28 6.85 9.53 5.9 8.95 4.97S7.96 3.15 9.46 2.74C10.76 2.38 11.26 3.27 11.71 4.3C12.17 5.33 12.57 6.5 13.67 6.71C15.24 7 16.38 5.16 17.47 3.7S19.63 1.15 21 2.95C22.5 4.84 21.07 5.72 19.4 6.5C17.73 7.23 15.81 7.87 16.27 9.28C16.54 10.1 17.42 9.65 18.35 9.34C19.27 9.03 20.26 8.86 20.74 10.27C21.25 11.76 20.04 12.1 18.68 12.24C17.32 12.38 15.8 12.32 15.7 13C15.59 13.71 16.5 14 17.29 14.42C18.08 14.85 18.75 15.42 18.14 16.7M20.5 19C19.55 19 19.06 18.26 19.06 17.5C19.06 16.74 19.54 16 20.5 16C21.5 16 22 16.74 22 17.5C22 18.26 21.5 19 20.5 19Z" />
 </svg>
--- 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}`,
--- a/src/api/home.js
+++ 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",
+  });
+}
--- a/src/assets/css/base.scss
+++ b/src/assets/css/base.scss
@ -3,3 +3,8 @@ body {
  margin: 0;
  padding: 0;
 }
+
+.v-input__details {
+  min-height: 0px !important;
+  height: 0px;
+}
--- a/src/assets/img/MPNet.png
+++ b/src/assets/img/MPNet.png
--- a/src/assets/img/MSEA.png
+++ b/src/assets/img/MSEA.png
--- a/src/assets/img/ORA.png
+++ b/src/assets/img/ORA.png
--- a/src/assets/img/TSA.png
+++ b/src/assets/img/TSA.png
--- a/src/assets/img/classifier.png
+++ b/src/assets/img/classifier.png
--- a/src/layouts/basic/index.vue
+++ b/src/layouts/basic/index.vue
@ -1,15 +1,36 @@
 <template>
-  <el-container>
-    <el-header class="appNav">
-      44
-    </el-header>
-    <el-main class="appMain">
+  <v-layout>
+    <v-app-bar class="baseAppBar">
+      <v-row no-gutters>
+        <v-col cols="3">
+          <div class="logo">
+            HUBMet
+          </div>
+        </v-col>
+        <v-col align-self="center">
+          <div class="headerText">
+            Human Blood Metabolite Database and Analytical Platform
+          </div>
+        </v-col>
+        <v-col cols="3" align-self="end">
+          <div class="btnGroup">
+            <v-btn variant="plain" to="/home" class="btn" base-color="#fff" color="#fff">
+              Home
+            </v-btn>
+            <v-btn variant="plain" to="/about" class="btn">
+              About
+            </v-btn>
+            <v-btn variant="plain" to="/contact" class="btn">
+              Contact
+            </v-btn>
+          </div>
+        </v-col>
+      </v-row>
+    </v-app-bar>
+    <v-main class="baseMain">
      <router-view />
-    </el-main>
-    <el-footer class="appFooter">
-      55
-    </el-footer>
-  </el-container>
+    </v-main>
+  </v-layout>
 </template>

 <script>
@ -17,7 +38,9 @@ export default {
  name: "basic",
  components: {},
  data() {
-    return {};
+    return {
+      activeBtn: true
+    };
  },
  watch: {},
  computed: {},
@ -26,22 +49,30 @@ export default {
 };
 </script>
 <style scoped lang="scss">
-.appNav {
-  padding: 0;
+.baseAppBar {
+  background-color: #00786C !important;
+  color: #fff !important;
 }

-.appMain {
-  height: calc(100vh - 105px);
-  padding: 0;
-  overflow-y: auto;
-  overflow-x: hidden;
+.baseMain {
+  height: 100vh;
 }

-.appFooter {
-  height: 45px;
-  //background-color:$blue-color;
-  background-color: #f7f7f7;
-  color: rgba(99, 99, 99, 0.7);
-  text-align: center;
+.logo {
+  text-indent: 0.5em;
+  font-size: 2.2em;
+}
+
+.headerText {
+  font-size: 1.3em;
+}
+
+.btnGroup {
+  text-align: right;
+}
+
+.btn {
+  text-transform: none !important;
+  color: #fff !important;
 }
 </style>
--- 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");
--- 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" },
--- a/src/views/about/index.vue
+++ b/src/views/about/index.vue
@ -0,0 +1,22 @@
+<template>
+  <div>about</div>
+</template>
+
+<script>
+
+export default {
+  name: "about",
+  components: {},
+  data() {
+    return {};
+  },
+  watch: {},
+  computed: {},
+  async mounted() { },
+  methods: {},
+
+  destoryed() { },
+
+};
+</script>
+<style scoped></style>
--- a/src/views/contact/index.vue
+++ b/src/views/contact/index.vue
@ -0,0 +1,21 @@
+<template>
+  <div>contact</div>
+</template>
+
+<script>
+export default {
+  name: "contact",
+  components: {},
+  data() {
+    return {};
+  },
+  watch: {},
+  computed: {},
+  async mounted() { },
+  methods: {},
+
+  destoryed() { },
+
+};
+</script>
+<style scoped></style>
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
--- a/src/views/home/metabolite.vue
+++ b/src/views/home/metabolite.vue
@ -0,0 +1,23 @@
+<template>
+  <div>metabolite</div>
+</template>
+
+<script>
+export default {
+  name: "metabolite",
+  components: {},
+  data() {
+    return {};
+  },
+  watch: {},
+  computed: {},
+  async mounted() {
+    console.log(15, this.$route);
+  },
+  methods: {},
+
+  destoryed() { },
+
+};
+</script>
+<style scoped></style>
--- 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/, "")
-      // },
    },
  },
  // 构建的时候添加源代码映射，调试可以快速定位，上线的时候最好注掉