3 years ago · 66c6cba5c7
--- a/.browserslistrc
+++ b/.browserslistrc
@@ -0,0 +1,3 @@
 
				+> 1%
			
 
				+last 2 versions
			
 
				+not dead
			
--- a/.env.development
+++ b/.env.development
@@ -0,0 +1,9 @@
 
				+# 开发环境配置
			
 
				+NODE_ENV = development
			
 
				+
			
 
				+# 开发环境
			
 
				+VUE_APP_BASE_API = '/dev-api'
			
 
				+
			
 
				+
			
 
				+# 路由懒加载
			
 
				+VUE_CLI_BABEL_TRANSPILE_MODULES = true
			
--- a/.env.production
+++ b/.env.production
@@ -0,0 +1,5 @@
 
				+# 生产环境配置
			
 
				+NODE_ENV = production
			
 
				+
			
 
				+# 生产环境
			
 
				+VUE_APP_BASE_API = 'http://172.16.90.64:7200/company/'
			
--- a/.gitignore
+++ b/.gitignore
@@ -0,0 +1,24 @@
 
				+.DS_Store
			
 
				+node_modules
			
 
				+/dist
			
 
				+/.history
			
 
				+
			
 
				+
			
 
				+# 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/.postcssrc.js
+++ b/.postcssrc.js
@@ -0,0 +1,18 @@
 
				+module.exports = {
			
 
				+    "plugins": {
			
 
				+        "autoprefixer": {},
			
 
				+        'postcss-pxtorem': {
			
 
				+            rootValue({ file }) {
			
 
				+                console.log('file', file);
			
 
				+                // 这里需要动态设置rootValue值，以达到同时适配vant-UI和设计稿
			
 
				+                // 适配vant-UI的设计稿尺寸是375 / 10 = 37.5
			
 
				+                // 适配项目设计稿尺寸是750 / 10 = 75
			
 
				+                // 这里是判断要处理的文件是否是vant组件库的文件，是的话就按375设计稿尺寸走，否则按你项目设计稿的尺寸走，你项目是750就写75，是640就写64，如此类推
			
 
				+                return file.includes('vant') ? 37.5 : 75
			
 
				+            },
			
 
				+            // rootValue: 75, // 75表示750设计稿，37.5表示375设计稿
			
 
				+            propList: ['*'],
			
 
				+            // selectorBlackList: ['van', '.van-']
			
 
				+        },
			
 
				+    },
			
 
				+}
			
--- a/README.md
+++ b/README.md
@@ -0,0 +1,19 @@
 
				+# veterans_teacher
			
 
				+
			
 
				+## Project setup
			
 
				+```
			
 
				+npm install
			
 
				+```
			
 
				+
			
 
				+### Compiles and hot-reloads for development
			
 
				+```
			
 
				+npm run serve
			
 
				+```
			
 
				+
			
 
				+### Compiles and minifies for production
			
 
				+```
			
 
				+npm run build
			
 
				+```
			
 
				+
			
 
				+### Customize configuration
			
 
				+See [Configuration Reference](https://cli.vuejs.org/config/).
			
--- a/babel.config.js
+++ b/babel.config.js
@@ -0,0 +1,12 @@
 
				+module.exports = {
			
 
				+  presets: [
			
 
				+    '@vue/cli-plugin-babel/preset'
			
 
				+  ],
			
 
				+  // plugins: [
			
 
				+  //   ['import', {
			
 
				+  //     libraryName: 'vant',
			
 
				+  //     libraryDirectory: 'es',
			
 
				+  //     style: true
			
 
				+  //   }, 'vant']
			
 
				+  // ]
			
 
				+}
			
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -0,0 +1,31 @@
 
				+{
			
 
				+  "name": "veterans_teacher",
			
 
				+  "version": "0.1.0",
			
 
				+  "private": true,
			
 
				+  "scripts": {
			
 
				+    "serve": "vue-cli-service serve",
			
 
				+    "build": "vue-cli-service build"
			
 
				+  },
			
 
				+  "dependencies": {
			
 
				+    "amfe-flexible": "^2.2.1",
			
 
				+    "axios": "^0.24.0",
			
 
				+    "core-js": "^3.6.5",
			
 
				+    "vant": "^2.12.33",
			
 
				+    "very-axios": "^0.1.16",
			
 
				+    "vue": "^2.6.11",
			
 
				+    "vue-router": "^3.2.0",
			
 
				+    "vuex": "^3.4.0",
			
 
				+    "vuex-persistedstate": "^4.1.0"
			
 
				+  },
			
 
				+  "devDependencies": {
			
 
				+    "@vue/cli-plugin-babel": "~4.5.0",
			
 
				+    "@vue/cli-plugin-router": "~4.5.0",
			
 
				+    "@vue/cli-plugin-vuex": "~4.5.0",
			
 
				+    "@vue/cli-service": "~4.5.0",
			
 
				+    "babel-plugin-import": "^1.13.3",
			
 
				+    "node-sass": "^4.12.0",
			
 
				+    "postcss-pxtorem": "^5.1.1",
			
 
				+    "sass-loader": "^8.0.2",
			
 
				+    "vue-template-compiler": "^2.6.11"
			
 
				+  }
			
 
				+}
			
--- 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,17 @@
 
				+<template>
			
 
				+  <div id="app">
			
 
				+    <!-- <transition appear name="slide"> -->
			
 
				+      <router-view />
			
 
				+    <!-- </transition> -->
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<style lang="scss">
			
 
				+#app {
			
 
				+  font-family: Avenir, Helvetica, Arial, sans-serif;
			
 
				+  -webkit-font-smoothing: antialiased;
			
 
				+  -moz-osx-font-smoothing: grayscale;
			
 
				+  color: #2c3e50;
			
 
				+  font-size: 36px;
			
 
				+}
			
 
				+</style>
			
--- a/src/assets/logo.png
+++ b/src/assets/logo.png
--- a/src/assets/scss/base.scss
+++ b/src/assets/scss/base.scss
@@ -0,0 +1,138 @@
 
				+body, html {
			
 
				+  line-height: 1;
			
 
				+  font-family: 'PingFang SC', 'STHeitiSC-Light', 'Helvetica-Light', arial, sans-serif, 'Droid Sans Fallback';
			
 
				+  // user-select: none;
			
 
				+  -webkit-tap-highlight-color: transparent;
			
 
				+  background: $color-background;
			
 
				+  color: $color-text;
			
 
				+}
			
 
				+.wrap{
			
 
				+  margin: 24px;
			
 
				+}
			
 
				+
			
 
				+.full-body{
			
 
				+  min-height: 100vh;
			
 
				+}
			
 
				+
			
 
				+.middle-img{
			
 
				+  display: inline-block;
			
 
				+  vertical-align: middle;
			
 
				+}
			
 
				+
			
 
				+.g-relative {
			
 
				+  position: relative;
			
 
				+}
			
 
				+
			
 
				+.slide-enter-active, .slide-leave-active {
			
 
				+  transition: all 0.3s
			
 
				+}
			
 
				+
			
 
				+.slide-enter-from, .slide-leave-to {
			
 
				+  transform: translate3d(100%, 0, 0)
			
 
				+}
			
 
				+
			
 
				+.list-enter-active, .list-leave-active {
			
 
				+  transition: all 0.3s;
			
 
				+}
			
 
				+
			
 
				+.list-enter-from, .list-leave-to {
			
 
				+  height: 0 !important;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+
			
 
				+@keyframes rotate {
			
 
				+  0% {
			
 
				+    transform: rotate(0)
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    transform: rotate(360deg)
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.u-flex {
			
 
				+	/* #ifndef APP-NVUE */
			
 
				+	display: flex;
			
 
				+	/* #endif */
			
 
				+	flex-direction: row;
			
 
				+	align-items: center;
			
 
				+}
			
 
				+
			
 
				+.u-flex-wrap {
			
 
				+	flex-wrap: wrap;
			
 
				+}
			
 
				+
			
 
				+.u-flex-nowrap {
			
 
				+	flex-wrap: nowrap;
			
 
				+}
			
 
				+
			
 
				+.u-col-center {
			
 
				+	align-items: center;
			
 
				+}
			
 
				+
			
 
				+.u-col-top {
			
 
				+	align-items: flex-start;
			
 
				+}
			
 
				+
			
 
				+.u-col-bottom {
			
 
				+	align-items: flex-end;
			
 
				+}
			
 
				+
			
 
				+.u-row-center {
			
 
				+	justify-content: center;
			
 
				+}
			
 
				+
			
 
				+.u-row-left {
			
 
				+	justify-content: flex-start;
			
 
				+}
			
 
				+
			
 
				+.u-row-right {
			
 
				+	justify-content: flex-end;
			
 
				+}
			
 
				+
			
 
				+.u-row-between {
			
 
				+	justify-content: space-between;
			
 
				+}
			
 
				+
			
 
				+.u-row-around {
			
 
				+	justify-content: space-around;
			
 
				+}
			
 
				+
			
 
				+.u-text-left {
			
 
				+	text-align: left;
			
 
				+}
			
 
				+
			
 
				+.u-text-center {
			
 
				+	text-align: center;
			
 
				+}
			
 
				+
			
 
				+.u-text-right {
			
 
				+	text-align: right;
			
 
				+}
			
 
				+
			
 
				+.u-flex-col {
			
 
				+	/* #ifndef APP-NVUE */
			
 
				+	display: flex;
			
 
				+	/* #endif */
			
 
				+	flex-direction: column;
			
 
				+}
			
 
				+
			
 
				+.my-popup{
			
 
				+	border-radius: 10px;
			
 
				+	box-sizing: border-box;
			
 
				+	padding:40px 24px;
			
 
				+	width: 90vw;
			
 
				+	.popup-content{
			
 
				+		box-sizing: border-box;
			
 
				+		border-radius: 10px;
			
 
				+		.header{border-bottom: 1px solid #eee;margin-bottom:10px;padding-bottom: 24px;}
			
 
				+		.footer{
			
 
				+			border-top: 1px solid #eee;
			
 
				+			padding-top: 40px;
			
 
				+			text-align: right;
			
 
				+			.btn{padding: 0 80px;}
			
 
				+			.btn + .btn{margin-left: 24px;}
			
 
				+		}
			
 
				+	}
			
 
				+}
			
--- a/src/assets/scss/icon.scss
+++ b/src/assets/scss/icon.scss
@@ -0,0 +1,113 @@
 
				+@font-face {
			
 
				+  font-family: 'music-icon';
			
 
				+  src: url('../fonts/music-icon.eot?2qevqt');
			
 
				+  src: url('../fonts/music-icon.eot?2qevqt#iefix') format('embedded-opentype'),
			
 
				+  url('../fonts/music-icon.ttf?2qevqt') format('truetype'),
			
 
				+  url('../fonts/music-icon.woff?2qevqt') format('woff'),
			
 
				+  url('../fonts/music-icon.svg?2qevqt#music-icon') format('svg');
			
 
				+  font-weight: normal;
			
 
				+  font-style: normal;
			
 
				+}
			
 
				+
			
 
				+[class^="icon-"], [class*=" icon-"] {
			
 
				+  /* use !important to prevent issues with browser extensions that change fonts */
			
 
				+  font-family: 'music-icon' !important;
			
 
				+  speak: none;
			
 
				+  font-style: normal;
			
 
				+  font-weight: normal;
			
 
				+  font-variant: normal;
			
 
				+  text-transform: none;
			
 
				+  line-height: 1;
			
 
				+
			
 
				+  /* Better Font Rendering =========== */
			
 
				+  -webkit-font-smoothing: antialiased;
			
 
				+  -moz-osx-font-smoothing: grayscale;
			
 
				+}
			
 
				+
			
 
				+.icon-ok:before {
			
 
				+  content: "\e900";
			
 
				+}
			
 
				+
			
 
				+.icon-close:before {
			
 
				+  content: "\e901";
			
 
				+}
			
 
				+
			
 
				+.icon-add:before {
			
 
				+  content: "\e902";
			
 
				+}
			
 
				+
			
 
				+.icon-play-mini:before {
			
 
				+  content: "\e903";
			
 
				+}
			
 
				+
			
 
				+.icon-playlist:before {
			
 
				+  content: "\e904";
			
 
				+}
			
 
				+
			
 
				+.icon-music:before {
			
 
				+  content: "\e905";
			
 
				+}
			
 
				+
			
 
				+.icon-search:before {
			
 
				+  content: "\e906";
			
 
				+}
			
 
				+
			
 
				+.icon-clear:before {
			
 
				+  content: "\e907";
			
 
				+}
			
 
				+
			
 
				+.icon-delete:before {
			
 
				+  content: "\e908";
			
 
				+}
			
 
				+
			
 
				+.icon-favorite:before {
			
 
				+  content: "\e909";
			
 
				+}
			
 
				+
			
 
				+.icon-not-favorite:before {
			
 
				+  content: "\e90a";
			
 
				+}
			
 
				+
			
 
				+.icon-pause:before {
			
 
				+  content: "\e90b";
			
 
				+}
			
 
				+
			
 
				+.icon-play:before {
			
 
				+  content: "\e90c";
			
 
				+}
			
 
				+
			
 
				+.icon-prev:before {
			
 
				+  content: "\e90d";
			
 
				+}
			
 
				+
			
 
				+.icon-loop:before {
			
 
				+  content: "\e90e";
			
 
				+}
			
 
				+
			
 
				+.icon-sequence:before {
			
 
				+  content: "\e90f";
			
 
				+}
			
 
				+
			
 
				+.icon-random:before {
			
 
				+  content: "\e910";
			
 
				+}
			
 
				+
			
 
				+.icon-back:before {
			
 
				+  content: "\e911";
			
 
				+}
			
 
				+
			
 
				+.icon-mine:before {
			
 
				+  content: "\e912";
			
 
				+}
			
 
				+
			
 
				+.icon-next:before {
			
 
				+  content: "\e913";
			
 
				+}
			
 
				+
			
 
				+.icon-dismiss:before {
			
 
				+  content: "\e914";
			
 
				+}
			
 
				+
			
 
				+.icon-pause-mini:before {
			
 
				+  content: "\e915";
			
 
				+}
			
--- a/src/assets/scss/index.scss
+++ b/src/assets/scss/index.scss
@@ -0,0 +1,3 @@
 
				+@import "reset";
			
 
				+// @import "icon";
			
 
				+@import "base";
			
--- a/src/assets/scss/mixin.scss
+++ b/src/assets/scss/mixin.scss
@@ -0,0 +1,27 @@
 
				+// 背景图片
			
 
				+@mixin bg-image($url) {
			
 
				+  background-image: url($url + "@2x.png");
			
 
				+  @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
			
 
				+    background-image: url($url + "@3x.png");
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+// 禁止折行
			
 
				+@mixin no-wrap() {
			
 
				+  text-overflow: ellipsis;
			
 
				+  overflow: hidden;
			
 
				+  white-space: nowrap;
			
 
				+}
			
 
				+
			
 
				+// 扩展小图标按钮的点击区域
			
 
				+@mixin extend-click() {
			
 
				+  position: relative;
			
 
				+  &:before {
			
 
				+    content: '';
			
 
				+    position: absolute;
			
 
				+    top: -10px;
			
 
				+    left: -10px;
			
 
				+    right: -10px;
			
 
				+    bottom: -10px;
			
 
				+  }
			
 
				+}
			
--- a/src/assets/scss/reset.scss
+++ b/src/assets/scss/reset.scss
@@ -0,0 +1,64 @@
 
				+/**
			
 
				+ * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
			
 
				+ * http://cssreset.com
			
 
				+ */
			
 
				+html, body, div, span, applet, object, iframe,
			
 
				+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
			
 
				+a, abbr, acronym, address, big, cite, code,
			
 
				+del, dfn, em, img, ins, kbd, q, s, samp,
			
 
				+small, strike, strong, sub, sup, tt, var,
			
 
				+b, u, i, center,
			
 
				+dl, dt, dd, ol, ul, li,
			
 
				+fieldset, form, label, legend,
			
 
				+table, caption, tbody, tfoot, thead, tr, th, td,
			
 
				+article, aside, canvas, details, embed,
			
 
				+figure, figcaption, footer, header,
			
 
				+menu, nav, output, ruby, section, summary,
			
 
				+time, mark, audio, video, input {
			
 
				+  margin: 0;
			
 
				+  padding: 0;
			
 
				+  border: 0;
			
 
				+  font-size: 100%;
			
 
				+  font-weight: normal;
			
 
				+  vertical-align: baseline;
			
 
				+}
			
 
				+
			
 
				+/* HTML5 display-role reset for older browsers */
			
 
				+article, aside, details, figcaption, figure,
			
 
				+footer, header, menu, nav, section {
			
 
				+  display: block;
			
 
				+}
			
 
				+
			
 
				+body {
			
 
				+  line-height: 1;
			
 
				+}
			
 
				+
			
 
				+blockquote, q {
			
 
				+  quotes: none;
			
 
				+}
			
 
				+
			
 
				+blockquote:before, blockquote:after,
			
 
				+q:before, q:after {
			
 
				+  content: none;
			
 
				+}
			
 
				+
			
 
				+table {
			
 
				+  border-collapse: collapse;
			
 
				+  border-spacing: 0;
			
 
				+}
			
 
				+
			
 
				+/* custom */
			
 
				+a {
			
 
				+  color: #329CF4;
			
 
				+  -webkit-backface-visibility: hidden;
			
 
				+  text-decoration: none;
			
 
				+}
			
 
				+
			
 
				+li {
			
 
				+  list-style: none;
			
 
				+}
			
 
				+
			
 
				+body {
			
 
				+  -webkit-text-size-adjust: none;
			
 
				+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
			
 
				+}
			
--- a/src/assets/scss/variable.scss
+++ b/src/assets/scss/variable.scss
@@ -0,0 +1,21 @@
 
				+// 颜色定义规范
			
 
				+$color-background: #F2F2F2 ;
			
 
				+$color-background-d: rgba(0, 0, 0, 0.3);
			
 
				+$color-highlight-background: #333;
			
 
				+$color-dialog-background: #666;
			
 
				+$color-theme: #3D5D4C;
			
 
				+$color-theme-d: rgba(255, 205, 49, 0.5);
			
 
				+$color-sub-theme: #d93f30;
			
 
				+$color-text: #474747;
			
 
				+$color-text-d: rgba(255, 255, 255, 0.3);
			
 
				+$color-text-l: rgba(255, 255, 255, 0.5);
			
 
				+$color-text-ll: rgba(255, 255, 255, 0.8);
			
 
				+$color-red:#FF3D31;
			
 
				+
			
 
				+// 字体定义规范
			
 
				+$font-size-small-s: 10px;
			
 
				+$font-size-small: 12px;
			
 
				+$font-size-medium: 14px;
			
 
				+$font-size-medium-x: 16px;
			
 
				+$font-size-large: 18px;
			
 
				+$font-size-large-x: 22px;
			
--- a/src/components/NavBar.vue
+++ b/src/components/NavBar.vue
@@ -0,0 +1,45 @@
 
				+<template>
			
 
				+  <div class="nav-bar">
			
 
				+    <van-nav-bar
			
 
				+      :title="title || '标题'"
			
 
				+      :border="false"
			
 
				+      left-arrow
			
 
				+      @click-left="onClickLeft"
			
 
				+      :style="[customStyle]"
			
 
				+    />
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+export default {
			
 
				+  name: "NavBar",
			
 
				+  props: {
			
 
				+    title: String,
			
 
				+    backUrl: String,
			
 
				+    customStyle: {
			
 
				+      type: Object,
			
 
				+      default() {
			
 
				+        return {};
			
 
				+      },
			
 
				+    },
			
 
				+  },
			
 
				+  methods: {
			
 
				+    onClickLeft() {
			
 
				+      this.$router.push({ path: this.backUrl });
			
 
				+    },
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<!-- Add "scoped" attribute to limit CSS to this component only -->
			
 
				+<style scoped lang="scss">
			
 
				+.nav-bar .van-nav-bar {
			
 
				+  background: $color-theme;
			
 
				+  /deep/ .van-nav-bar__title {
			
 
				+    color: #fff;
			
 
				+  }
			
 
				+  /deep/ .van-icon {
			
 
				+    color: #fff;
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/components/TabBar.vue
+++ b/src/components/TabBar.vue
@@ -0,0 +1,80 @@
 
				+<template>
			
 
				+  <van-tabbar v-model="active" class="active_tab">
			
 
				+    <van-tabbar-item
			
 
				+      v-for="(item, index) in tabbars"
			
 
				+      :key="index"
			
 
				+      @click="tab(index, item.name)"
			
 
				+    >
			
 
				+      <span :class="currIndex == index ? active : ''">{{ item.title }}</span>
			
 
				+      <template slot="icon" slot-scope="props">
			
 
				+        <img :src="props.active ? item.active : item.normal" />
			
 
				+      </template>
			
 
				+    </van-tabbar-item>
			
 
				+  </van-tabbar>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+export default {
			
 
				+  name: "TabBar",
			
 
				+  props: {
			
 
				+    // active: {
			
 
				+    //   type: Number,
			
 
				+    //   default() {
			
 
				+    //     return 0;
			
 
				+    //   },
			
 
				+    // },
			
 
				+  },
			
 
				+  data() {
			
 
				+    return {
			
 
				+      currIndex: 0,
			
 
				+      active: 0,
			
 
				+      tabbars: [
			
 
				+        {
			
 
				+          name: "/Home",
			
 
				+          title: "首页",
			
 
				+          normal: require("../static/img/home_g.png"),
			
 
				+          active: require("../static/img/home.png"),
			
 
				+        },
			
 
				+        {
			
 
				+          name: "/Question",
			
 
				+          title: "问题解答",
			
 
				+          normal: require("../static/img/question_g.png"),
			
 
				+          active: require("../static/img/question.png"),
			
 
				+        },
			
 
				+        {
			
 
				+          name: "/Center",
			
 
				+          title: "我的",
			
 
				+          normal: require("../static/img/wode_g.png"),
			
 
				+          active: require("../static/img/wode.png"),
			
 
				+        },
			
 
				+      ],
			
 
				+    };
			
 
				+  },
			
 
				+  created() {
			
 
				+    let that = this;
			
 
				+    for (let i = 0; i < this.tabbars.length; i++) {
			
 
				+      if (that.$route.path == this.tabbars[i].name) {
			
 
				+        that.active = i;
			
 
				+        return;
			
 
				+      }
			
 
				+    }
			
 
				+  },
			
 
				+  methods: {
			
 
				+    tab(index, val) {
			
 
				+      this.currIndex = index;
			
 
				+      this.$router.push({ path: val });
			
 
				+    },
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.active_tab img {
			
 
				+  width: 26px;
			
 
				+  height: 26px;
			
 
				+}
			
 
				+
			
 
				+.van-tabbar-item--active {
			
 
				+  color: #3d5d4c;
			
 
				+}
			
 
				+</style>
			
--- a/src/main.js
+++ b/src/main.js
@@ -0,0 +1,45 @@
 
				+import Vue from 'vue'
			
 
				+import App from './App.vue'
			
 
				+import router from './router'
			
 
				+import store from './store'
			
 
				+
			
 
				+import 'amfe-flexible';
			
 
				+
			
 
				+//按需引用 babel.config.js
			
 
				+// import { NavBar, Tabbar, TabbarItem, Search, List, PullRefresh, Image, Icon, Swipe, SwipeItem, Button, Cell, CellGroup, Switch } from 'vant';
			
 
				+// Vue.use(NavBar);
			
 
				+// Vue.use(Tabbar);
			
 
				+// Vue.use(TabbarItem);
			
 
				+// Vue.use(Search);
			
 
				+// Vue.use(List);
			
 
				+// Vue.use(PullRefresh);
			
 
				+// Vue.use(Image);
			
 
				+// Vue.use(Icon);
			
 
				+// Vue.use(Swipe);
			
 
				+// Vue.use(SwipeItem);
			
 
				+// Vue.use(Button);
			
 
				+// Vue.use(Cell);
			
 
				+// Vue.use(CellGroup);
			
 
				+// Vue.use(Switch);
			
 
				+
			
 
				+import Vant from 'vant';
			
 
				+import 'vant/lib/index.css';
			
 
				+
			
 
				+Vue.use(Vant);
			
 
				+
			
 
				+// 引入全局样式文件
			
 
				+import '@/assets/scss/index.scss'
			
 
				+
			
 
				+import api from "@/utils/request";
			
 
				+Vue.prototype.$api = api;
			
 
				+
			
 
				+import filters from '@/utils/filter.js' 
			
 
				+filters(Vue)
			
 
				+
			
 
				+Vue.config.productionTip = false
			
 
				+
			
 
				+new Vue({
			
 
				+  router,
			
 
				+  store,
			
 
				+  render: h => h(App)
			
 
				+}).$mount('#app')
			
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -0,0 +1,66 @@
 
				+import Vue from 'vue'
			
 
				+import VueRouter from 'vue-router'
			
 
				+import Home from '../views/Home.vue'
			
 
				+
			
 
				+Vue.use(VueRouter)
			
 
				+
			
 
				+const originalPush = VueRouter.prototype.push;
			
 
				+VueRouter.prototype.push = function push(location) {
			
 
				+  return originalPush.call(this, location).catch(err => err)
			
 
				+}
			
 
				+
			
 
				+const routes = [
			
 
				+  {
			
 
				+    path: '/',
			
 
				+    redirect: '/Home'
			
 
				+  },
			
 
				+  {
			
 
				+    path: '/Home',
			
 
				+    name: 'Home',
			
 
				+    component: Home
			
 
				+  },
			
 
				+  {
			
 
				+    path: '/Login',
			
 
				+    name: 'Login',
			
 
				+    component: () => import('../views/Login.vue')
			
 
				+  },
			
 
				+  {
			
 
				+    path: '/ResetPass',
			
 
				+    name: 'ResetPass',
			
 
				+    component: () => import('../views/ResetPass.vue')
			
 
				+  },
			
 
				+  {
			
 
				+    path: '/Center',
			
 
				+    name: 'Center',
			
 
				+    component: () => import('../views/Center.vue')
			
 
				+  },
			
 
				+  {
			
 
				+    path: '/Setting',
			
 
				+    name: 'Setting',
			
 
				+    component: () => import('../views/Setting.vue')
			
 
				+  },
			
 
				+  {
			
 
				+    path: '/ClassDetails',
			
 
				+    name: 'ClassDetails',
			
 
				+    // route level code-splitting
			
 
				+    // this generates a separate chunk (about.[hash].js) for this route
			
 
				+    // which is lazy-loaded when the route is visited.
			
 
				+    component: () => import(/* webpackChunkName: "about" */ '../views/ClassDetails.vue')
			
 
				+  },
			
 
				+  {
			
 
				+    path: '/StudentsDetails',
			
 
				+    name: 'StudentsDetails',
			
 
				+    component: () => import('../views/StudentsDetails.vue')
			
 
				+  },
			
 
				+  {
			
 
				+    path: '/Question',
			
 
				+    name: 'Question',
			
 
				+    component: () => import('../views/Question.vue')
			
 
				+  },
			
 
				+]
			
 
				+
			
 
				+const router = new VueRouter({
			
 
				+  routes
			
 
				+})
			
 
				+
			
 
				+export default router
			
--- a/src/static/img/center-shipin.png
+++ b/src/static/img/center-shipin.png
--- a/src/static/img/center-tuichu.png
+++ b/src/static/img/center-tuichu.png
--- a/src/static/img/center-xiaoxi.png
+++ b/src/static/img/center-xiaoxi.png
--- a/src/static/img/default-avatar.png
+++ b/src/static/img/default-avatar.png
--- a/src/static/img/home.png
+++ b/src/static/img/home.png
--- a/src/static/img/home_g.png
+++ b/src/static/img/home_g.png
--- a/src/static/img/icon-class.png
+++ b/src/static/img/icon-class.png
--- a/src/static/img/icon-dianhua.png
+++ b/src/static/img/icon-dianhua.png
--- a/src/static/img/icon-school.png
+++ b/src/static/img/icon-school.png
--- a/src/static/img/icon-status-red.png
+++ b/src/static/img/icon-status-red.png
--- a/src/static/img/icon-status.png
+++ b/src/static/img/icon-status.png
--- a/src/static/img/icon-time.png
+++ b/src/static/img/icon-time.png
--- a/src/static/img/login-bg.png
+++ b/src/static/img/login-bg.png
--- a/src/static/img/question.png
+++ b/src/static/img/question.png
--- a/src/static/img/question_g.png
+++ b/src/static/img/question_g.png
--- a/src/static/img/wode.png
+++ b/src/static/img/wode.png
--- a/src/static/img/wode_g.png
+++ b/src/static/img/wode_g.png
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -0,0 +1,28 @@
 
				+import Vue from 'vue'
			
 
				+import Vuex from 'vuex'
			
 
				+
			
 
				+Vue.use(Vuex)
			
 
				+import createPersistedState from 'vuex-persistedstate'
			
 
				+
			
 
				+export default new Vuex.Store({
			
 
				+  state: {
			
 
				+    token: ''
			
 
				+  },
			
 
				+  mutations: {
			
 
				+    setToken: function (state, token) {
			
 
				+      state.token = token
			
 
				+    },
			
 
				+  },
			
 
				+  actions: {
			
 
				+    // 前端 登出
			
 
				+    FedLogOut({ commit }) {
			
 
				+      return new Promise(resolve => {
			
 
				+        commit('setToken', '')
			
 
				+        resolve()
			
 
				+      })
			
 
				+    }
			
 
				+  },
			
 
				+  modules: {
			
 
				+  },
			
 
				+  plugins: [createPersistedState()]
			
 
				+})
			
--- a/src/utils/axiosConfig.js
+++ b/src/utils/axiosConfig.js
@@ -0,0 +1,135 @@
 
				+let axiosConfig = {
			
 
				+    // `url` 是用于请求的服务器 URL
			
 
				+    // url: '/user',
			
 
				+
			
 
				+    // `method` 是创建请求时使用的方法
			
 
				+    // method: 'get', // default
			
 
				+
			
 
				+    // `baseURL` 将自动加在 `url` 前面，除非 `url` 是一个绝对 URL。
			
 
				+    // 它可以通过设置一个 `baseURL` 便于为 axios 实例的方法传递相对 URL
			
 
				+    // baseURL: 'https://some-domain.com/api/',
			
 
				+
			
 
				+    // `transformRequest` 允许在向服务器发送前，修改请求数据
			
 
				+    // 只能用在 'PUT', 'POST' 和 'PATCH' 这几个请求方法
			
 
				+    // 后面数组中的函数必须返回一个字符串，或 ArrayBuffer，或 Stream
			
 
				+    // transformRequest: [function (data, headers) {
			
 
				+    //     // 对 data 进行任意转换处理
			
 
				+    //     return data;
			
 
				+    // }],
			
 
				+
			
 
				+    // `transformResponse` 在传递给 then/catch 前，允许修改响应数据
			
 
				+    transformResponse: [function (data) {
			
 
				+        // 对 data 进行任意转换处理
			
 
				+        console.log('datadatadata', data);
			
 
				+        return data;
			
 
				+    }],
			
 
				+
			
 
				+    // `headers` 是即将被发送的自定义请求头
			
 
				+    headers: { 'X-Requested-With': 'XMLHttpRequest' },
			
 
				+
			
 
				+    // `params` 是即将与请求一起发送的 URL 参数
			
 
				+    // 必须是一个无格式对象(plain object)或 URLSearchParams 对象
			
 
				+    // params: {
			
 
				+    //     ID: 12345
			
 
				+    // },
			
 
				+
			
 
				+    // `paramsSerializer` 是一个负责 `params` 序列化的函数
			
 
				+    // (e.g. https://www.npmjs.com/package/qs, http://api.jquery.com/jquery.param/)
			
 
				+    // paramsSerializer: function (params) {
			
 
				+    //     return Qs.stringify(params, { arrayFormat: 'brackets' })
			
 
				+    // },
			
 
				+
			
 
				+    // `data` 是作为请求主体被发送的数据
			
 
				+    // 只适用于这些请求方法 'PUT', 'POST', 和 'PATCH'
			
 
				+    // 在没有设置 `transformRequest` 时，必须是以下类型之一：
			
 
				+    // - string, plain object, ArrayBuffer, ArrayBufferView, URLSearchParams
			
 
				+    // - 浏览器专属：FormData, File, Blob
			
 
				+    // - Node 专属： Stream
			
 
				+    // data: {
			
 
				+    //     firstName: 'Fred'
			
 
				+    // },
			
 
				+
			
 
				+    // `timeout` 指定请求超时的毫秒数(0 表示无超时时间)
			
 
				+    // 如果请求话费了超过 `timeout` 的时间，请求将被中断
			
 
				+    // timeout: 1000,
			
 
				+
			
 
				+    // `withCredentials` 表示跨域请求时是否需要使用凭证
			
 
				+    // withCredentials: false, // default
			
 
				+
			
 
				+    // `adapter` 允许自定义处理请求，以使测试更轻松
			
 
				+    // 返回一个 promise 并应用一个有效的响应 (查阅 [response docs](#response-api)).
			
 
				+    // adapter: function (config) {
			
 
				+    //     /* ... */
			
 
				+    // },
			
 
				+
			
 
				+    // `auth` 表示应该使用 HTTP 基础验证，并提供凭据
			
 
				+    // 这将设置一个 `Authorization` 头，覆写掉现有的任意使用 `headers` 设置的自定义 `Authorization`头
			
 
				+    // auth: {
			
 
				+    //     username: 'janedoe',
			
 
				+    //     password: 's00pers3cret'
			
 
				+    // },
			
 
				+
			
 
				+    // `responseType` 表示服务器响应的数据类型，可以是 'arraybuffer', 'blob', 'document', 'json', 'text', 'stream'
			
 
				+    responseType: 'json', // default
			
 
				+
			
 
				+    // `responseEncoding` indicates encoding to use for decoding responses
			
 
				+    // Note: Ignored for `responseType` of 'stream' or client-side requests
			
 
				+    responseEncoding: 'utf8', // default
			
 
				+
			
 
				+    // `xsrfCookieName` 是用作 xsrf token 的值的cookie的名称
			
 
				+    xsrfCookieName: 'XSRF-TOKEN', // default
			
 
				+
			
 
				+    // `xsrfHeaderName` is the name of the http header that carries the xsrf token value
			
 
				+    xsrfHeaderName: 'X-XSRF-TOKEN', // default
			
 
				+
			
 
				+    // `onUploadProgress` 允许为上传处理进度事件
			
 
				+    onUploadProgress: function (progressEvent) {
			
 
				+        // Do whatever you want with the native progress event
			
 
				+    },
			
 
				+
			
 
				+    // `onDownloadProgress` 允许为下载处理进度事件
			
 
				+    onDownloadProgress: function (progressEvent) {
			
 
				+        // 对原生进度事件的处理
			
 
				+    },
			
 
				+
			
 
				+    // `maxContentLength` 定义允许的响应内容的最大尺寸
			
 
				+    maxContentLength: 2000,
			
 
				+
			
 
				+    // `validateStatus` 定义对于给定的HTTP 响应状态码是 resolve 或 reject  promise 。如果 `validateStatus` 返回 `true` (或者设置为 `null` 或 `undefined`)，promise 将被 resolve; 否则，promise 将被 rejecte
			
 
				+    validateStatus: function (status) {
			
 
				+        return status >= 200 && status < 300; // default
			
 
				+    },
			
 
				+
			
 
				+    // `maxRedirects` 定义在 node.js 中 follow 的最大重定向数目
			
 
				+    // 如果设置为0，将不会 follow 任何重定向
			
 
				+    maxRedirects: 5, // default
			
 
				+
			
 
				+    // `socketPath` defines a UNIX Socket to be used in node.js.
			
 
				+    // e.g. '/var/run/docker.sock' to send requests to the docker daemon.
			
 
				+    // Only either `socketPath` or `proxy` can be specified.
			
 
				+    // If both are specified, `socketPath` is used.
			
 
				+    socketPath: null, // default
			
 
				+
			
 
				+    // `httpAgent` 和 `httpsAgent` 分别在 node.js 中用于定义在执行 http 和 https 时使用的自定义代理。允许像这样配置选项：
			
 
				+    // `keepAlive` 默认没有启用
			
 
				+    // httpAgent: new http.Agent({ keepAlive: true }),
			
 
				+    // httpsAgent: new https.Agent({ keepAlive: true }),
			
 
				+
			
 
				+    // 'proxy' 定义代理服务器的主机名称和端口
			
 
				+    // `auth` 表示 HTTP 基础验证应当用于连接代理，并提供凭据
			
 
				+    // 这将会设置一个 `Proxy-Authorization` 头，覆写掉已有的通过使用 `header` 设置的自定义 `Proxy-Authorization` 头。
			
 
				+    // proxy: {
			
 
				+    //     host: '127.0.0.1',
			
 
				+    //     port: 9000,
			
 
				+    //     auth: {
			
 
				+    //         username: 'mikeymike',
			
 
				+    //         password: 'rapunz3l'
			
 
				+    //     }
			
 
				+    // },
			
 
				+
			
 
				+    // `cancelToken` 指定用于取消请求的 cancel token
			
 
				+    // （查看后面的 Cancellation 这节了解更多）
			
 
				+    // cancelToken: new CancelToken(function (cancel) {
			
 
				+    // })
			
 
				+}
			
 
				+export default axiosConfig
			
--- a/src/utils/filter.js
+++ b/src/utils/filter.js
@@ -0,0 +1,49 @@
 
				+export function parseTime(time, cFormat) {
			
 
				+    if (arguments.length === 0) {
			
 
				+        return null
			
 
				+    }
			
 
				+    const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
			
 
				+    let date
			
 
				+    if (typeof time === 'object') {
			
 
				+        date = time
			
 
				+    } else {
			
 
				+        if (('' + time).length === 10) time = parseInt(time) * 1000
			
 
				+        date = new Date(time)
			
 
				+    }
			
 
				+    const formatObj = {
			
 
				+        y: date.getFullYear(),
			
 
				+        m: date.getMonth() + 1,
			
 
				+        d: date.getDate(),
			
 
				+        h: date.getHours(),
			
 
				+        i: date.getMinutes(),
			
 
				+        s: date.getSeconds(),
			
 
				+        a: date.getDay()
			
 
				+    }
			
 
				+    const time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
			
 
				+        let value = formatObj[key]
			
 
				+        if (key === 'a') return ['一', '二', '三', '四', '五', '六', '日'][value - 1]
			
 
				+        if (result.length > 0 && value < 10) {
			
 
				+            value = '0' + value
			
 
				+        }
			
 
				+        return value || 0
			
 
				+    })
			
 
				+    return time_str
			
 
				+}
			
 
				+
			
 
				+const filters = {
			
 
				+    classStatus(value) {
			
 
				+        if (value === 1) {
			
 
				+          return "开班中";
			
 
				+        } else {
			
 
				+          return "已结束";
			
 
				+        }
			
 
				+      },
			
 
				+    timeFromDate(value){
			
 
				+       return parseTime(value)
			
 
				+    }
			
 
				+}
			
 
				+export default (Vue) => {
			
 
				+    Object.keys(filters).forEach(key => {
			
 
				+        Vue.filter(key, filters[key])
			
 
				+    })
			
 
				+}
			
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -0,0 +1,28 @@
 
				+// request.js
			
 
				+import VeryAxios from 'very-axios'
			
 
				+import veryAxiosConfig from './veryAxiosConfig'
			
 
				+import axiosConfig from './axiosConfig'
			
 
				+// const request = new VeryAxios(veryAxiosConfig, axiosConfig)
			
 
				+
			
 
				+let baseUrl = process.env.VUE_APP_BASE_API;
			
 
				+
			
 
				+const request = new VeryAxios(veryAxiosConfig)
			
 
				+
			
 
				+export default {
			
 
				+    // list: (params) => request.GET(baseUrl + '/user', params),
			
 
				+    // add: (params) => request.POST('/user', params),
			
 
				+    // update: (id, params) => request.PUT(`/user/${id}`, params),
			
 
				+    // delete: (id) => request.DELETE(`/user/${id}`),
			
 
				+    // deletes: (params) => request.DELETE(`/user/`, params),
			
 
				+    // upload: (params) => request.FORMDATA(`/user/`, params),
			
 
				+    classList: (params) => request.GET(baseUrl + '/learnclass/list', params),
			
 
				+    classDetail: (id) => request.GET(baseUrl + '/learnclass/getDetail/'+id),
			
 
				+    getTeacherList: (id) => request.GET(baseUrl + '/learnclass/getTeacherList/'+id),
			
 
				+    getStudentsList: (id) => request.GET(baseUrl + '/learnclass/getStudentList/'+id),
			
 
				+    releasingNotices: (params) => request.POST(baseUrl + '/notice', params),//发布通知
			
 
				+    login: (params) => request.POST(baseUrl + '/auth/login', params),
			
 
				+    resetPwd: (params) => request.PUT(baseUrl + '/teacheruser/resetPwd', params),
			
 
				+    getUserInfo: (params) => request.GET(baseUrl + '/teacheruser/getInfo', params),
			
 
				+    setting: (params) => request.PUT(baseUrl + '/teacher', params),//消息屏蔽设置
			
 
				+    updateClassStatus: (id,params) => request.PUT(baseUrl + '/learnclass/updateStatus/'+id, params),//更新班级状态
			
 
				+}
			
--- a/src/utils/veryAxiosConfig.js
+++ b/src/utils/veryAxiosConfig.js
@@ -0,0 +1,102 @@
 
				+import { Notify, Dialog } from 'vant';
			
 
				+import store from '../store'
			
 
				+
			
 
				+let veryAxiosConfig = {
			
 
				+    // 发生错误时，是否显示提示
			
 
				+    tip: true, // default
			
 
				+
			
 
				+    // 如何显示提示，可以传入显示message的方法
			
 
				+    tipFn: (message) => { Notify({ type: 'warning', message: message }); },
			
 
				+
			
 
				+    errorHandlers: {
			
 
				+        // 支持 400/401/403/404/405/413/414/500/502/504/任意其他 errno
			
 
				+        400: () => {
			
 
				+            // Dialog.confirm({
			
 
				+            //     title: '提示',
			
 
				+            //     message: '你已被登出，可以取消继续留在该页面，或者重新登录',
			
 
				+            // })
			
 
				+            //     .then(() => {
			
 
				+            //         console.log('location', location);
			
 
				+            //         localStorage.setItem('fromUrl', location.hash);
			
 
				+            //         // on confirm
			
 
				+            //         store.dispatch('FedLogOut').then(() => {
			
 
				+            //             // location.reload()// 为了重新实例化vue-router对象 避免bug
			
 
				+            //             location.href = '/#/login';
			
 
				+            //             console.log('logOut');
			
 
				+            //         }).catch(err => {
			
 
				+            //             console.log('logOut err', err);
			
 
				+            //         })
			
 
				+            //     })
			
 
				+            //     .catch(() => {
			
 
				+            //         // on cancel
			
 
				+            //     });
			
 
				+        },
			
 
				+        401: () => {
			
 
				+            Dialog.confirm({
			
 
				+                title: '提示',
			
 
				+                message: '你已被登出，可以取消继续留在该页面，或者重新登录',
			
 
				+            })
			
 
				+                .then(() => {
			
 
				+                    console.log('location', location);
			
 
				+                    localStorage.setItem('fromUrl', location.hash);
			
 
				+                    // on confirm
			
 
				+                    store.dispatch('FedLogOut').then(() => {
			
 
				+                        // location.reload()// 为了重新实例化vue-router对象 避免bug
			
 
				+                        location.href = '/#/login';
			
 
				+                        // console.log('logOut');
			
 
				+                    }).catch(err => {
			
 
				+                        console.log('logOut err', err);
			
 
				+                    })
			
 
				+                })
			
 
				+                .catch(() => {
			
 
				+                    // on cancel
			
 
				+                });
			
 
				+        },
			
 
				+        // 403: () => {}
			
 
				+        // 404: () => {}
			
 
				+        // ...
			
 
				+    },
			
 
				+
			
 
				+    // 内置错误提示语言: 'zh-cn'/'en'
			
 
				+    lang: 'zh-cn', // default
			
 
				+
			
 
				+    // 请求前的自定义操作
			
 
				+    beforeHook: (config) => {
			
 
				+        let token = store?.state?.token;
			
 
				+        if (token) {
			
 
				+            config.headers['Authorization'] = 'Bearer ' + token // 让每个请求携带自定义token 请根据实际情况自行修改
			
 
				+            // config.headers['Content-Type'] = 'application/x-www-form-urlencoded'
			
 
				+            // config.headers['responseType'] = 'blob'
			
 
				+        }
			
 
				+        return config
			
 
				+    },
			
 
				+
			
 
				+    // 请求后的自定义操作
			
 
				+    afterHook: (responce, isError) => {
			
 
				+        // console.log('isError', isError);
			
 
				+        if (responce.status == '200') {
			
 
				+            if (responce.data.code == '400') {
			
 
				+                Notify({ message: responce.data.msg })
			
 
				+            }
			
 
				+        }
			
 
				+    },
			
 
				+
			
 
				+    // 从请求响应中获取错误状态，默认取errno
			
 
				+    // 如果传入的不是一个函数也会使用默认值
			
 
				+    getResStatus: (resData) => resData.code, // default
			
 
				+
			
 
				+    // 从请求响应中获取错误消息，默认取errmsg
			
 
				+    // 如果传入的不是一个函数也会使用默认值
			
 
				+    getResErrMsg: (resData) => resData.msg, // default
			
 
				+
			
 
				+    // 从请求响应中获取返回数据，默认取data
			
 
				+    // 如果传入的不是一个函数也会使用默认值
			
 
				+    getResData: (resData) => resData, // default
			
 
				+
			
 
				+    // 是否开启取消重复请求
			
 
				+    cancelDuplicated: false, // default
			
 
				+
			
 
				+    // 如果开启了取消重复请求，如何生成重复标识
			
 
				+    duplicatedKeyFn: (config) => `${config.method}${config.url}` // default
			
 
				+}
			
 
				+export default veryAxiosConfig
			
--- a/src/views/Center.vue
+++ b/src/views/Center.vue
@@ -0,0 +1,131 @@
 
				+<template>
			
 
				+  <div class="Center full-body">
			
 
				+    <section class="base-info">
			
 
				+      <NavBar
			
 
				+        title=" "
			
 
				+        backUrl="/ClassDetails?id=1"
			
 
				+        :style="{ background: 'transparent' }"
			
 
				+      />
			
 
				+      <div class="user u-flex u-row-between">
			
 
				+        <div class="left u-flex">
			
 
				+          <img
			
 
				+            :src="userInfo.avatar || defaultAvatar"
			
 
				+            alt=""
			
 
				+            class="portrait"
			
 
				+          />
			
 
				+          <div class="name">{{ userInfo.userName }}</div>
			
 
				+        </div>
			
 
				+        <div class="right"></div>
			
 
				+      </div>
			
 
				+    </section>
			
 
				+    <section class="cell-list">
			
 
				+      <!-- <van-cell-group title="分组1"> -->
			
 
				+      <van-cell
			
 
				+        title="消息设置"
			
 
				+        :icon="iconXiaoxi"
			
 
				+        @click="goSetting('notice')"
			
 
				+      >
			
 
				+        <van-icon slot="right-icon" name="arrow" style="line-height: inherit" />
			
 
				+      </van-cell>
			
 
				+      <van-cell title="视频设置" :icon="iconShipin" @click="goSetting('video')">
			
 
				+        <van-icon slot="right-icon" name="arrow" style="line-height: inherit" />
			
 
				+      </van-cell>
			
 
				+      <van-cell
			
 
				+        title="重置密码"
			
 
				+        icon="lock"
			
 
				+        @click="$router.push({ path: '/ResetPass' })"
			
 
				+      >
			
 
				+        <van-icon slot="right-icon" name="arrow" style="line-height: inherit" />
			
 
				+      </van-cell>
			
 
				+      <van-cell title="退出登录" :icon="iconTuichu" @click="logOut">
			
 
				+        <van-icon slot="right-icon" name="arrow" style="line-height: inherit" />
			
 
				+      </van-cell>
			
 
				+      <!-- </van-cell-group> -->
			
 
				+    </section>
			
 
				+    <TabBar />
			
 
				+  </div>
			
 
				+</template>
			
 
				+<script>
			
 
				+import NavBar from "@/components/NavBar.vue";
			
 
				+import TabBar from "@/components/TabBar.vue";
			
 
				+export default {
			
 
				+  components: { NavBar, TabBar },
			
 
				+  data() {
			
 
				+    return {
			
 
				+      userInfo: {},
			
 
				+      iconXiaoxi: require("@/static/img/center-xiaoxi.png"),
			
 
				+      iconShipin: require("@/static/img/center-shipin.png"),
			
 
				+      iconTuichu: require("@/static/img/center-tuichu.png"),
			
 
				+      defaultAvatar: require("@/static/img/default-avatar.png"),
			
 
				+    };
			
 
				+  },
			
 
				+  created() {
			
 
				+    this.getUserInfo();
			
 
				+  },
			
 
				+  methods: {
			
 
				+    goSetting(type) {
			
 
				+      // console.log("type", type);
			
 
				+      this.$router.push({ path: "/Setting", query: { type: type } });
			
 
				+    },
			
 
				+    getUserInfo() {
			
 
				+      this.$api
			
 
				+        .getUserInfo()
			
 
				+        .then((res) => {
			
 
				+          // 当请求成功
			
 
				+          if (res.code == "200") {
			
 
				+            console.log("getUserInfo res", res);
			
 
				+            this.userInfo = res.data;
			
 
				+          }
			
 
				+        })
			
 
				+        .catch((error) => {
			
 
				+          console.log(error);
			
 
				+        });
			
 
				+    },
			
 
				+    logOut() {
			
 
				+      this.$store
			
 
				+        .dispatch("FedLogOut")
			
 
				+        .then(() => {
			
 
				+          location.href = "/#/login";
			
 
				+        })
			
 
				+        .catch((err) => {
			
 
				+          console.log("logOut err", err);
			
 
				+        });
			
 
				+    },
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+<style lang="scss" scoped>
			
 
				+.Center {
			
 
				+  background-color: #fff;
			
 
				+  /deep/ .van-nav-bar {
			
 
				+    background: transparent;
			
 
				+  }
			
 
				+}
			
 
				+.base-info {
			
 
				+  background: linear-gradient(166deg, #1a7346 0%, #3d5d4c 100%);
			
 
				+  overflow: hidden;
			
 
				+  margin-bottom: 20px;
			
 
				+  .user {
			
 
				+    margin: 10px 24px 50px;
			
 
				+    .portrait {
			
 
				+      width: 105px;
			
 
				+      height: 105px;
			
 
				+      border-radius: 50%;
			
 
				+      border: 2px solid #a7c4b5;
			
 
				+    }
			
 
				+    .name {
			
 
				+      font-size: 40px;
			
 
				+      font-weight: 400;
			
 
				+      color: #ffffff;
			
 
				+      line-height: 56px;
			
 
				+      letter-spacing: 1px;
			
 
				+      margin-left: 33px;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+.cell-list {
			
 
				+  /deep/ .van-icon {
			
 
				+    color: #a5a5a5;
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/views/ClassDetails.vue
+++ b/src/views/ClassDetails.vue
@@ -0,0 +1,365 @@
 
				+<template>
			
 
				+  <div class="ClassDetails">
			
 
				+    <NavBar title="班级详情" backUrl="/" />
			
 
				+    <!-- <van-swipe class="my-swipe" :autoplay="3000" :show-indicators="false">
			
 
				+      <van-swipe-item>1</van-swipe-item>
			
 
				+      <van-swipe-item>2</van-swipe-item>
			
 
				+      <van-swipe-item>3</van-swipe-item>
			
 
				+      <van-swipe-item>4</van-swipe-item>
			
 
				+    </van-swipe> -->
			
 
				+    <van-image
			
 
				+      class="banner"
			
 
				+      radius="0"
			
 
				+      v-if="classInfo.img"
			
 
				+      :src="classInfo.img"
			
 
				+    />
			
 
				+    <section class="base-info">
			
 
				+      <div class="title u-flex u-row-between">
			
 
				+        <div class="name">{{ classInfo.name }}</div>
			
 
				+        <div class="status" @click="graduate" v-if="classInfo.status == 1">
			
 
				+          <van-icon class="icon" :name="iconStatusRed" />{{
			
 
				+            classInfo.status | classStatus
			
 
				+          }}
			
 
				+        </div>
			
 
				+        <div class="status" v-else>
			
 
				+          <van-icon class="icon" :name="iconStatusRed" />{{
			
 
				+            classInfo.status | classStatus
			
 
				+          }}
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="info">
			
 
				+        <van-icon class="icon" :name="iconSchool" />{{ classInfo.schoolName }}
			
 
				+      </div>
			
 
				+      <div class="info">
			
 
				+        <van-icon class="icon" :name="iconClass" />{{ classInfo.memberNum }}
			
 
				+      </div>
			
 
				+      <div class="info">
			
 
				+        <van-icon class="icon" :name="iconTime" />{{
			
 
				+          classInfo.classStartTime | timeFromDate
			
 
				+        }}
			
 
				+      </div>
			
 
				+      <van-button
			
 
				+        class="btn"
			
 
				+        type="default"
			
 
				+        size="mini"
			
 
				+        @click="handleReleasingNotices"
			
 
				+        >通知发布</van-button
			
 
				+      >
			
 
				+    </section>
			
 
				+    <section class="block teachers">
			
 
				+      <div class="block-title">教师（{{ teacherList.length }}人）</div>
			
 
				+      <div class="teachers-list">
			
 
				+        <!-- <div class="teachers-item u-flex u-row-between">
			
 
				+          <div class="left u-flex">
			
 
				+            <img class="portrait" src="http://img.momen.vip/xsfm.jpg" alt="" />
			
 
				+            宗时修
			
 
				+          </div>
			
 
				+          <div class="right"><span>自己</span></div>
			
 
				+        </div> -->
			
 
				+        <div
			
 
				+          class="teachers-item u-flex u-row-between"
			
 
				+          v-for="item in teacherList"
			
 
				+          :key="item.id"
			
 
				+        >
			
 
				+          <div class="left u-flex">
			
 
				+            <img class="portrait" :src="item.avatar || defaultAvatar" alt="" />
			
 
				+            {{ item.userName }}
			
 
				+          </div>
			
 
				+          <div class="right">
			
 
				+            <a :href="'tel:' + item.phonenumber"
			
 
				+              ><van-icon class="icon" :name="iconPhone"
			
 
				+            /></a>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </section>
			
 
				+    <section class="block students">
			
 
				+      <div class="block-title">学生（{{ studentsList.length }}人）</div>
			
 
				+      <div class="students-list u-flex u-row-left u-flex-wrap">
			
 
				+        <div
			
 
				+          class="students-item"
			
 
				+          @click="goDetails(item.id)"
			
 
				+          v-for="item in studentsList"
			
 
				+          :key="item.id"
			
 
				+        >
			
 
				+          <img class="portrait" :src="item.avatar || defaultAvatar" alt="" />
			
 
				+          <div class="name">{{ item.name }}</div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </section>
			
 
				+    <van-popup class="my-popup" v-model="releasingNoticesShow">
			
 
				+      <div class="popup-content">
			
 
				+        <div class="header">发布通知</div>
			
 
				+        <div class="content">
			
 
				+          <van-field
			
 
				+            style="border-bottom: 1px solid #ccc"
			
 
				+            v-model="noticesTitle"
			
 
				+            type="text"
			
 
				+            label="标题"
			
 
				+            label-width="40"
			
 
				+            :border="true"
			
 
				+            placeholder="请输入通知标题"
			
 
				+          />
			
 
				+          <van-field
			
 
				+            v-model="notices"
			
 
				+            type="textarea"
			
 
				+            :border="true"
			
 
				+            placeholder="请输入通知内容"
			
 
				+          />
			
 
				+        </div>
			
 
				+        <div class="footer">
			
 
				+          <van-button
			
 
				+            class="btn"
			
 
				+            type="default"
			
 
				+            @click="releasingNoticesShow = false"
			
 
				+            >取消</van-button
			
 
				+          >
			
 
				+          <van-button class="btn" type="primary" @click="releasingNotices"
			
 
				+            >确认</van-button
			
 
				+          >
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </van-popup>
			
 
				+  </div>
			
 
				+</template>
			
 
				+<script>
			
 
				+import NavBar from "@/components/NavBar.vue";
			
 
				+export default {
			
 
				+  components: { NavBar },
			
 
				+  data() {
			
 
				+    return {
			
 
				+      classId: "",
			
 
				+      classInfo: {},
			
 
				+      teacherList: [],
			
 
				+      studentsList: [],
			
 
				+      releasingNoticesShow: false,
			
 
				+      noticesTitle: "",
			
 
				+      notices: "",
			
 
				+      iconSchool: require("@/static/img/icon-school.png"),
			
 
				+      iconClass: require("@/static/img/icon-class.png"),
			
 
				+      iconStatusRed: require("@/static/img/icon-status-red.png"),
			
 
				+      iconTime: require("@/static/img/icon-time.png"),
			
 
				+      iconPhone: require("@/static/img/icon-dianhua.png"),
			
 
				+      defaultAvatar: require("@/static/img/default-avatar.png"),
			
 
				+    };
			
 
				+  },
			
 
				+  created() {
			
 
				+    this.classId = this.$route.query.id;
			
 
				+    this.getClassDetail();
			
 
				+    this.getTeacherList();
			
 
				+    this.getStudentsList();
			
 
				+  },
			
 
				+  methods: {
			
 
				+    getClassDetail() {
			
 
				+      // return;
			
 
				+      this.$api
			
 
				+        .classDetail(this.classId)
			
 
				+        .then((res) => {
			
 
				+          // 当请求成功
			
 
				+          if (res.code === 200) {
			
 
				+            this.classInfo = res.data;
			
 
				+          }
			
 
				+        })
			
 
				+        .catch((error) => {
			
 
				+          console.log(error);
			
 
				+        });
			
 
				+    },
			
 
				+    getTeacherList() {
			
 
				+      // return;
			
 
				+      this.$api
			
 
				+        .getTeacherList(this.classId)
			
 
				+        .then((res) => {
			
 
				+          // 当请求成功
			
 
				+          if (res.code === 200) {
			
 
				+            this.teacherList = res.data;
			
 
				+          }
			
 
				+        })
			
 
				+        .catch((error) => {
			
 
				+          console.log(error);
			
 
				+        });
			
 
				+    },
			
 
				+    getStudentsList() {
			
 
				+      // return;
			
 
				+      this.$api
			
 
				+        .getStudentsList(this.classId)
			
 
				+        .then((res) => {
			
 
				+          // 当请求成功
			
 
				+          if (res.code === 200) {
			
 
				+            this.studentsList = res.data;
			
 
				+          }
			
 
				+        })
			
 
				+        .catch((error) => {
			
 
				+          console.log(error);
			
 
				+        });
			
 
				+    },
			
 
				+    goDetails(id) {
			
 
				+      this.$router.push({ path: "/StudentsDetails", query: { id: id } });
			
 
				+    },
			
 
				+    handleReleasingNotices() {
			
 
				+      this.releasingNoticesShow = true;
			
 
				+    },
			
 
				+    releasingNotices() {
			
 
				+      console.log("releasingNotices", this.notices);
			
 
				+      let param = {
			
 
				+        name: this.noticesTitle,
			
 
				+        content: this.notices,
			
 
				+        classId: this.classId,
			
 
				+      };
			
 
				+      this.$api
			
 
				+        .releasingNotices(param)
			
 
				+        .then((res) => {
			
 
				+          this.releasingNoticesShow = false;
			
 
				+          (this.noticesTitle = ""),
			
 
				+            (this.notices = ""),
			
 
				+            this.$toast.success(res.msg);
			
 
				+        })
			
 
				+        .catch((error) => {
			
 
				+          console.log(error);
			
 
				+        });
			
 
				+    },
			
 
				+    graduate() {
			
 
				+      this.$dialog
			
 
				+        .confirm({
			
 
				+          // title: "标题",
			
 
				+          message: "是否将开班中状态改为已毕业，改变后所有学员学习状态将改变",
			
 
				+          overlayClass: "dialog",
			
 
				+        })
			
 
				+        .then(() => {
			
 
				+          this.$api
			
 
				+            .updateClassStatus(this.classId)
			
 
				+            .then((res) => {
			
 
				+              this.getClassDetail();
			
 
				+              this.$toast.success(res.msg);
			
 
				+            })
			
 
				+            .catch((error) => {
			
 
				+              console.log(error);
			
 
				+            });
			
 
				+          // on confirm
			
 
				+        })
			
 
				+        .catch(() => {
			
 
				+          // on cancel
			
 
				+        });
			
 
				+    },
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+<style lang="scss" scoped>
			
 
				+// .my-swipe {
			
 
				+//   width: 100%;
			
 
				+//   height: 390px;
			
 
				+//   background-color: #026464;
			
 
				+// }
			
 
				+.banner {
			
 
				+  width: 100%;
			
 
				+  height: 390px;
			
 
				+  background-color: #026464;
			
 
				+  display: block;
			
 
				+}
			
 
				+.base-info {
			
 
				+  position: relative;
			
 
				+  background-color: #fff;
			
 
				+  padding: 22px 28px 48px;
			
 
				+  border-radius: 0px 0px 18px 18px;
			
 
				+  margin-bottom: 20px;
			
 
				+  .title {
			
 
				+    margin-bottom: 20px;
			
 
				+    .name {
			
 
				+      font-size: 40px;
			
 
				+      font-weight: bold;
			
 
				+      color: #424242;
			
 
				+      line-height: 56px;
			
 
				+    }
			
 
				+    .status {
			
 
				+      .icon {
			
 
				+        margin-right: 10px;
			
 
				+        vertical-align: middle;
			
 
				+      }
			
 
				+      color: $color-red;
			
 
				+    }
			
 
				+  }
			
 
				+  .info {
			
 
				+    font-size: 24px;
			
 
				+    font-weight: 400;
			
 
				+    color: #525252;
			
 
				+    line-height: 33px;
			
 
				+    .icon {
			
 
				+      margin-right: 15px;
			
 
				+    }
			
 
				+    & + .info {
			
 
				+      margin-top: 13px;
			
 
				+    }
			
 
				+  }
			
 
				+  .btn {
			
 
				+    position: absolute;
			
 
				+    right: 46px;
			
 
				+    bottom: 48px;
			
 
				+    color: #8d8d8d;
			
 
				+  }
			
 
				+}
			
 
				+.block {
			
 
				+  background: #fff;
			
 
				+  border-radius: 18px;
			
 
				+  padding: 48px 30px 60px;
			
 
				+  margin-bottom: 20px;
			
 
				+}
			
 
				+.block-title {
			
 
				+  font-size: 36px;
			
 
				+  font-weight: 500;
			
 
				+  color: #424242;
			
 
				+  line-height: 50px;
			
 
				+  margin-bottom: 23px;
			
 
				+}
			
 
				+.teachers {
			
 
				+  .teachers-item {
			
 
				+    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.14);
			
 
				+    border-radius: 10px;
			
 
				+    padding: 25px 30px 25px 35px;
			
 
				+    margin-bottom: 20px;
			
 
				+    .left {
			
 
				+      font-size: 30px;
			
 
				+      color: #424242;
			
 
				+      .portrait {
			
 
				+        width: 62px;
			
 
				+        height: 62px;
			
 
				+        overflow: hidden;
			
 
				+        border: 1px solid #d8d8d8;
			
 
				+        border-radius: 50%;
			
 
				+        margin-right: 15px;
			
 
				+      }
			
 
				+    }
			
 
				+    .right {
			
 
				+      span {
			
 
				+        font-size: 26px;
			
 
				+        font-weight: 400;
			
 
				+        color: #979797;
			
 
				+      }
			
 
				+      .icon {
			
 
				+        color: #4da88d;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+.students {
			
 
				+  .students-list {
			
 
				+    .students-item {
			
 
				+      margin-bottom: 23px;
			
 
				+      margin-left: 10px;
			
 
				+      text-align: center;
			
 
				+      width: 100px;
			
 
				+      .portrait {
			
 
				+        width: 80px;
			
 
				+        height: 80px;
			
 
				+        border-radius: 50%;
			
 
				+        display: block;
			
 
				+        margin: 0 auto 22px;
			
 
				+      }
			
 
				+      .name {
			
 
				+        font-size: 24px;
			
 
				+        font-weight: 400;
			
 
				+        color: #424242;
			
 
				+        line-height: 33px;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -0,0 +1,186 @@
 
				+<template>
			
 
				+  <div class="home">
			
 
				+    <van-search
			
 
				+      v-model="param.className"
			
 
				+      placeholder="请输入搜索关键词"
			
 
				+      background="#3D5D4C"
			
 
				+      @search="onSearch"
			
 
				+      @cancel="onCancelSearch"
			
 
				+      @clear="onClearSearch"
			
 
				+    />
			
 
				+    <van-pull-refresh v-model="isLoading" @refresh="onRefresh">
			
 
				+      <div class="container wrap">
			
 
				+        <div v-if="noData">暂无数据</div>
			
 
				+        <template v-else>
			
 
				+          <van-list
			
 
				+            v-model="loading"
			
 
				+            :finished="finished"
			
 
				+            finished-text="- 没有更多了 -"
			
 
				+            @load="onLoad"
			
 
				+            :offset="130"
			
 
				+          >
			
 
				+            <div
			
 
				+              class="data-item u-flex"
			
 
				+              v-for="item in myList"
			
 
				+              :key="item.id"
			
 
				+              @click="goDetails(item.id)"
			
 
				+            >
			
 
				+              <van-image class="img" :src="item.img" rel="external nofollow" />
			
 
				+              <div class="text">
			
 
				+                <div class="title">{{ item.name }}</div>
			
 
				+                <div class="info">
			
 
				+                  <van-icon
			
 
				+                    :name="iconSchool"
			
 
				+                    style="vertical-align: middle"
			
 
				+                  ></van-icon>
			
 
				+                  {{ item.schoolName }}
			
 
				+                </div>
			
 
				+                <div class="info">
			
 
				+                  <van-icon :name="iconClass" style="vertical-align: middle" />
			
 
				+                  {{ item.memberNum }}
			
 
				+                </div>
			
 
				+                <div class="info">
			
 
				+                  <van-icon :name="iconStatus" style="vertical-align: middle" />
			
 
				+                  {{ item.status | classStatus }}
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </van-list>
			
 
				+        </template>
			
 
				+      </div>
			
 
				+    </van-pull-refresh>
			
 
				+    <TabBar />
			
 
				+  </div>
			
 
				+</template>
			
 
				+<script>
			
 
				+// @ is an alias to /src
			
 
				+import TabBar from "@/components/TabBar.vue";
			
 
				+
			
 
				+export default {
			
 
				+  name: "Home",
			
 
				+  components: {
			
 
				+    TabBar,
			
 
				+  },
			
 
				+  data() {
			
 
				+    return {
			
 
				+      tabbarActive: 0,
			
 
				+      param: {
			
 
				+        pageNum: 1,
			
 
				+        pageSize:10,
			
 
				+        className:'',
			
 
				+      },
			
 
				+      loading: false, // 当loading为true时，转圈圈
			
 
				+      finished: false, // 数据是否请求结束，结束会先显示- 没有更多了 -
			
 
				+      myList: [],
			
 
				+      noData: false, // 如果没有数据，显示暂无数据
			
 
				+      isLoading: false, // 下拉的加载图案
			
 
				+      iconSchool: require("@/static/img/icon-school.png"),
			
 
				+      iconClass: require("@/static/img/icon-class.png"),
			
 
				+      iconStatus: require("@/static/img/icon-status.png"),
			
 
				+    };
			
 
				+  },
			
 
				+  created() {
			
 
				+    // console.log("api", api);
			
 
				+  },
			
 
				+  methods: {
			
 
				+    getClassList() {
			
 
				+      // return;
			
 
				+      this.$api
			
 
				+        .classList(this.param)
			
 
				+        .then((res) => {
			
 
				+          console.log("this.form", this.param);
			
 
				+          // console.log('classList',res);
			
 
				+          // 当请求成功
			
 
				+          if (res.code === 200) {
			
 
				+            this.loading = false;
			
 
				+            this.myList = this.myList.concat(res.rows);
			
 
				+            this.param.pageNum++;
			
 
				+            // 如果没有数据，显示暂无数据
			
 
				+            if (this.myList.length === 0 && this.param.pageNum === 1) {
			
 
				+              this.noData = true;
			
 
				+            }
			
 
				+            // 如果加载完毕，显示没有更多了
			
 
				+            if (res.rows.length === 0) {
			
 
				+              this.finished = true;
			
 
				+            }
			
 
				+          }
			
 
				+        })
			
 
				+        .catch((error) => {
			
 
				+          console.log(error);
			
 
				+        });
			
 
				+    },
			
 
				+    onSearch(){
			
 
				+      this.onRefresh();
			
 
				+    },
			
 
				+    onCancelSearch(){
			
 
				+      this.param.className = '';
			
 
				+      this.onRefresh();
			
 
				+    },
			
 
				+    onClearSearch(){
			
 
				+      this.param.className = '';
			
 
				+      this.onRefresh();
			
 
				+    },
			
 
				+    // 列表加载
			
 
				+    onLoad() {
			
 
				+      this.loading = false;
			
 
				+      // return;
			
 
				+      this.getClassList();
			
 
				+    },
			
 
				+    onRefresh() {
			
 
				+      setTimeout(() => {
			
 
				+        // 重新初始化这些属性
			
 
				+        this.isLoading = false;
			
 
				+        this.myList = [];
			
 
				+        this.param.pageNum = 1;
			
 
				+        this.loading = false;
			
 
				+        this.finished = false;
			
 
				+        this.noData = false;
			
 
				+        // 请求信息
			
 
				+        this.getClassList();
			
 
				+      }, 30);
			
 
				+    },
			
 
				+    goDetails(id) {
			
 
				+      this.$router.push({ path: "/ClassDetails", query: { id: id } });
			
 
				+    },
			
 
				+    tabbarChange(e) {
			
 
				+      console.log("e", e);
			
 
				+    },
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+<style scoped lang="scss">
			
 
				+.container {
			
 
				+  margin: 24px;
			
 
				+  font-size: 30px;
			
 
				+  .data-item {
			
 
				+    background-color: #fff;
			
 
				+    margin-bottom: 24px;
			
 
				+    padding: 35px;
			
 
				+    border-radius: 10px;
			
 
				+    .img {
			
 
				+      margin-right: 20px;
			
 
				+      width: 203px;
			
 
				+      height: 174px;
			
 
				+      /deep/ img {
			
 
				+        border-radius: 10px;
			
 
				+      }
			
 
				+    }
			
 
				+    .text {
			
 
				+      font-size: 24px;
			
 
				+      font-weight: 400;
			
 
				+      color: #525252;
			
 
				+      line-height: 33px;
			
 
				+      .title {
			
 
				+        font-size: 34px;
			
 
				+        font-weight: bold;
			
 
				+        color: #373737;
			
 
				+        line-height: 48px;
			
 
				+        margin-bottom: 8px;
			
 
				+      }
			
 
				+      .info {
			
 
				+        margin-bottom: 12px;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/views/Login.vue
+++ b/src/views/Login.vue
@@ -0,0 +1,188 @@
 
				+<template>
			
 
				+  <div class="login-wrap">
			
 
				+    <div class="welcome">
			
 
				+      <div class="big">欢迎您！</div>
			
 
				+      <div class="small">登录退役军人服务教师端</div>
			
 
				+    </div>
			
 
				+    <div class="login">
			
 
				+      <!-- vant表单 -->
			
 
				+      <van-form class="form">
			
 
				+        <van-field
			
 
				+          class="field"
			
 
				+          v-model="username"
			
 
				+          name="账号"
			
 
				+          label="账号"
			
 
				+          placeholder="账号"
			
 
				+          autocomplete
			
 
				+          :rules="[
			
 
				+            { required: true, message: '请填写账号' },
			
 
				+            {
			
 
				+              pattern: /^\w{3,}$/,
			
 
				+              message: '请输入账号',
			
 
				+            },
			
 
				+          ]"
			
 
				+        />
			
 
				+        <van-field
			
 
				+          class="field"
			
 
				+          v-model="password"
			
 
				+          :type="isPassword"
			
 
				+          name="密码"
			
 
				+          label="密码"
			
 
				+          placeholder="密码"
			
 
				+          autocomplete
			
 
				+          :rules="[
			
 
				+            { required: true, message: '请填写密码' },
			
 
				+            { pattern: /^\w{6,}$/, message: '密码不少于6位' },
			
 
				+          ]"
			
 
				+        >
			
 
				+          <template #right-icon>
			
 
				+            <span
			
 
				+              @click="onPassword"
			
 
				+              style="font-size: 20px"
			
 
				+              class="iconfont icon-view"
			
 
				+              ><van-icon name="eye-o"
			
 
				+            /></span>
			
 
				+          </template>
			
 
				+        </van-field>
			
 
				+
			
 
				+        <div style="margin: 16px">
			
 
				+          <van-button
			
 
				+            class="button"
			
 
				+            @click="onSubmit"
			
 
				+            round
			
 
				+            block
			
 
				+            type="default"
			
 
				+            native-type="submit"
			
 
				+          >
			
 
				+            登录
			
 
				+          </van-button>
			
 
				+        </div>
			
 
				+      </van-form>
			
 
				+
			
 
				+      <!-- <div style="float: right">
			
 
				+      <router-link to="/reg">没有账号？点击注册</router-link>
			
 
				+    </div> -->
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+export default {
			
 
				+  data() {
			
 
				+    return {
			
 
				+      username: "JS00001",
			
 
				+      password: "666666",
			
 
				+      isPassword: "password", //密码的type类型
			
 
				+      isText: true,
			
 
				+      redirect: undefined,
			
 
				+    };
			
 
				+  },
			
 
				+  watch: {
			
 
				+    $route: {
			
 
				+      handler(route) {
			
 
				+        this.redirect = localStorage.getItem("fromUrl");
			
 
				+      },
			
 
				+      immediate: true,
			
 
				+    },
			
 
				+  },
			
 
				+  created() {
			
 
				+    // console.log("this", this.$api);
			
 
				+  },
			
 
				+  methods: {
			
 
				+    onSubmit() {
			
 
				+      let that = this;
			
 
				+      //点击登录
			
 
				+      //如果不符合登录条件则不会继续执行
			
 
				+      if (this.username.trim() == "") {
			
 
				+        return;
			
 
				+      }
			
 
				+      if (!this.username.match(/^\w{3,}$/)) {
			
 
				+        return;
			
 
				+      }
			
 
				+      if (!this.password.match(/^\w{6,}$/)) {
			
 
				+        return;
			
 
				+      }
			
 
				+
			
 
				+      // 登录
			
 
				+      let param = {
			
 
				+        username: this.username,
			
 
				+        password: this.password,
			
 
				+      };
			
 
				+      this.$api
			
 
				+        .login(param)
			
 
				+        .then((res) => {
			
 
				+          console.log("login res", res);
			
 
				+          this.$store.commit("setToken", res.data.accessToken);
			
 
				+          let backUrl = "";
			
 
				+          if (that.redirect) {
			
 
				+            backUrl = that.redirect.split()[0];
			
 
				+          }
			
 
				+          localStorage.removeItem("fromUrl");
			
 
				+          location.href = backUrl;
			
 
				+        })
			
 
				+        .catch((err) => {
			
 
				+          console.log("login err", err);
			
 
				+        });
			
 
				+    },
			
 
				+    onPassword() {
			
 
				+      //点击切换密码的type类型
			
 
				+      this.isText = !this.isText;
			
 
				+      if (this.isText) {
			
 
				+        this.isPassword = "password";
			
 
				+      } else {
			
 
				+        this.isPassword = "text";
			
 
				+      }
			
 
				+    },
			
 
				+    back() {
			
 
				+      //返回我的页面
			
 
				+      this.$router.push({
			
 
				+        path: "/user",
			
 
				+      });
			
 
				+    },
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.login-wrap {
			
 
				+  min-height: 100vh;
			
 
				+  background: url(../static/img/login-bg.png) repeat;
			
 
				+  background-size: 100% 100%;
			
 
				+  overflow: hidden;
			
 
				+  // display: flex;
			
 
				+  // align-items: center;
			
 
				+  .form {
			
 
				+    width: 100%;
			
 
				+    .field {
			
 
				+      background: transparent;
			
 
				+      /deep/ .van-field__label {
			
 
				+        color: #afafaf;
			
 
				+      }
			
 
				+      /deep/ .van-field__control {
			
 
				+        color: #fff;
			
 
				+        letter-spacing: 2px;
			
 
				+        font-size: 30px;
			
 
				+      }
			
 
				+    }
			
 
				+    .button {
			
 
				+      border: 0;
			
 
				+      background: rgba(255, 255, 255, 0.5);
			
 
				+      color: #143d33;
			
 
				+      font-size: 40px;
			
 
				+      font-weight: bold;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+.welcome {
			
 
				+  margin: 200px 24px 90px;
			
 
				+  color: #fff;
			
 
				+  .big {
			
 
				+    font-size: 70px;
			
 
				+    font-weight: 300;
			
 
				+    color: #ffffff;
			
 
				+    line-height: 98px;
			
 
				+    letter-spacing: 2px;
			
 
				+    margin-bottom: 24px;
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/views/Question.vue
+++ b/src/views/Question.vue
@@ -0,0 +1,70 @@
 
				+<template>
			
 
				+  <div class="question full-body">
			
 
				+    <NavBar
			
 
				+      title="问题解答"
			
 
				+      backUrl="/Center"
			
 
				+      :style="{ background: 'transparent' }"
			
 
				+    />
			
 
				+    <section class="question-wrap">
			
 
				+      <iframe
			
 
				+        src="https://web.sdk.qcloud.com/im/demo/latest/index.html"
			
 
				+        class="mapFrame"
			
 
				+        ref="mapFrame"
			
 
				+      ></iframe>
			
 
				+    </section>
			
 
				+    <TabBar />
			
 
				+  </div>
			
 
				+</template>
			
 
				+<script>
			
 
				+import NavBar from "@/components/NavBar.vue";
			
 
				+import TabBar from "@/components/TabBar.vue";
			
 
				+
			
 
				+export default {
			
 
				+  components: { NavBar, TabBar },
			
 
				+  data() {
			
 
				+    return {
			
 
				+      type: "",
			
 
				+    };
			
 
				+  },
			
 
				+  created() {},
			
 
				+  mounted() {
			
 
				+    // https://blog.csdn.net/qq_39024950/article/details/90317738
			
 
				+    let mapFrame = this.$refs["mapFrame"];
			
 
				+    if (mapFrame.attachEvent) {
			
 
				+      console.log('1111');
			
 
				+      //兼容浏览器判断
			
 
				+      mapFrame.attachEvent("onload", function () {
			
 
				+        let iframeWin = mapFrame.contentWindow;
			
 
				+        iframeWin.postMessage(
			
 
				+          {
			
 
				+            method: "getBaseInfo",
			
 
				+            data: "我是vuex state的数据",
			
 
				+          },
			
 
				+          "*"
			
 
				+        );
			
 
				+      });
			
 
				+    } else {
			
 
				+       console.log('222');
			
 
				+      mapFrame.onload = function () {
			
 
				+        let iframeWin = mapFrame.contentWindow;
			
 
				+        iframeWin.postMessage(
			
 
				+          {
			
 
				+            method: "getBaseInfo",
			
 
				+            data: "我是vuex state的数据",
			
 
				+          },
			
 
				+          "*"
			
 
				+        );
			
 
				+      };
			
 
				+    }
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+<style lang="scss" scoped>
			
 
				+// .question{
			
 
				+
			
 
				+// }
			
 
				+.mapFrame {
			
 
				+  width: 100%;
			
 
				+  min-height: calc(90vh);
			
 
				+}
			
 
				+</style>
			
--- a/src/views/ResetPass.vue
+++ b/src/views/ResetPass.vue
@@ -0,0 +1,116 @@
 
				+<template>
			
 
				+  <div class="ResetPass">
			
 
				+    <NavBar
			
 
				+      title="重置密码"
			
 
				+      backUrl="/Center"
			
 
				+      :style="{ background: 'transparent' }"
			
 
				+    />
			
 
				+    <van-form class="form" ref="uForm">
			
 
				+      <van-field
			
 
				+        v-model="form.oldPassword"
			
 
				+        type="password"
			
 
				+        label="请输入原密码"
			
 
				+        :rules="[
			
 
				+          { required: true, message: '请输入原密码' },
			
 
				+          { pattern: /^\w{6,}$/, message: '密码不少于6位' },
			
 
				+        ]"
			
 
				+      />
			
 
				+      <van-field
			
 
				+        v-model="form.newPassword"
			
 
				+        type="password"
			
 
				+        label="请输入新密码"
			
 
				+        :rules="[
			
 
				+          { required: true, message: '请输入新密码' },
			
 
				+          { pattern: /^\w{6,}$/, message: '密码不少于6位' },
			
 
				+        ]"
			
 
				+      />
			
 
				+      <van-field
			
 
				+        v-model="form.secPassword"
			
 
				+        type="password"
			
 
				+        label="确认新密码"
			
 
				+        name="secPassword"
			
 
				+        @change="secPasswordChange"
			
 
				+      />
			
 
				+      <div class="button-wrap">
			
 
				+        <van-button
			
 
				+          class="button"
			
 
				+          @click="submit"
			
 
				+          round
			
 
				+          block
			
 
				+          type="info"
			
 
				+          native-type="submit"
			
 
				+        >
			
 
				+          确认修改
			
 
				+        </van-button>
			
 
				+      </div>
			
 
				+    </van-form>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import NavBar from "@/components/NavBar.vue";
			
 
				+export default {
			
 
				+  components: { NavBar },
			
 
				+  data() {
			
 
				+    return {
			
 
				+      labelWidth: "200",
			
 
				+      form: {
			
 
				+        oldPassword: "",
			
 
				+        newPassword: "",
			
 
				+        secPassword: "",
			
 
				+      },
			
 
				+    };
			
 
				+  },
			
 
				+  onReady() {
			
 
				+    this.$refs.uForm.setRules(this.rules);
			
 
				+  },
			
 
				+  onLoad() {},
			
 
				+  onShow() {},
			
 
				+  methods: {
			
 
				+    secPasswordChange() {
			
 
				+      if (this.form.newPassword != this.form.secPassword) {
			
 
				+        this.$toast.fail("两次密码不一致");
			
 
				+        return false;
			
 
				+      }
			
 
				+    },
			
 
				+    submit() {
			
 
				+      this.$refs.uForm
			
 
				+        .validate()
			
 
				+        .then(() => {
			
 
				+          this.secPasswordChange();
			
 
				+          this.$api
			
 
				+            .resetPwd(this.form)
			
 
				+            .then((res) => {
			
 
				+              console.log("res", res);
			
 
				+              if (res.code == 200) {
			
 
				+                this.$toast.success(res.msg);
			
 
				+                localStorage.setItem("backUrl", "");
			
 
				+                this.$router.go(-1);
			
 
				+              }
			
 
				+            })
			
 
				+            .catch((err) => {
			
 
				+              console.log("err", err);
			
 
				+            });
			
 
				+          //   this.$toast.success("验证通过");
			
 
				+        })
			
 
				+        .catch(() => {
			
 
				+          this.$toast.fail("验证失败");
			
 
				+        });
			
 
				+    },
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+// @import  './resetPass.scss'
			
 
				+.form {
			
 
				+  margin-top: 50px;
			
 
				+  .button-wrap {
			
 
				+    margin: 24px;
			
 
				+    .button {
			
 
				+      background-color: #3d5d4c;
			
 
				+      border: 0;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/views/Setting.vue
+++ b/src/views/Setting.vue
@@ -0,0 +1,110 @@
 
				+<template>
			
 
				+  <div class="Setting full-body">
			
 
				+    <NavBar
			
 
				+      title="设置"
			
 
				+      backUrl="/Center"
			
 
				+      :style="{ background: 'transparent' }"
			
 
				+    />
			
 
				+    <section class="setting-wrap" v-if="type == 'notice'">
			
 
				+      <div class="setting-item u-flex u-row-between">
			
 
				+        <div class="title">是否接收消息</div>
			
 
				+        <div class="tool">
			
 
				+          <van-switch
			
 
				+            v-model="userInfo.isBlockMessage"
			
 
				+            :active-value="1"
			
 
				+            :inactive-value="0"
			
 
				+            active-color="#009717"
			
 
				+            @change="isBlockMessage"
			
 
				+          />
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </section>
			
 
				+    <section class="setting-wrap" v-if="type == 'video'">
			
 
				+      <div class="setting-item u-flex u-row-between">
			
 
				+        <div class="title">是否接收视频通话</div>
			
 
				+        <div class="tool">
			
 
				+          <van-switch
			
 
				+            v-model="userInfo.isBlockVideo"
			
 
				+            :active-value="1"
			
 
				+            :inactive-value="0"
			
 
				+            active-color="#009717"
			
 
				+            @change="isBlockVideo"
			
 
				+          />
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </section>
			
 
				+  </div>
			
 
				+</template>
			
 
				+<script>
			
 
				+import NavBar from "@/components/NavBar.vue";
			
 
				+
			
 
				+export default {
			
 
				+  components: { NavBar },
			
 
				+  data() {
			
 
				+    return {
			
 
				+      type: "",
			
 
				+      receiveNotice: true,
			
 
				+      receiveVideo: true,
			
 
				+      userInfo: {},
			
 
				+    };
			
 
				+  },
			
 
				+  created() {
			
 
				+    this.type = this.$route.query.type;
			
 
				+    console.log("this.type", this.type);
			
 
				+    this.getUserInfo();
			
 
				+  },
			
 
				+  methods: {
			
 
				+    getUserInfo() {
			
 
				+      this.$api
			
 
				+        .getUserInfo()
			
 
				+        .then((res) => {
			
 
				+          // 当请求成功
			
 
				+          if (res.code == "200") {
			
 
				+            console.log("getUserInfo res", res);
			
 
				+            this.userInfo = res.data;
			
 
				+          }
			
 
				+        })
			
 
				+        .catch((error) => {
			
 
				+          console.log(error);
			
 
				+        });
			
 
				+    },
			
 
				+    setting(param) {
			
 
				+      this.$api
			
 
				+        .setting(param)
			
 
				+        .then((res) => {
			
 
				+          // 当请求成功
			
 
				+          if (res.code == "200") {
			
 
				+            // console.log("setting res", res);
			
 
				+          }
			
 
				+        })
			
 
				+        .catch((err) => {
			
 
				+          this.$toast.fail(err.msg);
			
 
				+          console.log(err);
			
 
				+        });
			
 
				+    },
			
 
				+    isBlockMessage(e) {
			
 
				+      // console.log("isBlockMessage", e);
			
 
				+      this.setting({ isBlockMessage: e });
			
 
				+    },
			
 
				+    isBlockVideo(e) {
			
 
				+      // console.log("isBlockVideo", e);
			
 
				+      this.setting({ isBlockVideo: e });
			
 
				+    },
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+<style lang="scss" scoped>
			
 
				+// .Setting{
			
 
				+
			
 
				+// }
			
 
				+.setting-wrap {
			
 
				+  margin: 24px 0;
			
 
				+  background-color: #fff;
			
 
				+  padding: 10px 24px;
			
 
				+  .setting-item {
			
 
				+    .title {
			
 
				+      font-size: 30px;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/views/StudentsDetails.vue
+++ b/src/views/StudentsDetails.vue
@@ -0,0 +1,49 @@
 
				+<template>
			
 
				+  <div class="ClassDetails full-body">
			
 
				+    <NavBar title="学生详情" backUrl="/ClassDetails?id=1" />
			
 
				+    <section class="base-info">
			
 
				+      <img src="http://img.momen.vip/xsfm.jpg" alt="" class="img" />
			
 
				+      <div class="name">郝爱国</div>
			
 
				+      <div class="course">（汽车检测与维修）</div>
			
 
				+    </section>
			
 
				+  </div>
			
 
				+</template>
			
 
				+<script>
			
 
				+import NavBar from "@/components/NavBar.vue";
			
 
				+export default {
			
 
				+  components: { NavBar },
			
 
				+  data() {
			
 
				+    return {};
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+<style lang="scss" scoped>
			
 
				+.ClassDetails {
			
 
				+  background-color: #fff;
			
 
				+}
			
 
				+.base-info {
			
 
				+  text-align: center;
			
 
				+  padding-top: 43px;
			
 
				+  margin-bottom: 43px;
			
 
				+  .img {
			
 
				+    width: 134px;
			
 
				+    height: 134px;
			
 
				+    border-radius: 10px;
			
 
				+    margin-bottom: 22px;
			
 
				+  }
			
 
				+  .name {
			
 
				+    font-size: 36px;
			
 
				+    font-weight: 400;
			
 
				+    color: #434343;
			
 
				+    line-height: 50px;
			
 
				+    letter-spacing: 1px;
			
 
				+  }
			
 
				+  .course {
			
 
				+    font-size: 30px;
			
 
				+    font-weight: 400;
			
 
				+    color: #818181;
			
 
				+    line-height: 42px;
			
 
				+    letter-spacing: 1px;
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/vue.config.js
+++ b/vue.config.js
@@ -0,0 +1,38 @@
 
				+
			
 
				+module.exports = {
			
 
				+  // chainWebpack: config => {
			
 
				+  //   config
			
 
				+  //     .plugin('html')
			
 
				+  //     .tap(args => {
			
 
				+  //       args[0].title = '退役军人'
			
 
				+  //       return args
			
 
				+  //     })
			
 
				+  // },
			
 
				+
			
 
				+  css: {
			
 
				+    loaderOptions: {
			
 
				+      sass: {
			
 
				+        // 全局引入变量和 mixin
			
 
				+        prependData: `
			
 
				+          @import "@/assets/scss/variable.scss";
			
 
				+          @import "@/assets/scss/mixin.scss";
			
 
				+        `
			
 
				+      }
			
 
				+    }
			
 
				+  },
			
 
				+  devServer: {
			
 
				+    proxy: {
			
 
				+      [process.env.VUE_APP_BASE_API]: {
			
 
				+        // target: `http://wx.hw.hongweisoft.com/veterans/company/`,
			
 
				+        target: `http://172.16.90.110:7200/teacher`,
			
 
				+        changeOrigin: true,
			
 
				+        pathRewrite: {
			
 
				+          ['^' + process.env.VUE_APP_BASE_API]: ''
			
 
				+        }
			
 
				+      }
			
 
				+    },
			
 
				+    disableHostCheck: true
			
 
				+  },
			
 
				+  // productionSourceMap: false,
			
 
				+  // publicPath: process.env.NODE_ENV === 'production' ? '/' : '/'
			
 
				+}