3 years ago · 233102b842
--- 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 = '/company-api'
			
 
				+
			
 
				+
			
 
				+# 路由懒加载
			
 
				+VUE_CLI_BABEL_TRANSPILE_MODULES = true
			
--- a/.env.production
+++ b/.env.production
@@ -0,0 +1,5 @@
 
				+# 生产环境配置
			
 
				+NODE_ENV = production
			
 
				+
			
 
				+# 生产环境
			
 
				+VUE_APP_BASE_API = '/company-api'
			
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -0,0 +1,18 @@
 
				+module.exports = {
			
 
				+  root: true,
			
 
				+  env: {
			
 
				+    node: true
			
 
				+  },
			
 
				+  'extends': [
			
 
				+    'plugin:vue/essential',
			
 
				+    'eslint:recommended'
			
 
				+  ],
			
 
				+  parserOptions: {
			
 
				+    parser: 'babel-eslint'
			
 
				+  },
			
 
				+  rules: {
			
 
				+    "no-unused-vars": 0,
			
 
				+    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
			
 
				+    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
			
 
				+  }
			
 
				+}
			
--- a/.gitignore
+++ b/.gitignore
@@ -0,0 +1,23 @@
 
				+.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/README.md
+++ b/README.md
@@ -0,0 +1,30 @@
 
				+# veterans_company
			
 
				+
			
 
				+## Project setup
			
 
				+```
			
 
				+yarn install
			
 
				+```
			
 
				+
			
 
				+### Compiles and hot-reloads for development
			
 
				+```
			
 
				+yarn serve
			
 
				+```
			
 
				+
			
 
				+### Compiles and minifies for production
			
 
				+```
			
 
				+yarn build
			
 
				+```
			
 
				+
			
 
				+### Lints and fixes files
			
 
				+```
			
 
				+yarn lint
			
 
				+```
			
 
				+
			
 
				+## vuex 
			
 
				+https://gitee.com/renmindelaoyishujia/uview-vuex
			
 
				+- console.log("this.abc", this.abc);
			
 
				+- this.$mc.vuex("vuex_user", "测试mcVuex");
			
 
				+- console.log(this.$store.state);
			
 
				+
			
 
				+### Customize configuration
			
 
				+See [Configuration Reference](https://cli.vuejs.org/config/).
			
--- a/babel.config.js
+++ b/babel.config.js
@@ -0,0 +1,5 @@
 
				+module.exports = {
			
 
				+  presets: [
			
 
				+    '@vue/cli-plugin-babel/preset'
			
 
				+  ]
			
 
				+}
			
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -0,0 +1,31 @@
 
				+{
			
 
				+  "name": "veterans_company",
			
 
				+  "version": "0.1.0",
			
 
				+  "private": true,
			
 
				+  "scripts": {
			
 
				+    "serve": "vue-cli-service serve",
			
 
				+    "build": "vue-cli-service build",
			
 
				+    "lint": "vue-cli-service lint"
			
 
				+  },
			
 
				+  "dependencies": {
			
 
				+    "axios": "^0.24.0",
			
 
				+    "core-js": "^3.6.5",
			
 
				+    "element-ui": "^2.15.6",
			
 
				+    "vue": "^2.6.11",
			
 
				+    "vue-router": "^3.2.0",
			
 
				+    "vuex": "^3.4.0"
			
 
				+  },
			
 
				+  "devDependencies": {
			
 
				+    "@vue/cli-plugin-babel": "~4.5.0",
			
 
				+    "@vue/cli-plugin-eslint": "~4.5.0",
			
 
				+    "@vue/cli-plugin-router": "~4.5.0",
			
 
				+    "@vue/cli-plugin-vuex": "~4.5.0",
			
 
				+    "@vue/cli-service": "~4.5.0",
			
 
				+    "babel-eslint": "^10.1.0",
			
 
				+    "eslint": "^6.7.2",
			
 
				+    "eslint-plugin-vue": "^6.2.2",
			
 
				+    "node-sass": "^4.12.0",
			
 
				+    "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,13 @@
 
				+<template>
			
 
				+  <div id="app">
			
 
				+    <!-- <div id="nav">
			
 
				+      <router-link to="/">Home</router-link> |
			
 
				+      <router-link to="/about">About</router-link>
			
 
				+    </div> -->
			
 
				+    <router-view/>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<style lang="scss">
			
 
				+
			
 
				+</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,89 @@
 
				+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{
			
 
				+  width: 1200px;
			
 
				+  margin: 0 auto;
			
 
				+}
			
 
				+
			
 
				+.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;
			
 
				+}
			
 
				+
			
 
				+.page-con{
			
 
				+  overflow: hidden;
			
 
				+  padding-top: 50px;
			
 
				+  margin-bottom: 50px;
			
 
				+  .base-info{
			
 
				+      float: right;
			
 
				+      width: 457px;
			
 
				+      padding-left: 45px;
			
 
				+      box-sizing: border-box;
			
 
				+      .name{
			
 
				+          font-size: 18px;
			
 
				+          font-weight: 400;
			
 
				+          color: #1C1C1C;
			
 
				+          line-height: 25px;
			
 
				+          margin-bottom: 27px;
			
 
				+      }
			
 
				+      .base-info-item{
			
 
				+          font-size: 14px;
			
 
				+          font-weight: 400;
			
 
				+          color: #1C1C1C;
			
 
				+          line-height: 20px;
			
 
				+          margin-bottom: 18px;
			
 
				+          i{
			
 
				+              margin-right: 5px;
			
 
				+          }
			
 
				+      }
			
 
				+  }
			
 
				+  .left-content{
			
 
				+      width: 743px;
			
 
				+      float: left;
			
 
				+      box-sizing: border-box;
			
 
				+      padding: 40px 59px 20px 0;
			
 
				+      border-right: 1px solid #CACACA;
			
 
				+
			
 
				+  }
			
 
				+
			
 
				+}
			
 
				+
			
 
				+@keyframes rotate {
			
 
				+  0% {
			
 
				+    transform: rotate(0)
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    transform: rotate(360deg)
			
 
				+  }
			
 
				+}
			
--- 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,20 @@
 
				+// 颜色定义规范
			
 
				+$color-background: #fff;
			
 
				+$color-background-d: rgba(0, 0, 0, 0.3);
			
 
				+$color-highlight-background: #333;
			
 
				+$color-dialog-background: #666;
			
 
				+$color-theme: #ffcd32;
			
 
				+$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);
			
 
				+
			
 
				+// 字体定义规范
			
 
				+$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/FileUpload.vue
+++ b/src/components/FileUpload.vue
@@ -0,0 +1,197 @@
 
				+<template>
			
 
				+  <div class="upload-file">
			
 
				+    <el-upload
			
 
				+      :action="uploadFileUrl"
			
 
				+      :before-upload="handleBeforeUpload"
			
 
				+      :file-list="fileList"
			
 
				+      :limit="limit"
			
 
				+      :on-error="handleUploadError"
			
 
				+      :on-exceed="handleExceed"
			
 
				+      :on-success="handleUploadSuccess"
			
 
				+      :show-file-list="false"
			
 
				+      :headers="headers"
			
 
				+      class="upload-file-uploader"
			
 
				+      ref="upload"
			
 
				+    >
			
 
				+      <!-- 上传按钮 -->
			
 
				+      <el-button size="mini" type="primary">选取文件</el-button>
			
 
				+      <!-- 上传提示 -->
			
 
				+      <div class="el-upload__tip" slot="tip" v-if="showTip">
			
 
				+        请上传
			
 
				+        <template v-if="fileSize"> 大小不超过 <b style="color: #f56c6c">{{ fileSize }}MB</b> </template>
			
 
				+        <template v-if="fileType"> 格式为 <b style="color: #f56c6c">{{ fileType.join("/") }}</b> </template>
			
 
				+        的文件
			
 
				+      </div>
			
 
				+    </el-upload>
			
 
				+
			
 
				+    <!-- 文件列表 -->
			
 
				+    <transition-group class="upload-file-list el-upload-list el-upload-list--text" name="el-fade-in-linear" tag="ul">
			
 
				+      <li :key="file.uid" class="el-upload-list__item ele-upload-list__item-content" v-for="(file, index) in fileList">
			
 
				+        <el-link :href="file.url" :underline="false" target="_blank">
			
 
				+          <span class="el-icon-document"> {{ getFileName(file.name) }} </span>
			
 
				+        </el-link>
			
 
				+        <div class="ele-upload-list__item-content-action">
			
 
				+          <el-link :underline="false" @click="handleDelete(index)" type="danger">删除</el-link>
			
 
				+        </div>
			
 
				+      </li>
			
 
				+    </transition-group>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import { getToken } from "@/utils/auth";
			
 
				+
			
 
				+export default {
			
 
				+  name: "FileUpload",
			
 
				+  props: {
			
 
				+    // 值
			
 
				+    value: [String, Object, Array],
			
 
				+    // 数量限制
			
 
				+    limit: {
			
 
				+      type: Number,
			
 
				+      default: 5,
			
 
				+    },
			
 
				+    // 大小限制(MB)
			
 
				+    fileSize: {
			
 
				+      type: Number,
			
 
				+      default: 5,
			
 
				+    },
			
 
				+    // 文件类型, 例如['png', 'jpg', 'jpeg']
			
 
				+    fileType: {
			
 
				+      type: Array,
			
 
				+      default: () => ["doc", "xls", "ppt", "txt", "pdf"],
			
 
				+    },
			
 
				+    // 是否显示提示
			
 
				+    isShowTip: {
			
 
				+      type: Boolean,
			
 
				+      default: true
			
 
				+    }
			
 
				+  },
			
 
				+  data() {
			
 
				+    return {
			
 
				+      uploadFileUrl: process.env.VUE_APP_BASE_API + "/file/upload", // 上传的图片服务器地址
			
 
				+      headers: {
			
 
				+        Authorization: "Bearer " + getToken(),
			
 
				+      },
			
 
				+      fileList: [],
			
 
				+    };
			
 
				+  },
			
 
				+  watch: {
			
 
				+    value: {
			
 
				+      handler(val) {
			
 
				+        if (val) {
			
 
				+          let temp = 1;
			
 
				+          // 首先将值转为数组
			
 
				+          const list = Array.isArray(val) ? val : this.value.split(',');
			
 
				+          // 然后将数组转为对象数组
			
 
				+          this.fileList = list.map(item => {
			
 
				+            if (typeof item === "string") {
			
 
				+              item = { name: item, url: item };
			
 
				+            }
			
 
				+            item.uid = item.uid || new Date().getTime() + temp++;
			
 
				+            return item;
			
 
				+          });
			
 
				+        } else {
			
 
				+          this.fileList = [];
			
 
				+          return [];
			
 
				+        }
			
 
				+      },
			
 
				+      deep: true,
			
 
				+      immediate: true
			
 
				+    }
			
 
				+  },
			
 
				+  computed: {
			
 
				+    // 是否显示提示
			
 
				+    showTip() {
			
 
				+      return this.isShowTip && (this.fileType || this.fileSize);
			
 
				+    },
			
 
				+  },
			
 
				+  methods: {
			
 
				+    // 上传前校检格式和大小
			
 
				+    handleBeforeUpload(file) {
			
 
				+      // 校检文件类型
			
 
				+      if (this.fileType) {
			
 
				+        let fileExtension = "";
			
 
				+        if (file.name.lastIndexOf(".") > -1) {
			
 
				+          fileExtension = file.name.slice(file.name.lastIndexOf(".") + 1);
			
 
				+        }
			
 
				+        const isTypeOk = this.fileType.some((type) => {
			
 
				+          if (file.type.indexOf(type) > -1) return true;
			
 
				+          if (fileExtension && fileExtension.indexOf(type) > -1) return true;
			
 
				+          return false;
			
 
				+        });
			
 
				+        if (!isTypeOk) {
			
 
				+          this.$message.error(`文件格式不正确, 请上传${this.fileType.join("/")}格式文件!`);
			
 
				+          return false;
			
 
				+        }
			
 
				+      }
			
 
				+      // 校检文件大小
			
 
				+      if (this.fileSize) {
			
 
				+        const isLt = file.size / 1024 / 1024 < this.fileSize;
			
 
				+        if (!isLt) {
			
 
				+          this.$message.error(`上传文件大小不能超过 ${this.fileSize} MB!`);
			
 
				+          return false;
			
 
				+        }
			
 
				+      }
			
 
				+      return true;
			
 
				+    },
			
 
				+    // 文件个数超出
			
 
				+    handleExceed() {
			
 
				+      this.$message.error(`上传文件数量不能超过 ${this.limit} 个!`);
			
 
				+    },
			
 
				+    // 上传失败
			
 
				+    handleUploadError(err) {
			
 
				+      this.$message.error("上传失败, 请重试");
			
 
				+    },
			
 
				+    // 上传成功回调
			
 
				+    handleUploadSuccess(res, file) {
			
 
				+      this.$message.success("上传成功");
			
 
				+      this.fileList.push({ name: res.data.url, url: res.data.url });
			
 
				+      this.$emit("input", this.listToString(this.fileList));
			
 
				+    },
			
 
				+    // 删除文件
			
 
				+    handleDelete(index) {
			
 
				+      this.fileList.splice(index, 1);
			
 
				+      this.$emit("input", this.listToString(this.fileList));
			
 
				+    },
			
 
				+    // 获取文件名称
			
 
				+    getFileName(name) {
			
 
				+      if (name.lastIndexOf("/") > -1) {
			
 
				+        return name.slice(name.lastIndexOf("/") + 1).toLowerCase();
			
 
				+      } else {
			
 
				+        return "";
			
 
				+      }
			
 
				+    },
			
 
				+    // 对象转成指定字符串分隔
			
 
				+    listToString(list, separator) {
			
 
				+      let strs = "";
			
 
				+      separator = separator || ",";
			
 
				+      for (let i in list) {
			
 
				+        strs += list[i].url + separator;
			
 
				+      }
			
 
				+      return strs != '' ? strs.substr(0, strs.length - 1) : '';
			
 
				+    }
			
 
				+  }
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style scoped lang="scss">
			
 
				+.upload-file-uploader {
			
 
				+  margin-bottom: 5px;
			
 
				+}
			
 
				+.upload-file-list .el-upload-list__item {
			
 
				+  border: 1px solid #e4e7ed;
			
 
				+  line-height: 2;
			
 
				+  margin-bottom: 10px;
			
 
				+  position: relative;
			
 
				+}
			
 
				+.upload-file-list .ele-upload-list__item-content {
			
 
				+  display: flex;
			
 
				+  justify-content: space-between;
			
 
				+  align-items: center;
			
 
				+  color: inherit;
			
 
				+}
			
 
				+.ele-upload-list__item-content-action .el-link {
			
 
				+  margin-right: 10px;
			
 
				+}
			
 
				+</style>
			
--- a/src/components/applys.vue
+++ b/src/components/applys.vue
@@ -0,0 +1,187 @@
 
				+<template>
			
 
				+  <div class="jobs">
			
 
				+    <section class="jobs-top">
			
 
				+      <div class="left">近一个月共有<span>22</span>个人应聘</div>
			
 
				+      <!-- <div class="add-job">刷新</div> -->
			
 
				+    </section>
			
 
				+    <section class="job-type-til">
			
 
				+      <div class="left">已收到简历状态</div>
			
 
				+      <div class="refresh"><i class="el-icon-refresh"></i>刷新</div>
			
 
				+    </section>
			
 
				+    <dl class="job-type">
			
 
				+      <!-- <dt>职位：</dt> -->
			
 
				+      <dd>
			
 
				+        <span class="active">全部</span>
			
 
				+        <span>未查看</span>
			
 
				+        <span>已查看</span>
			
 
				+        <span>已邀请面试</span>
			
 
				+        <span>已接受面试</span>
			
 
				+        <span>面试通过</span>
			
 
				+        <span>不合适</span>
			
 
				+        <span>已拒绝面试</span>
			
 
				+        <span>已入职</span>
			
 
				+        <span>已拒绝入职</span>
			
 
				+        <span>未参加面试</span>
			
 
				+      </dd>
			
 
				+    </dl>
			
 
				+    <section class="job-list applys-list">
			
 
				+      <div class="job-item">
			
 
				+        <div class="left">
			
 
				+          <div class="name">酒店服务员<span class="">2K-3K</span></div>
			
 
				+          <div class="position">Travrl-X<span>（贵阳）</span></div>
			
 
				+          <div class="resume">使用简历：<span>在线简历</span></div>
			
 
				+        </div>
			
 
				+        <div class="right">
			
 
				+          <div class="edit" @click="edit">修改</div>
			
 
				+          <div class="bottom">
			
 
				+            <span class="time">2020.10.02 14:08:21</span>
			
 
				+            <span class="status">面试通过</span>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </section>
			
 
				+    <el-dialog title="更新面试结果" :visible.sync="dialogVisible" width="30%">
			
 
				+      <el-form :model="form">
			
 
				+        <el-form-item label="岗位" :label-width="formLabelWidth">
			
 
				+          酒店服务员
			
 
				+          <!-- <el-input v-model="form.name" autocomplete="off"></el-input> -->
			
 
				+        </el-form-item>
			
 
				+        <el-form-item label="面试结果" :label-width="formLabelWidth">
			
 
				+          <el-select v-model="form.region" placeholder="请选面试结果">
			
 
				+            <el-option label="未参加面试" value="shanghai"></el-option>
			
 
				+            <el-option label="未通过" value="beijing"></el-option>
			
 
				+            <el-option label="通过" value="beijing"></el-option>
			
 
				+          </el-select>
			
 
				+        </el-form-item>
			
 
				+        <el-form-item label="邀请入职时间" :label-width="formLabelWidth">
			
 
				+          <el-date-picker
			
 
				+            v-model="form.time"
			
 
				+            type="datetime"
			
 
				+            placeholder="选择日期"
			
 
				+          >
			
 
				+          </el-date-picker>
			
 
				+        </el-form-item>
			
 
				+      </el-form>
			
 
				+      <div slot="footer" class="dialog-footer">
			
 
				+        <el-button @click="dialogVisible = false">取 消</el-button>
			
 
				+        <el-button type="primary" @click="submit">确 定</el-button>
			
 
				+      </div>
			
 
				+    </el-dialog>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+export default {
			
 
				+  name: "",
			
 
				+  components: {},
			
 
				+  data() {
			
 
				+    return {
			
 
				+      dialogVisible: false,
			
 
				+      queryParams: {
			
 
				+        pageNum: 1,
			
 
				+        pageSize: 10,
			
 
				+      },
			
 
				+      jobList: [{}],
			
 
				+      form: {},
			
 
				+      formLabelWidth: "120px",
			
 
				+    };
			
 
				+  },
			
 
				+  created() {},
			
 
				+  methods: {
			
 
				+    edit() {
			
 
				+      this.dialogVisible = true;
			
 
				+    },
			
 
				+    submit() {
			
 
				+      this.$confirm("确认更新？")
			
 
				+        .then((res) => {
			
 
				+          console.log("res", res);
			
 
				+          this.dialogVisible = false;
			
 
				+        })
			
 
				+        .catch((err) => {
			
 
				+          console.log("err", err);
			
 
				+        });
			
 
				+    },
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang='scss' scoped>
			
 
				+//@import url()
			
 
				+@import "./jobs.scss";
			
 
				+.job-type dd {
			
 
				+  padding-left: 0;
			
 
				+}
			
 
				+.job-type-til {
			
 
				+  height: 46px;
			
 
				+  line-height: 46px;
			
 
				+  padding-left: 20px;
			
 
				+  padding-right: 26px;
			
 
				+  background: #f7f7f7;
			
 
				+  border: 1px solid #efefef;
			
 
				+  .left {
			
 
				+    float: left;
			
 
				+    font-size: 16px;
			
 
				+    font-weight: 400;
			
 
				+    color: #2e2e2e;
			
 
				+  }
			
 
				+  .refresh {
			
 
				+    float: right;
			
 
				+    color: #329cf4;
			
 
				+    cursor: pointer;
			
 
				+    i {
			
 
				+      margin-right: 5px;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+.applys-list {
			
 
				+  .job-item {
			
 
				+    .name {
			
 
				+      margin-bottom: 1px !important;
			
 
				+      span {
			
 
				+        color: #ff5900;
			
 
				+        font-size: 14px;
			
 
				+        margin-left: 9px;
			
 
				+      }
			
 
				+    }
			
 
				+    .position {
			
 
				+      margin-bottom: 4px;
			
 
				+      font-size: 14px;
			
 
				+      font-weight: 400;
			
 
				+      color: #434343;
			
 
				+      line-height: 20px;
			
 
				+      span {
			
 
				+        color: #979797;
			
 
				+      }
			
 
				+    }
			
 
				+    .resume {
			
 
				+      font-size: 12px;
			
 
				+      font-weight: 400;
			
 
				+      color: #979797;
			
 
				+      line-height: 17px;
			
 
				+      span {
			
 
				+        color: #434343;
			
 
				+      }
			
 
				+    }
			
 
				+    .right {
			
 
				+      .edit {
			
 
				+        font-size: 12px;
			
 
				+        font-weight: 400;
			
 
				+        color: #4aad78;
			
 
				+        line-height: 17px;
			
 
				+        margin-bottom: 27px;
			
 
				+        cursor: pointer;
			
 
				+      }
			
 
				+      .bottom {
			
 
				+        font-size: 12px;
			
 
				+        font-weight: 400;
			
 
				+        color: #9d9d9d;
			
 
				+        line-height: 17px;
			
 
				+        .status {
			
 
				+          color: #6c6c6c;
			
 
				+          margin-left: 5px;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/components/header.vue
+++ b/src/components/header.vue
@@ -0,0 +1,72 @@
 
				+<template>
			
 
				+  <div id="header">
			
 
				+    <div class="inner">
			
 
				+      <div class="header-left">
			
 
				+        <a class="link" href="#">进入退役军人教育培训服务门户网站</a>
			
 
				+      </div>
			
 
				+      <div class="header-right">
			
 
				+        <ul>
			
 
				+          <li><a class="link" href="#">消息</a></li>
			
 
				+          <li><span>|</span></li>
			
 
				+          <li><a class="link" href="#">收藏夹</a></li>
			
 
				+          <li><span>|</span></li>
			
 
				+          <li>
			
 
				+            <a class="link" href="#">
			
 
				+              王二<i class="name-icon el-icon-caret-bottom"></i>
			
 
				+            </a>
			
 
				+          </li>
			
 
				+        </ul>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+export default {
			
 
				+  name: "Header",
			
 
				+  props: {
			
 
				+    msg: String,
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<!-- Add "scoped" attribute to limit CSS to this component only -->
			
 
				+<style scoped lang="scss">
			
 
				+#header {
			
 
				+  background-color: #3d5d4c;
			
 
				+  .inner {
			
 
				+    // width: 1200px;
			
 
				+    padding-left: 57px;
			
 
				+    padding-right: 47px;
			
 
				+    height: 66px;
			
 
				+    line-height: 66px;
			
 
				+    margin: 0 auto;
			
 
				+    font-size: 14px;
			
 
				+    cursor: default;
			
 
				+    .link {
			
 
				+      color: #fff;
			
 
				+      .name-icon {
			
 
				+        margin-left: 14px;
			
 
				+      }
			
 
				+    }
			
 
				+    .header-left {
			
 
				+      float: left;
			
 
				+    }
			
 
				+    .header-right {
			
 
				+      float: right;
			
 
				+      ul {
			
 
				+        float: left;
			
 
				+        li {
			
 
				+          position: relative;
			
 
				+          float: left;
			
 
				+          span {
			
 
				+            padding: 0 10px;
			
 
				+            color: #fff;
			
 
				+            opacity: 0.4;
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/components/jobs.scss
+++ b/src/components/jobs.scss
@@ -0,0 +1,118 @@
 
				+.jobs-top {
			
 
				+    position: relative;
			
 
				+    overflow: hidden;
			
 
				+    height: 33px;
			
 
				+    line-height: 33px;
			
 
				+    margin-bottom: 20px;
			
 
				+    &::before {
			
 
				+      content: "";
			
 
				+      width: 90%;
			
 
				+      height: 1px;
			
 
				+      background: #aaa;
			
 
				+      position: absolute;
			
 
				+      left: 5px;
			
 
				+      top: 50%;
			
 
				+    }
			
 
				+    .left {
			
 
				+      position: relative;
			
 
				+      background: #fff;
			
 
				+      float: left;
			
 
				+      font-size: 14px;
			
 
				+      font-weight: 400;
			
 
				+      color: #6a6a6a;
			
 
				+      padding-right: 10px;
			
 
				+      span {
			
 
				+        color: #4aad78;
			
 
				+        margin: 0 3px;
			
 
				+      }
			
 
				+    }
			
 
				+    .add-job {
			
 
				+      position: relative;
			
 
				+      float: right;
			
 
				+      background: #4aad78;
			
 
				+      border-radius: 1px;
			
 
				+      padding: 0 50px;
			
 
				+      color: #fff;
			
 
				+      cursor: pointer;
			
 
				+    }
			
 
				+  }
			
 
				+  .job-type {
			
 
				+    overflow: hidden;
			
 
				+    background: #f7f7f7;
			
 
				+    border: 1px solid #efefef;
			
 
				+    padding: 10px 20px 0;
			
 
				+    line-height: 23px;
			
 
				+    font-size: 14px;
			
 
				+    margin-bottom: 10px;
			
 
				+    dt {
			
 
				+      width: 50px;
			
 
				+      float: left;
			
 
				+      font-weight: 400;
			
 
				+      color: #2e2e2e;
			
 
				+    }
			
 
				+    dd {
			
 
				+      padding-left: 50px;
			
 
				+      span {
			
 
				+        display: inline-block;
			
 
				+        height: 23px;
			
 
				+        padding: 0 13px;
			
 
				+        cursor: pointer;
			
 
				+        margin-bottom: 10px;
			
 
				+        &.active {
			
 
				+          background: #4aad78;
			
 
				+          color: #fff;
			
 
				+          border-radius: 2px;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+  .job-list {
			
 
				+    .job-item {
			
 
				+      background: #fbfbfb;
			
 
				+      border: 1px solid #efefef;
			
 
				+      padding: 16px 24px 20px 15px;
			
 
				+      overflow: hidden;
			
 
				+      margin-bottom: 10px;
			
 
				+      .left {
			
 
				+        float: left;
			
 
				+        .name {
			
 
				+          font-size: 16px;
			
 
				+          font-weight: 400;
			
 
				+          color: #4aad78;
			
 
				+          line-height: 22px;
			
 
				+          margin-bottom: 7px;
			
 
				+        }
			
 
				+        .details {
			
 
				+          font-size: 14px;
			
 
				+          font-weight: 400;
			
 
				+          color: #979797;
			
 
				+          line-height: 20px;
			
 
				+          span {
			
 
				+            color: #ff5900;
			
 
				+            margin-right: 10px;
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+      .right {
			
 
				+        float: right;
			
 
				+        text-align: right;
			
 
				+        .time {
			
 
				+          font-size: 12px;
			
 
				+          font-weight: 400;
			
 
				+          color: #9d9d9d;
			
 
				+          line-height: 17px;
			
 
				+          margin-bottom: 10px;
			
 
				+        }
			
 
				+        .tool {
			
 
				+          span {
			
 
				+            display: inline-block;
			
 
				+            margin-left: 20px;
			
 
				+            font-size: 12px;
			
 
				+            font-weight: 400;
			
 
				+            line-height: 17px;
			
 
				+            cursor: pointer;
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
--- a/src/components/jobs.vue
+++ b/src/components/jobs.vue
@@ -0,0 +1,241 @@
 
				+<template>
			
 
				+  <div class="jobs">
			
 
				+    <section class="jobs-top">
			
 
				+      <div class="left">近两个月共有<span>22</span>个在招职位</div>
			
 
				+      <div class="add-job" @click="add">新增职位</div>
			
 
				+    </section>
			
 
				+    <dl class="job-type">
			
 
				+      <dt>职位：</dt>
			
 
				+      <dd>
			
 
				+        <span class="active">全部</span>
			
 
				+        <span>服务员</span>
			
 
				+        <span>运营</span>
			
 
				+        <span>技术工</span>
			
 
				+      </dd>
			
 
				+    </dl>
			
 
				+    <section class="job-list">
			
 
				+      <div class="job-item" v-for="item in jobList" :key="item.id">
			
 
				+        <div class="left">
			
 
				+          <div class="name">{{ item.postName }}</div>
			
 
				+          <div class="details">
			
 
				+            <span class=""
			
 
				+              >{{ item.lowestSalary }}K-{{ item.highestSalary }}K</span
			
 
				+            >
			
 
				+            工作年限:{{ item.workYear }} 年 / 最低学历:{{ item.educationBg }}
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="right">
			
 
				+          <div class="time">{{ item.updateTime }} 发布</div>
			
 
				+          <div class="tool">
			
 
				+            <span style="color: #4aad78" @click="goDetails(item.id)">查看</span>
			
 
				+            <span style="color: #4aad78" @click="edit(item)">修改</span>
			
 
				+            <span style="color: #ff4343" @click="del(item.id)">删除</span>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </section>
			
 
				+    <el-dialog :title="dialogTitle" :visible.sync="dialogVisible" width="30%">
			
 
				+      <el-form
			
 
				+        ref="form"
			
 
				+        :model="form"
			
 
				+        :rules="rules"
			
 
				+        :close-on-click-modal="false"
			
 
				+      >
			
 
				+        <el-form-item
			
 
				+          label="职位名称"
			
 
				+          prop="postName"
			
 
				+          :label-width="formLabelWidth"
			
 
				+        >
			
 
				+          <el-input v-model="form.postName" autocomplete="off"></el-input>
			
 
				+        </el-form-item>
			
 
				+        <el-form-item
			
 
				+          label="工作经历（年）"
			
 
				+          prop="workYear"
			
 
				+          :label-width="formLabelWidth"
			
 
				+        >
			
 
				+          <el-input v-model="form.workYear" autocomplete="off"></el-input>
			
 
				+        </el-form-item>
			
 
				+        <el-form-item
			
 
				+          label="最低学历"
			
 
				+          prop="educationBg"
			
 
				+          :label-width="formLabelWidth"
			
 
				+        >
			
 
				+          <el-select v-model="form.educationBg" placeholder="请选面试结果">
			
 
				+            <el-option label="未参加面试" value="shanghai"></el-option>
			
 
				+            <el-option label="未通过" value="beijing"></el-option>
			
 
				+            <el-option label="通过" value="beijing"></el-option>
			
 
				+          </el-select>
			
 
				+        </el-form-item>
			
 
				+        <el-form-item
			
 
				+          label="职位描述"
			
 
				+          prop="description"
			
 
				+          :label-width="formLabelWidth"
			
 
				+        >
			
 
				+          <el-input
			
 
				+            type="textarea"
			
 
				+            :rows="2"
			
 
				+            placeholder="请输入内容"
			
 
				+            v-model="form.description"
			
 
				+          >
			
 
				+          </el-input>
			
 
				+        </el-form-item>
			
 
				+        <!-- <el-form-item label="工资待遇" :label-width="formLabelWidth">
			
 
				+          <el-input v-model="form.name" autocomplete="off"></el-input>
			
 
				+        </el-form-item> -->
			
 
				+        <el-form-item
			
 
				+          label="最低工资"
			
 
				+          prop="lowestSalary"
			
 
				+          :label-width="formLabelWidth"
			
 
				+        >
			
 
				+          <el-input v-model="form.lowestSalary" autocomplete="off"></el-input>
			
 
				+        </el-form-item>
			
 
				+        <el-form-item
			
 
				+          label="工资待遇"
			
 
				+          prop="highestSalary"
			
 
				+          :label-width="formLabelWidth"
			
 
				+        >
			
 
				+          <el-input v-model="form.highestSalary" autocomplete="off"></el-input>
			
 
				+        </el-form-item>
			
 
				+        <el-form-item
			
 
				+          label="工作地点"
			
 
				+          prop="workPlace"
			
 
				+          :label-width="formLabelWidth"
			
 
				+        >
			
 
				+          <el-input v-model="form.workPlace" autocomplete="off"></el-input>
			
 
				+        </el-form-item>
			
 
				+      </el-form>
			
 
				+      <div slot="footer" class="dialog-footer">
			
 
				+        <el-button @click="cancel">取 消</el-button>
			
 
				+        <el-button type="primary" @click="submit">确 定</el-button>
			
 
				+      </div>
			
 
				+    </el-dialog>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import { addcomPost, getComPostList, updateComPost } from "@/utils/api";
			
 
				+export default {
			
 
				+  name: "",
			
 
				+  components: {},
			
 
				+  data() {
			
 
				+    return {
			
 
				+      queryParams: {
			
 
				+        pageNum: 1,
			
 
				+        pageSize: 10,
			
 
				+        postName: "",
			
 
				+      },
			
 
				+      jobList: [],
			
 
				+      dialogTitle: "",
			
 
				+      dialogVisible: false,
			
 
				+      form: {},
			
 
				+      formLabelWidth: "120px",
			
 
				+      rules: {
			
 
				+        postName: [
			
 
				+          { required: true, message: "请输入岗位名称", trigger: "blur" },
			
 
				+        ],
			
 
				+        workYear: [
			
 
				+          { required: true, message: "请输入工作年限", trigger: "blur" },
			
 
				+        ],
			
 
				+        educationBg: [
			
 
				+          { required: true, message: "请选择最低学历", trigger: "blur" },
			
 
				+        ],
			
 
				+        description: [
			
 
				+          { required: true, message: "请输入岗位描述", trigger: "blur" },
			
 
				+        ],
			
 
				+        lowestSalary: [
			
 
				+          { required: true, message: "请输入最低工资(单位k)", trigger: "blur" },
			
 
				+        ],
			
 
				+        highestSalary: [
			
 
				+          { required: true, message: "请输入最高工资(单位k)", trigger: "blur" },
			
 
				+        ],
			
 
				+        workPlace: [
			
 
				+          { required: true, message: "请输入工作地点", trigger: "blur" },
			
 
				+        ],
			
 
				+      },
			
 
				+    };
			
 
				+  },
			
 
				+  created() {
			
 
				+    this.handlegetComPostList();
			
 
				+  },
			
 
				+  methods: {
			
 
				+    goDetails(id) {
			
 
				+      this.$router.push({ path: "/jobdetails", query: { id: id } });
			
 
				+    },
			
 
				+    cancel() {
			
 
				+      (this.form = {}), (this.dialogVisible = false);
			
 
				+    },
			
 
				+    add() {
			
 
				+      this.dialogTitle = "新增职位";
			
 
				+      this.dialogVisible = true;
			
 
				+    },
			
 
				+    edit(item) {
			
 
				+      this.dialogTitle = "编辑职位";
			
 
				+      this.dialogVisible = true;
			
 
				+      this.form = item;
			
 
				+      console.log("item", item);
			
 
				+    },
			
 
				+    handlegetComPostList() {
			
 
				+      getComPostList({ pageNum: 1, pageSize: 30, postName: "" })
			
 
				+        .then((res) => {
			
 
				+          console.log("getComPostList", res);
			
 
				+          this.jobList = res.data.rows;
			
 
				+        })
			
 
				+        .catch((err) => {
			
 
				+          this.$message.error(err.msg);
			
 
				+          // console.log("register err", err);
			
 
				+        });
			
 
				+    },
			
 
				+    submit() {
			
 
				+      if (this.dialogTitle == "新增职位") {
			
 
				+        this.$refs["form"].validate((valid) => {
			
 
				+          if (valid) {
			
 
				+            addcomPost(this.form)
			
 
				+              .then((res) => {
			
 
				+                console.log("addcomPost", res);
			
 
				+                this.$message(res.msg);
			
 
				+              })
			
 
				+              .catch((err) => {
			
 
				+                this.$message.error(err.msg);
			
 
				+                // console.log("register err", err);
			
 
				+              });
			
 
				+          } else {
			
 
				+            this.$message.error("请填写必填项!");
			
 
				+            return false;
			
 
				+          }
			
 
				+        });
			
 
				+      } else if (this.dialogTitle == "编辑职位") {
			
 
				+        this.$refs["form"].validate((valid) => {
			
 
				+          if (valid) {
			
 
				+            updateComPost(this.form)
			
 
				+              .then((res) => {
			
 
				+                console.log("addcomPost", res);
			
 
				+                this.$message(res.msg);
			
 
				+              })
			
 
				+              .catch((err) => {
			
 
				+                this.$message.error(err.msg);
			
 
				+                // console.log("register err", err);
			
 
				+              });
			
 
				+          } else {
			
 
				+            this.$message.error("请填写必填项!");
			
 
				+            return false;
			
 
				+          }
			
 
				+        });
			
 
				+      }
			
 
				+
			
 
				+      // this.$confirm("确认更新？")
			
 
				+      //   .then((res) => {
			
 
				+      //     console.log("res", res);
			
 
				+      //     this.dialogVisible = false;
			
 
				+      //   })
			
 
				+      //   .catch((err) => {
			
 
				+      //     console.log("err", err);
			
 
				+      //   });
			
 
				+    },
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang='scss' scoped>
			
 
				+//@import url()
			
 
				+@import "./jobs.scss";
			
 
				+</style>
			
--- a/src/components/mainmenu.vue
+++ b/src/components/mainmenu.vue
@@ -0,0 +1,56 @@
 
				+<template>
			
 
				+  <div class="mainmenu">
			
 
				+    <el-menu
			
 
				+      :default-active="activeIndex"
			
 
				+      class="el-menu-demo"
			
 
				+      mode="horizontal"
			
 
				+      @select="handleSelect"
			
 
				+    >
			
 
				+      <el-menu-item index="1">招聘</el-menu-item>
			
 
				+      <el-menu-item index="2"
			
 
				+        ><a href="http://www.gzui.net" target="_blank">政策</a></el-menu-item
			
 
				+      >
			
 
				+    </el-menu>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+export default {
			
 
				+  name: "Mainmenu",
			
 
				+  components: {},
			
 
				+  data() {
			
 
				+    return {
			
 
				+      activeIndex: "1",
			
 
				+    };
			
 
				+  },
			
 
				+  created() {},
			
 
				+  methods: {
			
 
				+    handleSelect(key, keyPath) {
			
 
				+      console.log(key, keyPath);
			
 
				+    },
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang='scss' scoped>
			
 
				+//@import url()
			
 
				+.mainmenu /deep/ .el-menu {
			
 
				+  text-align: center;
			
 
				+  li {
			
 
				+    float: none;
			
 
				+    display: inline-block;
			
 
				+    font-size: 26px;
			
 
				+    color: #8f8f8f;
			
 
				+    padding: 0;
			
 
				+    height: 66px;
			
 
				+    line-height: 66px;
			
 
				+    & + li {
			
 
				+      margin-left: 55px;
			
 
				+    }
			
 
				+    &.is-active {
			
 
				+      color: #4aad78;
			
 
				+      border-bottom: 3px solid #4aad78;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/main.js
+++ b/src/main.js
@@ -0,0 +1,29 @@
 
				+import Vue from 'vue'
			
 
				+import App from './App.vue'
			
 
				+import router from './router'
			
 
				+// import store from './store'
			
 
				+
			
 
				+import ElementUI from 'element-ui';
			
 
				+import 'element-ui/lib/theme-chalk/index.css';
			
 
				+Vue.use(ElementUI);
			
 
				+
			
 
				+// Vue.prototype.baseApiUrl = process.env.VUE_APP_BASE_API;
			
 
				+
			
 
				+// 引入全局样式文件
			
 
				+import '@/assets/scss/index.scss'
			
 
				+
			
 
				+Vue.config.productionTip = false
			
 
				+
			
 
				+// 引入uView提供的对vuex的简写法文件
			
 
				+const $mc = {}
			
 
				+Vue.prototype.$mc = $mc
			
 
				+
			
 
				+// 混入
			
 
				+let vuexStore = require('@/store/$mc.mixin.js')
			
 
				+Vue.mixin(vuexStore.mcStore)
			
 
				+
			
 
				+new Vue({
			
 
				+  router,
			
 
				+  store: vuexStore.store,
			
 
				+  render: h => h(App)
			
 
				+}).$mount('#app')
			
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -0,0 +1,43 @@
 
				+import Vue from 'vue'
			
 
				+import VueRouter from 'vue-router'
			
 
				+import Home from '../views/Home.vue'
			
 
				+
			
 
				+
			
 
				+Vue.use(VueRouter)
			
 
				+
			
 
				+const routes = [
			
 
				+  {
			
 
				+    path: '/',
			
 
				+    name: 'Home',
			
 
				+    component: Home
			
 
				+  },
			
 
				+  {
			
 
				+    path: '/jobdetails',
			
 
				+    name: 'Jobdetails',
			
 
				+    component: () => import('../views/jobdetails.vue')
			
 
				+  },
			
 
				+  {
			
 
				+    path: '/register',
			
 
				+    name: 'Register',
			
 
				+    component: () => import('../views/register.vue')
			
 
				+  },
			
 
				+  {
			
 
				+    path: '/login',
			
 
				+    name: 'Login',
			
 
				+    component: () => import('../views/login.vue')
			
 
				+  },
			
 
				+  {
			
 
				+    path: '/about',
			
 
				+    name: 'About',
			
 
				+    // 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/About.vue')
			
 
				+  }
			
 
				+]
			
 
				+
			
 
				+const router = new VueRouter({
			
 
				+  routes
			
 
				+})
			
 
				+
			
 
				+export default router
			
--- a/src/store/$mc.mixin.js
+++ b/src/store/$mc.mixin.js
@@ -0,0 +1,30 @@
 
				+import store from "@/store/index"
			
 
				+import { mapState } from 'vuex'
			
 
				+
			
 
				+// 尝试将用户在根目录中的store/index.js的vuex的state变量，全部加载到全局变量中
			
 
				+let $mcStoreKey = [];
			
 
				+$mcStoreKey = store.state ? Object.keys(store.state) : [];
			
 
				+
			
 
				+const mcStore = {
			
 
				+	data() {
			
 
				+		return {
			
 
				+			webTitle: '退役军人企业端'
			
 
				+		}
			
 
				+	},
			
 
				+	beforeCreate() {
			
 
				+		// 将vuex方法挂在到$u中
			
 
				+		// 使用方法为：如果要修改vuex的state中的user.name变量为"史诗" => this.$u.vuex('user.name', '史诗')
			
 
				+		// 如果要修改vuex的state的version变量为1.0.1 => this.$u.vuex('version', '1.0.1')
			
 
				+		this.$mc.vuex = (name, value) => {
			
 
				+			store.commit('$mcStore', {
			
 
				+				name, value
			
 
				+			})
			
 
				+		}
			
 
				+	},
			
 
				+	computed: {
			
 
				+		// 将vuex的state中的所有变量，解构到全局混入的mixin中
			
 
				+		...mapState($mcStoreKey)
			
 
				+	}
			
 
				+}
			
 
				+
			
 
				+export { store, mcStore }
			
--- a/src/store/index
+++ b/src/store/index
@@ -0,0 +1,15 @@
 
				+import Vue from 'vue'
			
 
				+import Vuex from 'vuex'
			
 
				+
			
 
				+Vue.use(Vuex)
			
 
				+
			
 
				+export default new Vuex.Store({
			
 
				+  state: {
			
 
				+  },
			
 
				+  mutations: {
			
 
				+  },
			
 
				+  actions: {
			
 
				+  },
			
 
				+  modules: {
			
 
				+  }
			
 
				+})
			
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -0,0 +1,66 @@
 
				+import Vue from 'vue'
			
 
				+import Vuex from 'vuex'
			
 
				+
			
 
				+Vue.use(Vuex)
			
 
				+
			
 
				+let lifeData = {}
			
 
				+
			
 
				+try {
			
 
				+  // 尝试获取本地是否存在lifeData变量，第一次启动APP时是不存在的
			
 
				+  lifeData = JSON.parse(localStorage.getItem('lifeData')) || {};
			
 
				+  // console.log('localStorage.lifeData: ', lifeData)
			
 
				+} catch (e) {
			
 
				+  console.log(e)
			
 
				+}
			
 
				+
			
 
				+// 需要永久存储，且下次APP启动需要取出的，在state中的变量名
			
 
				+let saveStateKeys = ['vuex_user', 'vuex_token'];
			
 
				+
			
 
				+// 保存变量到本地存储中
			
 
				+const saveLifeData = function (key, value) {
			
 
				+  // 判断变量名是否在需要存储的数组中
			
 
				+  if (saveStateKeys.indexOf(key) !== -1) {
			
 
				+    // 获取本地存储的lifeData对象，将变量添加到对象中
			
 
				+    let tmp = JSON.parse(localStorage.getItem('lifeData'));
			
 
				+    // 第一次打开APP，不存在lifeData变量，故放一个{}空对象
			
 
				+    tmp = tmp ? tmp : {};
			
 
				+    tmp[key] = value;
			
 
				+    // 执行这一步后，所有需要存储的变量，都挂载在本地的lifeData对象中
			
 
				+    localStorage.setItem('lifeData', JSON.stringify(tmp));
			
 
				+  }
			
 
				+}
			
 
				+// console.log('lifeData', lifeData);
			
 
				+const store = new Vuex.Store({
			
 
				+  state: {
			
 
				+    // 如果上面从本地获取的lifeData对象下有对应的属性，就赋值给state中对应的变量
			
 
				+    // 加上vuex_前缀，是防止变量名冲突，也让人一目了然
			
 
				+    vuex_user: lifeData.vuex_user ? lifeData.vuex_user : { name: '' },
			
 
				+    // 如果vuex_version无需保存到本地永久存储，无需lifeData.vuex_version方式
			
 
				+    vuex_version: '1.0.1',
			
 
				+    vuex_token: '',
			
 
				+  },
			
 
				+  mutations: {
			
 
				+    $mcStore(state, payload) {
			
 
				+      // 判断是否多层级调用，state中为对象存在的情况，诸如user.info.score = 1
			
 
				+      let nameArr = payload.name.split('.');
			
 
				+      let saveKey = '';
			
 
				+      let len = nameArr.length;
			
 
				+      if (len >= 2) {
			
 
				+        let obj = state[nameArr[0]];
			
 
				+        for (let i = 1; i < len - 1; i++) {
			
 
				+          obj = obj[nameArr[i]];
			
 
				+        }
			
 
				+        obj[nameArr[len - 1]] = payload.value;
			
 
				+        saveKey = nameArr[0];
			
 
				+      } else {
			
 
				+        // 单层级变量，在state就是一个普通变量的情况
			
 
				+        state[payload.name] = payload.value;
			
 
				+        saveKey = payload.name;
			
 
				+      }
			
 
				+      // 保存变量到本地，见顶部函数定义
			
 
				+      saveLifeData(saveKey, state[saveKey])
			
 
				+    }
			
 
				+  }
			
 
				+})
			
 
				+
			
 
				+export default store
			
--- a/src/utils/api.js
+++ b/src/utils/api.js
@@ -0,0 +1,126 @@
 
				+import request from '@/utils/request'
			
 
				+
			
 
				+// 公司主页
			
 
				+export function getCompanyInfo() {
			
 
				+  return request({
			
 
				+    url: '/tcompany/getCompanyInfo',
			
 
				+    method: 'get'
			
 
				+  })
			
 
				+}
			
 
				+
			
 
				+// 企业编辑
			
 
				+export function editCompany(data) {
			
 
				+  return request({
			
 
				+    url: '/tcompany',
			
 
				+    method: 'put',
			
 
				+    data: data
			
 
				+  })
			
 
				+}
			
 
				+
			
 
				+// 企业注册
			
 
				+export function register(data) {
			
 
				+  return request({
			
 
				+    url: '/tcompany/register',
			
 
				+    method: 'post',
			
 
				+    data: data
			
 
				+  })
			
 
				+}
			
 
				+
			
 
				+// 企业登录
			
 
				+export function login(data) {
			
 
				+  return request({
			
 
				+    url: '/companyUser/login',
			
 
				+    method: 'post',
			
 
				+    data: data
			
 
				+  })
			
 
				+}
			
 
				+
			
 
				+// 获取短信验证码
			
 
				+export function getSmsCode(data) {
			
 
				+  return request({
			
 
				+    url: '/message/sendSmsCode',
			
 
				+    method: 'post',
			
 
				+    data: data
			
 
				+  })
			
 
				+}
			
 
				+
			
 
				+// 登录图形验证码
			
 
				+export function getCaptcha() {
			
 
				+  return request({
			
 
				+    url: '/captcha/generate',
			
 
				+    method: 'get'
			
 
				+  })
			
 
				+}
			
 
				+
			
 
				+// 重置密码
			
 
				+export function updatePwd(data) {
			
 
				+  return request({
			
 
				+    url: '/tcompany/updatePwd',
			
 
				+    method: 'put',
			
 
				+    data: data
			
 
				+  })
			
 
				+}
			
 
				+
			
 
				+// 企业法人性质数据接口
			
 
				+export function getLegalNature() {
			
 
				+  return request({
			
 
				+    url: '/dict/data/type/company_legal_nature',
			
 
				+    method: 'get'
			
 
				+  })
			
 
				+}
			
 
				+
			
 
				+// 企业行业数据接口
			
 
				+export function getTrade() {
			
 
				+  return request({
			
 
				+    url: '/dict/data/type/company_trade',
			
 
				+    method: 'get'
			
 
				+  })
			
 
				+}
			
 
				+
			
 
				+// 企业规模数据接口
			
 
				+export function getScope() {
			
 
				+  return request({
			
 
				+    url: '/dict/data/type/company_scope',
			
 
				+    method: 'get'
			
 
				+  })
			
 
				+}
			
 
				+
			
 
				+// 获取职位列表
			
 
				+export function getComPostList(data) {
			
 
				+  return request({
			
 
				+    url: '/comPost/search',
			
 
				+    method: 'post',
			
 
				+    data: data
			
 
				+  })
			
 
				+}
			
 
				+
			
 
				+// 添加职位
			
 
				+export function addcomPost(data) {
			
 
				+  return request({
			
 
				+    url: '/comPost/add',
			
 
				+    method: 'post',
			
 
				+    data: data
			
 
				+  })
			
 
				+}
			
 
				+
			
 
				+// 修改职位
			
 
				+export function updateComPost(data) {
			
 
				+  return request({
			
 
				+    url: '/comPost/update/' + data.id,
			
 
				+    method: 'post',
			
 
				+    data: data
			
 
				+  })
			
 
				+}
			
 
				+
			
 
				+// 删除职位
			
 
				+export function dlComPost(id) {
			
 
				+  return request({
			
 
				+    url: '/comPost/delete/' + id,
			
 
				+    method: 'delete'
			
 
				+  })
			
 
				+}
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -0,0 +1,19 @@
 
				+
			
 
				+
			
 
				+export function getToken() {
			
 
				+  let lifeData = localStorage.getItem("lifeData");
			
 
				+  console.log('lifeData', lifeData);
			
 
				+  if (lifeData) {
			
 
				+    return JSON.parse(localStorage.getItem("lifeData")).vuex_token
			
 
				+  } else {
			
 
				+    return ''
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+export function setToken(token) {
			
 
				+  return this.$mc.vuex("token", token);
			
 
				+}
			
 
				+
			
 
				+export function removeToken() {
			
 
				+  return this.$mc.vuex("vuex_token", JSON.stringify({}));
			
 
				+}
			
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -0,0 +1,68 @@
 
				+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
			
 
				+}
			
 
				+
			
 
				+export function formatTime(time, option) {
			
 
				+    time = +time * 1000
			
 
				+    const d = new Date(time)
			
 
				+    const now = Date.now()
			
 
				+
			
 
				+    const diff = (now - d) / 1000
			
 
				+
			
 
				+    if (diff < 30) {
			
 
				+        return '刚刚'
			
 
				+    } else if (diff < 3600) { // less 1 hour
			
 
				+        return Math.ceil(diff / 60) + '分钟前'
			
 
				+    } else if (diff < 3600 * 24) {
			
 
				+        return Math.ceil(diff / 3600) + '小时前'
			
 
				+    } else if (diff < 3600 * 24 * 2) {
			
 
				+        return '1天前'
			
 
				+    }
			
 
				+    if (option) {
			
 
				+        return parseTime(time, option)
			
 
				+    } else {
			
 
				+        return d.getMonth() + 1 + '月' + d.getDate() + '日' + d.getHours() + '时' + d.getMinutes() + '分'
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * 参数处理
			
 
				+ * @param {*} params  参数
			
 
				+ */
			
 
				+export function tansParams(params) {
			
 
				+    let result = ''
			
 
				+    Object.keys(params).forEach((key) => {
			
 
				+        if (!Object.is(params[key], undefined) && !Object.is(params[key], null)) {
			
 
				+            result += encodeURIComponent(key) + '=' + encodeURIComponent(params[key]) + '&'
			
 
				+        }
			
 
				+    })
			
 
				+    return result
			
 
				+}
			
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -0,0 +1,110 @@
 
				+import axios from 'axios'
			
 
				+import { Message, MessageBox } from 'element-ui'
			
 
				+// import store from '../store'
			
 
				+import { getToken } from '@/utils/auth'
			
 
				+import { tansParams } from "@/utils/index";
			
 
				+
			
 
				+
			
 
				+// 创建axios实例
			
 
				+const service = axios.create({
			
 
				+  baseURL: process.env.VUE_APP_BASE_API, // api的base_url
			
 
				+  timeout: 15000 // 请求超时时间
			
 
				+})
			
 
				+
			
 
				+// console.log('process.env', process.env);
			
 
				+
			
 
				+// request拦截器
			
 
				+let token = getToken();
			
 
				+console.log('token', token);
			
 
				+service.interceptors.request.use(config => {
			
 
				+  if (token) {
			
 
				+    config.headers['Authorization'] = 'Bearer ' + token // 让每个请求携带自定义token 请根据实际情况自行修改
			
 
				+    // config.headers['Content-Type'] = 'application/x-www-form-urlencoded'
			
 
				+    // config.headers['responseType'] = 'blob'
			
 
				+  }
			
 
				+  return config
			
 
				+}, error => {
			
 
				+  // Do something with request error
			
 
				+  console.log(error) // for debug
			
 
				+  Promise.reject(error)
			
 
				+})
			
 
				+
			
 
				+// respone拦截器
			
 
				+service.interceptors.response.use(
			
 
				+  response => {
			
 
				+    /**
			
 
				+    * code为非200是抛错 可结合自己业务进行修改
			
 
				+    */
			
 
				+    const res = response.data
			
 
				+    if (res.code && res.code !== 200) {
			
 
				+      Message({
			
 
				+        message: res.msg,
			
 
				+        type: 'error',
			
 
				+        duration: 3 * 1000
			
 
				+      })
			
 
				+
			
 
				+      // 401:未登录;
			
 
				+      if (res.code === 401) {
			
 
				+        MessageBox.confirm('你已被登出，可以取消继续留在该页面，或者重新登录', '确定登出', {
			
 
				+          confirmButtonText: '重新登录',
			
 
				+          cancelButtonText: '取消',
			
 
				+          type: 'warning'
			
 
				+        }).then(() => {
			
 
				+          console.log('location', location);
			
 
				+          localStorage.setItem('fromUrl', location.hash);
			
 
				+          location.href = '/#/login';
			
 
				+          localStorage.setItem("lifeData", JSON.stringify({}));
			
 
				+          // location.reload()
			
 
				+          // store.dispatch('FedLogOut').then(() => {
			
 
				+          //   location.reload()// 为了重新实例化vue-router对象 避免bug
			
 
				+          // })
			
 
				+        })
			
 
				+      }
			
 
				+      return Promise.reject('error')
			
 
				+    } else {
			
 
				+      return response.data
			
 
				+    }
			
 
				+  },
			
 
				+  error => {
			
 
				+    console.log('err' + error)// for debug
			
 
				+    Message({
			
 
				+      message: error.msg,
			
 
				+      type: 'error',
			
 
				+      duration: 3 * 1000
			
 
				+    })
			
 
				+    return Promise.reject(error)
			
 
				+  }
			
 
				+)
			
 
				+
			
 
				+
			
 
				+// 通用下载方法
			
 
				+export function download(url, params, filename) {
			
 
				+  return service.post(url, params, {
			
 
				+    transformRequest: [(params) => {
			
 
				+      return tansParams(params)
			
 
				+    }],
			
 
				+    headers: {
			
 
				+      'Content-Type': 'application/x-www-form-urlencoded'
			
 
				+    },
			
 
				+    responseType: 'blob'
			
 
				+  }).then((data) => {
			
 
				+    const content = data
			
 
				+    const blob = new Blob([content])
			
 
				+    if ('download' in document.createElement('a')) {
			
 
				+      const elink = document.createElement('a')
			
 
				+      elink.download = filename
			
 
				+      elink.style.display = 'none'
			
 
				+      elink.href = URL.createObjectURL(blob)
			
 
				+      document.body.appendChild(elink)
			
 
				+      elink.click()
			
 
				+      URL.revokeObjectURL(elink.href)
			
 
				+      document.body.removeChild(elink)
			
 
				+    } else {
			
 
				+      navigator.msSaveBlob(blob, filename)
			
 
				+    }
			
 
				+  }).catch((r) => {
			
 
				+    console.error(r)
			
 
				+  })
			
 
				+}
			
 
				+
			
 
				+export default service
			
--- a/src/utils/util.js
+++ b/src/utils/util.js
--- a/src/views/About.vue
+++ b/src/views/About.vue
@@ -0,0 +1,5 @@
 
				+<template>
			
 
				+  <div class="about">
			
 
				+    <h1>This is an about page</h1>
			
 
				+  </div>
			
 
				+</template>
			
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -0,0 +1,287 @@
 
				+<template>
			
 
				+  <div class="home">
			
 
				+    <Header />
			
 
				+    <Mainmenu />
			
 
				+    <section class="company-card">
			
 
				+      <div class="company wrap">
			
 
				+        <img class="logo" :src="companyLogo" alt="" />
			
 
				+        <div class="content">
			
 
				+          <div class="name">{{ companyInfo.companyName }}</div>
			
 
				+          <div class="addr">
			
 
				+            <i class="el-icon-location"></i>
			
 
				+            {{ companyInfo.companyAddress }}
			
 
				+          </div>
			
 
				+          <div class="company-bottom">
			
 
				+            <div class="left">
			
 
				+              <div class="data-cell">
			
 
				+                <div class="up">
			
 
				+                  <span>{{ companyInfo.zpzwTotal || 0 }}</span
			
 
				+                  >个
			
 
				+                </div>
			
 
				+                <div class="down">
			
 
				+                  招聘职位
			
 
				+                  <el-tooltip
			
 
				+                    class="item"
			
 
				+                    effect="dark"
			
 
				+                    content="该公司的在招职位数量"
			
 
				+                    placement="top-start"
			
 
				+                  >
			
 
				+                    <i class="el-icon-question"></i>
			
 
				+                  </el-tooltip>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              <div class="data-cell">
			
 
				+                <div class="up">
			
 
				+                  <span>{{ companyInfo.ypzwTotal || 0 }}</span
			
 
				+                  >个
			
 
				+                </div>
			
 
				+                <div class="down">
			
 
				+                  进行应聘
			
 
				+                  <el-tooltip
			
 
				+                    class="item"
			
 
				+                    effect="dark"
			
 
				+                    content="进行中的应聘数量"
			
 
				+                    placement="top-start"
			
 
				+                  >
			
 
				+                    <i class="el-icon-question"></i>
			
 
				+                  </el-tooltip>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              <div class="data-cell">
			
 
				+                <div class="up">
			
 
				+                  <span>{{ companyInfo.jlTotal || 0 }}</span
			
 
				+                  >个
			
 
				+                </div>
			
 
				+                <div class="down">
			
 
				+                  收到简历
			
 
				+                  <el-tooltip
			
 
				+                    class="item"
			
 
				+                    effect="dark"
			
 
				+                    content="收到的简历数量"
			
 
				+                    placement="top-start"
			
 
				+                  >
			
 
				+                    <i class="el-icon-question"></i>
			
 
				+                  </el-tooltip>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+            <div class="right">
			
 
				+              <div class="time">{{ companyInfo.recentLoginDate }}</div>
			
 
				+              <el-tooltip
			
 
				+                class="item"
			
 
				+                effect="dark"
			
 
				+                content="该公司管理者最近一次登录时间"
			
 
				+                placement="bottom"
			
 
				+              >
			
 
				+                <div class="tip">
			
 
				+                  企业最近登录<i class="el-icon-question"></i>
			
 
				+                </div>
			
 
				+              </el-tooltip>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="edit-btn"><i class="icon el-icon-edit"></i>编辑</div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </section>
			
 
				+    <!-- company-card end -->
			
 
				+    <section class="companymenu-wrap">
			
 
				+      <div class="companymenu wrap">
			
 
				+        <el-menu
			
 
				+          :default-active="companymenuIndex"
			
 
				+          class="el-menu-demo"
			
 
				+          mode="horizontal"
			
 
				+          @select="companymenuSelect"
			
 
				+        >
			
 
				+          <el-menu-item index="1">公司主页</el-menu-item>
			
 
				+          <el-menu-item index="2"
			
 
				+            >招聘职位（{{ companyInfo.zpzwTotal || 0 }}）</el-menu-item
			
 
				+          >
			
 
				+          <el-menu-item index="3"
			
 
				+            >应聘信息（{{ companyInfo.ypzwTotal || 0 }}）</el-menu-item
			
 
				+          >
			
 
				+        </el-menu>
			
 
				+      </div>
			
 
				+    </section>
			
 
				+    <!-- companymenu end -->
			
 
				+    <section class="page-con wrap">
			
 
				+      <div class="left-content">
			
 
				+        <div v-if="companymenuIndex == '1'" class="company-details">
			
 
				+          <!-- <ul class="company-label">
			
 
				+            <li>个人能力</li>
			
 
				+            <li>执行力</li>
			
 
				+            <li>团队精神</li>
			
 
				+          </ul> -->
			
 
				+          <div class="intro">
			
 
				+            <div class="company-details-til">公司介绍</div>
			
 
				+            {{ companyInfo.detatil }}
			
 
				+          </div>
			
 
				+          <div class="contact">
			
 
				+            <div class="company-details-til">联系方式</div>
			
 
				+            <p>地址： {{ companyInfo.companyAddress }}</p>
			
 
				+            <p>电话：{{ companyInfo.linkPhone }}</p>
			
 
				+          </div>
			
 
				+
			
 
				+          <div class="environment">
			
 
				+            <div class="company-details-til">工作环境</div>
			
 
				+            <div class="img-wrap">
			
 
				+              <el-image
			
 
				+                class="img"
			
 
				+                src="https://www.sf-express.com/.gallery/index/upgrade2020-08-27/delivery-service-3.png"
			
 
				+                fit="cover"
			
 
				+              ></el-image>
			
 
				+              <el-image
			
 
				+                class="img"
			
 
				+                src="https://www.sf-express.com/.gallery/index/upgrade2020-08-27/delivery-service-2.png"
			
 
				+                fit="cover"
			
 
				+              ></el-image>
			
 
				+              <el-image
			
 
				+                class="img"
			
 
				+                src="https://www.sf-express.com/.gallery/index/upgrade2020-08-27/delivery-service-3.png"
			
 
				+                fit="cover"
			
 
				+              ></el-image>
			
 
				+              <el-image
			
 
				+                class="img"
			
 
				+                src="https://www.sf-express.com/.gallery/index/upgrade2020-08-27/delivery-service-2.png"
			
 
				+                fit="cover"
			
 
				+              ></el-image>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <!-- company-details end -->
			
 
				+        <Jobs v-if="companymenuIndex == '2'" />
			
 
				+        <Applys v-if="companymenuIndex == '3'" />
			
 
				+      </div>
			
 
				+      <div class="base-info">
			
 
				+        <div class="name">公司基本信息</div>
			
 
				+        <div class="base-info-item">
			
 
				+          <i class="el-icon-s-marketing"></i
			
 
				+          >{{ filterTradeStatus(companyInfo.trade) }}
			
 
				+        </div>
			
 
				+        <div class="base-info-item">
			
 
				+          <i class="el-icon-s-custom"></i
			
 
				+          >{{ filterScopeStatus(companyInfo.scope) }}
			
 
				+        </div>
			
 
				+        <div class="base-info-item">
			
 
				+          <i class="el-icon-location"></i>{{ companyInfo.companyAddress }}
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </section>
			
 
				+  </div>
			
 
				+</template>
			
 
				+<style lang="scss" scoped>
			
 
				+@import "./home.scss";
			
 
				+</style>
			
 
				+<script>
			
 
				+// @ is an alias to /src
			
 
				+import Header from "@/components/header.vue";
			
 
				+import Mainmenu from "@/components/mainmenu.vue";
			
 
				+import Jobs from "@/components/jobs.vue";
			
 
				+import Applys from "@/components/applys.vue";
			
 
				+
			
 
				+import { getCompanyInfo, getTrade, getScope } from "@/utils/api";
			
 
				+
			
 
				+export default {
			
 
				+  name: "Home",
			
 
				+  components: {
			
 
				+    Header,
			
 
				+    Mainmenu,
			
 
				+    Jobs,
			
 
				+    Applys,
			
 
				+  },
			
 
				+  data() {
			
 
				+    return {
			
 
				+      companyLogo: "https://www.sf-express.com/resource/images/index/sf.png",
			
 
				+      activeName: "second",
			
 
				+      companymenuIndex: "1",
			
 
				+      companyInfo: {},
			
 
				+      trade: [],
			
 
				+      scope: [],
			
 
				+    };
			
 
				+  },
			
 
				+  computed: {
			
 
				+    filterTradeStatus() {
			
 
				+      return function (value) {
			
 
				+        let v = "";
			
 
				+        for (let i = 0; i < this.trade.length; i++) {
			
 
				+          let item = this.trade[i];
			
 
				+          if (value == item.value) {
			
 
				+            v = item.label;
			
 
				+            break;
			
 
				+          }
			
 
				+        }
			
 
				+        return v;
			
 
				+      };
			
 
				+    },
			
 
				+    filterScopeStatus() {
			
 
				+      return function (value) {
			
 
				+        let v = "";
			
 
				+        for (let i = 0; i < this.scope.length; i++) {
			
 
				+          let item = this.scope[i];
			
 
				+          if (value == item.value) {
			
 
				+            v = item.label;
			
 
				+            break;
			
 
				+          }
			
 
				+        }
			
 
				+        return v;
			
 
				+      };
			
 
				+    },
			
 
				+  },
			
 
				+  created() {
			
 
				+    // console.log("localStorage.getItem", localStorage.getItem("lifeData"));
			
 
				+    this.getinfo();
			
 
				+    this.handelGetTrade();
			
 
				+    this.handelGetScope();
			
 
				+  },
			
 
				+  methods: {
			
 
				+    companymenuSelect(key) {
			
 
				+      this.companymenuIndex = key;
			
 
				+    },
			
 
				+    getinfo() {
			
 
				+      getCompanyInfo()
			
 
				+        .then((res) => {
			
 
				+          this.companyInfo = res.data;
			
 
				+          console.log("fetchList", res);
			
 
				+        })
			
 
				+        .catch((err) => {
			
 
				+          console.log("fetchList err", err);
			
 
				+        });
			
 
				+    },
			
 
				+    handelGetTrade() {
			
 
				+      let that = this;
			
 
				+      getTrade()
			
 
				+        .then((res) => {
			
 
				+          console.log("getTrade", res);
			
 
				+          if (res.code == 200) {
			
 
				+            res.data.map(function (currentValue) {
			
 
				+              that.trade.push({
			
 
				+                value: currentValue.dictValue,
			
 
				+                label: currentValue.dictLabel,
			
 
				+              });
			
 
				+            });
			
 
				+          }
			
 
				+        })
			
 
				+        .catch((err) => {
			
 
				+          console.log("getTrade err", err);
			
 
				+        });
			
 
				+    },
			
 
				+    handelGetScope() {
			
 
				+      let that = this;
			
 
				+      getScope()
			
 
				+        .then((res) => {
			
 
				+          console.log("getScope", res);
			
 
				+          if (res.code == 200) {
			
 
				+            res.data.map(function (currentValue) {
			
 
				+              that.scope.push({
			
 
				+                value: currentValue.dictValue,
			
 
				+                label: currentValue.dictLabel,
			
 
				+              });
			
 
				+            });
			
 
				+          }
			
 
				+        })
			
 
				+        .catch((err) => {
			
 
				+          console.log("getScope err", err);
			
 
				+        });
			
 
				+    },
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
--- a/src/views/home.scss
+++ b/src/views/home.scss
@@ -0,0 +1,215 @@
 
				+.company-card{
			
 
				+    background-color: #eee;
			
 
				+    padding: 15px 0 10px;
			
 
				+    .company{
			
 
				+        box-sizing: border-box;
			
 
				+        overflow: hidden;
			
 
				+        background-color: #fff;
			
 
				+        padding: 20px 33px 27px 44px;
			
 
				+        .logo{
			
 
				+            display: block;
			
 
				+            float: left;
			
 
				+            width: 128px;
			
 
				+            height: 128px;
			
 
				+        }
			
 
				+        .content{
			
 
				+            position: relative;
			
 
				+            padding-left: 174px;
			
 
				+            .name{
			
 
				+                font-size: 28px;
			
 
				+                font-weight: 400;
			
 
				+                color: #1F1F1F;
			
 
				+                line-height: 40px;
			
 
				+                margin-bottom: 3px;
			
 
				+            }
			
 
				+            .addr{
			
 
				+                font-size: 14px;
			
 
				+                font-weight: 400;
			
 
				+                color: #1F1F1F;
			
 
				+                line-height: 20px;
			
 
				+                padding-bottom: 8px;
			
 
				+                border-bottom: 1px solid #EFEFEF;
			
 
				+                margin-bottom: 17px;
			
 
				+            }
			
 
				+            .company-bottom{
			
 
				+                overflow: hidden;
			
 
				+                color: #737373;
			
 
				+                .left{
			
 
				+                    float: left;
			
 
				+                    width: 50%;
			
 
				+                    font-size: 14px;
			
 
				+                    .data-cell{
			
 
				+                        float: left;
			
 
				+                        & + .data-cell{
			
 
				+                            margin-left: 72px;
			
 
				+                        }
			
 
				+                        .up{
			
 
				+                            span{
			
 
				+                                font-size: 24px;
			
 
				+                                font-weight: 500;
			
 
				+                                color: #4AAD78;
			
 
				+                                line-height: 33px;
			
 
				+                                margin-right: 5px;
			
 
				+                            }
			
 
				+                        }
			
 
				+                        .down{
			
 
				+                            font-size: 12px;
			
 
				+                        }
			
 
				+                    }
			
 
				+                }
			
 
				+                .right{
			
 
				+                    position: relative;
			
 
				+                    float: left;
			
 
				+                    width: 50%;
			
 
				+                    text-align: center;
			
 
				+                    .time{
			
 
				+                        font-size: 20px;
			
 
				+                        font-weight: 400;
			
 
				+                        color: #1F1F1F;
			
 
				+                        line-height: 28px;
			
 
				+                    }
			
 
				+                    .tip{
			
 
				+                        font-size: 12px;
			
 
				+                    }
			
 
				+                    &::after{
			
 
				+                        content: '';
			
 
				+                        width: 1px;
			
 
				+                        height: 39px;
			
 
				+                        background-color: #CECECE;
			
 
				+                        position: absolute;
			
 
				+                        left: 0;
			
 
				+                        top: 10px;
			
 
				+                    }
			
 
				+                }
			
 
				+            }
			
 
				+        }
			
 
				+        .edit-btn{
			
 
				+            position: absolute;
			
 
				+            right: 0;
			
 
				+            top: 0;
			
 
				+            font-size: 14px;
			
 
				+            color: #389FF4;
			
 
				+            .icon{
			
 
				+                margin-right: 5px
			
 
				+            };
			
 
				+            cursor: pointer;
			
 
				+        }
			
 
				+    }
			
 
				+}
			
 
				+.companymenu-wrap{
			
 
				+    background-color: #eee;
			
 
				+    .companymenu /deep/ .el-menu{
			
 
				+        background-color: #eee;
			
 
				+        li{
			
 
				+            padding: 0;
			
 
				+            font-size: 20px;
			
 
				+            font-weight: 400;
			
 
				+            color: #656565;
			
 
				+            &.is-active{
			
 
				+                color: #4AAD78;
			
 
				+                border-bottom: 3px solid #4AAD78;
			
 
				+            }
			
 
				+            & + li{
			
 
				+                margin-left: 68px;
			
 
				+            }
			
 
				+            &:focus,
			
 
				+            &:hover{
			
 
				+                background-color: transparent;
			
 
				+            }
			
 
				+        }
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+.page-con{
			
 
				+    overflow: hidden;
			
 
				+    padding-top: 50px;
			
 
				+    margin-bottom: 50px;
			
 
				+    .base-info{
			
 
				+        float: right;
			
 
				+        width: 457px;
			
 
				+        padding-left: 45px;
			
 
				+        box-sizing: border-box;
			
 
				+        .name{
			
 
				+            font-size: 18px;
			
 
				+            font-weight: 400;
			
 
				+            color: #1C1C1C;
			
 
				+            line-height: 25px;
			
 
				+            margin-bottom: 27px;
			
 
				+        }
			
 
				+        .base-info-item{
			
 
				+            font-size: 14px;
			
 
				+            font-weight: 400;
			
 
				+            color: #1C1C1C;
			
 
				+            line-height: 20px;
			
 
				+            margin-bottom: 18px;
			
 
				+            i{
			
 
				+                margin-right: 5px;
			
 
				+            }
			
 
				+        }
			
 
				+    }
			
 
				+    .left-content{
			
 
				+        width: 743px;
			
 
				+        float: left;
			
 
				+        box-sizing: border-box;
			
 
				+        padding: 40px 59px 20px 0;
			
 
				+        border-right: 1px solid #CACACA;
			
 
				+
			
 
				+    }
			
 
				+    .company-details{
			
 
				+        .company-details-til{
			
 
				+            font-size: 22px;
			
 
				+            font-weight: 500;
			
 
				+            color: #1C1C1C;
			
 
				+            line-height: 30px;
			
 
				+            letter-spacing: 1px;
			
 
				+            margin-bottom: 16px;
			
 
				+        }
			
 
				+        .company-label{
			
 
				+            overflow: hidden;
			
 
				+            margin-bottom: 15px;
			
 
				+            li{
			
 
				+                float: left;
			
 
				+                border: 1px solid #ddd;
			
 
				+                padding:0px 18px;
			
 
				+                height: 22px;
			
 
				+                line-height: 22px;
			
 
				+                border-radius: 17px;
			
 
				+                font-size: 12px;
			
 
				+                color: #9A9A9A;
			
 
				+                & + li{
			
 
				+                    margin-left: 10px;
			
 
				+                }
			
 
				+            }
			
 
				+        }
			
 
				+        .intro{
			
 
				+            font-size: 14px;
			
 
				+            font-weight: 400;
			
 
				+            color: #464646;
			
 
				+            line-height: 30px;
			
 
				+            margin-bottom: 30px;
			
 
				+        }
			
 
				+        .contact{
			
 
				+            margin-bottom: 20px;
			
 
				+            p{
			
 
				+                font-size: 14px;
			
 
				+                font-weight: 400;
			
 
				+                color: #464646;
			
 
				+                line-height: 30px;
			
 
				+            }
			
 
				+        }
			
 
				+        .environment{
			
 
				+            overflow: hidden;
			
 
				+            .img-wrap{
			
 
				+                margin-left: -14px;
			
 
				+                .img{
			
 
				+                    width: 218px;
			
 
				+                    height: 132px;
			
 
				+                    overflow: hidden;
			
 
				+                    border-radius: 8px;
			
 
				+                    margin-left: 14px;
			
 
				+                    margin-bottom: 14px;
			
 
				+                }
			
 
				+            }
			
 
				+        }
			
 
				+    }
			
 
				+}
			
--- a/src/views/jobdetails.vue
+++ b/src/views/jobdetails.vue
@@ -0,0 +1,190 @@
 
				+<template>
			
 
				+  <div class="">
			
 
				+    <Header />
			
 
				+    <Mainmenu />
			
 
				+    <section class="job-base">
			
 
				+      <div class="wrap">
			
 
				+        <div class="name">顺丰速运股份有限公司贵州分公司</div>
			
 
				+        <div class="position">服务员</div>
			
 
				+        <div class="details">
			
 
				+          <span>2K-3K</span>
			
 
				+          经验不限 / 本科
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </section>
			
 
				+    <section class="page-con wrap">
			
 
				+      <div class="left-content">
			
 
				+        <div class="job-details">
			
 
				+          <div class="big-title">职位描述：</div>
			
 
				+          <div class="block">
			
 
				+            <div class="title">岗位职责</div>
			
 
				+            <ul>
			
 
				+              <li>
			
 
				+                1. 有优秀互联网或成熟作品优先；熟悉 iOS、 Android 平台设计原则；
			
 
				+              </li>
			
 
				+              <li>
			
 
				+                2. 会使用AE等动画交互软件提交完整的视觉交互 demo，像素控；
			
 
				+              </li>
			
 
				+              <li>3. 会使用sketch软件；</li>
			
 
				+              <li>
			
 
				+                4.
			
 
				+                较强的自控力及自驱力，灵活的设计思维，优秀的自我成长及思考能力；
			
 
				+              </li>
			
 
				+              <li>
			
 
				+                5.
			
 
				+                具有一定美术功底、良好的设计创新、逻辑思维以及设计需求分析能力；
			
 
				+              </li>
			
 
				+            </ul>
			
 
				+          </div>
			
 
				+          <div class="block">
			
 
				+            <div class="title">任职资格</div>
			
 
				+            <ul>
			
 
				+              <li>
			
 
				+                1. 有优秀互联网或成熟作品优先；熟悉 iOS、 Android 平台设计原则；
			
 
				+              </li>
			
 
				+              <li>
			
 
				+                2. 会使用AE等动画交互软件提交完整的视觉交互 demo，像素控；
			
 
				+              </li>
			
 
				+              <li>3. 会使用sketch软件；</li>
			
 
				+              <li>
			
 
				+                4.
			
 
				+                较强的自控力及自驱力，灵活的设计思维，优秀的自我成长及思考能力；
			
 
				+              </li>
			
 
				+              <li>
			
 
				+                5.
			
 
				+                具有一定美术功底、良好的设计创新、逻辑思维以及设计需求分析能力；
			
 
				+              </li>
			
 
				+            </ul>
			
 
				+          </div>
			
 
				+          <div class="block">
			
 
				+            <div class="title">福利待遇</div>
			
 
				+            <ul>
			
 
				+              <li>五险一金、全勤奖、带薪年假、定期体检、员工旅游、节假福利</li>
			
 
				+            </ul>
			
 
				+          </div>
			
 
				+          <div class="block">
			
 
				+            <div class="title">工作地点</div>
			
 
				+            <ul>
			
 
				+              <li>贵阳市乌当区-水东路</li>
			
 
				+            </ul>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <!-- job-details end -->
			
 
				+      </div>
			
 
				+      <div class="base-info">
			
 
				+        <div class="name">公司基本信息</div>
			
 
				+        <div class="base-info-item">
			
 
				+          <i class="el-icon-s-marketing"></i>运输业
			
 
				+        </div>
			
 
				+        <div class="base-info-item">
			
 
				+          <i class="el-icon-s-custom"></i>50-150人
			
 
				+        </div>
			
 
				+        <div class="base-info-item">
			
 
				+          <i class="el-icon-location"></i
			
 
				+          >贵州省贵阳市乌当区新天办事处顺海中路88号保利温泉新城
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </section>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import Header from "@/components/header.vue";
			
 
				+import Mainmenu from "@/components/mainmenu.vue";
			
 
				+import { getCompanyInfo } from "@/utils/api";
			
 
				+export default {
			
 
				+  name: "",
			
 
				+  components: {
			
 
				+    Header,
			
 
				+    Mainmenu,
			
 
				+  },
			
 
				+  data() {
			
 
				+    return {
			
 
				+      queryParams: {
			
 
				+        pageNum: 1,
			
 
				+        pageSize: 10,
			
 
				+      },
			
 
				+    };
			
 
				+  },
			
 
				+  created() {
			
 
				+    setTimeout(() => {
			
 
				+      this.getinfo();
			
 
				+    }, 1000);
			
 
				+  },
			
 
				+  methods: {
			
 
				+    getinfo() {
			
 
				+      getCompanyInfo()
			
 
				+        .then((res) => {
			
 
				+          console.log("fetchList", res);
			
 
				+        })
			
 
				+        .catch((err) => {
			
 
				+          console.log("fetchList err", err);
			
 
				+        });
			
 
				+    },
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang='scss' scoped>
			
 
				+.left-content {
			
 
				+  padding-top: 0;
			
 
				+}
			
 
				+//@import url()
			
 
				+.job-base {
			
 
				+  background: #eee;
			
 
				+  padding: 32px 0 42px;
			
 
				+  .name {
			
 
				+    font-size: 14px;
			
 
				+    font-weight: 400;
			
 
				+    color: #717171;
			
 
				+    line-height: 20px;
			
 
				+    margin-bottom: 15px;
			
 
				+  }
			
 
				+  .position {
			
 
				+    font-size: 28px;
			
 
				+    font-weight: 400;
			
 
				+    color: #1f1f1f;
			
 
				+    line-height: 40px;
			
 
				+    letter-spacing: 1px;
			
 
				+    margin-bottom: 18px;
			
 
				+  }
			
 
				+  .details {
			
 
				+    font-size: 14px;
			
 
				+    font-weight: 400;
			
 
				+    color: #4d4d4d;
			
 
				+    line-height: 20px;
			
 
				+    span {
			
 
				+      color: #ff5900;
			
 
				+      margin-right: 10px;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+.job-details {
			
 
				+  .big-title {
			
 
				+    font-size: 22px;
			
 
				+    font-weight: 500;
			
 
				+    color: #1c1c1c;
			
 
				+    line-height: 30px;
			
 
				+    letter-spacing: 1px;
			
 
				+    margin-bottom: 53px;
			
 
				+  }
			
 
				+  .block {
			
 
				+    margin-bottom: 20px;
			
 
				+    .title {
			
 
				+      font-size: 18px;
			
 
				+      font-weight: 500;
			
 
				+      color: #1c1c1c;
			
 
				+      line-height: 25px;
			
 
				+      margin-bottom: 6px;
			
 
				+    }
			
 
				+    ul {
			
 
				+      li {
			
 
				+        font-size: 14px;
			
 
				+        font-weight: 400;
			
 
				+        color: #464646;
			
 
				+        line-height: 30px;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -0,0 +1,372 @@
 
				+<template>
			
 
				+  <div class="login-container">
			
 
				+    <el-row>
			
 
				+      <el-col :xs="24" :sm="24" :md="12" :lg="16" :xl="16">
			
 
				+        <div style="color: transparent">占位符</div>
			
 
				+      </el-col>
			
 
				+      <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
			
 
				+        <el-form
			
 
				+          ref="form"
			
 
				+          :model="form"
			
 
				+          :rules="rules"
			
 
				+          class="login-form"
			
 
				+          label-position="left"
			
 
				+        >
			
 
				+          <div class="title">hello !</div>
			
 
				+          <div class="title-tips">欢迎来到{{ title }}！</div>
			
 
				+          <el-form-item style="margin-top: 40px" prop="username">
			
 
				+            <span class="svg-container svg-container-admin">
			
 
				+              <i class="el-icon-user-solid"></i>
			
 
				+            </span>
			
 
				+            <el-input
			
 
				+              v-model.trim="form.username"
			
 
				+              v-focus
			
 
				+              placeholder="请输入用户名"
			
 
				+              tabindex="1"
			
 
				+              type="text"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item prop="password">
			
 
				+            <span class="svg-container">
			
 
				+              <i class="el-icon-more"></i>
			
 
				+            </span>
			
 
				+            <el-input
			
 
				+              :key="passwordType"
			
 
				+              ref="password"
			
 
				+              v-model.trim="form.password"
			
 
				+              :type="passwordType"
			
 
				+              tabindex="2"
			
 
				+              placeholder="请输入密码"
			
 
				+              maxlength="16"
			
 
				+              @keyup.enter.native="handleLogin"
			
 
				+            />
			
 
				+            <span
			
 
				+              v-if="passwordType === 'password'"
			
 
				+              class="show-password"
			
 
				+              @click="handlePassword"
			
 
				+            >
			
 
				+              <i class="el-icon-view"></i>
			
 
				+            </span>
			
 
				+            <span v-else class="show-password" @click="handlePassword">
			
 
				+              <i class="el-icon-edit"></i>
			
 
				+            </span>
			
 
				+          </el-form-item>
			
 
				+          <el-form-item style="" prop="code">
			
 
				+            <span class="svg-container svg-container-admin">
			
 
				+              <i class="el-icon-s-help"></i>
			
 
				+            </span>
			
 
				+            <el-input
			
 
				+              style="width: 60%"
			
 
				+              v-model.trim="form.code"
			
 
				+              v-focus
			
 
				+              placeholder="请输入验证码"
			
 
				+              tabindex="1"
			
 
				+              type="text"
			
 
				+            />
			
 
				+            <img
			
 
				+              class="code-img middle-img"
			
 
				+              :src="codeImg"
			
 
				+              alt=""
			
 
				+              @click="handelGetCaptcha"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-button
			
 
				+            :loading="loading"
			
 
				+            class="login-btn"
			
 
				+            type="primary"
			
 
				+            @click="handleLogin"
			
 
				+          >
			
 
				+            登录
			
 
				+          </el-button>
			
 
				+          <router-link to="/register">
			
 
				+            <div style="margin-top: 20px">注册</div>
			
 
				+          </router-link>
			
 
				+        </el-form>
			
 
				+      </el-col>
			
 
				+    </el-row>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import { getCaptcha, login } from "@/utils/api.js";
			
 
				+
			
 
				+export default {
			
 
				+  name: "Login",
			
 
				+  directives: {
			
 
				+    focus: {
			
 
				+      inserted(el) {
			
 
				+        el.querySelector("input").focus();
			
 
				+      },
			
 
				+    },
			
 
				+  },
			
 
				+  data() {
			
 
				+    return {
			
 
				+      nodeEnv: process.env.NODE_ENV,
			
 
				+      title: "",
			
 
				+      form: {
			
 
				+        username: "ry123456",
			
 
				+        password: "asd123fsadf@$!~",
			
 
				+        code: "",
			
 
				+        uuid: "",
			
 
				+      },
			
 
				+      rules: {
			
 
				+        username: [
			
 
				+          {
			
 
				+            required: true,
			
 
				+            pattern: /^[a-zA-Z][0-9a-zA-Z]{6,20}$/,
			
 
				+            message: "请输入规则的用户名",
			
 
				+            trigger: "blur",
			
 
				+          },
			
 
				+        ],
			
 
				+        password: [
			
 
				+          {
			
 
				+            required: true,
			
 
				+            pattern:
			
 
				+              /((^(?=.*[a-z])(?=.*[A-Z])(?=.*\W)[\da-zA-Z\W]{8,16}$)|(^(?=.*\d)(?=.*[A-Z])(?=.*\W)[\da-zA-Z\W]{8,16}$)|(^(?=.*\d)(?=.*[a-z])(?=.*\W)[\da-zA-Z\W]{8,16}$)|(^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])[\da-zA-Z\W]{8,16}$))/,
			
 
				+            message:
			
 
				+              "请输入8-16位字符、大小写字母、数字、特殊字符，任意三种组合密码",
			
 
				+            trigger: "blur",
			
 
				+          },
			
 
				+        ],
			
 
				+        code: [
			
 
				+          {
			
 
				+            required: true,
			
 
				+            message: "请输入验证码",
			
 
				+            trigger: "blur",
			
 
				+          },
			
 
				+        ],
			
 
				+      },
			
 
				+      loading: false,
			
 
				+      passwordType: "password",
			
 
				+      redirect: undefined,
			
 
				+      codeImg: "",
			
 
				+    };
			
 
				+  },
			
 
				+  watch: {
			
 
				+    $route: {
			
 
				+      handler(route) {
			
 
				+        // console.log("fromUrl", localStorage.getItem("fromUrl"));
			
 
				+        this.redirect = localStorage.getItem("fromUrl");
			
 
				+        // this.redirect = (route.query && route.query.redirect) || "/";
			
 
				+      },
			
 
				+      immediate: true,
			
 
				+    },
			
 
				+  },
			
 
				+  created() {
			
 
				+    this.title = this.webTitle;
			
 
				+    this.handelGetCaptcha();
			
 
				+    document.body.style.overflow = "hidden";
			
 
				+  },
			
 
				+  beforeDestroy() {
			
 
				+    document.body.style.overflow = "auto";
			
 
				+  },
			
 
				+  mounted() {},
			
 
				+  methods: {
			
 
				+    handelGetCaptcha() {
			
 
				+      getCaptcha()
			
 
				+        .then((res) => {
			
 
				+          this.codeImg = res.data.image;
			
 
				+          this.form.uuid = res.data.key;
			
 
				+          console.log("getCaptcha", res);
			
 
				+        })
			
 
				+        .catch((err) => {
			
 
				+          console.log("getCaptcha err", err);
			
 
				+        });
			
 
				+    },
			
 
				+    handlePassword() {
			
 
				+      this.passwordType === "password"
			
 
				+        ? (this.passwordType = "")
			
 
				+        : (this.passwordType = "password");
			
 
				+      this.$nextTick(() => {
			
 
				+        this.$refs.password.focus();
			
 
				+      });
			
 
				+    },
			
 
				+    handleLogin() {
			
 
				+      let that = this;
			
 
				+      let backUrl = "";
			
 
				+      this.$refs.form.validate((valid) => {
			
 
				+        if (valid) {
			
 
				+          this.loading = true;
			
 
				+          console.log("this.form", this.form);
			
 
				+          login(this.form)
			
 
				+            .then((res) => {
			
 
				+              this.$mc.vuex("vuex_token", res.data.access_token);
			
 
				+              this.$message(res.msg);
			
 
				+
			
 
				+              const routerPath =
			
 
				+                that.redirect === "/404" || that.redirect === "/401"
			
 
				+                  ? "/"
			
 
				+                  : that.redirect;
			
 
				+              if (that.redirect) {
			
 
				+                backUrl = that.redirect.split()[0];
			
 
				+              }
			
 
				+              //   console.log("that.redirect", that.redirect);
			
 
				+              localStorage.removeItem("fromUrl");
			
 
				+              location.href = backUrl;
			
 
				+
			
 
				+              //   that.$router.replace("/jobdetails").catch(() => {});
			
 
				+              that.loading = false;
			
 
				+
			
 
				+              console.log("login", res);
			
 
				+            })
			
 
				+            .catch((err) => {
			
 
				+              this.loading = false;
			
 
				+              console.log("login err", err);
			
 
				+            });
			
 
				+        } else {
			
 
				+          return false;
			
 
				+        }
			
 
				+      });
			
 
				+    },
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+$base-input-height: 32px;
			
 
				+$base-font-size-small: 12px;
			
 
				+$base-color-red: #f34d37;
			
 
				+$base-font-color: #606266;
			
 
				+.login-container {
			
 
				+  height: 100vh;
			
 
				+  background: url("../../static/images/background.jpg") center center fixed
			
 
				+    no-repeat;
			
 
				+  background-size: cover;
			
 
				+
			
 
				+  .title {
			
 
				+    font-size: 54px;
			
 
				+    font-weight: 500;
			
 
				+    color: rgba(14, 18, 26, 1);
			
 
				+  }
			
 
				+
			
 
				+  .title-tips {
			
 
				+    margin-top: 29px;
			
 
				+    font-size: 26px;
			
 
				+    font-weight: 400;
			
 
				+    color: rgba(14, 18, 26, 1);
			
 
				+    text-overflow: ellipsis;
			
 
				+    white-space: nowrap;
			
 
				+  }
			
 
				+
			
 
				+  .login-btn {
			
 
				+    display: inherit;
			
 
				+    width: 220px;
			
 
				+    height: 60px;
			
 
				+    margin-top: 5px;
			
 
				+    border: 0;
			
 
				+
			
 
				+    &:hover {
			
 
				+      opacity: 0.9;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .login-form {
			
 
				+    position: relative;
			
 
				+    max-width: 100%;
			
 
				+    margin: calc((100vh - 425px) / 2) 10% 10%;
			
 
				+    overflow: hidden;
			
 
				+
			
 
				+    .forget-password {
			
 
				+      width: 100%;
			
 
				+      margin-top: 40px;
			
 
				+      text-align: left;
			
 
				+
			
 
				+      .forget-pass {
			
 
				+        width: 129px;
			
 
				+        height: 19px;
			
 
				+        font-size: 20px;
			
 
				+        font-weight: 400;
			
 
				+        color: rgba(92, 102, 240, 1);
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .tips {
			
 
				+    margin-bottom: 10px;
			
 
				+    font-size: 14px;
			
 
				+    color: #ddd;
			
 
				+    span {
			
 
				+      &:first-of-type {
			
 
				+        margin-right: 16px;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .title-container {
			
 
				+    position: relative;
			
 
				+
			
 
				+    .title {
			
 
				+      margin: 0 auto 40px auto;
			
 
				+      font-size: 34px;
			
 
				+      font-weight: bold;
			
 
				+      color: blue;
			
 
				+      text-align: center;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .svg-container {
			
 
				+    position: absolute;
			
 
				+    top: 14px;
			
 
				+    left: 15px;
			
 
				+    z-index: 999;
			
 
				+    font-size: 16px;
			
 
				+    color: #d7dee3;
			
 
				+    cursor: pointer;
			
 
				+    user-select: none;
			
 
				+  }
			
 
				+
			
 
				+  .show-password {
			
 
				+    position: absolute;
			
 
				+    top: 14px;
			
 
				+    right: 25px;
			
 
				+    font-size: 16px;
			
 
				+    color: #d7dee3;
			
 
				+    cursor: pointer;
			
 
				+    user-select: none;
			
 
				+  }
			
 
				+
			
 
				+  ::v-deep {
			
 
				+    .el-form-item {
			
 
				+      padding-right: 0;
			
 
				+      margin: 20px 0;
			
 
				+      color: #454545;
			
 
				+      background: transparent;
			
 
				+      border: 1px solid transparent;
			
 
				+      border-radius: 2px;
			
 
				+
			
 
				+      &__content {
			
 
				+        min-height: $base-input-height;
			
 
				+        line-height: $base-input-height;
			
 
				+      }
			
 
				+
			
 
				+      &__error {
			
 
				+        position: absolute;
			
 
				+        top: 100%;
			
 
				+        left: 18px;
			
 
				+        font-size: $base-font-size-small;
			
 
				+        line-height: 18px;
			
 
				+        color: $base-color-red;
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    .el-input {
			
 
				+      box-sizing: border-box;
			
 
				+
			
 
				+      input {
			
 
				+        height: 58px;
			
 
				+        padding-left: 45px;
			
 
				+        font-size: 14px;
			
 
				+        line-height: 58px;
			
 
				+        color: $base-font-color;
			
 
				+        background: #f6f4fc;
			
 
				+        border: 0;
			
 
				+        caret-color: $base-font-color;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+.code-img {
			
 
				+  margin-left: 10px;
			
 
				+  cursor: pointer;
			
 
				+}
			
 
				+</style>
			
--- a/src/views/register.vue
+++ b/src/views/register.vue
@@ -0,0 +1,826 @@
 
				+<template>
			
 
				+  <div class="full-body">
			
 
				+    <div class="register-wrap">
			
 
				+      <div class="steps-wrap">
			
 
				+        <div style="height: 300px">
			
 
				+          <el-steps direction="vertical" :active="stepActive">
			
 
				+            <el-step title="注册账号" description="请注册登录账号"></el-step>
			
 
				+            <el-step
			
 
				+              title="完善基本信息"
			
 
				+              description="请注册登录账号"
			
 
				+            ></el-step>
			
 
				+            <el-step title="审核" description="等待管理员审核"></el-step>
			
 
				+          </el-steps>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="form-wrap">
			
 
				+        <div class="form-title" v-show="stepActive != 3">
			
 
				+          <img
			
 
				+            class="middle-img"
			
 
				+            src="../../static/images/icon-zhuce.png"
			
 
				+            alt=""
			
 
				+          />
			
 
				+          {{ formTtitle }}
			
 
				+        </div>
			
 
				+        <el-form
			
 
				+          ref="form"
			
 
				+          :model="form"
			
 
				+          :inline="false"
			
 
				+          :inline-message="false"
			
 
				+          :rules="rules"
			
 
				+        >
			
 
				+          <div class="form-step" v-show="stepActive == '1'">
			
 
				+            <el-form-item label="法人性质" prop="legalNature">
			
 
				+              <el-select
			
 
				+                style="display: inline-block; width: 584px"
			
 
				+                v-model="form.legalNature"
			
 
				+                placeholder="请选择法人性质"
			
 
				+              >
			
 
				+                <el-option
			
 
				+                  v-for="item in legalNature"
			
 
				+                  :key="item.index"
			
 
				+                  :label="item.label"
			
 
				+                  :value="item.value"
			
 
				+                ></el-option>
			
 
				+              </el-select>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="企业名称" prop="companyName">
			
 
				+              <div style="display: inline-block; width: 584px">
			
 
				+                <el-input
			
 
				+                  v-model="form.companyName"
			
 
				+                  placeholder="请输入企业名称"
			
 
				+                ></el-input>
			
 
				+              </div>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="统一社会信用代码" prop="creditCode">
			
 
				+              <div style="display: inline-block; width: 528px">
			
 
				+                <el-input
			
 
				+                  v-model="form.creditCode"
			
 
				+                  placeholder="请输入统一社会信用代码"
			
 
				+                ></el-input>
			
 
				+              </div>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="法人姓名" prop="legalUser">
			
 
				+              <div style="display: inline-block; width: 584px">
			
 
				+                <el-input
			
 
				+                  v-model="form.legalUser"
			
 
				+                  placeholder="请输入法定代表人姓名"
			
 
				+                ></el-input>
			
 
				+              </div>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="身份证号" prop="idCard">
			
 
				+              <div style="display: inline-block; width: 584px">
			
 
				+                <el-input
			
 
				+                  v-model="form.idCard"
			
 
				+                  placeholder="请输入法定代表人身份证号"
			
 
				+                ></el-input>
			
 
				+              </div>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="身份证有效开始时间" prop="idcardStartDate">
			
 
				+              <div style="display: inline-block">
			
 
				+                <el-date-picker
			
 
				+                  v-model="form.idcardStartDate"
			
 
				+                  type="date"
			
 
				+                  placeholder="请选择身份证有效期开始时间"
			
 
				+                >
			
 
				+                </el-date-picker>
			
 
				+              </div>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="身份证有效结束时间" prop="idcardEndDate">
			
 
				+              <div style="display: inline-block">
			
 
				+                <el-date-picker
			
 
				+                  v-model="form.idcardEndDate"
			
 
				+                  type="date"
			
 
				+                  placeholder="请选择身份证有效期结束时间"
			
 
				+                >
			
 
				+                </el-date-picker>
			
 
				+                <div class="radios">
			
 
				+                  <el-radio v-model="form.idcardEffectiveTime" label="5"
			
 
				+                    >5年</el-radio
			
 
				+                  >
			
 
				+                  <el-radio v-model="form.idcardEffectiveTime" label="10"
			
 
				+                    >10年</el-radio
			
 
				+                  >
			
 
				+                  <el-radio v-model="form.idcardEffectiveTime" label="20"
			
 
				+                    >20年</el-radio
			
 
				+                  >
			
 
				+                  <el-radio v-model="form.idcardEffectiveTime" label=""
			
 
				+                    >长期有效</el-radio
			
 
				+                  >
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="用户名" prop="userName">
			
 
				+              <div style="display: inline-block; width: 598px">
			
 
				+                <el-input
			
 
				+                  v-model="form.userName"
			
 
				+                  placeholder="请输入6-20位字母、数字、下划线组合的字符串，以字母开头"
			
 
				+                ></el-input>
			
 
				+              </div>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="手机号" prop="phonenumber">
			
 
				+              <div style="display: inline-block; width: 598px">
			
 
				+                <el-input
			
 
				+                  v-model="form.phonenumber"
			
 
				+                  placeholder="请输入您的手机号"
			
 
				+                  maxlength="11"
			
 
				+                ></el-input>
			
 
				+              </div>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="验证码" prop="registerCode">
			
 
				+              <div style="display: inline-block; width: 598px">
			
 
				+                <el-input
			
 
				+                  style="width: 400px; margin-right: 7px"
			
 
				+                  v-model="form.registerCode"
			
 
				+                  placeholder="请输入验证码"
			
 
				+                ></el-input>
			
 
				+                <el-button @click="countDown">{{ content }}</el-button>
			
 
				+              </div>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="密  码" prop="password">
			
 
				+              <div style="display: inline-block; width: 608px">
			
 
				+                <el-input
			
 
				+                  v-model="form.password"
			
 
				+                  type="password"
			
 
				+                  placeholder="8-16位字符、大小写字母、数字、特殊字符，任意三种组合"
			
 
				+                ></el-input>
			
 
				+              </div>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="确认密码" prop="secPassword">
			
 
				+              <div style="display: inline-block; width: 584px">
			
 
				+                <el-input
			
 
				+                  v-model="form.secPassword"
			
 
				+                  type="password"
			
 
				+                  placeholder="确认密码"
			
 
				+                ></el-input>
			
 
				+              </div>
			
 
				+            </el-form-item>
			
 
				+          </div>
			
 
				+          <!-- 第一步结束 -->
			
 
				+          <div class="form-step form-step2" v-show="stepActive == '2'">
			
 
				+            <el-row :gutter="20">
			
 
				+              <el-col :span="12"
			
 
				+                ><el-form-item label="">
			
 
				+                  <div class="inner-wrap">
			
 
				+                    <el-input
			
 
				+                      v-model="form.email"
			
 
				+                      placeholder="邮箱"
			
 
				+                    ></el-input>
			
 
				+                  </div> </el-form-item
			
 
				+              ></el-col>
			
 
				+              <el-col :span="12"
			
 
				+                ><el-form-item label="">
			
 
				+                  <div class="inner-wrap">
			
 
				+                    <el-select
			
 
				+                      style="display: inline-block"
			
 
				+                      v-model="form.trade"
			
 
				+                      placeholder="请选择法人性质"
			
 
				+                    >
			
 
				+                      <el-option
			
 
				+                        v-for="item in trade"
			
 
				+                        :key="item.index"
			
 
				+                        :label="item.label"
			
 
				+                        :value="item.value"
			
 
				+                      ></el-option>
			
 
				+                    </el-select>
			
 
				+                  </div> </el-form-item
			
 
				+              ></el-col>
			
 
				+
			
 
				+              <el-col :span="12"
			
 
				+                ><el-form-item label="">
			
 
				+                  <div class="inner-wrap">
			
 
				+                    <el-select
			
 
				+                      style="display: inline-block"
			
 
				+                      v-model="form.scope"
			
 
				+                      placeholder="规模"
			
 
				+                    >
			
 
				+                      <el-option
			
 
				+                        v-for="item in scope"
			
 
				+                        :key="item.index"
			
 
				+                        :label="item.label"
			
 
				+                        :value="item.value"
			
 
				+                      ></el-option>
			
 
				+                    </el-select>
			
 
				+                  </div> </el-form-item
			
 
				+              ></el-col>
			
 
				+              <el-col :span="12"
			
 
				+                ><el-form-item label="">
			
 
				+                  <div class="inner-wrap">
			
 
				+                    <el-input
			
 
				+                      v-model="form.nickName"
			
 
				+                      placeholder="企业简称"
			
 
				+                    ></el-input>
			
 
				+                  </div> </el-form-item
			
 
				+              ></el-col>
			
 
				+              <el-col :span="24"
			
 
				+                ><el-form-item label="">
			
 
				+                  <div class="inner-wrap">
			
 
				+                    <el-input
			
 
				+                      style="width: 90%"
			
 
				+                      v-model="form.companyAddress"
			
 
				+                      placeholder="	地址"
			
 
				+                    ></el-input>
			
 
				+                    <i class="el-icon-location"></i>
			
 
				+                  </div> </el-form-item
			
 
				+              ></el-col>
			
 
				+              <el-col :span="24"
			
 
				+                ><el-form-item label="">
			
 
				+                  <div class="inner-wrap">
			
 
				+                    <el-input
			
 
				+                      v-model="form.detatil"
			
 
				+                      type="textarea"
			
 
				+                      :rows="5"
			
 
				+                      placeholder="	简介"
			
 
				+                    ></el-input>
			
 
				+                  </div> </el-form-item
			
 
				+              ></el-col>
			
 
				+              <el-col :span="24"
			
 
				+                ><el-form-item label="">
			
 
				+                  <div class="inner-wrap">
			
 
				+                    <el-upload
			
 
				+                      class="uploader logo-uploader"
			
 
				+                      :action="upAction"
			
 
				+                      :show-file-list="false"
			
 
				+                      :on-success="logoUploadSuccess"
			
 
				+                      list-type="picture"
			
 
				+                    >
			
 
				+                      <img
			
 
				+                        v-if="logoTempImg"
			
 
				+                        :src="logoTempImg"
			
 
				+                        class="uploader-img"
			
 
				+                      />
			
 
				+                      <i v-else class="el-icon-plus uploader-icon"></i>
			
 
				+                      <div class="text">上传企业logo</div>
			
 
				+                    </el-upload>
			
 
				+                    <el-upload
			
 
				+                      class="uploader2"
			
 
				+                      :action="upAction"
			
 
				+                      :show-file-list="true"
			
 
				+                      multiple
			
 
				+                      :limit="2"
			
 
				+                      :file-list="licenseFileList"
			
 
				+                      list-type="picture"
			
 
				+                      :on-success="licenseUpSuccess"
			
 
				+                      :on-remove="licenseUpRemove"
			
 
				+                    >
			
 
				+                      <el-button type="primary">上传营业执照</el-button>
			
 
				+                    </el-upload>
			
 
				+                    <el-upload
			
 
				+                      class="uploader2"
			
 
				+                      :action="upAction"
			
 
				+                      :show-file-list="true"
			
 
				+                      multiple
			
 
				+                      :limit="2"
			
 
				+                      :file-list="companyfileList"
			
 
				+                      list-type="picture"
			
 
				+                      :on-success="companyfileUpSuccess"
			
 
				+                      :on-remove="companyfileRemove"
			
 
				+                    >
			
 
				+                      <el-button type="primary">上传公司照片</el-button>
			
 
				+                    </el-upload>
			
 
				+                  </div>
			
 
				+                </el-form-item></el-col
			
 
				+              >
			
 
				+            </el-row>
			
 
				+          </div>
			
 
				+          <div class="btns">
			
 
				+            <el-button v-if="stepActive == '1'" @click="goStep2" type="primary"
			
 
				+              >下一步</el-button
			
 
				+            >
			
 
				+            <el-button
			
 
				+              v-if="stepActive == '2'"
			
 
				+              @click="stepActive = 1"
			
 
				+              type="primary"
			
 
				+              >上一步</el-button
			
 
				+            >
			
 
				+            <el-button v-if="stepActive == '2'" @click="submit" type="primary"
			
 
				+              >下一步</el-button
			
 
				+            >
			
 
				+          </div>
			
 
				+        </el-form>
			
 
				+        <div class="submit-result" v-if="stepActive == 3">
			
 
				+          <img class="img" src="../../static/images/icon-success.png" alt="" />
			
 
				+          <div class="result">提交成功</div>
			
 
				+          <div class="tip">所提交内容等待审核</div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+//import { projectClassList } from '@/api/project/projectclass';
			
 
				+import {
			
 
				+  getLegalNature,
			
 
				+  getTrade,
			
 
				+  getScope,
			
 
				+  register,
			
 
				+  getSmsCode,
			
 
				+} from "@/utils/api.js";
			
 
				+export default {
			
 
				+  name: "",
			
 
				+  components: {},
			
 
				+  data() {
			
 
				+    let validatePass2 = (rule, value, callback) => {
			
 
				+      if (value === "") {
			
 
				+        callback(new Error("请再次输入密码"));
			
 
				+      } else if (value !== this.form.password) {
			
 
				+        callback(new Error("两次输入密码不一致!"));
			
 
				+      } else {
			
 
				+        callback();
			
 
				+      }
			
 
				+    };
			
 
				+    return {
			
 
				+      upAction:
			
 
				+        "https://wx.hw.hongweisoft.com/veterans/file/upload/single/minio",
			
 
				+      logoUrl: "",
			
 
				+      licenseFileList: [],
			
 
				+      companyfileList: [],
			
 
				+      stepActive: 1,
			
 
				+      formTtitle: "",
			
 
				+      legalNature: [],
			
 
				+      trade: [],
			
 
				+      scope: [],
			
 
				+      content: "获取验证码",
			
 
				+      totalTime: 60,
			
 
				+      canClick: true,
			
 
				+      form: {
			
 
				+        secPassword: "",
			
 
				+        companyName: "",
			
 
				+        legalNature: "",
			
 
				+        creditCode: "",
			
 
				+        legalUser: "",
			
 
				+        idCard: "",
			
 
				+        idcardStartDate: "",
			
 
				+        idcardEndDate: "",
			
 
				+        idcardEffectiveTime: "10",
			
 
				+        userName: "",
			
 
				+        phonenumber: "",
			
 
				+        password: "",
			
 
				+        email: "",
			
 
				+        trade: "",
			
 
				+        scope: "",
			
 
				+        nickName: "",
			
 
				+        companyAddress: "",
			
 
				+        linkUser: "",
			
 
				+        linkPhone: "",
			
 
				+        detatil: "",
			
 
				+        logoFileList: [],
			
 
				+        licenseFileList: [],
			
 
				+        companyfileList: [],
			
 
				+        fileList: [],
			
 
				+      },
			
 
				+      rules: {
			
 
				+        legalNature: [
			
 
				+          { required: true, message: "请选择法人性质", trigger: "blur" },
			
 
				+        ],
			
 
				+        companyName: [
			
 
				+          { required: true, message: "请输入企业名称", trigger: "blur" },
			
 
				+        ],
			
 
				+        creditCode: [
			
 
				+          {
			
 
				+            required: true,
			
 
				+            message: "请输入统一社会信用代码",
			
 
				+            trigger: "blur",
			
 
				+          },
			
 
				+        ],
			
 
				+        legalUser: [
			
 
				+          { required: true, message: "请输入法人姓名", trigger: "blur" },
			
 
				+        ],
			
 
				+        idCard: [
			
 
				+          {
			
 
				+            required: true,
			
 
				+            pattern:
			
 
				+              /(^\d{8}(0\d|10|11|12)([0-2]\d|30|31)\d{3}$)|(^\d{6}(18|19|20)\d{2}(0[1-9]|10|11|12)([0-2]\d|30|31)\d{3}(\d|X|x)$)/,
			
 
				+            message: "请输入法人身份证号码",
			
 
				+            trigger: "blur",
			
 
				+          },
			
 
				+        ],
			
 
				+        idcardStartDate: [
			
 
				+          {
			
 
				+            required: true,
			
 
				+            message: "请输入身份证有效期开始时间",
			
 
				+            trigger: "blur",
			
 
				+          },
			
 
				+        ],
			
 
				+        idcardEndDate: [
			
 
				+          {
			
 
				+            required: true,
			
 
				+            message: "请输入身份证有效期结束时间",
			
 
				+            trigger: "blur",
			
 
				+          },
			
 
				+        ],
			
 
				+        userName: [
			
 
				+          {
			
 
				+            required: true,
			
 
				+            pattern: /^[a-zA-Z][0-9a-zA-Z]{6,20}$/,
			
 
				+            message: "请输入规则的用户名",
			
 
				+            trigger: "blur",
			
 
				+          },
			
 
				+        ],
			
 
				+        phonenumber: [
			
 
				+          {
			
 
				+            required: true,
			
 
				+            pattern: /^(?:(?:\+|00)86)?1\d{10}$/,
			
 
				+            message: "请输入正确手机号",
			
 
				+            trigger: "blur",
			
 
				+          },
			
 
				+        ],
			
 
				+        registerCode: [
			
 
				+          { required: true, message: "请输入验证码", trigger: "blur" },
			
 
				+        ],
			
 
				+        password: [
			
 
				+          {
			
 
				+            required: true,
			
 
				+            pattern:
			
 
				+              /((^(?=.*[a-z])(?=.*[A-Z])(?=.*\W)[\da-zA-Z\W]{8,16}$)|(^(?=.*\d)(?=.*[A-Z])(?=.*\W)[\da-zA-Z\W]{8,16}$)|(^(?=.*\d)(?=.*[a-z])(?=.*\W)[\da-zA-Z\W]{8,16}$)|(^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])[\da-zA-Z\W]{8,16}$))/,
			
 
				+            message:
			
 
				+              "请输入8-16位字符、大小写字母、数字、特殊字符，任意三种组合密码",
			
 
				+            trigger: "blur",
			
 
				+          },
			
 
				+        ],
			
 
				+        secPassword: [
			
 
				+          { required: true, validator: validatePass2, trigger: "blur" },
			
 
				+        ],
			
 
				+      },
			
 
				+      queryParams: {
			
 
				+        pageNum: 1,
			
 
				+        pageSize: 10,
			
 
				+      },
			
 
				+    };
			
 
				+  },
			
 
				+  watch: {
			
 
				+    stepActive: {
			
 
				+      handler(newVal) {
			
 
				+        if (newVal == 1) {
			
 
				+          this.formTtitle = "注册";
			
 
				+        } else if (newVal == 2) {
			
 
				+          this.formTtitle = "完善基本信息";
			
 
				+        }
			
 
				+      },
			
 
				+      immediate: true,
			
 
				+    },
			
 
				+  },
			
 
				+  computed: {
			
 
				+    logoTempImg() {
			
 
				+      // console.log("this.form.logoFileList", this.form.logoFileList);
			
 
				+      if (this.form.logoFileList.length >= 1) {
			
 
				+        return this.form.logoFileList[0].filesUrl;
			
 
				+      } else {
			
 
				+        return false;
			
 
				+      }
			
 
				+    },
			
 
				+  },
			
 
				+  created() {
			
 
				+    this.handelGetLegalNature();
			
 
				+    this.handelGetTrade();
			
 
				+    this.handelGetScope();
			
 
				+  },
			
 
				+  methods: {
			
 
				+    goStep2() {
			
 
				+      this.$refs["form"].validate((valid) => {
			
 
				+        if (valid) {
			
 
				+          this.stepActive = 2;
			
 
				+        } else {
			
 
				+          // console.log("error submit!!");
			
 
				+          return false;
			
 
				+        }
			
 
				+      });
			
 
				+    },
			
 
				+    logoUploadSuccess(res, file) {
			
 
				+      console.log("file", file);
			
 
				+      this.form.logoFileList.push({
			
 
				+        filesUrl: res.data.url,
			
 
				+        filesType: 1,
			
 
				+        filesOrder: "",
			
 
				+      });
			
 
				+    },
			
 
				+    beforeUpload(file) {
			
 
				+      const isJPG = file.type === "image/jpeg";
			
 
				+      const isLt5M = file.size / 1024 / 1024 < 5;
			
 
				+      // if (!isJPG) {
			
 
				+      //   this.$message.error("上传头像图片只能是 JPG 格式!");
			
 
				+      // }
			
 
				+      if (!isLt5M) {
			
 
				+        this.$message.error("上传头像图片大小不能超过 5MB!");
			
 
				+      }
			
 
				+      return isJPG && isLt5M;
			
 
				+    },
			
 
				+    licenseUpSuccess(response, file, fileList) {
			
 
				+      let that = this;
			
 
				+      //   console.log("response", response);
			
 
				+      //   console.log("file", file);
			
 
				+      //   console.log("fileList", fileList);
			
 
				+      this.form.licenseFileList = [];
			
 
				+      for (let index = 0; index < fileList.length; index++) {
			
 
				+        const element = fileList[index].response.data;
			
 
				+        that.form.licenseFileList.push({
			
 
				+          filesUrl: element.url,
			
 
				+          filesType: 2,
			
 
				+          filesOrder: "",
			
 
				+        });
			
 
				+        // console.log("element", element);
			
 
				+      }
			
 
				+    },
			
 
				+    licenseUpRemove(file, fileList) {
			
 
				+      let that = this;
			
 
				+      //   console.log("file", file);
			
 
				+      //   console.log("fileList", fileList);
			
 
				+      this.form.licenseFileList = [];
			
 
				+      for (let index = 0; index < fileList.length; index++) {
			
 
				+        const element = fileList[index].response.data;
			
 
				+        that.form.licenseFileList.push({
			
 
				+          filesUrl: element.url,
			
 
				+          filesType: 2,
			
 
				+          filesOrder: "",
			
 
				+        });
			
 
				+        // console.log("element", element);
			
 
				+      }
			
 
				+    },
			
 
				+    companyfileUpSuccess(response, file, fileList) {
			
 
				+      let that = this;
			
 
				+      this.form.companyfileList = [];
			
 
				+      for (let index = 0; index < fileList.length; index++) {
			
 
				+        const element = fileList[index].response.data;
			
 
				+        that.form.companyfileList.push({
			
 
				+          filesUrl: element.url,
			
 
				+          filesType: 3,
			
 
				+          filesOrder: "",
			
 
				+        });
			
 
				+      }
			
 
				+    },
			
 
				+    companyfileRemove(file, fileList) {
			
 
				+      let that = this;
			
 
				+      this.form.companyfileList = [];
			
 
				+      for (let index = 0; index < fileList.length; index++) {
			
 
				+        const element = fileList[index].response.data;
			
 
				+        that.form.companyfileList.push({
			
 
				+          filesUrl: element.url,
			
 
				+          filesType: 3,
			
 
				+          filesOrder: "",
			
 
				+        });
			
 
				+      }
			
 
				+    },
			
 
				+    handelGetLegalNature() {
			
 
				+      let that = this;
			
 
				+      getLegalNature()
			
 
				+        .then((res) => {
			
 
				+          console.log("getLegalNature", res);
			
 
				+          if (res.code == 200) {
			
 
				+            res.data.map(function (currentValue) {
			
 
				+              that.legalNature.push({
			
 
				+                value: currentValue.dictValue,
			
 
				+                label: currentValue.dictLabel,
			
 
				+              });
			
 
				+            });
			
 
				+          }
			
 
				+        })
			
 
				+        .catch((err) => {
			
 
				+          console.log("getLegalNature err", err);
			
 
				+        });
			
 
				+    },
			
 
				+    handelGetTrade() {
			
 
				+      let that = this;
			
 
				+      getTrade()
			
 
				+        .then((res) => {
			
 
				+          console.log("getTrade", res);
			
 
				+          if (res.code == 200) {
			
 
				+            res.data.map(function (currentValue) {
			
 
				+              that.trade.push({
			
 
				+                value: currentValue.dictValue,
			
 
				+                label: currentValue.dictLabel,
			
 
				+              });
			
 
				+            });
			
 
				+          }
			
 
				+        })
			
 
				+        .catch((err) => {
			
 
				+          console.log("getTrade err", err);
			
 
				+        });
			
 
				+    },
			
 
				+    handelGetScope() {
			
 
				+      let that = this;
			
 
				+      getScope()
			
 
				+        .then((res) => {
			
 
				+          console.log("getScope", res);
			
 
				+          if (res.code == 200) {
			
 
				+            res.data.map(function (currentValue) {
			
 
				+              that.scope.push({
			
 
				+                value: currentValue.dictValue,
			
 
				+                label: currentValue.dictLabel,
			
 
				+              });
			
 
				+            });
			
 
				+          }
			
 
				+        })
			
 
				+        .catch((err) => {
			
 
				+          console.log("getScope err", err);
			
 
				+        });
			
 
				+    },
			
 
				+    handelGetSmsCode(data) {
			
 
				+      getSmsCode(data)
			
 
				+        .then((res) => {
			
 
				+          console.log("getSmsCode", res);
			
 
				+        })
			
 
				+        .catch((err) => {
			
 
				+          console.log("getSmsCode err", err);
			
 
				+        });
			
 
				+    },
			
 
				+    countDown() {
			
 
				+      //获取验证码
			
 
				+      if (!this.canClick) return;
			
 
				+      if (!this.form.phonenumber) {
			
 
				+        this.$message.error("请输入手机号");
			
 
				+        return false;
			
 
				+      }
			
 
				+      if (!/^[1][3,4,5,6,7,8,9][0-9]{9}$/.test(this.form.phonenumber)) {
			
 
				+        this.$message.error("请输入正确的手机号");
			
 
				+        return false;
			
 
				+      }
			
 
				+
			
 
				+      getSmsCode({ phonenumber: this.form.phonenumber })
			
 
				+        .then((res) => {
			
 
				+          if (res.code == 200) {
			
 
				+            this.canClick = false;
			
 
				+            this.content = this.totalTime + "s后重新发送";
			
 
				+            let timer = window.setInterval(() => {
			
 
				+              this.totalTime--;
			
 
				+              this.content = this.totalTime + "s后重新发送";
			
 
				+              if (this.totalTime < 0) {
			
 
				+                window.clearInterval(timer);
			
 
				+                this.content = "重新发送验证码";
			
 
				+                this.totalTime = 60;
			
 
				+                this.canClick = true; //这里重新开启
			
 
				+              }
			
 
				+            }, 1000);
			
 
				+          } else {
			
 
				+            this.$message.error(res.msg);
			
 
				+          }
			
 
				+        })
			
 
				+        .catch((err) => {
			
 
				+          console.log("getSmsCode err", err);
			
 
				+        });
			
 
				+    },
			
 
				+    submit() {
			
 
				+      this.$refs["form"].validate((valid) => {
			
 
				+        if (valid) {
			
 
				+          register(this.form)
			
 
				+            .then((res) => {
			
 
				+              console.log("fetchList", res);
			
 
				+              if (res.code == 200) {
			
 
				+                this.stepActive = 3;
			
 
				+              }
			
 
				+            })
			
 
				+            .catch((err) => {
			
 
				+              this.$message.error(err.msg);
			
 
				+              // console.log("register err", err);
			
 
				+            });
			
 
				+        } else {
			
 
				+          this.$message.error("请填写必填项!");
			
 
				+          return false;
			
 
				+        }
			
 
				+      });
			
 
				+      console.log("this.form", this.form);
			
 
				+    },
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang='scss' scoped>
			
 
				+//@import url()
			
 
				+.full-body {
			
 
				+  overflow: hidden;
			
 
				+  background: url(https://w.wallhaven.cc/full/v9/wallhaven-v9djdl.jpg) no-repeat;
			
 
				+  background-size: cover;
			
 
				+}
			
 
				+.register-wrap {
			
 
				+  overflow: hidden;
			
 
				+  margin: 50px auto 0;
			
 
				+  padding-bottom: 30px;
			
 
				+  box-sizing: border-box;
			
 
				+  width: 1050px;
			
 
				+  //   height: 855px;
			
 
				+  background: rgba(255, 255, 255, 0.96);
			
 
				+  border-radius: 20px;
			
 
				+}
			
 
				+.steps-wrap {
			
 
				+  float: left;
			
 
				+  box-sizing: border-box;
			
 
				+  width: 300px;
			
 
				+  height: 100%;
			
 
				+  padding-left: 57px;
			
 
				+  padding-top: 175px;
			
 
				+  background: rgba(248, 248, 248, 0.91);
			
 
				+}
			
 
				+.form-wrap {
			
 
				+  padding-left: 48px;
			
 
				+  padding-right: 40px;
			
 
				+  overflow: hidden;
			
 
				+  .form-title {
			
 
				+    font-size: 26px;
			
 
				+    font-weight: 500;
			
 
				+    color: #474747;
			
 
				+    line-height: 37px;
			
 
				+    letter-spacing: 1px;
			
 
				+    border-bottom: 1px solid #c7c7c7;
			
 
				+    padding-bottom: 16px;
			
 
				+    padding-top: 27px;
			
 
				+    margin-bottom: 25px;
			
 
				+  }
			
 
				+  .el-form-item {
			
 
				+    margin-bottom: 10px;
			
 
				+  }
			
 
				+  /deep/ .el-date-editor {
			
 
				+    .el-input__inner {
			
 
				+      width: 515px;
			
 
				+    }
			
 
				+  }
			
 
				+  .btns {
			
 
				+    text-align: center;
			
 
				+    margin-top: 45px;
			
 
				+    button {
			
 
				+      min-width: 195px;
			
 
				+    }
			
 
				+  }
			
 
				+  .form-step2 {
			
 
				+    .inner-wrap {
			
 
				+      .el-select {
			
 
				+        width: 100%;
			
 
				+      }
			
 
				+      .el-icon-location {
			
 
				+        font-size: 30px;
			
 
				+        vertical-align: middle;
			
 
				+        margin-left: 14px;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+  /deep/ .el-form-item__error {
			
 
				+    z-index: 99;
			
 
				+    background: #fff;
			
 
				+  }
			
 
				+}
			
 
				+.logo-uploader /deep/ .el-upload {
			
 
				+  border: 1px dashed #d9d9d9;
			
 
				+  border-radius: 6px;
			
 
				+  cursor: pointer;
			
 
				+  position: relative;
			
 
				+  overflow: hidden;
			
 
				+  //   float: left;
			
 
				+  & + .uploader {
			
 
				+    margin-left: 20px;
			
 
				+  }
			
 
				+  .text {
			
 
				+    position: absolute;
			
 
				+    left: 0;
			
 
				+    bottom: 0;
			
 
				+    right: 0;
			
 
				+  }
			
 
				+  .el-upload:hover {
			
 
				+    border-color: #409eff;
			
 
				+  }
			
 
				+  .uploader-icon {
			
 
				+    font-size: 28px;
			
 
				+    color: #8c939d;
			
 
				+    width: 100px;
			
 
				+    height: 100px;
			
 
				+    line-height: 100px;
			
 
				+    text-align: center;
			
 
				+  }
			
 
				+  .uploader-img {
			
 
				+    width: 100px;
			
 
				+    height: 100px;
			
 
				+    display: block;
			
 
				+  }
			
 
				+}
			
 
				+.uploader2 {
			
 
				+  border: 1px dashed #ddd;
			
 
				+  padding: 20px;
			
 
				+  border-radius: 8px;
			
 
				+  margin-bottom: 20px;
			
 
				+}
			
 
				+.submit-result {
			
 
				+  width: 370px;
			
 
				+  height: 373px;
			
 
				+  margin: 156px auto 206px;
			
 
				+  background: #ffffff;
			
 
				+  box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.1);
			
 
				+  border-radius: 15px;
			
 
				+  text-align: center;
			
 
				+  padding-top: 56px;
			
 
				+  box-sizing: border-box;
			
 
				+  .img {
			
 
				+    width: 103px;
			
 
				+  }
			
 
				+  .result {
			
 
				+    font-size: 26px;
			
 
				+    font-weight: 500;
			
 
				+    color: #4d4d4d;
			
 
				+    line-height: 37px;
			
 
				+    letter-spacing: 1px;
			
 
				+    margin: 24px auto 63px;
			
 
				+  }
			
 
				+  .tip {
			
 
				+    font-size: 14px;
			
 
				+    color: #8b8b8b;
			
 
				+    line-height: 20px;
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/static/images/background.jpg
+++ b/static/images/background.jpg
--- a/static/images/icon-success.png
+++ b/static/images/icon-success.png
--- a/static/images/icon-zhuce.png
+++ b/static/images/icon-zhuce.png
--- a/vue.config.js
+++ b/vue.config.js
@@ -0,0 +1,27 @@
 
				+module.exports = {
			
 
				+  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/`,
			
 
				+        changeOrigin: true,
			
 
				+        pathRewrite: {
			
 
				+          ['^' + process.env.VUE_APP_BASE_API]: ''
			
 
				+        }
			
 
				+      }
			
 
				+    },
			
 
				+    disableHostCheck: true
			
 
				+  },
			
 
				+  productionSourceMap: false,
			
 
				+  publicPath: process.env.NODE_ENV === 'production' ? '/' : '/'
			
 
				+}
			
--- a/yarn.lock
+++ b/yarn.lock