初始代码——周贤博（2024/2/27 19:56）

1 year ago · a15d96b852
parent ad78f51b38
commit a15d96b852
597 changed files with 12626 additions and 0 deletions
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,23 @@
 .DS_Store
 node_modules
 /dist
 # local env files
 .env.local
 .env.*.local
 # Log files
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 pnpm-debug.log*
 # Editor directories and files
 .idea
 .vscode
 *.suo
 *.ntvs*
 *.njsproj
 *.sln
 *.sw?
--- a/babel.config.js
+++ b/babel.config.js
@ -0,0 +1,5 @@
 module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ]
 }
--- a/jsconfig.json
+++ b/jsconfig.json
@ -0,0 +1,19 @@
 {
  "compilerOptions": {
    "target": "es5",
    "module": "esnext",
    "baseUrl": "./",
    "moduleResolution": "node",
    "paths": {
      "@/*": [
        "src/*"
      ]
    },
    "lib": [
      "esnext",
      "dom",
      "dom.iterable",
      "scripthost"
    ]
  }
 }
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -0,0 +1,30 @@
 {
  "name": "vue",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build"
  },
  "dependencies": {
    "axios": "^1.6.7",
    "core-js": "^3.35.1",
    "echarts": "^5.5.0",
    "element-ui": "^2.15.14",
    "vue": "^2.6.14",
    "vue-router": "^3.5.1",
    "vuex": "^3.6.2"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~5.0.0",
    "@vue/cli-plugin-router": "~5.0.0",
    "@vue/cli-service": "~5.0.0",
    "scope": "^0.10.1",
    "vue-template-compiler": "^2.6.14"
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not dead"
  ]
 }
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/public/index.html
+++ b/public/index.html
@ -0,0 +1,17 @@
 <!DOCTYPE html>
 <html lang="">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title><%= htmlWebpackPlugin.options.title %></title>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
 </html>
--- a/src/App.vue
+++ b/src/App.vue
@ -0,0 +1,11 @@
 <template>
  <div id="app">
    <router-view/>
  </div>
 </template>
 <style>
 #app{
  min-height: 100vh;
 }
 </style>
--- a/src/assets/global_settings.css
+++ b/src/assets/global_settings.css
@ -0,0 +1,28 @@
 /*这是一个css文件，放在assets里面，用于设定一些全局设置。margin,padding就是用来设计这个边框处不留白边的*/
 /*html,body,div{
    margin: 0;
    padding: 0;
 }
 html,body{
    height: 100%;
 }*/
 /*这里前面的*表示这个设置是对所有元素生效的、border-box是一个盒状的边框*/
 *{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
 }
 /*自定义一些常用的css，在vue里可以快速使用*/
 .ml-5{
    margin-left: 5px;
 }
 .mr-5{
    margin-right: 5px;
 }
 .pd-10{
    padding: 10px 0;
 }
--- a/src/assets/logo.png
+++ b/src/assets/logo.png
--- a/src/components/Aside.vue
+++ b/src/components/Aside.vue
@ -0,0 +1,473 @@
 <script>
 export default {
  name: "Aside",
  props:{
    isCollapse: Boolean,
    logoTextShow: Boolean
  }
 }
 </script>
 <template>
  <el-menu :default-openeds="['1', '3']" style="min-height: 100%; overflow-x: hidden"
           background-color="rgb(48, 65, 86)"
           text-color="#fff"
           active-text-color="#ffd04b"
           :collapse-transition="false"
           :collapse="isCollapse"
           router
  >
    <div style="height: 60px; line-height: 60px; text-align: center">
      <img src="../assets/logo.png" alt="" style="width: 20px; position: relative; top: 5px; right: 5px">
      <b style="color: white" v-show="logoTextShow">脑电数据管理系统</b>
    </div>
    <el-submenu index="/">
      <template slot="title">
        <i class="el-icon-s-home"></i>
        <span slot="title">主页</span>
      </template>
      <el-menu-item index="/">
        <template slot="title">
          <i class="el-icon-house"></i>
          <span slot="title">主页</span>
        </template>
      </el-menu-item>
    </el-submenu>
    <el-submenu index="2">
      <template slot="title">
        <i class="el-icon-menu"></i>
        <span slot="title">脑电采集</span>
      </template>
        <el-menu-item index="/sample1">
          <template slot="title">
            <i class="el-icon-s-grid"></i>
            <span slot="title">第1组</span>
          </template>
        </el-menu-item>
      <el-menu-item index="/sample2">
        <template slot="title">
          <i class="el-icon-s-grid"></i>
          <span slot="title">第2组</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/sample3">
        <template slot="title">
          <i class="el-icon-s-grid"></i>
          <span slot="title">第3组</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/sample4">
        <template slot="title">
          <i class="el-icon-s-grid"></i>
          <span slot="title">第4组</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/sample5">
        <template slot="title">
          <i class="el-icon-s-grid"></i>
          <span slot="title">第5组</span>
        </template>
      </el-menu-item>
    </el-submenu>
    <el-submenu index="3">
      <template slot="title">
        <i class="el-icon-user-solid"></i>
        <span slot="title">人员识别</span>
      </template>
      <el-menu-item index="/id1">
        <template slot="title">
          <i class="el-icon-user"></i>
          <span slot="title">被试1号</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/id2">
        <template slot="title">
          <i class="el-icon-user"></i>
          <span slot="title">被试2号</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/id3">
        <template slot="title">
          <i class="el-icon-user"></i>
          <span slot="title">被试3号</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/id4">
        <template slot="title">
          <i class="el-icon-user"></i>
          <span slot="title">被试4号</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/id5">
        <template slot="title">
          <i class="el-icon-user"></i>
          <span slot="title">被试5号</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/id6">
        <template slot="title">
          <i class="el-icon-user"></i>
          <span slot="title">被试6号</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/id7">
        <template slot="title">
          <i class="el-icon-user"></i>
          <span slot="title">被试7号</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/id8">
        <template slot="title">
          <i class="el-icon-user"></i>
          <span slot="title">被试8号</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/id9">
        <template slot="title">
          <i class="el-icon-user"></i>
          <span slot="title">被试9号</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/id10">
        <template slot="title">
          <i class="el-icon-user"></i>
          <span slot="title">被试10号</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/id11">
        <template slot="title">
          <i class="el-icon-user"></i>
          <span slot="title">被试11号</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/id12">
        <template slot="title">
          <i class="el-icon-user"></i>
          <span slot="title">被试12号</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/id13">
        <template slot="title">
          <i class="el-icon-user"></i>
          <span slot="title">被试13号</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/id14">
        <template slot="title">
          <i class="el-icon-user"></i>
          <span slot="title">被试14号</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/id15">
        <template slot="title">
          <i class="el-icon-user"></i>
          <span slot="title">被试15号</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/id16">
        <template slot="title">
          <i class="el-icon-user"></i>
          <span slot="title">被试16号</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/id17">
        <template slot="title">
          <i class="el-icon-user"></i>
          <span slot="title">被试17号</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/id18">
        <template slot="title">
          <i class="el-icon-user"></i>
          <span slot="title">被试18号</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/id19">
        <template slot="title">
          <i class="el-icon-user"></i>
          <span slot="title">被试19号</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/id20">
        <template slot="title">
          <i class="el-icon-user"></i>
          <span slot="title">被试20号</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/id21">
        <template slot="title">
          <i class="el-icon-user"></i>
          <span slot="title">被试21号</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/id22">
        <template slot="title">
          <i class="el-icon-user"></i>
          <span slot="title">被试22号</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/id23">
        <template slot="title">
          <i class="el-icon-user"></i>
          <span slot="title">被试23号</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/id24">
        <template slot="title">
          <i class="el-icon-user"></i>
          <span slot="title">被试24号</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/id25">
        <template slot="title">
          <i class="el-icon-user"></i>
          <span slot="title">被试25号</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/id26">
        <template slot="title">
          <i class="el-icon-user"></i>
          <span slot="title">被试26号</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/id27">
        <template slot="title">
          <i class="el-icon-user"></i>
          <span slot="title">被试27号</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/id28">
        <template slot="title">
          <i class="el-icon-user"></i>
          <span slot="title">被试28号</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/id29">
        <template slot="title">
          <i class="el-icon-user"></i>
          <span slot="title">被试29号</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/id30">
        <template slot="title">
          <i class="el-icon-user"></i>
          <span slot="title">被试30号</span>
        </template>
      </el-menu-item>
    </el-submenu>
    <el-submenu index="4">
      <template slot="title">
        <i class="el-icon-s-data"></i>
        <span slot="title">内容识别</span>
      </template>
      <el-menu-item index="/data1">
        <template slot="title">
          <i class="el-icon-s-opportunity"></i>
          <span slot="title">数据1/句子1</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/data2">
        <template slot="title">
          <i class="el-icon-s-opportunity"></i>
          <span slot="title">数据2/句子2</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/data3">
        <template slot="title">
          <i class="el-icon-s-opportunity"></i>
          <span slot="title">数据3/句子3</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/data4">
        <template slot="title">
          <i class="el-icon-s-opportunity"></i>
          <span slot="title">数据4/句子4</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/data5">
        <template slot="title">
          <i class="el-icon-s-opportunity"></i>
          <span slot="title">数据5/句子5</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/data6">
        <template slot="title">
          <i class="el-icon-s-opportunity"></i>
          <span slot="title">数据6/句子6</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/data7">
        <template slot="title">
          <i class="el-icon-s-opportunity"></i>
          <span slot="title">数据7/句子7</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/data8">
        <template slot="title">
          <i class="el-icon-s-opportunity"></i>
          <span slot="title">数据8/句子8</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/data9">
        <template slot="title">
          <i class="el-icon-s-opportunity"></i>
          <span slot="title">数据9/句子9</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/data10">
        <template slot="title">
          <i class="el-icon-s-opportunity"></i>
          <span slot="title">数据10/句子10</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/data11">
        <template slot="title">
          <i class="el-icon-s-opportunity"></i>
          <span slot="title">数据11/句子11</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/data12">
        <template slot="title">
          <i class="el-icon-s-opportunity"></i>
          <span slot="title">数据12/句子12</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/data13">
        <template slot="title">
          <i class="el-icon-s-opportunity"></i>
          <span slot="title">数据13/句子13</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/data14">
        <template slot="title">
          <i class="el-icon-s-opportunity"></i>
          <span slot="title">数据14/句子14</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/data15">
        <template slot="title">
          <i class="el-icon-s-opportunity"></i>
          <span slot="title">数据15/句子15</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/data16">
        <template slot="title">
          <i class="el-icon-s-opportunity"></i>
          <span slot="title">数据16/句子16</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/data17">
        <template slot="title">
          <i class="el-icon-s-opportunity"></i>
          <span slot="title">数据17/句子17</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/data18">
        <template slot="title">
          <i class="el-icon-s-opportunity"></i>
          <span slot="title">数据18/句子18</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/data19">
        <template slot="title">
          <i class="el-icon-s-opportunity"></i>
          <span slot="title">数据19/句子19</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/data20">
        <template slot="title">
          <i class="el-icon-s-opportunity"></i>
          <span slot="title">数据20/句子20</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/data21">
        <template slot="title">
          <i class="el-icon-s-opportunity"></i>
          <span slot="title">数据21/句子21</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/data22">
        <template slot="title">
          <i class="el-icon-s-opportunity"></i>
          <span slot="title">数据22/句子22</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/data23">
        <template slot="title">
          <i class="el-icon-s-opportunity"></i>
          <span slot="title">数据23/句子23</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/data24">
        <template slot="title">
          <i class="el-icon-s-opportunity"></i>
          <span slot="title">数据24/句子24</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/data25">
        <template slot="title">
          <i class="el-icon-s-opportunity"></i>
          <span slot="title">数据25/句子25</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/data26">
        <template slot="title">
          <i class="el-icon-s-opportunity"></i>
          <span slot="title">数据26/句子26</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/data27">
        <template slot="title">
          <i class="el-icon-s-opportunity"></i>
          <span slot="title">数据27/句子27</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/data28">
        <template slot="title">
          <i class="el-icon-s-opportunity"></i>
          <span slot="title">数据28/句子28</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/data29">
        <template slot="title">
          <i class="el-icon-s-opportunity"></i>
          <span slot="title">数据29/句子29</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/data30">
        <template slot="title">
          <i class="el-icon-s-opportunity"></i>
          <span slot="title">数据30/句子30</span>
        </template>
      </el-menu-item>
    </el-submenu>
    <el-submenu index="5">
      <template slot="title">
        <i class="el-icon-s-platform"></i>
        <span slot="title">脑电分析</span>
      </template>
      <el-menu-item index="/brain1">
        <template slot="title">
          <i class="el-icon-s-comment"></i>
          <span slot="title">信号示例1</span>
        </template>
      </el-menu-item>
      <el-menu-item index="/brain2">
        <template slot="title">
          <i class="el-icon-s-comment"></i>
          <span slot="title">信号示例2</span>
        </template>
      </el-menu-item>
    </el-submenu>
  </el-menu>
 </template>
 <style scoped>
 </style>
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@ -0,0 +1,67 @@
 <template>
  <div style="line-height: 60px; display: flex">
    <div style="flex: 1;">
      <span :class="collapseBtnClass" style="cursor: pointer; font-size: 18px" @click="collapse"></span>
      <el-breadcrumb separator="/" style="display: inline-block; margin-left: 10px">
        <el-breadcrumb-item :to="'/'">主页</el-breadcrumb-item>
        <el-breadcrumb-item>{{ currentPathName }}</el-breadcrumb-item>
      </el-breadcrumb>
    </div>
    <el-dropdown style="width: 70px; cursor: pointer">
      <span>{{user.nickname}}</span><i class="el-icon-arrow-down" style="margin-left: 5px"></i>
      <el-dropdown-menu slot="dropdown" style="width: 100px; text-align: center">
        <el-dropdown-item style="font-size: 14px; padding: 5px 0">
          <span style="text-decoration: none" @click="handlePerson">个人信息</span>
        </el-dropdown-item>
        <el-dropdown-item style="font-size: 14px; padding: 5px 0">
          <span style="text-decoration: none" @click="handleExit">退出</span>
        </el-dropdown-item>
      </el-dropdown-menu>
    </el-dropdown>
  </div>
 </template>
 <script>
 import user from "@/views/system/user/User.vue";
 export default {
  name: "Header",
  props: {
    collapseBtnClass: String,
    collapse: '',
  },
  data(){
    return{
      user:localStorage.getItem("user") ? JSON.parse(localStorage.getItem("user")) : {}
    }
  },
  computed: {
    user() {
      return user
    },
    currentPathName () {
      return this.$store.state.currentPathName;　　//需要监听的数据
    }
  },
  watch: {
    currentPathName (newVal, oldVal) {
      console.log(newVal)
    }
  },
  methods:{
    handleExit(){
      this.$router.push("/login")
      localStorage.removeItem("user")
      this.$message.success("退出成功！")
    },
    handlePerson(){
      this.$router.push("/person")
    }
  }
 }
 </script>
 <style scoped>
 </style>
--- a/src/components/HelloWorld.vue
+++ b/src/components/HelloWorld.vue
@ -0,0 +1,58 @@
 <template>
  <div class="hello">
    <h1>{{ msg }}</h1>
    <p>
      For a guide and recipes on how to configure / customize this project,<br>
      check out the
      <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
    </p>
    <h3>Installed CLI Plugins</h3>
    <ul>
      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-router" target="_blank" rel="noopener">router</a></li>
    </ul>
    <h3>Essential Links</h3>
    <ul>
      <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
      <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
      <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
      <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
      <li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
    </ul>
    <h3>Ecosystem</h3>
    <ul>
      <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
      <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
      <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
      <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
      <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
    </ul>
  </div>
 </template>
 <script>
 export default {
  name: 'HelloWorld',
  props: {
    msg: String
  }
 }
 </script>
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped>
 h3 {
  margin: 40px 0 0;
 }
 ul {
  list-style-type: none;
  padding: 0;
 }
 li {
  display: inline-block;
  margin: 0 10px;
 }
 a {
  color: #42b983;
 }
 </style>
--- a/src/main.js
+++ b/src/main.js
@ -0,0 +1,24 @@
 import Vue from 'vue'
 import App from './App.vue'
 import router from './router'
 import ElementUI from 'element-ui';
 import 'element-ui/lib/theme-chalk/index.css';
 import './assets/global_settings.css'
 import request from "@/utils/request";
 import store from "@/store";
 Vue.config.productionTip = false
 // import ElementUI for this project, and set default size
 // Vue.use(ElementUI, {size:"small"});
 // default size is a little bit bigger
 Vue.use(ElementUI, {size:"mini"});
 Vue.prototype.request=request
 new Vue({
  router,
  store,
  render: h => h(App)
 }).$mount('#app')
--- a/src/router/index.js
+++ b/src/router/index.js
@ -0,0 +1,113 @@
 import Vue from 'vue'
 import VueRouter from 'vue-router'
 import store from "@/store";
 Vue.use(VueRouter)
 const routes = [
  {
    path: '/',
    component: () => import('../views/home/Manage.vue'),
    redirect: "/home",
    children: [
      { path: 'home', name: '主页', component: () => import('../views/home/Home.vue')},
      { path: 'sample1', name: '采集过程-第1组', component: () => import('@/views/br_sampling/sample1.vue')},
      { path: 'sample2', name: '采集过程-第2组', component: () => import('@/views/br_sampling/sample2.vue')},
      { path: 'sample3', name: '采集过程-第3组', component: () => import('@/views/br_sampling/sample3.vue')},
      { path: 'sample4', name: '采集过程-第4组', component: () => import('@/views/br_sampling/sample4.vue')},
      { path: 'sample5', name: '采集过程-第5组', component: () => import('@/views/br_sampling/sample5.vue')},
      { path: 'id1', name: '用户1', component: () => import('../views/br_id/id1.vue')},
      { path: 'id2', name: '用户2', component: () => import('../views/br_id/id2.vue')},
      { path: 'id3', name: '用户3', component: () => import('../views/br_id/id3.vue')},
      { path: 'id4', name: '用户4', component: () => import('../views/br_id/id4.vue')},
      { path: 'id5', name: '用户5', component: () => import('../views/br_id/id5.vue')},
      { path: 'id6', name: '用户6', component: () => import('../views/br_id/id6.vue')},
      { path: 'id7', name: '用户7', component: () => import('../views/br_id/id7.vue')},
      { path: 'id8', name: '用户8', component: () => import('../views/br_id/id8.vue')},
      { path: 'id9', name: '用户9', component: () => import('../views/br_id/id9.vue')},
      { path: 'id10', name: '用户10', component: () => import('../views/br_id/id10.vue')},
      { path: 'id11', name: '用户11', component: () => import('../views/br_id/id11.vue')},
      { path: 'id12', name: '用户12', component: () => import('../views/br_id/id12.vue')},
      { path: 'id13', name: '用户13', component: () => import('../views/br_id/id13.vue')},
      { path: 'id14', name: '用户14', component: () => import('../views/br_id/id14.vue')},
      { path: 'id15', name: '用户15', component: () => import('../views/br_id/id15.vue')},
      { path: 'id16', name: '用户16', component: () => import('../views/br_id/id16.vue')},
      { path: 'id17', name: '用户17', component: () => import('../views/br_id/id17.vue')},
      { path: 'id18', name: '用户18', component: () => import('../views/br_id/id18.vue')},
      { path: 'id19', name: '用户19', component: () => import('../views/br_id/id19.vue')},
      { path: 'id20', name: '用户20', component: () => import('../views/br_id/id20.vue')},
      { path: 'id21', name: '用户21', component: () => import('../views/br_id/id21.vue')},
      { path: 'id22', name: '用户22', component: () => import('../views/br_id/id22.vue')},
      { path: 'id23', name: '用户23', component: () => import('../views/br_id/id23.vue')},
      { path: 'id24', name: '用户24', component: () => import('../views/br_id/id24.vue')},
      { path: 'id25', name: '用户25', component: () => import('../views/br_id/id25.vue')},
      { path: 'id26', name: '用户26', component: () => import('../views/br_id/id26.vue')},
      { path: 'id27', name: '用户27', component: () => import('../views/br_id/id27.vue')},
      { path: 'id28', name: '用户28', component: () => import('../views/br_id/id28.vue')},
      { path: 'id29', name: '用户29', component: () => import('../views/br_id/id29.vue')},
      { path: 'id30', name: '用户30', component: () => import('../views/br_id/id30.vue')},
      { path: 'data1', name: '数据1/句子1', component: () => import('../views/br_data/data1.vue')},
      { path: 'data2', name: '数据2/句子2', component: () => import('../views/br_data/data2.vue')},
      { path: 'data3', name: '数据3/句子3', component: () => import('../views/br_data/data3.vue')},
      { path: 'data4', name: '数据4/句子4', component: () => import('../views/br_data/data4.vue')},
      { path: 'data5', name: '数据5/句子5', component: () => import('../views/br_data/data5.vue')},
      { path: 'data6', name: '数据6/句子6', component: () => import('../views/br_data/data6.vue')},
      { path: 'data7', name: '数据7/句子7', component: () => import('../views/br_data/data7.vue')},
      { path: 'data8', name: '数据8/句子8', component: () => import('../views/br_data/data8.vue')},
      { path: 'data9', name: '数据9/句子9', component: () => import('../views/br_data/data9.vue')},
      { path: 'data10', name: '数据10/句子10', component: () => import('../views/br_data/data10.vue')},
      { path: 'data11', name: '数据11/句子11', component: () => import('../views/br_data/data11.vue')},
      { path: 'data12', name: '数据12/句子12', component: () => import('../views/br_data/data12.vue')},
      { path: 'data13', name: '数据13/句子13', component: () => import('../views/br_data/data13.vue')},
      { path: 'data14', name: '数据14/句子14', component: () => import('../views/br_data/data14.vue')},
      { path: 'data15', name: '数据15/句子15', component: () => import('../views/br_data/data15.vue')},
      { path: 'data16', name: '数据16/句子16', component: () => import('../views/br_data/data16.vue')},
      { path: 'data17', name: '数据17/句子17', component: () => import('../views/br_data/data17.vue')},
      { path: 'data18', name: '数据18/句子18', component: () => import('../views/br_data/data18.vue')},
      { path: 'data19', name: '数据19/句子19', component: () => import('../views/br_data/data19.vue')},
      { path: 'data20', name: '数据20/句子20', component: () => import('../views/br_data/data20.vue')},
      { path: 'data21', name: '数据21/句子21', component: () => import('../views/br_data/data21.vue')},
      { path: 'data22', name: '数据22/句子22', component: () => import('../views/br_data/data22.vue')},
      { path: 'data23', name: '数据23/句子23', component: () => import('../views/br_data/data23.vue')},
      { path: 'data24', name: '数据24/句子24', component: () => import('../views/br_data/data24.vue')},
      { path: 'data25', name: '数据25/句子25', component: () => import('../views/br_data/data25.vue')},
      { path: 'data26', name: '数据26/句子26', component: () => import('../views/br_data/data26.vue')},
      { path: 'data27', name: '数据27/句子27', component: () => import('../views/br_data/data27.vue')},
      { path: 'data28', name: '数据28/句子28', component: () => import('../views/br_data/data28.vue')},
      { path: 'data29', name: '数据29/句子29', component: () => import('../views/br_data/data29.vue')},
      { path: 'data30', name: '数据30/句子30', component: () => import('../views/br_data/data30.vue')},
      { path: 'brain1', name: '脑电信号1', component: () => import('../views/br_brain/brain1.vue')},
      { path: 'brain2', name: '脑电信号2', component: () => import('../views/br_brain/brain2.vue')},
    ]
  },
  {
    path: '/about',
    name: 'About',
    component: () => import('@/views/common/AboutView.vue')
  },
  {
    path: '/login',
    name: 'Login',
    component: () => import('@/views/common/Login.vue')
  },
  {
    path: '/register',
    name: 'Register',
    component: () => import('../views/common/Register.vue')
  }
 ]
 const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
 })
 // 路由守卫
 router.beforeEach((to, from, next) => {
  localStorage.setItem("currentPathName", to.name)  // 设置当前的路由名称，为了在Header组件中去使用
  store.commit("setPath")  // 触发store的数据更新
  next()  // 放行路由
 })
 export default router
--- a/src/sample_pic/Block1/0001.jpg
+++ b/src/sample_pic/Block1/0001.jpg
--- a/src/sample_pic/Block1/0002.jpg
+++ b/src/sample_pic/Block1/0002.jpg
--- a/src/sample_pic/Block1/0003.jpg
+++ b/src/sample_pic/Block1/0003.jpg
--- a/src/sample_pic/Block1/0004.jpg
+++ b/src/sample_pic/Block1/0004.jpg
--- a/src/sample_pic/Block1/0005.jpg
+++ b/src/sample_pic/Block1/0005.jpg
--- a/src/sample_pic/Block1/0006.jpg
+++ b/src/sample_pic/Block1/0006.jpg
--- a/src/sample_pic/Block1/0007.jpg
+++ b/src/sample_pic/Block1/0007.jpg
--- a/src/sample_pic/Block1/0008.jpg
+++ b/src/sample_pic/Block1/0008.jpg
--- a/src/sample_pic/Block1/0009.jpg
+++ b/src/sample_pic/Block1/0009.jpg
--- a/src/sample_pic/Block1/0010.jpg
+++ b/src/sample_pic/Block1/0010.jpg
--- a/src/sample_pic/Block1/0011.jpg
+++ b/src/sample_pic/Block1/0011.jpg
--- a/src/sample_pic/Block1/0012.jpg
+++ b/src/sample_pic/Block1/0012.jpg
--- a/src/sample_pic/Block1/0013.jpg
+++ b/src/sample_pic/Block1/0013.jpg
--- a/src/sample_pic/Block1/0014.jpg
+++ b/src/sample_pic/Block1/0014.jpg
--- a/src/sample_pic/Block1/0015.jpg
+++ b/src/sample_pic/Block1/0015.jpg
--- a/src/sample_pic/Block1/0016.jpg
+++ b/src/sample_pic/Block1/0016.jpg
--- a/src/sample_pic/Block1/0017.jpg
+++ b/src/sample_pic/Block1/0017.jpg
--- a/src/sample_pic/Block1/0018.jpg
+++ b/src/sample_pic/Block1/0018.jpg
--- a/src/sample_pic/Block1/0019.jpg
+++ b/src/sample_pic/Block1/0019.jpg
--- a/src/sample_pic/Block1/0020.jpg
+++ b/src/sample_pic/Block1/0020.jpg
--- a/src/sample_pic/Block1/0021.jpg
+++ b/src/sample_pic/Block1/0021.jpg
--- a/src/sample_pic/Block1/0022.jpg
+++ b/src/sample_pic/Block1/0022.jpg
--- a/src/sample_pic/Block1/0023.jpg
+++ b/src/sample_pic/Block1/0023.jpg
--- a/src/sample_pic/Block1/0024.jpg
+++ b/src/sample_pic/Block1/0024.jpg
--- a/src/sample_pic/Block1/0025.jpg
+++ b/src/sample_pic/Block1/0025.jpg
--- a/src/sample_pic/Block1/0026.jpg
+++ b/src/sample_pic/Block1/0026.jpg
--- a/src/sample_pic/Block1/0027.jpg
+++ b/src/sample_pic/Block1/0027.jpg
--- a/src/sample_pic/Block1/0028.jpg
+++ b/src/sample_pic/Block1/0028.jpg
--- a/src/sample_pic/Block1/0029.jpg
+++ b/src/sample_pic/Block1/0029.jpg
--- a/src/sample_pic/Block1/0030.jpg
+++ b/src/sample_pic/Block1/0030.jpg
--- a/src/sample_pic/Block1/0031.jpg
+++ b/src/sample_pic/Block1/0031.jpg
--- a/src/sample_pic/Block1/0032.jpg
+++ b/src/sample_pic/Block1/0032.jpg
--- a/src/sample_pic/Block1/0033.jpg
+++ b/src/sample_pic/Block1/0033.jpg
--- a/src/sample_pic/Block1/0034.jpg
+++ b/src/sample_pic/Block1/0034.jpg
--- a/src/sample_pic/Block1/0035.jpg
+++ b/src/sample_pic/Block1/0035.jpg
--- a/src/sample_pic/Block1/0036.jpg
+++ b/src/sample_pic/Block1/0036.jpg
--- a/src/sample_pic/Block1/0037.jpg
+++ b/src/sample_pic/Block1/0037.jpg
--- a/src/sample_pic/Block1/0038.jpg
+++ b/src/sample_pic/Block1/0038.jpg
--- a/src/sample_pic/Block1/0039.jpg
+++ b/src/sample_pic/Block1/0039.jpg
--- a/src/sample_pic/Block1/0040.jpg
+++ b/src/sample_pic/Block1/0040.jpg
--- a/src/sample_pic/Block1/0041.jpg
+++ b/src/sample_pic/Block1/0041.jpg
--- a/src/sample_pic/Block1/0042.jpg
+++ b/src/sample_pic/Block1/0042.jpg
--- a/src/sample_pic/Block1/0043.jpg
+++ b/src/sample_pic/Block1/0043.jpg
--- a/src/sample_pic/Block1/0044.jpg
+++ b/src/sample_pic/Block1/0044.jpg
--- a/src/sample_pic/Block1/0045.jpg
+++ b/src/sample_pic/Block1/0045.jpg
--- a/src/sample_pic/Block1/0046.jpg
+++ b/src/sample_pic/Block1/0046.jpg
--- a/src/sample_pic/Block1/0047.jpg
+++ b/src/sample_pic/Block1/0047.jpg
--- a/src/sample_pic/Block1/0048.jpg
+++ b/src/sample_pic/Block1/0048.jpg
--- a/src/sample_pic/Block1/0049.jpg
+++ b/src/sample_pic/Block1/0049.jpg
--- a/src/sample_pic/Block1/0050.jpg
+++ b/src/sample_pic/Block1/0050.jpg
--- a/src/sample_pic/Block1/0051.jpg
+++ b/src/sample_pic/Block1/0051.jpg
--- a/src/sample_pic/Block1/0052.jpg
+++ b/src/sample_pic/Block1/0052.jpg
--- a/src/sample_pic/Block1/0053.jpg
+++ b/src/sample_pic/Block1/0053.jpg
--- a/src/sample_pic/Block1/0054.jpg
+++ b/src/sample_pic/Block1/0054.jpg
--- a/src/sample_pic/Block1/0055.jpg
+++ b/src/sample_pic/Block1/0055.jpg
--- a/src/sample_pic/Block1/0056.jpg
+++ b/src/sample_pic/Block1/0056.jpg
--- a/src/sample_pic/Block1/0057.jpg
+++ b/src/sample_pic/Block1/0057.jpg
--- a/src/sample_pic/Block1/0058.jpg
+++ b/src/sample_pic/Block1/0058.jpg
--- a/src/sample_pic/Block1/0059.jpg
+++ b/src/sample_pic/Block1/0059.jpg
--- a/src/sample_pic/Block1/0060.jpg
+++ b/src/sample_pic/Block1/0060.jpg
--- a/src/sample_pic/Block1/0061.jpg
+++ b/src/sample_pic/Block1/0061.jpg
--- a/src/sample_pic/Block1/0062.jpg
+++ b/src/sample_pic/Block1/0062.jpg
--- a/src/sample_pic/Block1/0063.jpg
+++ b/src/sample_pic/Block1/0063.jpg
--- a/src/sample_pic/Block1/0064.jpg
+++ b/src/sample_pic/Block1/0064.jpg
--- a/src/sample_pic/Block1/0065.jpg
+++ b/src/sample_pic/Block1/0065.jpg
--- a/src/sample_pic/Block1/0066.jpg
+++ b/src/sample_pic/Block1/0066.jpg
--- a/src/sample_pic/Block1/0067.jpg
+++ b/src/sample_pic/Block1/0067.jpg
--- a/src/sample_pic/Block1/0068.jpg
+++ b/src/sample_pic/Block1/0068.jpg
--- a/src/sample_pic/Block1/0069.jpg
+++ b/src/sample_pic/Block1/0069.jpg
--- a/src/sample_pic/Block1/0070.jpg
+++ b/src/sample_pic/Block1/0070.jpg
--- a/src/sample_pic/Block1/0071.jpg
+++ b/src/sample_pic/Block1/0071.jpg
--- a/src/sample_pic/Block1/0072.jpg
+++ b/src/sample_pic/Block1/0072.jpg
--- a/src/sample_pic/Block1/0073.jpg
+++ b/src/sample_pic/Block1/0073.jpg
--- a/src/sample_pic/Block1/0074.jpg
+++ b/src/sample_pic/Block1/0074.jpg
--- a/src/sample_pic/Block1/0075.jpg
+++ b/src/sample_pic/Block1/0075.jpg
--- a/src/sample_pic/Block1/0076.jpg
+++ b/src/sample_pic/Block1/0076.jpg
--- a/src/sample_pic/Block1/0077.jpg
+++ b/src/sample_pic/Block1/0077.jpg
--- a/src/sample_pic/Block1/0078.jpg
+++ b/src/sample_pic/Block1/0078.jpg
--- a/src/sample_pic/Block1/0079.jpg
+++ b/src/sample_pic/Block1/0079.jpg
--- a/src/sample_pic/Block1/0080.jpg
+++ b/src/sample_pic/Block1/0080.jpg
--- a/src/sample_pic/Block1/0081.jpg
+++ b/src/sample_pic/Block1/0081.jpg
--- a/src/sample_pic/Block1/0082.jpg
+++ b/src/sample_pic/Block1/0082.jpg
--- a/src/sample_pic/Block1/0083.jpg
+++ b/src/sample_pic/Block1/0083.jpg
--- a/src/sample_pic/Block1/0084.jpg
+++ b/src/sample_pic/Block1/0084.jpg
--- a/src/sample_pic/Block1/0085.jpg
+++ b/src/sample_pic/Block1/0085.jpg
--- a/Show More
+++ b/Show More