antissoft / antissoft.shangten-admin

Browse Code »

Commit 2d21111e423ee0a1146989c618e39f6781224fef

Authored by wangming 2022-02-07 11:10:11 +0800

1 parent 1cae26c6

项目初始化

Inline Side-by-side

Showing 136 changed files with 12573 additions and 0 deletions

Too many changes.
Reload with full diff Plain diff Email patch

To preserve performance only 100 of 136 files are displayed.

.editorconfig 0 → 100644

View file @2d21111

	1	+# http://editorconfig.org
	2	+root = true
	3	+
	4	+[*]
	5	+charset = utf-8
	6	+indent_style = space
	7	+indent_size = 2
	8	+end_of_line = lf
	9	+insert_final_newline = true
	10	+trim_trailing_whitespace = true
	11	+
	12	+[*.md]
	13	+insert_final_newline = false
	14	+trim_trailing_whitespace = false
...	...

.env.development 0 → 100644

View file @2d21111

	1	+# just a flag
	2	+ENV = 'development'
	3	+
	4	+# base api
	5	+VUE_APP_BASE_API = '/api'
...	...

.env.production 0 → 100644

View file @2d21111

	1	+# just a flag
	2	+ENV = 'production'
	3	+
	4	+# base api
	5	+VUE_APP_BASE_API = '/api'
	6	+
...	...

.env.staging 0 → 100644

View file @2d21111

	1	+NODE_ENV = production
	2	+
	3	+# just a flag
	4	+ENV = 'staging'
	5	+
	6	+# base api
	7	+VUE_APP_BASE_API = '/stage-api'
	8	+
...	...

.eslintignore 0 → 100644

View file @2d21111

	1	+build/*.js
	2	+src/assets
	3	+public
	4	+dist
...	...

.eslintrc.js 0 → 100644

View file @2d21111

	1	+module.exports = {
	2	+ root: true,
	3	+ parserOptions: {
	4	+ parser: 'babel-eslint',
	5	+ sourceType: 'module'
	6	+ },
	7	+ env: {
	8	+ browser: true,
	9	+ node: true,
	10	+ es6: true,
	11	+ },
	12	+ extends: ['plugin:vue/recommended', 'eslint:recommended'],
	13	+
	14	+ // add your custom rules here
	15	+ //it is base on https://github.com/vuejs/eslint-config-vue
	16	+ rules: {
	17	+ "vue/max-attributes-per-line": [2, {
	18	+ "singleline": 10,
	19	+ "multiline": {
	20	+ "max": 1,
	21	+ "allowFirstLine": false
	22	+ }
	23	+ }],
	24	+ "vue/singleline-html-element-content-newline": "off",
	25	+ "vue/multiline-html-element-content-newline":"off",
	26	+ "vue/name-property-casing": ["error", "PascalCase"],
	27	+ "vue/no-v-html": "off",
	28	+ 'accessor-pairs': 2,
	29	+ 'arrow-spacing': [2, {
	30	+ 'before': true,
	31	+ 'after': true
	32	+ }],
	33	+ 'block-spacing': [2, 'always'],
	34	+ 'brace-style': [2, '1tbs', {
	35	+ 'allowSingleLine': true
	36	+ }],
	37	+ 'camelcase': [0, {
	38	+ 'properties': 'always'
	39	+ }],
	40	+ 'comma-dangle': [2, 'never'],
	41	+ 'comma-spacing': [2, {
	42	+ 'before': false,
	43	+ 'after': true
	44	+ }],
	45	+ 'comma-style': [2, 'last'],
	46	+ 'constructor-super': 2,
	47	+ 'curly': [2, 'multi-line'],
	48	+ 'dot-location': [2, 'property'],
	49	+ 'eol-last': 2,
	50	+ 'eqeqeq': ["error", "always", {"null": "ignore"}],
	51	+ 'generator-star-spacing': [2, {
	52	+ 'before': true,
	53	+ 'after': true
	54	+ }],
	55	+ 'handle-callback-err': [2, '^(err\|error)$'],
	56	+ 'indent': [2, 2, {
	57	+ 'SwitchCase': 1
	58	+ }],
	59	+ 'jsx-quotes': [2, 'prefer-single'],
	60	+ 'key-spacing': [2, {
	61	+ 'beforeColon': false,
	62	+ 'afterColon': true
	63	+ }],
	64	+ 'keyword-spacing': [2, {
	65	+ 'before': true,
	66	+ 'after': true
	67	+ }],
	68	+ 'new-cap': [2, {
	69	+ 'newIsCap': true,
	70	+ 'capIsNew': false
	71	+ }],
	72	+ 'new-parens': 2,
	73	+ 'no-array-constructor': 2,
	74	+ 'no-caller': 2,
	75	+ 'no-console': 'off',
	76	+ 'no-class-assign': 2,
	77	+ 'no-cond-assign': 2,
	78	+ 'no-const-assign': 2,
	79	+ 'no-control-regex': 0,
	80	+ 'no-delete-var': 2,
	81	+ 'no-dupe-args': 2,
	82	+ 'no-dupe-class-members': 2,
	83	+ 'no-dupe-keys': 2,
	84	+ 'no-duplicate-case': 2,
	85	+ 'no-empty-character-class': 2,
	86	+ 'no-empty-pattern': 2,
	87	+ 'no-eval': 2,
	88	+ 'no-ex-assign': 2,
	89	+ 'no-extend-native': 2,
	90	+ 'no-extra-bind': 2,
	91	+ 'no-extra-boolean-cast': 2,
	92	+ 'no-extra-parens': [2, 'functions'],
	93	+ 'no-fallthrough': 2,
	94	+ 'no-floating-decimal': 2,
	95	+ 'no-func-assign': 2,
	96	+ 'no-implied-eval': 2,
	97	+ 'no-inner-declarations': [2, 'functions'],
	98	+ 'no-invalid-regexp': 2,
	99	+ 'no-irregular-whitespace': 2,
	100	+ 'no-iterator': 2,
	101	+ 'no-label-var': 2,
	102	+ 'no-labels': [2, {
	103	+ 'allowLoop': false,
	104	+ 'allowSwitch': false
	105	+ }],
	106	+ 'no-lone-blocks': 2,
	107	+ 'no-mixed-spaces-and-tabs': 2,
	108	+ 'no-multi-spaces': 2,
	109	+ 'no-multi-str': 2,
	110	+ 'no-multiple-empty-lines': [2, {
	111	+ 'max': 1
	112	+ }],
	113	+ 'no-native-reassign': 2,
	114	+ 'no-negated-in-lhs': 2,
	115	+ 'no-new-object': 2,
	116	+ 'no-new-require': 2,
	117	+ 'no-new-symbol': 2,
	118	+ 'no-new-wrappers': 2,
	119	+ 'no-obj-calls': 2,
	120	+ 'no-octal': 2,
	121	+ 'no-octal-escape': 2,
	122	+ 'no-path-concat': 2,
	123	+ 'no-proto': 2,
	124	+ 'no-redeclare': 2,
	125	+ 'no-regex-spaces': 2,
	126	+ 'no-return-assign': [2, 'except-parens'],
	127	+ 'no-self-assign': 2,
	128	+ 'no-self-compare': 2,
	129	+ 'no-sequences': 2,
	130	+ 'no-shadow-restricted-names': 2,
	131	+ 'no-spaced-func': 2,
	132	+ 'no-sparse-arrays': 2,
	133	+ 'no-this-before-super': 2,
	134	+ 'no-throw-literal': 2,
	135	+ 'no-trailing-spaces': 2,
	136	+ 'no-undef': 2,
	137	+ 'no-undef-init': 2,
	138	+ 'no-unexpected-multiline': 2,
	139	+ 'no-unmodified-loop-condition': 2,
	140	+ 'no-unneeded-ternary': [2, {
	141	+ 'defaultAssignment': false
	142	+ }],
	143	+ 'no-unreachable': 2,
	144	+ 'no-unsafe-finally': 2,
	145	+ 'no-unused-vars': [2, {
	146	+ 'vars': 'all',
	147	+ 'args': 'none'
	148	+ }],
	149	+ 'no-useless-call': 2,
	150	+ 'no-useless-computed-key': 2,
	151	+ 'no-useless-constructor': 2,
	152	+ 'no-useless-escape': 0,
	153	+ 'no-whitespace-before-property': 2,
	154	+ 'no-with': 2,
	155	+ 'one-var': [2, {
	156	+ 'initialized': 'never'
	157	+ }],
	158	+ 'operator-linebreak': [2, 'after', {
	159	+ 'overrides': {
	160	+ '?': 'before',
	161	+ ':': 'before'
	162	+ }
	163	+ }],
	164	+ 'padded-blocks': [2, 'never'],
	165	+ 'quotes': [2, 'single', {
	166	+ 'avoidEscape': true,
	167	+ 'allowTemplateLiterals': true
	168	+ }],
	169	+ 'semi': [2, 'never'],
	170	+ 'semi-spacing': [2, {
	171	+ 'before': false,
	172	+ 'after': true
	173	+ }],
	174	+ 'space-before-blocks': [2, 'always'],
	175	+ 'space-before-function-paren': [2, 'never'],
	176	+ 'space-in-parens': [2, 'never'],
	177	+ 'space-infix-ops': 2,
	178	+ 'space-unary-ops': [2, {
	179	+ 'words': true,
	180	+ 'nonwords': false
	181	+ }],
	182	+ 'spaced-comment': [2, 'always', {
	183	+ 'markers': ['global', 'globals', 'eslint', 'eslint-disable', '*package', '!', ',']
	184	+ }],
	185	+ 'template-curly-spacing': [2, 'never'],
	186	+ 'use-isnan': 2,
	187	+ 'valid-typeof': 2,
	188	+ 'wrap-iife': [2, 'any'],
	189	+ 'yield-star-spacing': [2, 'both'],
	190	+ 'yoda': [2, 'never'],
	191	+ 'prefer-const': 2,
	192	+ 'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
	193	+ 'object-curly-spacing': [2, 'always', {
	194	+ objectsInObjects: false
	195	+ }],
	196	+ 'array-bracket-spacing': [2, 'never']
	197	+ }
	198	+}
...	...

.travis.yml 0 → 100644

View file @2d21111

	1	+language: node_js
	2	+node_js: 10
	3	+script: npm run test
	4	+notifications:
	5	+ email: false
...	...

LICENSE 0 → 100644

View file @2d21111

	1	+MIT License
	2	+
	3	+Copyright (c) 2017-present PanJiaChen
	4	+
	5	+Permission is hereby granted, free of charge, to any person obtaining a copy
	6	+of this software and associated documentation files (the "Software"), to deal
	7	+in the Software without restriction, including without limitation the rights
	8	+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
	9	+copies of the Software, and to permit persons to whom the Software is
	10	+furnished to do so, subject to the following conditions:
	11	+
	12	+The above copyright notice and this permission notice shall be included in all
	13	+copies or substantial portions of the Software.
	14	+
	15	+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
	16	+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
	17	+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
	18	+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
	19	+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
	20	+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
	21	+SOFTWARE.
...	...

README-zh.md 0 → 100644

View file @2d21111

	1	+# vue-admin-template
	2	+
	3	+> 这是一个极简的 vue admin 管理后台。它只包含了 Element UI & axios & iconfont & permission control & lint，这些搭建后台必要的东西。
	4	+
	5	+[线上地址](http://panjiachen.github.io/vue-admin-template)
	6	+
	7	+[国内访问](https://panjiachen.gitee.io/vue-admin-template)
	8	+
	9	+目前版本为 `v4.0+` 基于 `vue-cli` 进行构建，若你想使用旧版本，可以切换分支到[tag/3.11.0](https://github.com/PanJiaChen/vue-admin-template/tree/tag/3.11.0)，它不依赖 `vue-cli`。
	10	+
	11	+## Extra
	12	+
	13	+如果你想要根据用户角色来动态生成侧边栏和 router，你可以使用该分支[permission-control](https://github.com/PanJiaChen/vue-admin-template/tree/permission-control)
	14	+
	15	+## 相关项目
	16	+
	17	+- [vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)
	18	+
	19	+- [electron-vue-admin](https://github.com/PanJiaChen/electron-vue-admin)
	20	+
	21	+- [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template)
	22	+
	23	+- [awesome-project](https://github.com/PanJiaChen/vue-element-admin/issues/2312)
	24	+
	25	+写了一个系列的教程配套文章，如何从零构建后一个完整的后台项目:
	26	+
	27	+- [手摸手，带你用 vue 撸后台系列一(基础篇)](https://juejin.im/post/59097cd7a22b9d0065fb61d2)
	28	+- [手摸手，带你用 vue 撸后台系列二(登录权限篇)](https://juejin.im/post/591aa14f570c35006961acac)
	29	+- [手摸手，带你用 vue 撸后台系列三 (实战篇)](https://juejin.im/post/593121aa0ce4630057f70d35)
	30	+- [手摸手，带你用 vue 撸后台系列四(vueAdmin 一个极简的后台基础模板,专门针对本项目的文章,算作是一篇文档)](https://juejin.im/post/595b4d776fb9a06bbe7dba56)
	31	+- [手摸手，带你封装一个 vue component](https://segmentfault.com/a/1190000009090836)
	32	+
	33	+## Build Setup
	34	+
	35	+```bash
	36	+# 克隆项目
	37	+git clone https://github.com/PanJiaChen/vue-admin-template.git
	38	+
	39	+# 进入项目目录
	40	+cd vue-admin-template
	41	+
	42	+# 安装依赖
	43	+npm install
	44	+
	45	+# 建议不要直接使用 cnpm 安装以来，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
	46	+npm install --registry=https://registry.npm.taobao.org
	47	+
	48	+# 启动服务
	49	+npm run dev
	50	+```
	51	+
	52	+浏览器访问 [http://localhost:9528](http://localhost:9528)
	53	+
	54	+## 发布
	55	+
	56	+```bash
	57	+# 构建测试环境
	58	+npm run build:stage
	59	+
	60	+# 构建生产环境
	61	+npm run build:prod
	62	+```
	63	+
	64	+## 其它
	65	+
	66	+```bash
	67	+# 预览发布环境效果
	68	+npm run preview
	69	+
	70	+# 预览发布环境效果 + 静态资源分析
	71	+npm run preview -- --report
	72	+
	73	+# 代码格式检查
	74	+npm run lint
	75	+
	76	+# 代码格式检查并自动修复
	77	+npm run lint -- --fix
	78	+```
	79	+
	80	+更多信息请参考 [使用文档](https://panjiachen.github.io/vue-element-admin-site/zh/)
	81	+
	82	+## 购买贴纸
	83	+
	84	+你也可以通过购买[官方授权的贴纸](https://smallsticker.com/product/vue-element-admin) 的方式来支持 vue-element-admin - 每售出一张贴纸，我们将获得 2 元的捐赠。
	85	+
	86	+## Demo
	87	+
	88	+![demo](https://github.com/PanJiaChen/PanJiaChen.github.io/blob/master/images/demo.gif)
	89	+
	90	+## Browsers support
	91	+
	92	+Modern browsers and Internet Explorer 10+.
	93	+
	94	+\| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge \| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox \| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome \| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari \|
	95	+\| --------- \| --------- \| --------- \| --------- \|
	96	+\| IE10, IE11, Edge\| last 2 versions\| last 2 versions\| last 2 versions
	97	+
	98	+## License
	99	+
	100	+[MIT](https://github.com/PanJiaChen/vue-admin-template/blob/master/LICENSE) license.
	101	+
	102	+Copyright (c) 2017-present PanJiaChen
...	...

README.md 0 → 100644

View file @2d21111

	1	+# vue-admin-template
	2	+
	3	+English \| [简体中文](./README-zh.md)
	4	+
	5	+> A minimal vue admin template with Element UI & axios & iconfont & permission control & lint
	6	+
	7	+Live demo: http://panjiachen.github.io/vue-admin-template
	8	+
	9	+
	10	+The current version is `v4.0+` build on `vue-cli`. If you want to use the old version , you can switch branch to [tag/3.11.0](https://github.com/PanJiaChen/vue-admin-template/tree/tag/3.11.0), it does not rely on `vue-cli`
	11	+
	12	+## Build Setup
	13	+
	14	+```bash
	15	+# clone the project
	16	+git clone https://github.com/PanJiaChen/vue-admin-template.git
	17	+
	18	+# enter the project directory
	19	+cd vue-admin-template
	20	+
	21	+# install dependency
	22	+npm install
	23	+
	24	+# develop
	25	+npm run dev
	26	+```
	27	+
	28	+This will automatically open http://localhost:9528
	29	+
	30	+## Build
	31	+
	32	+```bash
	33	+# build for test environment
	34	+npm run build:stage
	35	+
	36	+# build for production environment
	37	+npm run build:prod
	38	+```
	39	+
	40	+## Advanced
	41	+
	42	+```bash
	43	+# preview the release environment effect
	44	+npm run preview
	45	+
	46	+# preview the release environment effect + static resource analysis
	47	+npm run preview -- --report
	48	+
	49	+# code format check
	50	+npm run lint
	51	+
	52	+# code format check and auto fix
	53	+npm run lint -- --fix
	54	+```
	55	+
	56	+Refer to [Documentation](https://panjiachen.github.io/vue-element-admin-site/guide/essentials/deploy.html) for more information
	57	+
	58	+## Demo
	59	+
	60	+![demo](https://github.com/PanJiaChen/PanJiaChen.github.io/blob/master/images/demo.gif)
	61	+
	62	+## Extra
	63	+
	64	+If you want router permission && generate menu by user roles , you can use this branch [permission-control](https://github.com/PanJiaChen/vue-admin-template/tree/permission-control)
	65	+
	66	+For `typescript` version, you can use [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template) (Credits: [@Armour](https://github.com/Armour))
	67	+
	68	+## Related Project
	69	+
	70	+- [vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)
	71	+
	72	+- [electron-vue-admin](https://github.com/PanJiaChen/electron-vue-admin)
	73	+
	74	+- [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template)
	75	+
	76	+- [awesome-project](https://github.com/PanJiaChen/vue-element-admin/issues/2312)
	77	+
	78	+## Browsers support
	79	+
	80	+Modern browsers and Internet Explorer 10+.
	81	+
	82	+\| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge \| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox \| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome \| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari \|
	83	+\| --------- \| --------- \| --------- \| --------- \|
	84	+\| IE10, IE11, Edge\| last 2 versions\| last 2 versions\| last 2 versions
	85	+
	86	+## License
	87	+
	88	+[MIT](https://github.com/PanJiaChen/vue-admin-template/blob/master/LICENSE) license.
	89	+
	90	+Copyright (c) 2017-present PanJiaChen
...	...

babel.config.js 0 → 100644

View file @2d21111

	1	+module.exports = {
	2	+ presets: [
	3	+ // https://github.com/vuejs/vue-cli/tree/master/packages/@vue/babel-preset-app
	4	+ '@vue/cli-plugin-babel/preset'
	5	+ ],
	6	+ 'env': {
	7	+ 'development': {
	8	+ // babel-plugin-dynamic-import-node plugin only does one thing by converting all import() to require().
	9	+ // This plugin can significantly increase the speed of hot updates, when you have a large number of pages.
	10	+ // https://panjiachen.github.io/vue-element-admin-site/guide/advanced/lazy-loading.html
	11	+ 'plugins': ['dynamic-import-node']
	12	+ }
	13	+ }
	14	+}
...	...

dist.zip 0 → 100644

View file @2d21111

No preview for this file type

jest.config.js 0 → 100644

View file @2d21111

	1	+module.exports = {
	2	+ moduleFileExtensions: ['js', 'jsx', 'json', 'vue'],
	3	+ transform: {
	4	+ '^.+\\.vue$': 'vue-jest',
	5	+ '.+\\.(css\|styl\|less\|sass\|scss\|svg\|png\|jpg\|ttf\|woff\|woff2)$':
	6	+ 'jest-transform-stub',
	7	+ '^.+\\.jsx?$': 'babel-jest'
	8	+ },
	9	+ moduleNameMapper: {
	10	+ '^@/(.*)$': '<rootDir>/src/$1'
	11	+ },
	12	+ snapshotSerializers: ['jest-serializer-vue'],
	13	+ testMatch: [
	14	+ '/tests/unit//.spec.(js\|jsx\|ts\|tsx)\|/__tests__/.(js\|jsx\|ts\|tsx)'
	15	+ ],
	16	+ collectCoverageFrom: ['src/utils/*/.{js,vue}', '!src/utils/auth.js', '!src/utils/request.js', 'src/components/*/.{js,vue}'],
	17	+ coverageDirectory: '<rootDir>/tests/unit/coverage',
	18	+ // 'collectCoverage': true,
	19	+ 'coverageReporters': [
	20	+ 'lcov',
	21	+ 'text-summary'
	22	+ ],
	23	+ testURL: 'http://localhost/'
	24	+}
...	...

jsconfig.json 0 → 100644

View file @2d21111

	1	+{
	2	+ "compilerOptions": {
	3	+ "baseUrl": "./",
	4	+ "paths": {
	5	+ "@/": ["src/"]
	6	+ }
	7	+ },
	8	+ "exclude": ["node_modules", "dist"]
	9	+}
...	...

mock/index.js 0 → 100644

View file @2d21111

	1	+const Mock = require('mockjs')
	2	+const { param2Obj } = require('./utils')
	3	+
	4	+const user = require('./user')
	5	+const table = require('./table')
	6	+
	7	+const mocks = [
	8	+ ...user,
	9	+ ...table
	10	+]
	11	+
	12	+// for front mock
	13	+// please use it cautiously, it will redefine XMLHttpRequest,
	14	+// which will cause many of your third-party libraries to be invalidated(like progress event).
	15	+function mockXHR() {
	16	+ // mock patch
	17	+ // https://github.com/nuysoft/Mock/issues/300
	18	+ Mock.XHR.prototype.proxy_send = Mock.XHR.prototype.send
	19	+ Mock.XHR.prototype.send = function() {
	20	+ if (this.custom.xhr) {
	21	+ this.custom.xhr.withCredentials = this.withCredentials \|\| false
	22	+
	23	+ if (this.responseType) {
	24	+ this.custom.xhr.responseType = this.responseType
	25	+ }
	26	+ }
	27	+ this.proxy_send(...arguments)
	28	+ }
	29	+
	30	+ function XHR2ExpressReqWrap(respond) {
	31	+ return function(options) {
	32	+ let result = null
	33	+ if (respond instanceof Function) {
	34	+ const { body, type, url } = options
	35	+ // https://expressjs.com/en/4x/api.html#req
	36	+ result = respond({
	37	+ method: type,
	38	+ body: JSON.parse(body),
	39	+ query: param2Obj(url)
	40	+ })
	41	+ } else {
	42	+ result = respond
	43	+ }
	44	+ return Mock.mock(result)
	45	+ }
	46	+ }
	47	+
	48	+ for (const i of mocks) {
	49	+ Mock.mock(new RegExp(i.url), i.type \|\| 'get', XHR2ExpressReqWrap(i.response))
	50	+ }
	51	+}
	52	+
	53	+module.exports = {
	54	+ mocks,
	55	+ mockXHR
	56	+}
	57	+
...	...

mock/mock-server.js 0 → 100644

View file @2d21111

	1	+const chokidar = require('chokidar')
	2	+const bodyParser = require('body-parser')
	3	+const chalk = require('chalk')
	4	+const path = require('path')
	5	+const Mock = require('mockjs')
	6	+
	7	+const mockDir = path.join(process.cwd(), 'mock')
	8	+
	9	+function registerRoutes(app) {
	10	+ let mockLastIndex
	11	+ const { mocks } = require('./index.js')
	12	+ const mocksForServer = mocks.map(route => {
	13	+ return responseFake(route.url, route.type, route.response)
	14	+ })
	15	+ for (const mock of mocksForServer) {
	16	+ app[mock.type](mock.url, mock.response)
	17	+ mockLastIndex = app._router.stack.length
	18	+ }
	19	+ const mockRoutesLength = Object.keys(mocksForServer).length
	20	+ return {
	21	+ mockRoutesLength: mockRoutesLength,
	22	+ mockStartIndex: mockLastIndex - mockRoutesLength
	23	+ }
	24	+}
	25	+
	26	+function unregisterRoutes() {
	27	+ Object.keys(require.cache).forEach(i => {
	28	+ if (i.includes(mockDir)) {
	29	+ delete require.cache[require.resolve(i)]
	30	+ }
	31	+ })
	32	+}
	33	+
	34	+// for mock server
	35	+const responseFake = (url, type, respond) => {
	36	+ return {
	37	+ url: new RegExp(`${process.env.VUE_APP_BASE_API}${url}`),
	38	+ type: type \|\| 'get',
	39	+ response(req, res) {
	40	+ console.log('request invoke:' + req.path)
	41	+ res.json(Mock.mock(respond instanceof Function ? respond(req, res) : respond))
	42	+ }
	43	+ }
	44	+}
	45	+
	46	+module.exports = app => {
	47	+ // parse app.body
	48	+ // https://expressjs.com/en/4x/api.html#req.body
	49	+ app.use(bodyParser.json())
	50	+ app.use(bodyParser.urlencoded({
	51	+ extended: true
	52	+ }))
	53	+
	54	+ const mockRoutes = registerRoutes(app)
	55	+ var mockRoutesLength = mockRoutes.mockRoutesLength
	56	+ var mockStartIndex = mockRoutes.mockStartIndex
	57	+
	58	+ // watch files, hot reload mock server
	59	+ chokidar.watch(mockDir, {
	60	+ ignored: /mock-server/,
	61	+ ignoreInitial: true
	62	+ }).on('all', (event, path) => {
	63	+ if (event === 'change' \|\| event === 'add') {
	64	+ try {
	65	+ // remove mock routes stack
	66	+ app._router.stack.splice(mockStartIndex, mockRoutesLength)
	67	+
	68	+ // clear routes cache
	69	+ unregisterRoutes()
	70	+
	71	+ const mockRoutes = registerRoutes(app)
	72	+ mockRoutesLength = mockRoutes.mockRoutesLength
	73	+ mockStartIndex = mockRoutes.mockStartIndex
	74	+
	75	+ console.log(chalk.magentaBright(`\n > Mock Server hot reload success! changed ${path}`))
	76	+ } catch (error) {
	77	+ console.log(chalk.redBright(error))
	78	+ }
	79	+ }
	80	+ })
	81	+}
...	...

mock/table.js 0 → 100644

View file @2d21111

	1	+const Mock = require('mockjs')
	2	+
	3	+const data = Mock.mock({
	4	+ 'items\|30': [{
	5	+ id: '@id',
	6	+ title: '@sentence(10, 20)',
	7	+ 'status\|1': ['published', 'draft', 'deleted'],
	8	+ author: 'name',
	9	+ display_time: '@datetime',
	10	+ pageviews: '@integer(300, 5000)'
	11	+ }]
	12	+})
	13	+
	14	+module.exports = [
	15	+ {
	16	+ url: '/vue-admin-template/table/list',
	17	+ type: 'get',
	18	+ response: config => {
	19	+ const items = data.items
	20	+ return {
	21	+ code: 20000,
	22	+ data: {
	23	+ total: items.length,
	24	+ items: items
	25	+ }
	26	+ }
	27	+ }
	28	+ }
	29	+]
...	...

mock/user.js 0 → 100644

View file @2d21111

	1	+
	2	+const tokens = {
	3	+ admin: {
	4	+ token: 'admin-token'
	5	+ },
	6	+ editor: {
	7	+ token: 'editor-token'
	8	+ }
	9	+}
	10	+
	11	+const users = {
	12	+ 'admin-token': {
	13	+ roles: ['admin'],
	14	+ introduction: 'I am a super administrator',
	15	+ avatar: 'https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif',
	16	+ name: 'Super Admin'
	17	+ },
	18	+ 'editor-token': {
	19	+ roles: ['editor'],
	20	+ introduction: 'I am an editor',
	21	+ avatar: 'https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif',
	22	+ name: 'Normal Editor'
	23	+ }
	24	+}
	25	+
	26	+module.exports = [
	27	+ // user login
	28	+ {
	29	+ url: '/vue-admin-template/user/login',
	30	+ type: 'post',
	31	+ response: config => {
	32	+ const { username } = config.body
	33	+ const token = tokens[username]
	34	+
	35	+ // mock error
	36	+ if (!token) {
	37	+ return {
	38	+ code: 60204,
	39	+ message: 'Account and password are incorrect.'
	40	+ }
	41	+ }
	42	+
	43	+ return {
	44	+ code: 20000,
	45	+ data: token
	46	+ }
	47	+ }
	48	+ },
	49	+
	50	+ // get user info
	51	+ {
	52	+ url: '/vue-admin-template/user/info\.*',
	53	+ type: 'get',
	54	+ response: config => {
	55	+ const { token } = config.query
	56	+ const info = users[token]
	57	+
	58	+ // mock error
	59	+ if (!info) {
	60	+ return {
	61	+ code: 50008,
	62	+ message: 'Login failed, unable to get user details.'
	63	+ }
	64	+ }
	65	+
	66	+ return {
	67	+ code: 20000,
	68	+ data: info
	69	+ }
	70	+ }
	71	+ },
	72	+
	73	+ // user logout
	74	+ {
	75	+ url: '/vue-admin-template/user/logout',
	76	+ type: 'post',
	77	+ response: _ => {
	78	+ return {
	79	+ code: 20000,
	80	+ data: 'success'
	81	+ }
	82	+ }
	83	+ }
	84	+]
...	...

mock/utils.js 0 → 100644

View file @2d21111

	1	+/**
	2	+ * @param {string} url
	3	+ * @returns {Object}
	4	+ */
	5	+function param2Obj(url) {
	6	+ const search = decodeURIComponent(url.split('?')[1]).replace(/\+/g, ' ')
	7	+ if (!search) {
	8	+ return {}
	9	+ }
	10	+ const obj = {}
	11	+ const searchArr = search.split('&')
	12	+ searchArr.forEach(v => {
	13	+ const index = v.indexOf('=')
	14	+ if (index !== -1) {
	15	+ const name = v.substring(0, index)
	16	+ const val = v.substring(index + 1, v.length)
	17	+ obj[name] = val
	18	+ }
	19	+ })
	20	+ return obj
	21	+}
	22	+
	23	+module.exports = {
	24	+ param2Obj
	25	+}
...	...

package.json 0 → 100644

View file @2d21111

	1	+{
	2	+ "name": "vue-admin-template",
	3	+ "version": "4.4.0",
	4	+ "description": "A vue admin template with Element UI & axios & iconfont & permission control & lint",
	5	+ "author": "Pan <panfree23@gmail.com>",
	6	+ "scripts": {
	7	+ "dev": "vue-cli-service serve",
	8	+ "build:prod": "vue-cli-service build",
	9	+ "build:stage": "vue-cli-service build --mode staging",
	10	+ "preview": "node build/index.js --preview",
	11	+ "svgo": "svgo -f src/icons/svg --config=src/icons/svgo.yml",
	12	+ "lint": "eslint --ext .js,.vue src",
	13	+ "test:unit": "jest --clearCache && vue-cli-service test:unit",
	14	+ "test:ci": "npm run lint && npm run test:unit"
	15	+ },
	16	+ "dependencies": {
	17	+ "axios": "^0.24.0",
	18	+ "core-js": "3.6.5",
	19	+ "crypto-js": "^4.1.1",
	20	+ "element-ui": "2.13.2",
	21	+ "js-cookie": "2.2.0",
	22	+ "normalize.css": "7.0.0",
	23	+ "nprogress": "0.2.0",
	24	+ "path-to-regexp": "2.4.0",
	25	+ "vue": "2.6.10",
	26	+ "vue-quill-editor": "^3.0.6",
	27	+ "vue-router": "3.0.6",
	28	+ "vuex": "3.1.0"
	29	+ },
	30	+ "devDependencies": {
	31	+ "@vue/cli-plugin-babel": "4.4.4",
	32	+ "@vue/cli-plugin-eslint": "4.4.4",
	33	+ "@vue/cli-plugin-unit-jest": "4.4.4",
	34	+ "@vue/cli-service": "4.4.4",
	35	+ "@vue/test-utils": "1.0.0-beta.29",
	36	+ "autoprefixer": "9.5.1",
	37	+ "babel-eslint": "10.1.0",
	38	+ "babel-jest": "23.6.0",
	39	+ "babel-plugin-dynamic-import-node": "2.3.3",
	40	+ "chalk": "2.4.2",
	41	+ "connect": "3.6.6",
	42	+ "eslint": "6.7.2",
	43	+ "eslint-plugin-vue": "6.2.2",
	44	+ "html-webpack-plugin": "3.2.0",
	45	+ "mockjs": "1.0.1-beta3",
	46	+ "runjs": "4.3.2",
	47	+ "sass": "1.26.8",
	48	+ "sass-loader": "8.0.2",
	49	+ "script-ext-html-webpack-plugin": "2.1.3",
	50	+ "serve-static": "1.13.2",
	51	+ "svg-sprite-loader": "4.1.3",
	52	+ "svgo": "1.2.2",
	53	+ "vue-template-compiler": "2.6.10"
	54	+ },
	55	+ "browserslist": [
	56	+ "> 1%",
	57	+ "last 2 versions"
	58	+ ],
	59	+ "engines": {
	60	+ "node": ">=8.9",
	61	+ "npm": ">= 3.0.0"
	62	+ },
	63	+ "license": "MIT"
	64	+}
...	...

postcss.config.js 0 → 100644

View file @2d21111

	1	+// https://github.com/michael-ciniawsky/postcss-load-config
	2	+
	3	+module.exports = {
	4	+ 'plugins': {
	5	+ // to edit target browsers: use "browserslist" field in package.json
	6	+ 'autoprefixer': {}
	7	+ }
	8	+}
...	...

public/favicon.ico 0 → 100644

View file @2d21111

No preview for this file type

public/index.html 0 → 100644

View file @2d21111

	1	+<!DOCTYPE html>
	2	+<html>
	3	+ <head>
	4	+ <meta charset="utf-8">
	5	+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	6	+ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	7	+ <link rel="icon" href="<%= BASE_URL %>favicon.ico">
	8	+ <title><%= webpackConfig.name %></title>
	9	+ <script charset="utf-8" src="https://map.qq.com/api/gljs?libraries=tools&v=1.exp&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77"></script>
	10	+ </head>
	11	+ <body>
	12	+ <noscript>
	13	+ <strong>We're sorry but <%= webpackConfig.name %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
	14	+ </noscript>
	15	+ <div id="app"></div>
	16	+ <!-- built files will be auto injected -->
	17	+ </body>
	18	+</html>
...	...

src/App.vue 0 → 100644

View file @2d21111

	1	+<template>
	2	+ <div id="app">
	3	+ <router-view />
	4	+ </div>
	5	+</template>
	6	+
	7	+<script>
	8	+export default {
	9	+ name: 'App'
	10	+}
	11	+</script>
...	...

src/api/AppointmentRecord.js 0 → 100644

View file @2d21111

	1	+import request from '@/utils/request'
	2	+import utils from '../utils/utils.js'
	3	+
	4	+//导出数据
	5	+export function deriveExcel(data){
	6	+ return request({
	7	+ url:'/AppointmentRecord/deriveExcel',
	8	+ method:'post',
	9	+ data
	10	+ })
	11	+}
	12	+//查询指定用户的预约数据
	13	+export function GetRecordById(data){
	14	+ return request({
	15	+ url:'/AppointmentRecord/GetRecordById',
	16	+ method:'post',
	17	+ data
	18	+ })
	19	+}
	20	+//获取某个用户下面的客户所有预约情况
	21	+export function GetRecordByCustomer(data){
	22	+ return request({
	23	+ url:'/AppointmentRecord/GetRecordByCustomer',
	24	+ method:'post',
	25	+ data
	26	+ })
	27	+}
	28	+//更新付款时间
	29	+export function UpdResultTime(data){
	30	+ return request({
	31	+ url:'/AppointmentRecord/UpdResultTime/'+data,
	32	+ method:'post',
	33	+ data
	34	+ })
	35	+}
	36	+// 获取某个用户下面的客户所有预约情况根据付款时间
	37	+export function GetRecordByCustomerX(data){
	38	+ return request({
	39	+ url:'/AppointmentRecord/GetRecordByCustomerX',
	40	+ method:'post',
	41	+ data
	42	+ })
	43	+}
	44	+// 用户预约车辆保养
	45	+export function ReserveByUser(params) {
	46	+ return request({
	47	+ url: '/AppointmentRecord/ReserveByUser',
	48	+ method: 'post',
	49	+ data: params
	50	+ })
	51	+}
	52	+//删除信息支持多个
	53	+export function DeleteRecord(params) {
	54	+ return request({
	55	+ url: `/AppointmentRecord/Delete?${utils.ObjectToQureyParams(params)}`,
	56	+ method: 'post',
	57	+ data: params
	58	+ })
	59	+}
	60	+
	61	+//获取预约列表
	62	+export function GetAppointmentRecord(params) {
	63	+ return request({
	64	+ url: `/AppointmentRecord/GetAppointmentRecord`,
	65	+ method: 'post',
	66	+ data: params
	67	+ })
	68	+}
	69	+
	70	+//修改预约信息
	71	+export function UpdateRecord(params) {
	72	+ return request({
	73	+ url: `/AppointmentRecord/Update`,
	74	+ method: 'post',
	75	+ data: params
	76	+ })
	77	+}
	78	+//完成预约操作(线下收款)
	79	+export function Collection(data) {
	80	+ return request({
	81	+ url: `/AppointmentRecord/Collection/`+data,
	82	+ method: 'post',
	83	+ data
	84	+ })
	85	+}
	86	+// 修改预约状态
	87	+export function UpdateState(data){
	88	+ return request({
	89	+ url:'/AppointmentRecord/UpdateState',
	90	+ method:'post',
	91	+ data
	92	+ })
	93	+}
...	...

src/api/Introduce.js 0 → 100644

View file @2d21111

	1	+import request from '@/utils/request'
	2	+import utils from '../utils/utils.js'
	3	+// 添加修改介绍内容
	4	+export function AddOrUpdRichTextduce(params) {
	5	+ return request({
	6	+ url: '/introduce/AddOrUpdRichTextduce',
	7	+ method: 'post',
	8	+ data: params
	9	+ })
	10	+}
	11	+
	12	+// 根据ID删除富文本消息
	13	+export function DelRichTextduce(params) {
	14	+ return request({
	15	+ url: '/introduce/DelRichTextduce/'+params,
	16	+ method: 'post',
	17	+ data: params
	18	+ })
	19	+}
	20	+
	21	+
	22	+// 查询所有富文本消息
	23	+export function GetListRichTextduce(params) {
	24	+ return request({
	25	+ url: '/introduce/GetListRichTextduce',
	26	+ method: 'post',
	27	+ data: params
	28	+ })
	29	+}
...	...

src/api/Partner.js 0 → 100644

View file @2d21111

	1	+import request from '@/utils/request'
	2	+import utils from '../utils/utils.js'
	3	+
	4	+
	5	+//根据ID查询合伙人信息
	6	+export function GetPartnerById(data) {
	7	+ return request({
	8	+ url:'/Partner/GetPartnerById/'+data,
	9	+ method:'post',
	10	+ data
	11	+ })
	12	+}
	13	+
	14	+
	15	+//查询合伙人信息
	16	+export function GetListPartner(data){
	17	+ return request({
	18	+ url:'/Partner/GetList',
	19	+ method:'post',
	20	+ data
	21	+ })
	22	+}
	23	+//新增修改合伙人信息
	24	+export function AddOrUpdatePartner(data){
	25	+ return request({
	26	+ url:'/Partner/AddOrUpdatePartner',
	27	+ method:'post',
	28	+ data
	29	+ })
	30	+}
	31	+//删除合伙人信息
	32	+export function DelPartner(data){
	33	+ return request({
	34	+ url:'/Partner/DelPartner/'+data,
	35	+ method:'post',
	36	+ data
	37	+ })
	38	+}
	39	+
	40	+// 添加修改提现记录
	41	+export function AddOrUpdMoney(params) {
	42	+ return request({
	43	+ url: '/money/AddOrUpdMoney',
	44	+ method: 'post',
	45	+ data: params
	46	+ })
	47	+}
	48	+
	49	+
	50	+// 根据ID删除提现记录
	51	+export function DelMoney(params) {
	52	+ return request({
	53	+ url: '/money/DelMoney/'+params,
	54	+ method: 'post',
	55	+ data: params
	56	+ })
	57	+}
	58	+
	59	+
	60	+// 查询所有提现记录
	61	+export function GetMoneyList(params) {
	62	+ return request({
	63	+ url: '/money/GetMoneyList',
	64	+ method: 'post',
	65	+ data: params
	66	+ })
	67	+}
...	...

src/api/QuestionBank.js 0 → 100644

View file @2d21111

	1	+import request from '@/utils/request'
	2	+
	3	+export function getQuestionList(params) {
	4	+ return request({
	5	+ url: `/QuestionBank/SelectQuestionBankList?pageIndex=${params.pageIndex}&pageSize=${params.pageSize}&sort=${params.sort}&sortOrder=${params.sortOrder}`,
	6	+ method: 'post',
	7	+ data: params
	8	+ })
	9	+}
	10	+//维护题目，包含添加和修改
	11	+export function EditQuestion(params) {
	12	+ return request({
	13	+ url: `/QuestionBank/EditQuestionBankEvent`,
	14	+ method: 'post',
	15	+ data: params
	16	+ })
	17	+}
	18	+
	19	+export function getQuestionClassList(params) {
	20	+ return request({
	21	+ url: `/QuestionClass/List?pageIndex=1&pageSize=1000`,
	22	+ method: 'get',
	23	+ })
	24	+}
	25	+//删除题目,标记删除
	26	+export function DelQuestionBankEvent(id) {
	27	+ return request({
	28	+ url: `/QuestionBank/DelQuestionBankEvent/${id}`,
	29	+ method: 'post',
	30	+ })
	31	+}
	32	+//读取题目信息
	33	+export function GetQuestionBankById(id) {
	34	+ return request({
	35	+ url: `/QuestionBank/Get/${id}`,
	36	+ method: 'get',
	37	+ })
	38	+}
0	39	\ No newline at end of file
...	...

src/api/ReservationArea.js 0 → 100644

View file @2d21111

	1	+import request from '@/utils/request'
	2	+
	3	+// 添加可预约区域
	4	+export function AddReservationArea(params) {
	5	+ return request({
	6	+ url: '/ReservationArea/Create',
	7	+ method: 'post',
	8	+ data: params
	9	+ })
	10	+}
	11	+
	12	+//获取可预约区域列表
	13	+export function ReservationAreaList(params) {
	14	+ return request({
	15	+ url: `/ReservationArea/List?pageIndex=${params.pageIndex}&pageSize=${params.pageSize}&sort=${params.sort}&sortOrder=${params.sortOrder}`,
	16	+ method: 'get',
	17	+ data: params
	18	+ })
	19	+}
	20	+
	21	+//删除预约区域
	22	+export function ReservationAreaDelete(id) {
	23	+ return request({
	24	+ url: `/ReservationArea/Delete?ids=${id}`,
	25	+ method: 'post'
	26	+ })
	27	+}
	28	+//修改预约区域
	29	+export function ReservationAreaUpdate(data) {
	30	+ return request({
	31	+ url: `/ReservationArea/Update`,
	32	+ method: 'post',
	33	+ data
	34	+ })
	35	+}
...	...

src/api/ReservationSettings.js 0 → 100644

View file @2d21111

	1	+import request from '@/utils/request'
	2	+
	3	+// 设置可预约信息
	4	+export function SettingReservation(params) {
	5	+ return request({
	6	+ url: '/ReservationSettings/SettingReservation',
	7	+ method: 'post',
	8	+ data: params
	9	+ })
	10	+}
	11	+// 修改系统设置的预约信息
	12	+export function UpadteReservation(params) {
	13	+ return request({
	14	+ url: '/ReservationSettings/UpadteReservation',
	15	+ method: 'post',
	16	+ data: params
	17	+ })
	18	+}
	19	+
	20	+//获取可预约时间列表
	21	+export function ReservationSettingsList(params) {
	22	+ return request({
	23	+ url: `/ReservationSettings/List?pageIndex=${params.pageIndex}&pageSize=${params.pageSize}&sort=${params.sort}&sortOrder=${params.sortOrder}`,
	24	+ method: 'get',
	25	+ data: params
	26	+ })
	27	+}
	28	+
...	...

src/api/RobotReservation.js 0 → 100644

View file @2d21111

	1	+import request from '@/utils/request'
	2	+import utils from '../utils/utils.js'
	3	+// 获取单个信息
	4	+export function GetRobot(params) {
	5	+ return request({
	6	+ url: '/RobotReservation/Get/'+params,
	7	+ method: 'post',
	8	+ data: params
	9	+ })
	10	+}
	11	+//删除信息支持多个
	12	+export function DeleteRobot(data) {
	13	+ return request({
	14	+ url: `/RobotReservation/Delete?${utils.ObjectToQureyParams(data)}`,
	15	+ method: 'post',
	16	+ data
	17	+ })
	18	+}
	19	+
	20	+
	21	+
	22	+
	23	+//获取列表内容
	24	+export function ListRobot(params) {
	25	+ return request({
	26	+ url: `/RobotReservation/List?pageIndex=${params.pageIndex}&pageSize=${params.pageSize}&sort=${params.sort}&sortOrder=${params.sortOrder}`,
	27	+ method: 'get',
	28	+ data: params
	29	+ })
	30	+}
	31	+
	32	+//修改指定数据 Robot
	33	+export function UpdateRobot(data){
	34	+ return request({
	35	+ url:'/RobotReservation/Update',
	36	+ method:'post',
	37	+ data
	38	+ })
	39	+}
	40	+
	41	+//创建指定数据 Robot
	42	+export function CreateRobot(data){
	43	+ return request({
	44	+ url:'/RobotReservation/Create',
	45	+ method:'post',
	46	+ data
	47	+ })
	48	+}
0	49	\ No newline at end of file
...	...

src/api/TestPaper.js 0 → 100644

View file @2d21111

	1	+import request from '@/utils/request'
	2	+//编辑试卷
	3	+export function EditTestPaper(params) {
	4	+ return request({
	5	+ url: `/TestPaper/AddTestPaper`,
	6	+ method: 'post',
	7	+ data: params
	8	+ })
	9	+}
	10	+
	11	+export function getTestPaperList(params) {
	12	+ return request({
	13	+ url: `/TestPaper/List?pageIndex=${params.pageIndex}&pageSize=${params.pageSize}&sort=${params.sort}&sortOrder=${params.sortOrder}`,
	14	+ method: 'get',
	15	+ data: params
	16	+ })
	17	+}
...	...

src/api/VehicleManagement.js 0 → 100644

View file @2d21111

	1	+import request from '@/utils/request'
	2	+import utils from '../utils/utils.js'
	3	+// 根据用户ID来获取该用户下面的所有车辆
	4	+export function GetVehicleListByUser(data) {
	5	+ return request({
	6	+ url: `/VehicleManagement/GetVehicleListByUser`,
	7	+ method: 'post',
	8	+ data
	9	+ })
	10	+}
	11	+// 修改为默认车辆
	12	+export function UpdateCarDefault(data){
	13	+ return request({
	14	+ url:'/VehicleManagement/UpdateCarDefault',
	15	+ method:'post',
	16	+ data
	17	+ })
	18	+}
	19	+
...	...

src/api/calculation.js 0 → 100644

View file @2d21111

	1	+import request from '@/utils/request'
	2	+import utils from '../utils/utils.js'
	3	+// 更改费率
	4	+export function UpdateCalculation(params) {
	5	+ return request({
	6	+ url: '/Calculation/UpdateCalculation',
	7	+ method: 'post',
	8	+ data: params
	9	+ })
	10	+}
	11	+
	12	+// 查询费率
	13	+export function GetModelCalculation(params) {
	14	+ return request({
	15	+ url: '/Calculation/GetModelCalculation',
	16	+ method: 'post',
	17	+ data: params
	18	+ })
	19	+}
...	...

src/api/comment.js 0 → 100644

View file @2d21111

	1	+import request from '@/utils/request'
	2	+import utils from '../utils/utils.js'
	3	+// 回复评论信息
	4	+export function ReturnComment(params) {
	5	+ return request({
	6	+ url: '/Comment/ReturnComment',
	7	+ method: 'post',
	8	+ data: params
	9	+ })
	10	+}
	11	+
	12	+// 评论信息
	13	+export function AddComment(params) {
	14	+ return request({
	15	+ url: '/Comment/AddComment',
	16	+ method: 'post',
	17	+ data: params
	18	+ })
	19	+}
	20	+//删除评论信息
	21	+export function DelComment(data){
	22	+ return request({
	23	+ url:'/Comment/DelComment/'+data,
	24	+ method: 'post',
	25	+ data
	26	+ })
	27	+}
	28	+//查询所有评论信息
	29	+export function GetCommentList(data){
	30	+ return request({
	31	+ url:'/Comment/GetCommentList',
	32	+ method:'post',
	33	+ data
	34	+ })
	35	+}
	36	+//审核评论数据
	37	+export function audit(data){
	38	+ return request({
	39	+ url:'/Comment/audit/'+data,
	40	+ method:'post',
	41	+ data
	42	+ })
	43	+}
...	...

src/api/deposit.js 0 → 100644

View file @2d21111

	1	+import request from '@/utils/request'
	2	+import utils from '../utils/utils.js'
	3	+// 查询审核信息
	4	+export function GetDeposit(params) {
	5	+ return request({
	6	+ url: '/Deposit/GetDeposit',
	7	+ method: 'post',
	8	+ data: params
	9	+ })
	10	+}
	11	+
	12	+// 开启审核关闭审核
	13	+export function UpdDeposit(params) {
	14	+ return request({
	15	+ url: '/Deposit/UpdDeposit',
	16	+ method: 'post',
	17	+ data: params
	18	+ })
	19	+}
...	...

src/api/index.js 0 → 100644

View file @2d21111

	1	+import request from '@/utils/request'
	2	+
	3	+//读取题目总和
	4	+export function GetQuestionTotal(params) {
	5	+ return request({
	6	+ url: `/QuestionBank/GetQuestionTotal`,
	7	+ method: 'get',
	8	+ })
	9	+}
	10	+
	11	+//读取试卷总和
	12	+export function GetTestPaperTotal(params) {
	13	+ return request({
	14	+ url: `/TestPaper/GetTestPaperTotal`,
	15	+ method: 'get',
	16	+ })
	17	+}
0	18	\ No newline at end of file
...	...

src/api/meal.js 0 → 100644

View file @2d21111

	1	+import request from '@/utils/request'
	2	+import utils from '../utils/utils.js'
	3	+// 添加修改套餐
	4	+export function AddOrUpdRichTextmeal(params) {
	5	+ return request({
	6	+ url: '/meal/AddOrUpdRichTextmeal',
	7	+ method: 'post',
	8	+ data: params
	9	+ })
	10	+}
	11	+
	12	+// 根据ID删除套餐
	13	+export function DelRichTextmeal(params) {
	14	+ return request({
	15	+ url: '/meal/DelRichTextmeal/'+params,
	16	+ method: 'post',
	17	+ data: params
	18	+ })
	19	+}
	20	+
	21	+
	22	+// 查询所有套餐
	23	+export function GetListRichTextmeal(params) {
	24	+ return request({
	25	+ url: '/meal/GetListRichTextmeal',
	26	+ method: 'post',
	27	+ data: params
	28	+ })
	29	+}
...	...

src/api/money.js 0 → 100644

View file @2d21111

	1	+import request from '@/utils/request'
	2	+import utils from '../utils/utils.js'
	3	+// 添加修改提现记录
	4	+export function AddOrUpdMoney(params) {
	5	+ return request({
	6	+ url: '/money/AddOrUpdMoney',
	7	+ method: 'post',
	8	+ data: params
	9	+ })
	10	+}
	11	+
	12	+// 根据ID删除提现记录
	13	+export function DelMoney(params) {
	14	+ return request({
	15	+ url: '/money/DelMoney/'+params,
	16	+ method: 'post',
	17	+ data: params
	18	+ })
	19	+}
	20	+
	21	+
	22	+// 查询所有提现记录
	23	+export function GetMoneyList(params) {
	24	+ return request({
	25	+ url: '/money/GetMoneyList',
	26	+ method: 'post',
	27	+ data: params
	28	+ })
	29	+}
...	...

src/api/partneruser.js 0 → 100644

View file @2d21111

	1	+import request from '@/utils/request'
	2	+import utils from '../utils/utils.js'
	3	+
	4	+// 合伙人绑定经理
	5	+export function AddOrUpdatePartnerUser(params) {
	6	+ return request({
	7	+ url: '/partneruser/AddOrUpdatePartnerUser',
	8	+ method: 'post',
	9	+ data: params
	10	+ })
	11	+}
	12	+
	13	+//根据合伙人ID查询销售经理
	14	+export function GetUserList(data){
	15	+ return request({
	16	+ url:'/partneruser/GetUserList',
	17	+ method:'post',
	18	+ data
	19	+ })
	20	+}
	21	+
...	...

src/api/record.js 0 → 100644

View file @2d21111

	1	+import request from '@/utils/request'
	2	+import utils from '../utils/utils.js'
	3	+// 添加修改领取记录
	4	+export function AddOrUpdateRecord(params) {
	5	+ return request({
	6	+ url: '/record/AddOrUpdateRecord',
	7	+ method: 'post',
	8	+ data: params
	9	+ })
	10	+}
	11	+
	12	+// 根据ID删除领取记录
	13	+export function DelRecord(params) {
	14	+ return request({
	15	+ url: '/record/DelRecord/'+params,
	16	+ method: 'post',
	17	+ data: params
	18	+ })
	19	+}
	20	+
	21	+
	22	+// 查询所有领取记录
	23	+export function GetRecordList(params) {
	24	+ return request({
	25	+ url: '/record/GetRecordList',
	26	+ method: 'post',
	27	+ data: params
	28	+ })
	29	+}
...	...

src/api/rulestext.js 0 → 100644

View file @2d21111

	1	+import request from '@/utils/request'
	2	+import utils from '../utils/utils.js'
	3	+// 添加修改规则
	4	+export function AddOrUpdRichTextrule(params) {
	5	+ return request({
	6	+ url: '/rule/AddOrUpdRichTextrule',
	7	+ method: 'post',
	8	+ data: params
	9	+ })
	10	+}
	11	+
	12	+// 根据ID删除规则
	13	+export function DelRichTextrule(params) {
	14	+ return request({
	15	+ url: '/rule/DelRichTextrule/'+params,
	16	+ method: 'post',
	17	+ data: params
	18	+ })
	19	+}
	20	+
	21	+
	22	+// 查询所有规则消息
	23	+export function GetListRichTextrule(params) {
	24	+ return request({
	25	+ url: '/rule/GetListRichTextrule',
	26	+ method: 'post',
	27	+ data: params
	28	+ })
	29	+}
...	...

src/api/table.js 0 → 100644

View file @2d21111

	1	+import request from '@/utils/request'
	2	+
	3	+export function getList(params) {
	4	+ return request({
	5	+ url: '/vue-admin-template/table/list',
	6	+ method: 'get',
	7	+ params
	8	+ })
	9	+}
...	...

src/api/user.js 0 → 100644

View file @2d21111

	1	+import request from '@/utils/request'
	2	+import utils from '../utils/utils.js'
	3	+
	4	+
	5	+
	6	+
	7	+//修改密码
	8	+export function UpdPassword(data){
	9	+ return request({
	10	+ url:'/Users/UpdPassword',
	11	+ method:'post',
	12	+ data
	13	+ })
	14	+}
	15	+//添加下级管理员
	16	+export function AddSubAdmin(data){
	17	+ return request({
	18	+ url:'/Account/AddSubAdmin',
	19	+ method:'post',
	20	+ data
	21	+ })
	22	+}
	23	+//查询下级管理员
	24	+export function GetSubAdminList(data){
	25	+ return request({
	26	+ url:'/Account/GetSubAdminList',
	27	+ method:'post',
	28	+ data
	29	+ })
	30	+}
	31	+//删除下级管理员
	32	+export function DelAdmin(data){
	33	+ return request({
	34	+ url:'/Account/DelAdmin/'+data,
	35	+ method:'post',
	36	+ data
	37	+ })
	38	+}
	39	+
	40	+
	41	+// 最新修改固定单量经理专员
	42	+export function UpdateNum(data){
	43	+ return request({
	44	+ url:'/Num/UpdateNum',
	45	+ method:'post',
	46	+ data
	47	+ })
	48	+}
	49	+
	50	+//查询经理专员单量
	51	+export function GetModelNum(data){
	52	+ return request({
	53	+ url:'/Num/GetModelNum',
	54	+ method:'post',
	55	+ data
	56	+ })
	57	+}
	58	+//付款成功发送短信
	59	+export function SendPaymentAppointment(data){
	60	+ return request({
	61	+ url:'/Note/SendPaymentAppointment',
	62	+ method:'post',
	63	+ data
	64	+ })
	65	+}
	66	+
	67	+//拉黑用户
	68	+export function Blacklist(data){
	69	+ return request({
	70	+ url:'/Users/Blacklist/'+data,
	71	+ method:'post',
	72	+ data
	73	+ })
	74	+}
	75	+//取消拉黑用户
	76	+export function NoBlacklist(data){
	77	+ return request({
	78	+ url:'/Users/NoBlacklist/'+data,
	79	+ method:'post',
	80	+ data
	81	+ })
	82	+}
	83	+//完成一单预约操作已完成数量增加1
	84	+export function UpdnowNum(data){
	85	+ return request({
	86	+ url:'/Users/UpdnowNum/'+data,
	87	+ method:'post',
	88	+ data
	89	+ })
	90	+}
	91	+export function login(data) {
	92	+ return request({
	93	+ url: `/Account/Login?username=${data.username}&password=${data.password}`,
	94	+ method: 'post',
	95	+ data
	96	+ })
	97	+}
	98	+// 新增修改用户信息
	99	+export function Save(data){
	100	+ return request({
	101	+ url:`/Users/Save`,
	102	+ method:'post',
	103	+ data
	104	+ })
	105	+}
	106	+//修改专员单量设置
	107	+export function UpdMisser(data){
	108	+ return request({
	109	+ url:`/Users/UpdMisser?${utils.ObjectToQureyParams(data)}`,
	110	+ method:'post',
	111	+ data
	112	+ })
	113	+}
	114	+//修改经理单量设置
	115	+export function UpdManage(data){
	116	+ return request({
	117	+ url:`/Users/UpdManage?${utils.ObjectToQureyParams(data)}`,
	118	+ method:'post',
	119	+ data
	120	+ })
	121	+}
	122	+
	123	+// 查询销售经理下面的销售专员
	124	+export function GetCommissionerByManage(data){
	125	+ return request({
	126	+ url:`/Users/GetCommissionerByManage?${utils.ObjectToQureyParams(data)}`,
	127	+ method:'get',
	128	+ data
	129	+ })
	130	+}
	131	+///获取某个用户下面的所有客户
	132	+export function GetUserCustomerView(data){
	133	+ return request({
	134	+ url:`/Users/GetUserCustomerView?${utils.ObjectToQureyParams(data)}`,
	135	+ method:'get',
	136	+ data
	137	+ })
	138	+}
	139	+
	140	+export function getInfo(token) {
	141	+ return request({
	142	+ url: `/users/userInfo`,
	143	+ method: 'get',
	144	+ params: {
	145	+ token
	146	+ }
	147	+ })
	148	+}
	149	+
	150	+
	151	+export function ImportUserByExcel(token) {
	152	+ return request({
	153	+ url: `/Account/ImportUser`,
	154	+ method: 'post'
	155	+ })
	156	+}
	157	+
	158	+//获取用户列表
	159	+export function GetUserList(params) {
	160	+ return request({
	161	+ url: `/Users/List?pageIndex=${params.pageIndex}&pageSize=${params.pageSize}&sort=${params.sort}&sortOrder=${params.sortOrder}`,
	162	+ method: 'get',
	163	+ data: params
	164	+ })
	165	+}
	166	+
	167	+//获取销售经理用户列表
	168	+export function GetUserListBytManager(params) {
	169	+ return request({
	170	+ url: `/Users/GetUserListBytManager?pageIndex=${params.pageIndex}&pageSize=${params.pageSize}&sort=${params.sort}&sortOrder=${params.sortOrder}`,
	171	+ method: 'post',
	172	+ data:params
	173	+ })
	174	+}
	175	+//导出数据
	176	+export function deriveExcel(data){
	177	+ return request({
	178	+ url:'/AppointmentRecord/deriveExcel',
	179	+ method:'post',
	180	+ data
	181	+ })
	182	+}
	183	+
	184	+//修改用户类型
	185	+export function UpdateUserType(params) {
	186	+ return request({
	187	+ url: `/Users/UpdateUserType?UserId=${params.UserId}&UserType=${params.UserType}&ParentUserId=${params.ParentUserId}`,
	188	+ method: 'post',
	189	+ data:params
	190	+ })
	191	+}
	192	+// 删除用户
	193	+export function DeleteUser(data){
	194	+ return request({
	195	+ url:`/Users/Delete?${utils.ObjectToQureyParams(data)}`,
	196	+ method:'post',
	197	+ data
	198	+ })
	199	+}
	200	+
	201	+
	202	+export function logout() {
	203	+ return request({
	204	+ url: '/vue-admin-template/user/logout',
	205	+ method: 'post'
	206	+ })
	207	+}
...	...

src/assets/404_images/404.png 0 → 100644

View file @2d21111

95.8 KB

src/assets/404_images/404_cloud.png 0 → 100644

View file @2d21111

4.65 KB

src/components/Breadcrumb/index.vue 0 → 100644

View file @2d21111

	1	+<template>
	2	+ <el-breadcrumb class="app-breadcrumb" separator="/">
	3	+ <transition-group name="breadcrumb">
	4	+ <el-breadcrumb-item v-for="(item,index) in levelList" :key="item.path">
	5	+ <span v-if="item.redirect==='noRedirect'\|\|index==levelList.length-1" class="no-redirect">{{ item.meta.title }}</span>
	6	+ <a v-else @click.prevent="handleLink(item)">{{ item.meta.title }}</a>
	7	+ </el-breadcrumb-item>
	8	+ </transition-group>
	9	+ </el-breadcrumb>
	10	+</template>
	11	+
	12	+<script>
	13	+import pathToRegexp from 'path-to-regexp'
	14	+
	15	+export default {
	16	+ data() {
	17	+ return {
	18	+ levelList: null
	19	+ }
	20	+ },
	21	+ watch: {
	22	+ $route() {
	23	+ this.getBreadcrumb()
	24	+ }
	25	+ },
	26	+ created() {
	27	+ this.getBreadcrumb()
	28	+ },
	29	+ methods: {
	30	+ getBreadcrumb() {
	31	+ // only show routes with meta.title
	32	+ let matched = this.$route.matched.filter(item => item.meta && item.meta.title)
	33	+ const first = matched[0]
	34	+
	35	+ if (!this.isDashboard(first)) {
	36	+ matched = [{ path: '/dashboard', meta: { title: 'Dashboard' }}].concat(matched)
	37	+ }
	38	+
	39	+ this.levelList = matched.filter(item => item.meta && item.meta.title && item.meta.breadcrumb !== false)
	40	+ },
	41	+ isDashboard(route) {
	42	+ const name = route && route.name
	43	+ if (!name) {
	44	+ return false
	45	+ }
	46	+ return name.trim().toLocaleLowerCase() === 'Dashboard'.toLocaleLowerCase()
	47	+ },
	48	+ pathCompile(path) {
	49	+ // To solve this problem https://github.com/PanJiaChen/vue-element-admin/issues/561
	50	+ const { params } = this.$route
	51	+ var toPath = pathToRegexp.compile(path)
	52	+ return toPath(params)
	53	+ },
	54	+ handleLink(item) {
	55	+ const { redirect, path } = item
	56	+ if (redirect) {
	57	+ this.$router.push(redirect)
	58	+ return
	59	+ }
	60	+ this.$router.push(this.pathCompile(path))
	61	+ }
	62	+ }
	63	+}
	64	+</script>
	65	+
	66	+<style lang="scss" scoped>
	67	+.app-breadcrumb.el-breadcrumb {
	68	+ display: inline-block;
	69	+ font-size: 14px;
	70	+ line-height: 50px;
	71	+ margin-left: 8px;
	72	+
	73	+ .no-redirect {
	74	+ color: #97a8be;
	75	+ cursor: text;
	76	+ }
	77	+}
	78	+</style>
...	...

src/components/Hamburger/index.vue 0 → 100644

View file @2d21111

	1	+<template>
	2	+ <div style="padding: 0 15px;" @click="toggleClick">
	3	+ <svg
	4	+ :class="{'is-active':isActive}"
	5	+ class="hamburger"
	6	+ viewBox="0 0 1024 1024"
	7	+ xmlns="http://www.w3.org/2000/svg"
	8	+ width="64"
	9	+ height="64"
	10	+ >
	11	+ <path d="M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm-8 204c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56zm504-486H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 632H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM142.4 642.1L298.7 519a8.84 8.84 0 0 0 0-13.9L142.4 381.9c-5.8-4.6-14.4-.5-14.4 6.9v246.3a8.9 8.9 0 0 0 14.4 7z" />
	12	+ </svg>
	13	+ </div>
	14	+</template>
	15	+
	16	+<script>
	17	+export default {
	18	+ name: 'Hamburger',
	19	+ props: {
	20	+ isActive: {
	21	+ type: Boolean,
	22	+ default: false
	23	+ }
	24	+ },
	25	+ methods: {
	26	+ toggleClick() {
	27	+ this.$emit('toggleClick')
	28	+ }
	29	+ }
	30	+}
	31	+</script>
	32	+
	33	+<style scoped>
	34	+.hamburger {
	35	+ display: inline-block;
	36	+ vertical-align: middle;
	37	+ width: 20px;
	38	+ height: 20px;
	39	+}
	40	+
	41	+.hamburger.is-active {
	42	+ transform: rotate(180deg);
	43	+}
	44	+</style>
...	...

src/components/SvgIcon/index.vue 0 → 100644

View file @2d21111

	1	+<template>
	2	+ <div v-if="isExternal" :style="styleExternalIcon" class="svg-external-icon svg-icon" v-on="$listeners" />
	3	+ <svg v-else :class="svgClass" aria-hidden="true" v-on="$listeners">
	4	+ <use :xlink:href="iconName" />
	5	+ </svg>
	6	+</template>
	7	+
	8	+<script>
	9	+// doc: https://panjiachen.github.io/vue-element-admin-site/feature/component/svg-icon.html#usage
	10	+import { isExternal } from '@/utils/validate'
	11	+
	12	+export default {
	13	+ name: 'SvgIcon',
	14	+ props: {
	15	+ iconClass: {
	16	+ type: String,
	17	+ required: true
	18	+ },
	19	+ className: {
	20	+ type: String,
	21	+ default: ''
	22	+ }
	23	+ },
	24	+ computed: {
	25	+ isExternal() {
	26	+ return isExternal(this.iconClass)
	27	+ },
	28	+ iconName() {
	29	+ return `#icon-${this.iconClass}`
	30	+ },
	31	+ svgClass() {
	32	+ if (this.className) {
	33	+ return 'svg-icon ' + this.className
	34	+ } else {
	35	+ return 'svg-icon'
	36	+ }
	37	+ },
	38	+ styleExternalIcon() {
	39	+ return {
	40	+ mask: `url(${this.iconClass}) no-repeat 50% 50%`,
	41	+ '-webkit-mask': `url(${this.iconClass}) no-repeat 50% 50%`
	42	+ }
	43	+ }
	44	+ }
	45	+}
	46	+</script>
	47	+
	48	+<style scoped>
	49	+.svg-icon {
	50	+ width: 1em;
	51	+ height: 1em;
	52	+ vertical-align: -0.15em;
	53	+ fill: currentColor;
	54	+ overflow: hidden;
	55	+}
	56	+
	57	+.svg-external-icon {
	58	+ background-color: currentColor;
	59	+ mask-size: cover!important;
	60	+ display: inline-block;
	61	+}
	62	+</style>
...	...

src/icons/index.js 0 → 100644

View file @2d21111

	1	+import Vue from 'vue'
	2	+import SvgIcon from '@/components/SvgIcon'// svg component
	3	+
	4	+// register globally
	5	+Vue.component('svg-icon', SvgIcon)
	6	+
	7	+const req = require.context('./svg', false, /\.svg$/)
	8	+const requireAll = requireContext => requireContext.keys().map(requireContext)
	9	+requireAll(req)
...	...

src/icons/svg/dashboard.svg 0 → 100644

View file @2d21111

	1	+<svg width="128" height="100" xmlns="http://www.w3.org/2000/svg"><path d="M27.429 63.638c0-2.508-.893-4.65-2.679-6.424-1.786-1.775-3.94-2.662-6.464-2.662-2.524 0-4.679.887-6.465 2.662-1.785 1.774-2.678 3.916-2.678 6.424 0 2.508.893 4.65 2.678 6.424 1.786 1.775 3.94 2.662 6.465 2.662 2.524 0 4.678-.887 6.464-2.662 1.786-1.775 2.679-3.916 2.679-6.424zm13.714-31.801c0-2.508-.893-4.65-2.679-6.424-1.785-1.775-3.94-2.662-6.464-2.662-2.524 0-4.679.887-6.464 2.662-1.786 1.774-2.679 3.916-2.679 6.424 0 2.508.893 4.65 2.679 6.424 1.785 1.774 3.94 2.662 6.464 2.662 2.524 0 4.679-.888 6.464-2.662 1.786-1.775 2.679-3.916 2.679-6.424zM71.714 65.98l7.215-27.116c.285-1.23.107-2.378-.536-3.443-.643-1.064-1.56-1.762-2.75-2.094-1.19-.33-2.333-.177-3.429.462-1.095.639-1.81 1.573-2.143 2.804l-7.214 27.116c-2.857.237-5.405 1.266-7.643 3.088-2.238 1.822-3.738 4.152-4.5 6.992-.952 3.644-.476 7.098 1.429 10.364 1.905 3.265 4.69 5.37 8.357 6.317 3.667.947 7.143.474 10.429-1.42 3.285-1.892 5.404-4.66 6.357-8.305.762-2.84.619-5.607-.429-8.305-1.047-2.697-2.762-4.85-5.143-6.46zm47.143-2.342c0-2.508-.893-4.65-2.678-6.424-1.786-1.775-3.94-2.662-6.465-2.662-2.524 0-4.678.887-6.464 2.662-1.786 1.774-2.679 3.916-2.679 6.424 0 2.508.893 4.65 2.679 6.424 1.786 1.775 3.94 2.662 6.464 2.662 2.524 0 4.679-.887 6.465-2.662 1.785-1.775 2.678-3.916 2.678-6.424zm-45.714-45.43c0-2.509-.893-4.65-2.679-6.425C68.68 10.01 66.524 9.122 64 9.122c-2.524 0-4.679.887-6.464 2.661-1.786 1.775-2.679 3.916-2.679 6.425 0 2.508.893 4.65 2.679 6.424 1.785 1.774 3.94 2.662 6.464 2.662 2.524 0 4.679-.888 6.464-2.662 1.786-1.775 2.679-3.916 2.679-6.424zm32 13.629c0-2.508-.893-4.65-2.679-6.424-1.785-1.775-3.94-2.662-6.464-2.662-2.524 0-4.679.887-6.464 2.662-1.786 1.774-2.679 3.916-2.679 6.424 0 2.508.893 4.65 2.679 6.424 1.785 1.774 3.94 2.662 6.464 2.662 2.524 0 4.679-.888 6.464-2.662 1.786-1.775 2.679-3.916 2.679-6.424zM128 63.638c0 12.351-3.357 23.78-10.071 34.286-.905 1.372-2.19 2.058-3.858 2.058H13.93c-1.667 0-2.953-.686-3.858-2.058C3.357 87.465 0 76.037 0 63.638c0-8.613 1.69-16.847 5.071-24.703C8.452 31.08 13 24.312 18.714 18.634c5.715-5.68 12.524-10.199 20.429-13.559C47.048 1.715 55.333.035 64 .035c8.667 0 16.952 1.68 24.857 5.04 7.905 3.36 14.714 7.88 20.429 13.559 5.714 5.678 10.262 12.446 13.643 20.301 3.38 7.856 5.071 16.09 5.071 24.703z"/></svg>
0	2	\ No newline at end of file
...	...

src/icons/svg/example.svg 0 → 100644

View file @2d21111

	1	+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M96.258 57.462h31.421C124.794 27.323 100.426 2.956 70.287.07v31.422a32.856 32.856 0 0 1 25.971 25.97zm-38.796-25.97V.07C27.323 2.956 2.956 27.323.07 57.462h31.422a32.856 32.856 0 0 1 25.97-25.97zm12.825 64.766v31.421c30.46-2.885 54.507-27.253 57.713-57.712H96.579c-2.886 13.466-13.146 23.726-26.292 26.291zM31.492 70.287H.07c2.886 30.46 27.253 54.507 57.713 57.713V96.579c-13.466-2.886-23.726-13.146-26.291-26.292z"/></svg>
0	2	\ No newline at end of file
...	...

src/icons/svg/eye-open.svg 0 → 100644

View file @2d21111

	1	+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="128" height="128"><defs><style/></defs><path d="M512 128q69.675 0 135.51 21.163t115.498 54.997 93.483 74.837 73.685 82.006 51.67 74.837 32.17 54.827L1024 512q-2.347 4.992-6.315 13.483T998.87 560.17t-31.658 51.669-44.331 59.99-56.832 64.34-69.504 60.16-82.347 51.5-94.848 34.687T512 896q-69.675 0-135.51-21.163t-115.498-54.826-93.483-74.326-73.685-81.493-51.67-74.496-32.17-54.997L0 513.707q2.347-4.992 6.315-13.483t18.816-34.816 31.658-51.84 44.331-60.33 56.832-64.683 69.504-60.331 82.347-51.84 94.848-34.816T512 128.085zm0 85.333q-46.677 0-91.648 12.331t-81.152 31.83-70.656 47.146-59.648 54.485-48.853 57.686-37.675 52.821-26.325 43.99q12.33 21.674 26.325 43.52t37.675 52.351 48.853 57.003 59.648 53.845T339.2 767.02t81.152 31.488T512 810.667t91.648-12.331 81.152-31.659 70.656-46.848 59.648-54.186 48.853-57.344 37.675-52.651T927.957 512q-12.33-21.675-26.325-43.648t-37.675-52.65-48.853-57.345-59.648-54.186-70.656-46.848-81.152-31.659T512 213.334zm0 128q70.656 0 120.661 50.006T682.667 512 632.66 632.661 512 682.667 391.339 632.66 341.333 512t50.006-120.661T512 341.333zm0 85.334q-35.328 0-60.33 25.002T426.666 512t25.002 60.33T512 597.334t60.33-25.002T597.334 512t-25.002-60.33T512 426.666z"/></svg>
0	2	\ No newline at end of file
...	...

src/icons/svg/eye.svg 0 → 100644

View file @2d21111

	1	+<svg width="128" height="64" xmlns="http://www.w3.org/2000/svg"><path d="M127.072 7.994c1.37-2.208.914-5.152-.914-6.87-2.056-1.717-4.797-1.226-6.396.982-.229.245-25.586 32.382-55.74 32.382-29.24 0-55.74-32.382-55.968-32.627-1.6-1.963-4.57-2.208-6.397-.49C-.17 3.086-.399 6.275 1.2 8.238c.457.736 5.94 7.36 14.62 14.72L4.17 35.96c-1.828 1.963-1.6 5.152.228 6.87.457.98 1.6 1.471 2.742 1.471s2.284-.49 3.198-1.472l12.564-13.983c5.94 4.416 13.021 8.587 20.788 11.53l-4.797 17.418c-.685 2.699.686 5.397 3.198 6.133h1.37c2.057 0 3.884-1.472 4.341-3.68L52.6 42.83c3.655.736 7.538 1.227 11.422 1.227 3.883 0 7.767-.49 11.422-1.227l4.797 17.173c.457 2.208 2.513 3.68 4.34 3.68.457 0 .914 0 1.143-.246 2.513-.736 3.883-3.434 3.198-6.133l-4.797-17.172c7.767-2.944 14.848-7.114 20.788-11.53l12.336 13.738c.913.981 2.056 1.472 3.198 1.472s2.284-.49 3.198-1.472c1.828-1.963 1.828-4.906.228-6.87l-11.65-13.001c9.366-7.36 14.849-14.474 14.849-14.474z"/></svg>
0	2	\ No newline at end of file
...	...

src/icons/svg/form.svg 0 → 100644

View file @2d21111

	1	+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M84.068 23.784c-1.02 0-1.877-.32-2.572-.96a8.588 8.588 0 0 1-1.738-2.237 11.524 11.524 0 0 1-1.042-2.621c-.232-.895-.348-1.641-.348-2.238V0h.278c.834 0 1.622.085 2.363.256.742.17 1.645.575 2.711 1.214 1.066.64 2.363 1.535 3.892 2.686 1.53 1.15 3.453 2.664 5.77 4.54 2.502 2.045 4.494 3.771 5.977 5.178 1.483 1.406 2.618 2.6 3.406 3.58.787.98 1.274 1.812 1.46 2.494.185.682.277 1.278.277 1.79v2.046H84.068zM127.3 84.01c.278.682.464 1.535.556 2.558.093 1.023-.37 2.003-1.39 2.94-.463.427-.88.832-1.25 1.215-.372.384-.696.704-.974.96a6.69 6.69 0 0 1-.973.767l-11.816-10.741a44.331 44.331 0 0 0 1.877-1.535 31.028 31.028 0 0 1 1.737-1.406c1.112-.938 2.317-1.343 3.615-1.215 1.297.128 2.363.405 3.197.83.927.427 1.923 1.173 2.989 2.239 1.065 1.065 1.876 2.195 2.432 3.388zM78.23 95.902c2.038 0 3.752-.511 5.143-1.534l-26.969 25.83H18.037c-1.761 0-3.684-.47-5.77-1.407a24.549 24.549 0 0 1-5.838-3.709 21.373 21.373 0 0 1-4.518-5.306c-1.204-2.003-1.807-4.07-1.807-6.202V16.495c0-1.79.44-3.665 1.32-5.626A18.41 18.41 0 0 1 5.04 5.562a21.798 21.798 0 0 1 5.213-3.964C12.198.533 14.237 0 16.37 0h53.24v15.984c0 1.62.278 3.367.834 5.242a16.704 16.704 0 0 0 2.572 5.179c1.159 1.577 2.665 2.898 4.518 3.964 1.853 1.066 4.078 1.598 6.673 1.598h20.295v42.325L85.458 92.45c1.02-1.364 1.529-2.856 1.529-4.476 0-2.216-.857-4.113-2.572-5.69-1.714-1.577-3.776-2.366-6.186-2.366H26.1c-2.409 0-4.448.789-6.116 2.366-1.668 1.577-2.502 3.474-2.502 5.69 0 2.217.834 4.092 2.502 5.626 1.668 1.535 3.707 2.302 6.117 2.302h52.13zM26.1 47.951c-2.41 0-4.449.789-6.117 2.366-1.668 1.577-2.502 3.473-2.502 5.69 0 2.216.834 4.092 2.502 5.626 1.668 1.534 3.707 2.302 6.117 2.302h52.13c2.409 0 4.47-.768 6.185-2.302 1.715-1.534 2.572-3.41 2.572-5.626 0-2.217-.857-4.113-2.572-5.69-1.714-1.577-3.776-2.366-6.186-2.366H26.1zm52.407 64.063l1.807-1.663 3.476-3.196a479.75 479.75 0 0 0 4.587-4.284 500.757 500.757 0 0 1 5.004-4.667c3.985-3.666 8.48-7.758 13.485-12.276l11.677 10.741-13.485 12.404-5.004 4.603-4.587 4.22a179.46 179.46 0 0 0-3.267 3.068c-.88.853-1.367 1.322-1.46 1.407-.463.341-.973.703-1.529 1.087-.556.383-1.112.703-1.668.959-.556.256-1.413.575-2.572.959a83.5 83.5 0 0 1-3.545 1.087 72.2 72.2 0 0 1-3.475.895c-1.112.256-1.946.426-2.502.511-1.112.17-1.854.043-2.224-.383-.371-.426-.464-1.151-.278-2.174.092-.511.278-1.279.556-2.302.278-1.023.602-2.067.973-3.132l1.042-3.005c.325-.938.58-1.577.765-1.918a10.157 10.157 0 0 1 2.224-2.941z"/></svg>
0	2	\ No newline at end of file
...	...

src/icons/svg/link.svg 0 → 100644

View file @2d21111

	1	+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M115.625 127.937H.063V12.375h57.781v12.374H12.438v90.813h90.813V70.156h12.374z"/><path d="M116.426 2.821l8.753 8.753-56.734 56.734-8.753-8.745z"/><path d="M127.893 37.982h-12.375V12.375H88.706V0h39.187z"/></svg>
0	2	\ No newline at end of file
...	...

src/icons/svg/nested.svg 0 → 100644

View file @2d21111

	1	+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M.002 9.2c0 5.044 3.58 9.133 7.998 9.133 4.417 0 7.997-4.089 7.997-9.133 0-5.043-3.58-9.132-7.997-9.132S.002 4.157.002 9.2zM31.997.066h95.981V18.33H31.997V.066zm0 45.669c0 5.044 3.58 9.132 7.998 9.132 4.417 0 7.997-4.088 7.997-9.132 0-3.263-1.524-6.278-3.998-7.91-2.475-1.63-5.524-1.63-7.998 0-2.475 1.632-4 4.647-4 7.91zM63.992 36.6h63.986v18.265H63.992V36.6zm-31.995 82.2c0 5.043 3.58 9.132 7.998 9.132 4.417 0 7.997-4.089 7.997-9.132 0-5.044-3.58-9.133-7.997-9.133s-7.998 4.089-7.998 9.133zm31.995-9.131h63.986v18.265H63.992V109.67zm0-27.404c0 5.044 3.58 9.133 7.998 9.133 4.417 0 7.997-4.089 7.997-9.133 0-3.263-1.524-6.277-3.998-7.909-2.475-1.631-5.524-1.631-7.998 0-2.475 1.632-4 4.646-4 7.91zm31.995-9.13h31.991V91.4H95.987V73.135z"/></svg>
0	2	\ No newline at end of file
...	...

src/icons/svg/password.svg 0 → 100644

View file @2d21111

	1	+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M108.8 44.322H89.6v-5.36c0-9.04-3.308-24.163-25.6-24.163-23.145 0-25.6 16.881-25.6 24.162v5.361H19.2v-5.36C19.2 15.281 36.798 0 64 0c27.202 0 44.8 15.281 44.8 38.961v5.361zm-32 39.356c0-5.44-5.763-9.832-12.8-9.832-7.037 0-12.8 4.392-12.8 9.832 0 3.682 2.567 6.808 6.407 8.477v11.205c0 2.718 2.875 4.962 6.4 4.962 3.524 0 6.4-2.244 6.4-4.962V92.155c3.833-1.669 6.393-4.795 6.393-8.477zM128 64v49.201c0 8.158-8.645 14.799-19.2 14.799H19.2C8.651 128 0 121.359 0 113.201V64c0-8.153 8.645-14.799 19.2-14.799h89.6c10.555 0 19.2 6.646 19.2 14.799z"/></svg>
0	2	\ No newline at end of file
...	...

src/icons/svg/table.svg 0 → 100644

View file @2d21111

	1	+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M.006.064h127.988v31.104H.006V.064zm0 38.016h38.396v41.472H.006V38.08zm0 48.384h38.396v41.472H.006V86.464zM44.802 38.08h38.396v41.472H44.802V38.08zm0 48.384h38.396v41.472H44.802V86.464zM89.598 38.08h38.396v41.472H89.598zm0 48.384h38.396v41.472H89.598z"/><path d="M.006.064h127.988v31.104H.006V.064zm0 38.016h38.396v41.472H.006V38.08zm0 48.384h38.396v41.472H.006V86.464zM44.802 38.08h38.396v41.472H44.802V38.08zm0 48.384h38.396v41.472H44.802V86.464zM89.598 38.08h38.396v41.472H89.598zm0 48.384h38.396v41.472H89.598z"/></svg>
0	2	\ No newline at end of file
...	...

src/icons/svg/tree.svg 0 → 100644

View file @2d21111

	1	+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M126.713 90.023c.858.985 1.287 2.134 1.287 3.447v29.553c0 1.423-.429 2.6-1.287 3.53-.858.93-1.907 1.395-3.146 1.395H97.824c-1.145 0-2.146-.465-3.004-1.395-.858-.93-1.287-2.107-1.287-3.53V93.47c0-.875.19-1.696.572-2.462.382-.766.906-1.368 1.573-1.806a3.84 3.84 0 0 1 2.146-.657h9.725V69.007a3.84 3.84 0 0 0-.43-1.806 3.569 3.569 0 0 0-1.143-1.313 2.714 2.714 0 0 0-1.573-.492h-36.47v23.149h9.725c1.144 0 2.145.492 3.004 1.478.858.985 1.287 2.134 1.287 3.447v29.553c0 .876-.191 1.696-.573 2.463-.38.766-.905 1.368-1.573 1.806a3.84 3.84 0 0 1-2.145.656H51.915a3.84 3.84 0 0 1-2.145-.656c-.668-.438-1.216-1.04-1.645-1.806a4.96 4.96 0 0 1-.644-2.463V93.47c0-1.313.43-2.462 1.288-3.447.858-.986 1.907-1.478 3.146-1.478h9.582v-23.15h-37.9c-.953 0-1.74.356-2.359 1.068-.62.711-.93 1.56-.93 2.544v19.538h9.726c1.239 0 2.264.492 3.074 1.478.81.985 1.216 2.134 1.216 3.447v29.553c0 1.423-.405 2.6-1.216 3.53-.81.93-1.835 1.395-3.074 1.395H4.29c-.476 0-.93-.082-1.358-.246a4.1 4.1 0 0 1-1.144-.657 4.658 4.658 0 0 1-.93-1.067 5.186 5.186 0 0 1-.643-1.395 5.566 5.566 0 0 1-.215-1.56V93.47c0-.437.048-.875.143-1.313a3.95 3.95 0 0 1 .429-1.15c.19-.328.429-.656.715-.984.286-.329.572-.602.858-.821.286-.22.62-.383 1.001-.493.382-.11.763-.164 1.144-.164h9.726V61.619c0-.985.31-1.833.93-2.544.619-.712 1.358-1.068 2.216-1.068h44.335V39.62h-9.582c-1.24 0-2.288-.492-3.146-1.477a5.09 5.09 0 0 1-1.287-3.448V5.14c0-1.423.429-2.627 1.287-3.612.858-.985 1.907-1.477 3.146-1.477h25.743c.763 0 1.478.246 2.145.739a5.17 5.17 0 0 1 1.573 1.888c.382.766.573 1.587.573 2.462v29.553c0 1.313-.43 2.463-1.287 3.448-.859.985-1.86 1.477-3.004 1.477h-9.725v18.389h42.762c.954 0 1.74.355 2.36 1.067.62.711.93 1.56.93 2.545v26.925h9.582c1.239 0 2.288.492 3.146 1.478z"/></svg>
0	2	\ No newline at end of file
...	...

src/icons/svg/user.svg 0 → 100644

View file @2d21111

	1	+<svg width="130" height="130" xmlns="http://www.w3.org/2000/svg"><path d="M63.444 64.996c20.633 0 37.359-14.308 37.359-31.953 0-17.649-16.726-31.952-37.359-31.952-20.631 0-37.36 14.303-37.358 31.952 0 17.645 16.727 31.953 37.359 31.953zM80.57 75.65H49.434c-26.652 0-48.26 18.477-48.26 41.27v2.664c0 9.316 21.608 9.325 48.26 9.325H80.57c26.649 0 48.256-.344 48.256-9.325v-2.663c0-22.794-21.605-41.271-48.256-41.271z" stroke="#979797"/></svg>
0	2	\ No newline at end of file
...	...

src/icons/svgo.yml 0 → 100644

View file @2d21111

	1	+# replace default config
	2	+
	3	+# multipass: true
	4	+# full: true
	5	+
	6	+plugins:
	7	+
	8	+ # - name
	9	+ #
	10	+ # or:
	11	+ # - name: false
	12	+ # - name: true
	13	+ #
	14	+ # or:
	15	+ # - name:
	16	+ # param1: 1
	17	+ # param2: 2
	18	+
	19	+- removeAttrs:
	20	+ attrs:
	21	+ - 'fill'
	22	+ - 'fill-rule'
...	...

src/layout/components/AppMain.vue 0 → 100644

View file @2d21111

	1	+<template>
	2	+ <section class="app-main">
	3	+ <transition name="fade-transform" mode="out-in">
	4	+ <router-view :key="key" />
	5	+ </transition>
	6	+ </section>
	7	+</template>
	8	+
	9	+<script>
	10	+export default {
	11	+ name: 'AppMain',
	12	+ computed: {
	13	+ key() {
	14	+ return this.$route.path
	15	+ }
	16	+ },
	17	+
	18	+}
	19	+</script>
	20	+
	21	+<style scoped>
	22	+.app-main {
	23	+ /50 = navbar /
	24	+ min-height: calc(100vh - 50px);
	25	+ width: 100%;
	26	+ position: relative;
	27	+ overflow: hidden;
	28	+}
	29	+.fixed-header+.app-main {
	30	+ padding-top: 50px;
	31	+}
	32	+</style>
	33	+
	34	+<style lang="scss">
	35	+// fix css style bug in open el-dialog
	36	+.el-popup-parent--hidden {
	37	+ .fixed-header {
	38	+ padding-right: 15px;
	39	+ }
	40	+}
	41	+</style>
...	...

src/layout/components/Navbar.vue 0 → 100644

View file @2d21111

	1	+<template>
	2	+ <div class="navbar">
	3	+ <hamburger :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
	4	+
	5	+ <breadcrumb class="breadcrumb-container" />
	6	+
	7	+ <div class="right-menu">
	8	+ <el-dropdown class="avatar-container" trigger="click">
	9	+ <div class="avatar-wrapper">
	10	+ <img :src="avatar+'?imageView2/1/w/80/h/80'" class="user-avatar">
	11	+ <i class="el-icon-caret-bottom" />
	12	+ </div>
	13	+ <el-dropdown-menu slot="dropdown" class="user-dropdown">
	14	+ <router-link to="/">
	15	+ <el-dropdown-item>
	16	+ Home
	17	+ </el-dropdown-item>
	18	+ </router-link>
	19	+ <a target="_blank" href="https://github.com/PanJiaChen/vue-admin-template/">
	20	+ <el-dropdown-item>Github</el-dropdown-item>
	21	+ </a>
	22	+ <a target="_blank" href="https://panjiachen.github.io/vue-element-admin-site/#/">
	23	+ <el-dropdown-item>Docs</el-dropdown-item>
	24	+ </a>
	25	+ <el-dropdown-item divided @click.native="logout">
	26	+ <span style="display:block;">Log Out</span>
	27	+ </el-dropdown-item>
	28	+ </el-dropdown-menu>
	29	+ </el-dropdown>
	30	+ </div>
	31	+ </div>
	32	+</template>
	33	+
	34	+<script>
	35	+import { mapGetters } from 'vuex'
	36	+import Breadcrumb from '@/components/Breadcrumb'
	37	+import Hamburger from '@/components/Hamburger'
	38	+
	39	+export default {
	40	+ components: {
	41	+ Breadcrumb,
	42	+ Hamburger
	43	+ },
	44	+ computed: {
	45	+ ...mapGetters([
	46	+ 'sidebar',
	47	+ 'avatar'
	48	+ ])
	49	+ },
	50	+ methods: {
	51	+ toggleSideBar() {
	52	+ this.$store.dispatch('app/toggleSideBar')
	53	+ },
	54	+ async logout() {
	55	+ await this.$store.dispatch('user/logout')
	56	+ this.$router.push(`/login?redirect=${this.$route.fullPath}`)
	57	+ }
	58	+ }
	59	+}
	60	+</script>
	61	+
	62	+<style lang="scss" scoped>
	63	+.navbar {
	64	+ height: 50px;
	65	+ overflow: hidden;
	66	+ position: relative;
	67	+ background: #fff;
	68	+ box-shadow: 0 1px 4px rgba(0,21,41,.08);
	69	+
	70	+ .hamburger-container {
	71	+ line-height: 46px;
	72	+ height: 100%;
	73	+ float: left;
	74	+ cursor: pointer;
	75	+ transition: background .3s;
	76	+ -webkit-tap-highlight-color:transparent;
	77	+
	78	+ &:hover {
	79	+ background: rgba(0, 0, 0, .025)
	80	+ }
	81	+ }
	82	+
	83	+ .breadcrumb-container {
	84	+ float: left;
	85	+ }
	86	+
	87	+ .right-menu {
	88	+ float: right;
	89	+ height: 100%;
	90	+ line-height: 50px;
	91	+
	92	+ &:focus {
	93	+ outline: none;
	94	+ }
	95	+
	96	+ .right-menu-item {
	97	+ display: inline-block;
	98	+ padding: 0 8px;
	99	+ height: 100%;
	100	+ font-size: 18px;
	101	+ color: #5a5e66;
	102	+ vertical-align: text-bottom;
	103	+
	104	+ &.hover-effect {
	105	+ cursor: pointer;
	106	+ transition: background .3s;
	107	+
	108	+ &:hover {
	109	+ background: rgba(0, 0, 0, .025)
	110	+ }
	111	+ }
	112	+ }
	113	+
	114	+ .avatar-container {
	115	+ margin-right: 30px;
	116	+
	117	+ .avatar-wrapper {
	118	+ margin-top: 5px;
	119	+ position: relative;
	120	+
	121	+ .user-avatar {
	122	+ cursor: pointer;
	123	+ width: 40px;
	124	+ height: 40px;
	125	+ border-radius: 10px;
	126	+ }
	127	+
	128	+ .el-icon-caret-bottom {
	129	+ cursor: pointer;
	130	+ position: absolute;
	131	+ right: -20px;
	132	+ top: 25px;
	133	+ font-size: 12px;
	134	+ }
	135	+ }
	136	+ }
	137	+ }
	138	+}
	139	+</style>
...	...

src/layout/components/Sidebar/FixiOSBug.js 0 → 100644

View file @2d21111

	1	+export default {
	2	+ computed: {
	3	+ device() {
	4	+ return this.$store.state.app.device
	5	+ }
	6	+ },
	7	+ mounted() {
	8	+ // In order to fix the click on menu on the ios device will trigger the mouseleave bug
	9	+ // https://github.com/PanJiaChen/vue-element-admin/issues/1135
	10	+ this.fixBugIniOS()
	11	+ },
	12	+ methods: {
	13	+ fixBugIniOS() {
	14	+ const $subMenu = this.$refs.subMenu
	15	+ if ($subMenu) {
	16	+ const handleMouseleave = $subMenu.handleMouseleave
	17	+ $subMenu.handleMouseleave = (e) => {
	18	+ if (this.device === 'mobile') {
	19	+ return
	20	+ }
	21	+ handleMouseleave(e)
	22	+ }
	23	+ }
	24	+ }
	25	+ }
	26	+}
...	...

src/layout/components/Sidebar/Item.vue 0 → 100644

View file @2d21111

	1	+<script>
	2	+export default {
	3	+ name: 'MenuItem',
	4	+ functional: true,
	5	+ props: {
	6	+ icon: {
	7	+ type: String,
	8	+ default: ''
	9	+ },
	10	+ title: {
	11	+ type: String,
	12	+ default: ''
	13	+ }
	14	+ },
	15	+ render(h, context) {
	16	+ const { icon, title } = context.props
	17	+ const vnodes = []
	18	+
	19	+ if (icon) {
	20	+ if (icon.includes('el-icon')) {
	21	+ vnodes.push(<i class={[icon, 'sub-el-icon']} />)
	22	+ } else {
	23	+ vnodes.push(<svg-icon icon-class={icon}/>)
	24	+ }
	25	+ }
	26	+
	27	+ if (title) {
	28	+ vnodes.push(<span slot='title'>{(title)}</span>)
	29	+ }
	30	+ return vnodes
	31	+ }
	32	+}
	33	+</script>
	34	+
	35	+<style scoped>
	36	+.sub-el-icon {
	37	+ color: currentColor;
	38	+ width: 1em;
	39	+ height: 1em;
	40	+}
	41	+</style>
...	...

src/layout/components/Sidebar/Link.vue 0 → 100644

View file @2d21111

	1	+<template>
	2	+ <component :is="type" v-bind="linkProps(to)">
	3	+ <slot />
	4	+ </component>
	5	+</template>
	6	+
	7	+<script>
	8	+import { isExternal } from '@/utils/validate'
	9	+
	10	+export default {
	11	+ props: {
	12	+ to: {
	13	+ type: String,
	14	+ required: true
	15	+ }
	16	+ },
	17	+ computed: {
	18	+ isExternal() {
	19	+ return isExternal(this.to)
	20	+ },
	21	+ type() {
	22	+ if (this.isExternal) {
	23	+ return 'a'
	24	+ }
	25	+ return 'router-link'
	26	+ }
	27	+ },
	28	+ methods: {
	29	+ linkProps(to) {
	30	+ if (this.isExternal) {
	31	+ return {
	32	+ href: to,
	33	+ target: '_blank',
	34	+ rel: 'noopener'
	35	+ }
	36	+ }
	37	+ return {
	38	+ to: to
	39	+ }
	40	+ }
	41	+ }
	42	+}
	43	+</script>
...	...

src/layout/components/Sidebar/Logo.vue 0 → 100644

View file @2d21111

	1	+<template>
	2	+ <div class="sidebar-logo-container" :class="{'collapse':collapse}">
	3	+ <transition name="sidebarLogoFade">
	4	+ <router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
	5	+ <img v-if="logo" :src="logo" class="sidebar-logo">
	6	+ <h1 v-else class="sidebar-title">{{ title }} </h1>
	7	+ </router-link>
	8	+ <router-link v-else key="expand" class="sidebar-logo-link" to="/">
	9	+ <img v-if="logo" :src="logo" class="sidebar-logo">
	10	+ <h1 class="sidebar-title">{{ title }} </h1>
	11	+ </router-link>
	12	+ </transition>
	13	+ </div>
	14	+</template>
	15	+
	16	+<script>
	17	+export default {
	18	+ name: 'SidebarLogo',
	19	+ props: {
	20	+ collapse: {
	21	+ type: Boolean,
	22	+ required: true
	23	+ }
	24	+ },
	25	+ data() {
	26	+ return {
	27	+ title: 'Vue Admin Template',
	28	+ logo: 'https://wpimg.wallstcn.com/69a1c46c-eb1c-4b46-8bd4-e9e686ef5251.png'
	29	+ }
	30	+ }
	31	+}
	32	+</script>
	33	+
	34	+<style lang="scss" scoped>
	35	+.sidebarLogoFade-enter-active {
	36	+ transition: opacity 1.5s;
	37	+}
	38	+
	39	+.sidebarLogoFade-enter,
	40	+.sidebarLogoFade-leave-to {
	41	+ opacity: 0;
	42	+}
	43	+
	44	+.sidebar-logo-container {
	45	+ position: relative;
	46	+ width: 100%;
	47	+ height: 50px;
	48	+ line-height: 50px;
	49	+ background: #2b2f3a;
	50	+ text-align: center;
	51	+ overflow: hidden;
	52	+
	53	+ & .sidebar-logo-link {
	54	+ height: 100%;
	55	+ width: 100%;
	56	+
	57	+ & .sidebar-logo {
	58	+ width: 32px;
	59	+ height: 32px;
	60	+ vertical-align: middle;
	61	+ margin-right: 12px;
	62	+ }
	63	+
	64	+ & .sidebar-title {
	65	+ display: inline-block;
	66	+ margin: 0;
	67	+ color: #fff;
	68	+ font-weight: 600;
	69	+ line-height: 50px;
	70	+ font-size: 14px;
	71	+ font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
	72	+ vertical-align: middle;
	73	+ }
	74	+ }
	75	+
	76	+ &.collapse {
	77	+ .sidebar-logo {
	78	+ margin-right: 0px;
	79	+ }
	80	+ }
	81	+}
	82	+</style>
...	...

src/layout/components/Sidebar/SidebarItem.vue 0 → 100644

View file @2d21111

	1	+<template>
	2	+ <div v-if="!item.hidden">
	3	+ <template v-if="hasOneShowingChild(item.children,item) && (!onlyOneChild.children\|\|onlyOneChild.noShowingChildren)&&!item.alwaysShow">
	4	+ <app-link v-if="onlyOneChild.meta" :to="resolvePath(onlyOneChild.path)">
	5	+ <el-menu-item :index="resolvePath(onlyOneChild.path)" :class="{'submenu-title-noDropdown':!isNest}">
	6	+ <item :icon="onlyOneChild.meta.icon\|\|(item.meta&&item.meta.icon)" :title="onlyOneChild.meta.title" />
	7	+ </el-menu-item>
	8	+ </app-link>
	9	+ </template>
	10	+
	11	+ <el-submenu v-else ref="subMenu" :index="resolvePath(item.path)" popper-append-to-body>
	12	+ <template slot="title">
	13	+ <item v-if="item.meta" :icon="item.meta && item.meta.icon" :title="item.meta.title" />
	14	+ </template>
	15	+ <sidebar-item
	16	+ v-for="child in item.children"
	17	+ :key="child.path"
	18	+ :is-nest="true"
	19	+ :item="child"
	20	+ :base-path="resolvePath(child.path)"
	21	+ class="nest-menu"
	22	+ />
	23	+ </el-submenu>
	24	+ </div>
	25	+</template>
	26	+
	27	+<script>
	28	+import path from 'path'
	29	+import { isExternal } from '@/utils/validate'
	30	+import Item from './Item'
	31	+import AppLink from './Link'
	32	+import FixiOSBug from './FixiOSBug'
	33	+
	34	+export default {
	35	+ name: 'SidebarItem',
	36	+ components: { Item, AppLink },
	37	+ mixins: [FixiOSBug],
	38	+ props: {
	39	+ // route object
	40	+ item: {
	41	+ type: Object,
	42	+ required: true
	43	+ },
	44	+ isNest: {
	45	+ type: Boolean,
	46	+ default: false
	47	+ },
	48	+ basePath: {
	49	+ type: String,
	50	+ default: ''
	51	+ }
	52	+ },
	53	+ data() {
	54	+ // To fix https://github.com/PanJiaChen/vue-admin-template/issues/237
	55	+ // TODO: refactor with render function
	56	+ this.onlyOneChild = null
	57	+ return {}
	58	+ },
	59	+ methods: {
	60	+ hasOneShowingChild(children = [], parent) {
	61	+ const showingChildren = children.filter(item => {
	62	+ if (item.hidden) {
	63	+ return false
	64	+ } else {
	65	+ // Temp set(will be used if only has one showing child)
	66	+ this.onlyOneChild = item
	67	+ return true
	68	+ }
	69	+ })
	70	+
	71	+ // When there is only one child router, the child router is displayed by default
	72	+ if (showingChildren.length === 1) {
	73	+ return true
	74	+ }
	75	+
	76	+ // Show parent if there are no child router to display
	77	+ if (showingChildren.length === 0) {
	78	+ this.onlyOneChild = { ... parent, path: '', noShowingChildren: true }
	79	+ return true
	80	+ }
	81	+
	82	+ return false
	83	+ },
	84	+ resolvePath(routePath) {
	85	+ if (isExternal(routePath)) {
	86	+ return routePath
	87	+ }
	88	+ if (isExternal(this.basePath)) {
	89	+ return this.basePath
	90	+ }
	91	+ return path.resolve(this.basePath, routePath)
	92	+ }
	93	+ }
	94	+}
	95	+</script>
...	...

src/layout/components/Sidebar/index.vue 0 → 100644

View file @2d21111

	1	+<template>
	2	+ <div :class="{'has-logo':showLogo}">
	3	+ <logo v-if="showLogo" :collapse="isCollapse" />
	4	+ <el-scrollbar wrap-class="scrollbar-wrapper">
	5	+ <el-menu
	6	+ :default-active="activeMenu"
	7	+ :collapse="isCollapse"
	8	+ :background-color="variables.menuBg"
	9	+ :text-color="variables.menuText"
	10	+ :unique-opened="false"
	11	+ :active-text-color="variables.menuActiveText"
	12	+ :collapse-transition="false"
	13	+ mode="vertical"
	14	+ >
	15	+ <sidebar-item v-for="route in routes" :key="route.path" :item="route" :base-path="route.path" v-if="haspermission(route)" />
	16	+ </el-menu>
	17	+ </el-scrollbar>
	18	+ </div>
	19	+</template>
	20	+
	21	+<script>
	22	+import { mapGetters } from 'vuex'
	23	+import Logo from './Logo'
	24	+import SidebarItem from './SidebarItem'
	25	+import variables from '@/styles/variables.scss'
	26	+import {getUser} from '../../../utils/auth.js'
	27	+export default {
	28	+ data(){
	29	+ return {
	30	+ permission:this.$store.state.user.permissions
	31	+ }
	32	+ },
	33	+ methods:{
	34	+ haspermission(route){
	35	+ var show = true;
	36	+ var permissions = this.permission;
	37	+ // console.log('permission',permissions);
	38	+ // console.log('meta',route.meta)
	39	+ try{
	40	+ if(!permissions \|\| !route.meta ) show = true;
	41	+ else if(!route.meta.permissions) show = true;
	42	+ else{
	43	+
	44	+ var tmp = false;
	45	+ route.meta.permissions.forEach(item=>{
	46	+ tmp = permissions.includes(item);
	47	+ })
	48	+ show = tmp;
	49	+
	50	+ }
	51	+ }catch(e){
	52	+ //TODO handle the exception
	53	+ }
	54	+ return show;
	55	+ }
	56	+ },
	57	+ components: { SidebarItem, Logo },
	58	+ computed: {
	59	+ ...mapGetters([
	60	+ 'sidebar'
	61	+ ]),
	62	+ routes() {
	63	+ return this.$router.options.routes
	64	+ },
	65	+ activeMenu() {
	66	+ const route = this.$route
	67	+ const { meta, path } = route
	68	+ // if set path, the sidebar will highlight the path you set
	69	+ if (meta.activeMenu) {
	70	+ return meta.activeMenu
	71	+ }
	72	+ return path
	73	+ },
	74	+ showLogo() {
	75	+ return this.$store.state.settings.sidebarLogo
	76	+ },
	77	+ variables() {
	78	+ return variables
	79	+ },
	80	+ isCollapse() {
	81	+ return !this.sidebar.opened
	82	+ },
	83	+ },
	84	+ created() {
	85	+ }
	86	+}
	87	+</script>
...	...

src/layout/components/index.js 0 → 100644

View file @2d21111

	1	+export { default as Navbar } from './Navbar'
	2	+export { default as Sidebar } from './Sidebar'
	3	+export { default as AppMain } from './AppMain'
...	...

src/layout/index.vue 0 → 100644

View file @2d21111

	1	+<template>
	2	+ <div :class="classObj" class="app-wrapper">
	3	+ <div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside" />
	4	+ <sidebar class="sidebar-container" />
	5	+ <div class="main-container">
	6	+ <div :class="{'fixed-header':fixedHeader}">
	7	+ <navbar />
	8	+ </div>
	9	+ <app-main />
	10	+ </div>
	11	+ </div>
	12	+</template>
	13	+
	14	+<script>
	15	+import { Navbar, Sidebar, AppMain } from './components'
	16	+import ResizeMixin from './mixin/ResizeHandler'
	17	+
	18	+export default {
	19	+ name: 'Layout',
	20	+ components: {
	21	+ Navbar,
	22	+ Sidebar,
	23	+ AppMain
	24	+ },
	25	+ mixins: [ResizeMixin],
	26	+ computed: {
	27	+ sidebar() {
	28	+ return this.$store.state.app.sidebar
	29	+ },
	30	+ device() {
	31	+ return this.$store.state.app.device
	32	+ },
	33	+ fixedHeader() {
	34	+ return this.$store.state.settings.fixedHeader
	35	+ },
	36	+ classObj() {
	37	+ return {
	38	+ hideSidebar: !this.sidebar.opened,
	39	+ openSidebar: this.sidebar.opened,
	40	+ withoutAnimation: this.sidebar.withoutAnimation,
	41	+ mobile: this.device === 'mobile'
	42	+ }
	43	+ }
	44	+ },
	45	+ methods: {
	46	+ handleClickOutside() {
	47	+ this.$store.dispatch('app/closeSideBar', { withoutAnimation: false })
	48	+ }
	49	+ }
	50	+}
	51	+</script>
	52	+
	53	+<style lang="scss" scoped>
	54	+ @import "~@/styles/mixin.scss";
	55	+ @import "~@/styles/variables.scss";
	56	+
	57	+ .app-wrapper {
	58	+ @include clearfix;
	59	+ position: relative;
	60	+ height: 100%;
	61	+ width: 100%;
	62	+ &.mobile.openSidebar{
	63	+ position: fixed;
	64	+ top: 0;
	65	+ }
	66	+ }
	67	+ .drawer-bg {
	68	+ background: #000;
	69	+ opacity: 0.3;
	70	+ width: 100%;
	71	+ top: 0;
	72	+ height: 100%;
	73	+ position: absolute;
	74	+ z-index: 999;
	75	+ }
	76	+
	77	+ .fixed-header {
	78	+ position: fixed;
	79	+ top: 0;
	80	+ right: 0;
	81	+ z-index: 9;
	82	+ width: calc(100% - #{$sideBarWidth});
	83	+ transition: width 0.28s;
	84	+ }
	85	+
	86	+ .hideSidebar .fixed-header {
	87	+ width: calc(100% - 54px)
	88	+ }
	89	+
	90	+ .mobile .fixed-header {
	91	+ width: 100%;
	92	+ }
	93	+</style>
...	...

src/layout/mixin/ResizeHandler.js 0 → 100644

View file @2d21111

	1	+import store from '@/store'
	2	+
	3	+const { body } = document
	4	+const WIDTH = 992 // refer to Bootstrap's responsive design
	5	+
	6	+export default {
	7	+ watch: {
	8	+ $route(route) {
	9	+ if (this.device === 'mobile' && this.sidebar.opened) {
	10	+ store.dispatch('app/closeSideBar', { withoutAnimation: false })
	11	+ }
	12	+ }
	13	+ },
	14	+ beforeMount() {
	15	+ window.addEventListener('resize', this.$_resizeHandler)
	16	+ },
	17	+ beforeDestroy() {
	18	+ window.removeEventListener('resize', this.$_resizeHandler)
	19	+ },
	20	+ mounted() {
	21	+ const isMobile = this.$_isMobile()
	22	+ if (isMobile) {
	23	+ store.dispatch('app/toggleDevice', 'mobile')
	24	+ store.dispatch('app/closeSideBar', { withoutAnimation: true })
	25	+ }
	26	+ },
	27	+ methods: {
	28	+ // use $_ for mixins properties
	29	+ // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
	30	+ $_isMobile() {
	31	+ const rect = body.getBoundingClientRect()
	32	+ return rect.width - 1 < WIDTH
	33	+ },
	34	+ $_resizeHandler() {
	35	+ if (!document.hidden) {
	36	+ const isMobile = this.$_isMobile()
	37	+ store.dispatch('app/toggleDevice', isMobile ? 'mobile' : 'desktop')
	38	+
	39	+ if (isMobile) {
	40	+ store.dispatch('app/closeSideBar', { withoutAnimation: true })
	41	+ }
	42	+ }
	43	+ }
	44	+ }
	45	+}
...	...

src/main.js 0 → 100644

View file @2d21111

	1	+import Vue from 'vue'
	2	+
	3	+import 'normalize.css/normalize.css' // A modern alternative to CSS resets
	4	+
	5	+import ElementUI from 'element-ui'
	6	+import 'element-ui/lib/theme-chalk/index.css'
	7	+import locale from 'element-ui/lib/locale/lang/en' // lang i18n
	8	+
	9	+import '@/styles/index.scss' // global css
	10	+
	11	+import App from './App'
	12	+import store from './store'
	13	+import router from './router'
	14	+
	15	+import '@/icons' // icon
	16	+import '@/permission' // permission control
	17	+
	18	+// 引入富文本组件
	19	+import QuillEditor from 'vue-quill-editor'
	20	+// 引入富文本组件样式
	21	+import 'quill/dist/quill.core.css'
	22	+import 'quill/dist/quill.snow.css'
	23	+import 'quill/dist/quill.bubble.css'
	24	+
	25	+Vue.use(QuillEditor)
	26	+/**
	27	+ * If you don't want to use mock-server
	28	+ * you want to use MockJs for mock api
	29	+ * you can execute: mockXHR()
	30	+ *
	31	+ * Currently MockJs will be used in the production environment,
	32	+ * please remove it before going online ! ! !
	33	+ */
	34	+if (process.env.NODE_ENV === 'production') {
	35	+ const {
	36	+ mockXHR
	37	+ } = require('../mock')
	38	+ mockXHR()
	39	+}
	40	+
	41	+// set ElementUI lang to EN
	42	+//Vue.use(ElementUI, { locale })
	43	+// 如果想要中文版 element-ui，按如下方式声明
	44	+Vue.use(ElementUI)
	45	+
	46	+Vue.config.productionTip = false
	47	+
	48	+
	49	+Vue.component('remote-script', {
	50	+
	51	+ render: function(createElement) {
	52	+ var self = this;
	53	+ return createElement('script', {
	54	+ attrs: {
	55	+ type: 'text/javascript',
	56	+ src: this.src
	57	+ },
	58	+ on: {
	59	+ load: function(event) {
	60	+ self.$emit('load', event);
	61	+ },
	62	+ error: function(event) {
	63	+ self.$emit('error', event);
	64	+ },
	65	+ readystatechange: function(event) {
	66	+ if (this.readyState == 'complete') {
	67	+ self.$emit('load', event);
	68	+ }
	69	+ }
	70	+ }
	71	+ });
	72	+ },
	73	+
	74	+ props: {
	75	+ src: {
	76	+ type: String,
	77	+ required: true
	78	+ }
	79	+ }
	80	+});
	81	+
	82	+
	83	+
	84	+new Vue({
	85	+ el: '#app',
	86	+ router,
	87	+ store,
	88	+ render: h => h(App),
	89	+ components: {
	90	+ App
	91	+ },
	92	+ template: '<App/>'
	93	+
	94	+
	95	+})
...	...

src/permission.js 0 → 100644

View file @2d21111

	1	+import router from './router'
	2	+import store from './store'
	3	+import { Message } from 'element-ui'
	4	+import NProgress from 'nprogress' // progress bar
	5	+import 'nprogress/nprogress.css' // progress bar style
	6	+import { getToken } from '@/utils/auth' // get token from cookie
	7	+import getPageTitle from '@/utils/get-page-title'
	8	+
	9	+NProgress.configure({ showSpinner: false }) // NProgress Configuration
	10	+
	11	+const whiteList = ['/login','/externalInfo'] // no redirect whitelist
	12	+
	13	+router.beforeEach(async(to, from, next) => {
	14	+ // start progress bar
	15	+ NProgress.start()
	16	+
	17	+ // set page title
	18	+ document.title = getPageTitle(to.meta.title)
	19	+
	20	+ // determine whether the user has logged in
	21	+ const hasToken = getToken()
	22	+
	23	+ if (hasToken) {
	24	+ if (to.path === '/login') {
	25	+ // if is logged in, redirect to the home page
	26	+ next({ path: '/' })
	27	+ NProgress.done()
	28	+ } else {
	29	+ const hasGetUserInfo = store.getters.name
	30	+ if (hasGetUserInfo) {
	31	+ next()
	32	+ } else {
	33	+ try {
	34	+ // get user info
	35	+ await store.dispatch('user/getInfo')
	36	+
	37	+ next()
	38	+ } catch (error) {
	39	+ // remove token and go to login page to re-login
	40	+ await store.dispatch('user/resetToken')
	41	+ Message({
	42	+ message: error.message,
	43	+ type: 'Has Error',
	44	+ duration: 5 * 1000
	45	+ })
	46	+ next(`/login?redirect=${to.path}`)
	47	+ NProgress.done()
	48	+ }
	49	+ }
	50	+ }
	51	+ } else {
	52	+ /* has no token*/
	53	+
	54	+ if (whiteList.indexOf(to.path) !== -1) {
	55	+ // in the free login whitelist, go directly
	56	+ next()
	57	+ } else {
	58	+ // other pages that do not have permission to access are redirected to the login page.
	59	+ next(`/login?redirect=${to.path}`)
	60	+ NProgress.done()
	61	+ }
	62	+ }
	63	+})
	64	+
	65	+router.afterEach(() => {
	66	+ // finish progress bar
	67	+ NProgress.done()
	68	+})
...	...

src/router/index.js 0 → 100644

View file @2d21111

	1	+import Vue from 'vue'
	2	+import Router from 'vue-router'
	3	+
	4	+Vue.use(Router)
	5	+
	6	+/* Layout */
	7	+import Layout from '@/layout'
	8	+
	9	+/**
	10	+ * Note: sub-menu only appear when route children.length >= 1
	11	+ * Detail see: https://panjiachen.github.io/vue-element-admin-site/guide/essentials/router-and-nav.html
	12	+ *
	13	+ * hidden: true if set true, item will not show in the sidebar(default is false)
	14	+ * alwaysShow: true if set true, will always show the root menu
	15	+ * if not set alwaysShow, when item has more than one children route,
	16	+ * it will becomes nested mode, otherwise not show the root menu
	17	+ * redirect: noRedirect if set noRedirect will no redirect in the breadcrumb
	18	+ * name:'router-name' the name is used by <keep-alive> (must set!!!)
	19	+ * meta : {
	20	+ roles: ['admin','editor'] control the page roles (you can set multiple roles)
	21	+ title: 'title' the name show in sidebar and breadcrumb (recommend set)
	22	+ icon: 'svg-name'/'el-icon-x' the icon show in the sidebar
	23	+ breadcrumb: false if set false, the item will hidden in breadcrumb(default is true)
	24	+ activeMenu: '/example/list' if set path, the sidebar will highlight the path you set
	25	+ }
	26	+ */
	27	+
	28	+/**
	29	+ * constantRoutes
	30	+ * a base page that does not have permission requirements
	31	+ * all roles can be accessed
	32	+ */
	33	+export const constantRoutes = [{
	34	+ path: '/login',
	35	+ component: () => import('@/views/login/index'),
	36	+ hidden: true
	37	+ },
	38	+
	39	+ {
	40	+ path: '/404',
	41	+ component: () => import('@/views/404'),
	42	+ hidden: true
	43	+ },
	44	+
	45	+ {
	46	+ path: '/externalInfo',
	47	+ component: () => import('@/views/externalInfo/externalInfo'),
	48	+ hidden: true
	49	+ },
	50	+
	51	+
	52	+ {
	53	+ path: '/',
	54	+ component: Layout,
	55	+ redirect: '/dashboard',
	56	+ children: [{
	57	+ path: 'dashboard',
	58	+ name: '首页',
	59	+ component: () => import('@/views/dashboard/index'),
	60	+ meta: {
	61	+ title: '首页',
	62	+ icon: 'dashboard'
	63	+ }
	64	+ }]
	65	+ },
	66	+
	67	+
	68	+ {
	69	+ path: '/promotelinks',
	70	+ component: () => import('@/views/promotelinks/promotelinks'),
	71	+ hidden: true
	72	+ },
	73	+
	74	+
	75	+ {
	76	+ path: '/user',
	77	+ component: Layout,
	78	+ redirect: '/user',
	79	+ name: '用户管理',
	80	+ meta: {
	81	+ title: '用户管理',
	82	+ icon: 'el-icon-s-help'
	83	+ },
	84	+ children: [{
	85	+ path: 'map',
	86	+ name: 'Table',
	87	+ component: () => import('@/views/user/index'),
	88	+ meta: {
	89	+ title: '所有用户',
	90	+ icon: 'table'
	91	+ }
	92	+ },
	93	+ {
	94	+ path: 'managerTable',
	95	+ name: 'manager',
	96	+ component: () => import('@/views/user/managerTable'),
	97	+ meta: {
	98	+ title: '客户经理',
	99	+ icon: 'table'
	100	+ }
	101	+ },
	102	+ {
	103	+ path: 'manager',
	104	+ name: 'manager',
	105	+ component: () => import('@/views/user/manager'),
	106	+ meta: {
	107	+ title: '客户经理下级',
	108	+ icon: 'table'
	109	+ }
	110	+ },
	111	+ {
	112	+ path: 'commissioner',
	113	+ name: 'manager',
	114	+ component: () => import('@/views/user/commissioner'),
	115	+ meta: {
	116	+ title: '推广专员下级',
	117	+ icon: 'table'
	118	+ }
	119	+ }
	120	+ ]
	121	+ },
	122	+ // appointment
	123	+ {
	124	+ path: '/appointment',
	125	+ component: Layout,
	126	+ redirect: '/appointment',
	127	+ children: [{
	128	+ path: 'appointment',
	129	+ name: '预约管理',
	130	+ component: () => import('@/views/appointment/appointment'),
	131	+ meta: {
	132	+ title: '预约管理',
	133	+ icon: 'el-icon-s-help'
	134	+ }
	135	+ }]
	136	+ },
	137	+
	138	+ {
	139	+ path: '/appointByUserId',
	140	+ component: Layout,
	141	+ redirect: '/appointByUserId',
	142	+ children: [{
	143	+ path: 'appointByUserId',
	144	+ name: '查询预约',
	145	+ component: () => import('@/views/appointByUserId/appointByUserId'),
	146	+ meta: {
	147	+ title: '查询预约',
	148	+ icon: 'el-icon-s-help',
	149	+ }
	150	+ }]
	151	+ },
	152	+ {
	153	+ path: '/AdminManage',
	154	+ component: Layout,
	155	+ redirect: '/AdminManage',
	156	+ meta:{
	157	+ permissions:['admin']//
	158	+ },
	159	+ children: [{
	160	+ path: 'AdminManage',
	161	+ name: '管理员管理',
	162	+ component: () => import('@/views/AdminManage/AdminManage'),
	163	+ meta: {
	164	+ title: '管理员管理',
	165	+ icon: 'el-icon-s-help',
	166	+ // hidden:true
	167	+ }
	168	+ }]
	169	+ },
	170	+ // 推广链接
	171	+ // {
	172	+ // path: '/promotelinks',
	173	+ // component: Layout,
	174	+ // redirect: '/promotelinks',
	175	+ // children: [{
	176	+ // path: 'promotelinks',
	177	+ // name: '推广链接',
	178	+ // component: () => import('@/views/promotelinks/promotelinks'),
	179	+ // meta: {
	180	+ // title: '推广链接',
	181	+ // icon: 'el-icon-s-help'
	182	+ // }
	183	+ // }]
	184	+ // },
	185	+ // 提现管理
	186	+ {
	187	+ path: '/moneys',
	188	+ component: Layout,
	189	+ redirect: '/moneys',
	190	+ children: [{
	191	+ path: 'moneys',
	192	+ name: '提现管理',
	193	+ component: () => import('@/views/moneys/moneys'),
	194	+ meta: {
	195	+ title: '提现管理',
	196	+ icon: 'el-icon-s-help'
	197	+ }
	198	+ }]
	199	+ },
	200	+ // 外部数据
	201	+ // {
	202	+ // path: '/externalInfo',
	203	+ // component: Layout,
	204	+ // redirect: '/externalInfo',
	205	+ // children: [{
	206	+ // path: 'externalInfo',
	207	+ // name: '外部数据',
	208	+ // component: () => import('@/views/externalInfo/externalInfo'),
	209	+ // meta: {
	210	+ // title: '外部数据',
	211	+ // icon: 'el-icon-s-help'
	212	+ // }
	213	+ // }]
	214	+ // },
	215	+ {
	216	+ path: '/comment',
	217	+ component: Layout,
	218	+ redirect: '/comment',
	219	+ children: [{
	220	+ path: 'comment',
	221	+ name: '评价管理',
	222	+ component: () => import('@/views/comment/comment'),
	223	+ meta: {
	224	+ title: '评价管理',
	225	+ icon: 'el-icon-s-help'
	226	+ }
	227	+ }]
	228	+ },
	229	+
	230	+ // record
	231	+ {
	232	+ path: '/record',
	233	+ component: Layout,
	234	+ redirect: '/record',
	235	+ children: [{
	236	+ path: 'record',
	237	+ name: '领取记录11',
	238	+ component: () => import('@/views/record/record'),
	239	+ meta: {
	240	+ title: '领取产品记录',
	241	+ icon: 'el-icon-s-help'
	242	+ }
	243	+ }]
	244	+ },
	245	+ // 合伙人
	246	+ {
	247	+ path: '/partner',
	248	+ component: Layout,
	249	+ redirect: '/partner',
	250	+ children: [{
	251	+ path: 'partner',
	252	+ name: '合伙人管理',
	253	+ component: () => import('@/views/partner/partner'),
	254	+ meta: {
	255	+ title: '合伙人管理',
	256	+ icon: 'el-icon-s-help'
	257	+ }
	258	+ }]
	259	+ },
	260	+ // deposit
	261	+ // {
	262	+ // path: '/deposit',
	263	+ // component: Layout,
	264	+ // redirect: '/deposit',
	265	+ // children: [{
	266	+ // path: 'deposit',
	267	+ // name: '提现管理',
	268	+ // component: () => import('@/views/deposit/deposit'),
	269	+ // meta: {
	270	+ // title: '提现管理',
	271	+ // icon: 'deposit'
	272	+ // }
	273	+ // }]
	274	+ // },
	275	+ // // promotion
	276	+ // {
	277	+ // path: '/promotion',
	278	+ // component: Layout,
	279	+ // redirect: '/promotion',
	280	+ // children: [{
	281	+ // path: 'promotion',
	282	+ // name: '推广管理',
	283	+ // component: () => import('@/views/promotion/promotion'),
	284	+ // meta: {
	285	+ // title: '推广管理',
	286	+ // icon: 'promotion'
	287	+ // }
	288	+ // }]
	289	+ // },
	290	+
	291	+ {
	292	+ path: '/system',
	293	+ component: Layout,
	294	+ redirect: '/system',
	295	+ name: '系统设置',
	296	+ meta: {
	297	+ title: '系统设置',
	298	+ icon: 'el-icon-s-help'
	299	+ },
	300	+ children: [{
	301	+ path: 'map',
	302	+ name: 'Table',
	303	+ component: () => import('@/views/system/map'),
	304	+ meta: {
	305	+ title: '服务范围设置',
	306	+ icon: 'table'
	307	+ }
	308	+ },
	309	+ {
	310	+ path: 'calendar',
	311	+ name: 'calendar',
	312	+ component: () => import('@/views/system/calendar'),
	313	+ meta: {
	314	+ title: '可预约时间设置',
	315	+ icon: 'table'
	316	+ }
	317	+ },
	318	+ {
	319	+ path: 'updpassword',
	320	+ name: 'updpassword',
	321	+ component: () => import('@/views/system/updpassword'),
	322	+ meta: {
	323	+ title: '密码修改',
	324	+ icon: 'table'
	325	+ }
	326	+ },
	327	+ {
	328	+ path: 'robot',
	329	+ name: 'robot',
	330	+ component: () => import('@/views/system/robot'),
	331	+ meta: {
	332	+ title: '滚屏设置',
	333	+ icon: 'table'
	334	+ }
	335	+ },
	336	+ {
	337	+ path: 'deduct',
	338	+ name: 'deduct',
	339	+ component: () => import('@/views/system/deduct'),
	340	+ meta: {
	341	+ title: '提成计算',
	342	+ icon: 'table'
	343	+ }
	344	+ },
	345	+ // {
	346	+ // path: 'introduce',
	347	+ // name: 'introduce',
	348	+ // component: () => import('@/views/system/introduce'),
	349	+ // meta: {
	350	+ // title: '介绍设置',
	351	+ // icon: 'table'
	352	+ // }
	353	+ // },
	354	+ // rulesstr
	355	+ {
	356	+ path: 'rulesstr',
	357	+ name: 'rulesstr',
	358	+ component: () => import('@/views/system/rulesstr'),
	359	+ meta: {
	360	+ title: '补贴规则设置',
	361	+ icon: 'table'
	362	+ }
	363	+ },
	364	+ {
	365	+ path: 'missionNum',
	366	+ name: 'missionNum',
	367	+ component: () => import('@/views/system/missionNum'),
	368	+ meta: {
	369	+ title: '任务单量设置',
	370	+ icon: 'table'
	371	+ }
	372	+ },
	373	+ // meal
	374	+ {
	375	+ path: 'meal',
	376	+ name: 'meal',
	377	+ component: () => import('@/views/system/meal'),
	378	+ meta: {
	379	+ title: '首页广告设置',
	380	+ icon: 'table'
	381	+ }
	382	+ },
	383	+ // subscribe
	384	+ // {
	385	+ // path: 'subscribe',
	386	+ // name: 'subscribe',
	387	+ // component: () => import('@/views/system/subscribe'),
	388	+ // meta: {
	389	+ // title: '预约谈目',
	390	+ // icon: 'table'
	391	+ // }
	392	+ // },
	393	+ ]
	394	+ },
	395	+ // 404 page must be placed at the end !!!
	396	+ {
	397	+ path: '*',
	398	+ redirect: '/404',
	399	+ hidden: true
	400	+ }
	401	+]
	402	+
	403	+const createRouter = () => new Router({
	404	+ // mode: 'history', // require service support
	405	+ scrollBehavior: () => ({
	406	+ y: 0
	407	+ }),
	408	+ routes: constantRoutes
	409	+})
	410	+
	411	+const router = createRouter()
	412	+
	413	+// Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465
	414	+export function resetRouter() {
	415	+ const newRouter = createRouter()
	416	+ router.matcher = newRouter.matcher // reset router
	417	+}
	418	+
	419	+export default router
...	...

src/settings.js 0 → 100644

View file @2d21111

	1	+module.exports = {
	2	+
	3	+ title: '尚腾汽车养护管家',
	4	+
	5	+ /**
	6	+ * @type {boolean} true \| false
	7	+ * @description Whether fix the header
	8	+ */
	9	+ fixedHeader: false,
	10	+
	11	+ /**
	12	+ * @type {boolean} true \| false
	13	+ * @description Whether show the logo in sidebar
	14	+ */
	15	+ sidebarLogo: false
	16	+}
...	...

src/store/getters.js 0 → 100644

View file @2d21111

	1	+const getters = {
	2	+ sidebar: state => state.app.sidebar,
	3	+ device: state => state.app.device,
	4	+ token: state => state.user.token,
	5	+ avatar: state => state.user.avatar,
	6	+ name: state => state.user.name,
	7	+ permissions: state => state.permissions
	8	+}
	9	+export default getters
...	...

src/store/index.js 0 → 100644

View file @2d21111

	1	+import Vue from 'vue'
	2	+import Vuex from 'vuex'
	3	+import getters from './getters'
	4	+import app from './modules/app'
	5	+import settings from './modules/settings'
	6	+import user from './modules/user'
	7	+
	8	+Vue.use(Vuex)
	9	+
	10	+const store = new Vuex.Store({
	11	+ modules: {
	12	+ app,
	13	+ settings,
	14	+ user
	15	+ },
	16	+ getters
	17	+})
	18	+
	19	+export default store
...	...

src/store/modules/app.js 0 → 100644

View file @2d21111

	1	+import Cookies from 'js-cookie'
	2	+
	3	+const state = {
	4	+ sidebar: {
	5	+ opened: Cookies.get('sidebarStatus') ? !!+Cookies.get('sidebarStatus') : true,
	6	+ withoutAnimation: false
	7	+ },
	8	+ device: 'desktop'
	9	+}
	10	+
	11	+const mutations = {
	12	+ TOGGLE_SIDEBAR: state => {
	13	+ state.sidebar.opened = !state.sidebar.opened
	14	+ state.sidebar.withoutAnimation = false
	15	+ if (state.sidebar.opened) {
	16	+ Cookies.set('sidebarStatus', 1)
	17	+ } else {
	18	+ Cookies.set('sidebarStatus', 0)
	19	+ }
	20	+ },
	21	+ CLOSE_SIDEBAR: (state, withoutAnimation) => {
	22	+ Cookies.set('sidebarStatus', 0)
	23	+ state.sidebar.opened = false
	24	+ state.sidebar.withoutAnimation = withoutAnimation
	25	+ },
	26	+ TOGGLE_DEVICE: (state, device) => {
	27	+ state.device = device
	28	+ }
	29	+}
	30	+
	31	+const actions = {
	32	+ toggleSideBar({ commit }) {
	33	+ commit('TOGGLE_SIDEBAR')
	34	+ },
	35	+ closeSideBar({ commit }, { withoutAnimation }) {
	36	+ commit('CLOSE_SIDEBAR', withoutAnimation)
	37	+ },
	38	+ toggleDevice({ commit }, device) {
	39	+ commit('TOGGLE_DEVICE', device)
	40	+ }
	41	+}
	42	+
	43	+export default {
	44	+ namespaced: true,
	45	+ state,
	46	+ mutations,
	47	+ actions
	48	+}
...	...

src/store/modules/settings.js 0 → 100644

View file @2d21111

	1	+import defaultSettings from '@/settings'
	2	+
	3	+const { showSettings, fixedHeader, sidebarLogo } = defaultSettings
	4	+
	5	+const state = {
	6	+ showSettings: showSettings,
	7	+ fixedHeader: fixedHeader,
	8	+ sidebarLogo: sidebarLogo
	9	+}
	10	+
	11	+const mutations = {
	12	+ CHANGE_SETTING: (state, { key, value }) => {
	13	+ // eslint-disable-next-line no-prototype-builtins
	14	+ if (state.hasOwnProperty(key)) {
	15	+ state[key] = value
	16	+ }
	17	+ }
	18	+}
	19	+
	20	+const actions = {
	21	+ changeSetting({ commit }, data) {
	22	+ commit('CHANGE_SETTING', data)
	23	+ }
	24	+}
	25	+
	26	+export default {
	27	+ namespaced: true,
	28	+ state,
	29	+ mutations,
	30	+ actions
	31	+}
	32	+
...	...

src/store/modules/user.js 0 → 100644

View file @2d21111

	1	+import {
	2	+ login,
	3	+ logout,
	4	+ getInfo
	5	+} from '@/api/user'
	6	+import {
	7	+ getToken,
	8	+ setToken,
	9	+ removeToken,
	10	+ setUser,
	11	+} from '@/utils/auth'
	12	+import {
	13	+ resetRouter
	14	+} from '@/router'
	15	+
	16	+const getDefaultState = () => {
	17	+ return {
	18	+ token: getToken(),
	19	+ name: '',
	20	+ avatar: '',
	21	+ permissions:[]
	22	+ }
	23	+}
	24	+
	25	+const state = getDefaultState()
	26	+
	27	+const mutations = {
	28	+ RESET_STATE: (state) => {
	29	+ Object.assign(state, getDefaultState())
	30	+ },
	31	+ SET_TOKEN: (state, token) => {
	32	+ state.token = token
	33	+ },
	34	+ SET_NAME: (state, name) => {
	35	+ state.name = name
	36	+ },
	37	+ SET_AVATAR: (state, avatar) => {
	38	+ state.avatar = avatar
	39	+ },
	40	+ SET_PERMISSIONS: (state, p) => {
	41	+ state.permissions = p
	42	+ }
	43	+}
	44	+
	45	+const actions = {
	46	+ // user login
	47	+ login({
	48	+ commit
	49	+ }, userInfo) {
	50	+ const {
	51	+ username,
	52	+ password
	53	+ } = userInfo
	54	+ return new Promise((resolve, reject) => {
	55	+ login({
	56	+ username: username.trim(),
	57	+ password: password
	58	+ }).then(response => {
	59	+ console.log(response.data.token)
	60	+ const {
	61	+ data
	62	+ } = response
	63	+ commit('Authorization', data.token)
	64	+ let getUserRole =data.data.id
	65	+ console.log('数据啊啊啊啊',getUserRole)
	66	+ localStorage.setItem('userRole',getUserRole)
	67	+ setToken(data.token)
	68	+ resolve(data)
	69	+ }).catch(error => {
	70	+ reject(error)
	71	+ })
	72	+ })
	73	+ },
	74	+
	75	+ // get user info
	76	+ getInfo({
	77	+ commit,
	78	+ state
	79	+ }) {
	80	+ return new Promise((resolve, reject) => {
	81	+ getInfo().then(response => {
	82	+ const {
	83	+ data
	84	+ } = response.data
	85	+ if (!data) {
	86	+ return reject('Verification failed, please Login again.')
	87	+ }
	88	+ const {
	89	+ DisplayName,
	90	+ avatar,
	91	+ permissions
	92	+ } = data
	93	+ // console.log('数据info',data)
	94	+ commit('SET_NAME', DisplayName)
	95	+ commit('SET_AVATAR', avatar)
	96	+ commit('SET_PERMISSIONS', permissions)
	97	+
	98	+ resolve(data)
	99	+ }).catch(error => {
	100	+ reject(error)
	101	+ })
	102	+ })
	103	+ },
	104	+
	105	+
	106	+ // user logout
	107	+ logout({
	108	+ commit,
	109	+ state
	110	+ }) {
	111	+ return new Promise((resolve, reject) => {
	112	+ logout(state.token).then(() => {
	113	+ removeToken() // must remove token first
	114	+ resetRouter()
	115	+ commit('RESET_STATE')
	116	+ resolve()
	117	+ }).catch(error => {
	118	+ reject(error)
	119	+ })
	120	+ })
	121	+ },
	122	+
	123	+ // remove token
	124	+ resetToken({
	125	+ commit
	126	+ }) {
	127	+ return new Promise(resolve => {
	128	+ removeToken() // must remove token first
	129	+ commit('RESET_STATE')
	130	+ resolve()
	131	+ })
	132	+ }
	133	+}
	134	+
	135	+export default {
	136	+ namespaced: true,
	137	+ state,
	138	+ mutations,
	139	+ actions
	140	+}
...	...

src/styles/element-ui.scss 0 → 100644

View file @2d21111

	1	+// cover some element-ui styles
	2	+
	3	+.el-breadcrumb__inner,
	4	+.el-breadcrumb__inner a {
	5	+ font-weight: 400 !important;
	6	+}
	7	+
	8	+.el-upload {
	9	+ input[type="file"] {
	10	+ display: none !important;
	11	+ }
	12	+}
	13	+
	14	+.el-upload__input {
	15	+ display: none;
	16	+}
	17	+
	18	+
	19	+// to fixed https://github.com/ElemeFE/element/issues/2461
	20	+.el-dialog {
	21	+ transform: none;
	22	+ left: 0;
	23	+ position: relative;
	24	+ margin: 0 auto;
	25	+}
	26	+
	27	+// refine element ui upload
	28	+.upload-container {
	29	+ .el-upload {
	30	+ width: 100%;
	31	+
	32	+ .el-upload-dragger {
	33	+ width: 100%;
	34	+ height: 200px;
	35	+ }
	36	+ }
	37	+}
	38	+
	39	+// dropdown
	40	+.el-dropdown-menu {
	41	+ a {
	42	+ display: block
	43	+ }
	44	+}
	45	+
	46	+// to fix el-date-picker css style
	47	+.el-range-separator {
	48	+ box-sizing: content-box;
	49	+}
...	...

src/styles/index.scss 0 → 100644

View file @2d21111

	1	+@import './variables.scss';
	2	+@import './mixin.scss';
	3	+@import './transition.scss';
	4	+@import './element-ui.scss';
	5	+@import './sidebar.scss';
	6	+
	7	+body {
	8	+ height: 100%;
	9	+ -moz-osx-font-smoothing: grayscale;
	10	+ -webkit-font-smoothing: antialiased;
	11	+ text-rendering: optimizeLegibility;
	12	+ font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
	13	+}
	14	+
	15	+label {
	16	+ font-weight: 700;
	17	+}
	18	+
	19	+html {
	20	+ height: 100%;
	21	+ box-sizing: border-box;
	22	+}
	23	+
	24	+#app {
	25	+ height: 100%;
	26	+}
	27	+
	28	+*,
	29	+*:before,
	30	+*:after {
	31	+ box-sizing: inherit;
	32	+}
	33	+
	34	+a:focus,
	35	+a:active {
	36	+ outline: none;
	37	+}
	38	+
	39	+a,
	40	+a:focus,
	41	+a:hover {
	42	+ cursor: pointer;
	43	+ color: inherit;
	44	+ text-decoration: none;
	45	+}
	46	+
	47	+div:focus {
	48	+ outline: none;
	49	+}
	50	+
	51	+.clearfix {
	52	+ &:after {
	53	+ visibility: hidden;
	54	+ display: block;
	55	+ font-size: 0;
	56	+ content: " ";
	57	+ clear: both;
	58	+ height: 0;
	59	+ }
	60	+}
	61	+
	62	+// main-container global css
	63	+.app-container {
	64	+ padding: 20px;
	65	+}
...	...

src/styles/mixin.scss 0 → 100644

View file @2d21111

	1	+@mixin clearfix {
	2	+ &:after {
	3	+ content: "";
	4	+ display: table;
	5	+ clear: both;
	6	+ }
	7	+}
	8	+
	9	+@mixin scrollBar {
	10	+ &::-webkit-scrollbar-track-piece {
	11	+ background: #d3dce6;
	12	+ }
	13	+
	14	+ &::-webkit-scrollbar {
	15	+ width: 6px;
	16	+ }
	17	+
	18	+ &::-webkit-scrollbar-thumb {
	19	+ background: #99a9bf;
	20	+ border-radius: 20px;
	21	+ }
	22	+}
	23	+
	24	+@mixin relative {
	25	+ position: relative;
	26	+ width: 100%;
	27	+ height: 100%;
	28	+}
...	...

src/styles/sidebar.scss 0 → 100644

View file @2d21111

	1	+#app {
	2	+
	3	+ .main-container {
	4	+ min-height: 100%;
	5	+ transition: margin-left .28s;
	6	+ margin-left: $sideBarWidth;
	7	+ position: relative;
	8	+ }
	9	+
	10	+ .sidebar-container {
	11	+ transition: width 0.28s;
	12	+ width: $sideBarWidth !important;
	13	+ background-color: $menuBg;
	14	+ height: 100%;
	15	+ position: fixed;
	16	+ font-size: 0px;
	17	+ top: 0;
	18	+ bottom: 0;
	19	+ left: 0;
	20	+ z-index: 1001;
	21	+ overflow: hidden;
	22	+
	23	+ // reset element-ui css
	24	+ .horizontal-collapse-transition {
	25	+ transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
	26	+ }
	27	+
	28	+ .scrollbar-wrapper {
	29	+ overflow-x: hidden !important;
	30	+ }
	31	+
	32	+ .el-scrollbar__bar.is-vertical {
	33	+ right: 0px;
	34	+ }
	35	+
	36	+ .el-scrollbar {
	37	+ height: 100%;
	38	+ }
	39	+
	40	+ &.has-logo {
	41	+ .el-scrollbar {
	42	+ height: calc(100% - 50px);
	43	+ }
	44	+ }
	45	+
	46	+ .is-horizontal {
	47	+ display: none;
	48	+ }
	49	+
	50	+ a {
	51	+ display: inline-block;
	52	+ width: 100%;
	53	+ overflow: hidden;
	54	+ }
	55	+
	56	+ .svg-icon {
	57	+ margin-right: 16px;
	58	+ }
	59	+
	60	+ .sub-el-icon {
	61	+ margin-right: 12px;
	62	+ margin-left: -2px;
	63	+ }
	64	+
	65	+ .el-menu {
	66	+ border: none;
	67	+ height: 100%;
	68	+ width: 100% !important;
	69	+ }
	70	+
	71	+ // menu hover
	72	+ .submenu-title-noDropdown,
	73	+ .el-submenu__title {
	74	+ &:hover {
	75	+ background-color: $menuHover !important;
	76	+ }
	77	+ }
	78	+
	79	+ .is-active>.el-submenu__title {
	80	+ color: $subMenuActiveText !important;
	81	+ }
	82	+
	83	+ & .nest-menu .el-submenu>.el-submenu__title,
	84	+ & .el-submenu .el-menu-item {
	85	+ min-width: $sideBarWidth !important;
	86	+ background-color: $subMenuBg !important;
	87	+
	88	+ &:hover {
	89	+ background-color: $subMenuHover !important;
	90	+ }
	91	+ }
	92	+ }
	93	+
	94	+ .hideSidebar {
	95	+ .sidebar-container {
	96	+ width: 54px !important;
	97	+ }
	98	+
	99	+ .main-container {
	100	+ margin-left: 54px;
	101	+ }
	102	+
	103	+ .submenu-title-noDropdown {
	104	+ padding: 0 !important;
	105	+ position: relative;
	106	+
	107	+ .el-tooltip {
	108	+ padding: 0 !important;
	109	+
	110	+ .svg-icon {
	111	+ margin-left: 20px;
	112	+ }
	113	+
	114	+ .sub-el-icon {
	115	+ margin-left: 19px;
	116	+ }
	117	+ }
	118	+ }
	119	+
	120	+ .el-submenu {
	121	+ overflow: hidden;
	122	+
	123	+ &>.el-submenu__title {
	124	+ padding: 0 !important;
	125	+
	126	+ .svg-icon {
	127	+ margin-left: 20px;
	128	+ }
	129	+
	130	+ .sub-el-icon {
	131	+ margin-left: 19px;
	132	+ }
	133	+
	134	+ .el-submenu__icon-arrow {
	135	+ display: none;
	136	+ }
	137	+ }
	138	+ }
	139	+
	140	+ .el-menu--collapse {
	141	+ .el-submenu {
	142	+ &>.el-submenu__title {
	143	+ &>span {
	144	+ height: 0;
	145	+ width: 0;
	146	+ overflow: hidden;
	147	+ visibility: hidden;
	148	+ display: inline-block;
	149	+ }
	150	+ }
	151	+ }
	152	+ }
	153	+ }
	154	+
	155	+ .el-menu--collapse .el-menu .el-submenu {
	156	+ min-width: $sideBarWidth !important;
	157	+ }
	158	+
	159	+ // mobile responsive
	160	+ .mobile {
	161	+ .main-container {
	162	+ margin-left: 0px;
	163	+ }
	164	+
	165	+ .sidebar-container {
	166	+ transition: transform .28s;
	167	+ width: $sideBarWidth !important;
	168	+ }
	169	+
	170	+ &.hideSidebar {
	171	+ .sidebar-container {
	172	+ pointer-events: none;
	173	+ transition-duration: 0.3s;
	174	+ transform: translate3d(-$sideBarWidth, 0, 0);
	175	+ }
	176	+ }
	177	+ }
	178	+
	179	+ .withoutAnimation {
	180	+
	181	+ .main-container,
	182	+ .sidebar-container {
	183	+ transition: none;
	184	+ }
	185	+ }
	186	+}
	187	+
	188	+// when menu collapsed
	189	+.el-menu--vertical {
	190	+ &>.el-menu {
	191	+ .svg-icon {
	192	+ margin-right: 16px;
	193	+ }
	194	+ .sub-el-icon {
	195	+ margin-right: 12px;
	196	+ margin-left: -2px;
	197	+ }
	198	+ }
	199	+
	200	+ .nest-menu .el-submenu>.el-submenu__title,
	201	+ .el-menu-item {
	202	+ &:hover {
	203	+ // you can use $subMenuHover
	204	+ background-color: $menuHover !important;
	205	+ }
	206	+ }
	207	+
	208	+ // the scroll bar appears when the subMenu is too long
	209	+ >.el-menu--popup {
	210	+ max-height: 100vh;
	211	+ overflow-y: auto;
	212	+
	213	+ &::-webkit-scrollbar-track-piece {
	214	+ background: #d3dce6;
	215	+ }
	216	+
	217	+ &::-webkit-scrollbar {
	218	+ width: 6px;
	219	+ }
	220	+
	221	+ &::-webkit-scrollbar-thumb {
	222	+ background: #99a9bf;
	223	+ border-radius: 20px;
	224	+ }
	225	+ }
	226	+}
...	...

src/styles/transition.scss 0 → 100644

View file @2d21111

	1	+// global transition css
	2	+
	3	+/* fade */
	4	+.fade-enter-active,
	5	+.fade-leave-active {
	6	+ transition: opacity 0.28s;
	7	+}
	8	+
	9	+.fade-enter,
	10	+.fade-leave-active {
	11	+ opacity: 0;
	12	+}
	13	+
	14	+/* fade-transform */
	15	+.fade-transform-leave-active,
	16	+.fade-transform-enter-active {
	17	+ transition: all .5s;
	18	+}
	19	+
	20	+.fade-transform-enter {
	21	+ opacity: 0;
	22	+ transform: translateX(-30px);
	23	+}
	24	+
	25	+.fade-transform-leave-to {
	26	+ opacity: 0;
	27	+ transform: translateX(30px);
	28	+}
	29	+
	30	+/* breadcrumb transition */
	31	+.breadcrumb-enter-active,
	32	+.breadcrumb-leave-active {
	33	+ transition: all .5s;
	34	+}
	35	+
	36	+.breadcrumb-enter,
	37	+.breadcrumb-leave-active {
	38	+ opacity: 0;
	39	+ transform: translateX(20px);
	40	+}
	41	+
	42	+.breadcrumb-move {
	43	+ transition: all .5s;
	44	+}
	45	+
	46	+.breadcrumb-leave-active {
	47	+ position: absolute;
	48	+}
...	...

src/styles/variables.scss 0 → 100644

View file @2d21111

	1	+// sidebar
	2	+$menuText:#bfcbd9;
	3	+$menuActiveText:#409EFF;
	4	+$subMenuActiveText:#f4f4f5; //https://github.com/ElemeFE/element/issues/12951
	5	+
	6	+$menuBg:#304156;
	7	+$menuHover:#263445;
	8	+
	9	+$subMenuBg:#1f2d3d;
	10	+$subMenuHover:#001528;
	11	+
	12	+$sideBarWidth: 210px;
	13	+
	14	+// the :export directive is the magic sauce for webpack
	15	+// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
	16	+:export {
	17	+ menuText: $menuText;
	18	+ menuActiveText: $menuActiveText;
	19	+ subMenuActiveText: $subMenuActiveText;
	20	+ menuBg: $menuBg;
	21	+ menuHover: $menuHover;
	22	+ subMenuBg: $subMenuBg;
	23	+ subMenuHover: $subMenuHover;
	24	+ sideBarWidth: $sideBarWidth;
	25	+}
...	...

src/utils/auth.js 0 → 100644

View file @2d21111

	1	+import Cookies from 'js-cookie'
	2	+
	3	+const TokenKey = 'vue_admin_template_token'
	4	+const UserInfo='User_Key'
	5	+
	6	+export function getToken() {
	7	+ return Cookies.get(TokenKey)
	8	+}
	9	+
	10	+export function setToken(token) {
	11	+ return Cookies.set(TokenKey, token)
	12	+}
	13	+
	14	+export function removeToken() {
	15	+ return Cookies.remove(TokenKey)
	16	+}
	17	+
	18	+export function getUser(){
	19	+ return Cookies.get(UserInfo)
	20	+}
	21	+export function setUser(info){
	22	+ return Cookie.set(UserInfo,info)
	23	+}
	24	+export function removeUser(){
	25	+ return Cookies.remove(UserInfo)
	26	+}
...	...

src/utils/get-page-title.js 0 → 100644

View file @2d21111

	1	+import defaultSettings from '@/settings'
	2	+
	3	+const title = defaultSettings.title \|\| 'Vue Admin Template'
	4	+
	5	+export default function getPageTitle(pageTitle) {
	6	+ if (pageTitle) {
	7	+ return `${pageTitle} - ${title}`
	8	+ }
	9	+ return `${title}`
	10	+}
...	...

src/utils/index.js 0 → 100644

View file @2d21111

	1	+/**
	2	+ * Created by PanJiaChen on 16/11/18.
	3	+ */
	4	+
	5	+/**
	6	+ * Parse the time to string
	7	+ * @param {(Object\|string\|number)} time
	8	+ * @param {string} cFormat
	9	+ * @returns {string \| null}
	10	+ */
	11	+export function parseTime(time, cFormat) {
	12	+ if (arguments.length === 0 \|\| !time) {
	13	+ return null
	14	+ }
	15	+ const format = cFormat \|\| '{y}-{m}-{d} {h}:{i}:{s}'
	16	+ let date
	17	+ if (typeof time === 'object') {
	18	+ date = time
	19	+ } else {
	20	+ if ((typeof time === 'string')) {
	21	+ if ((/^[0-9]+$/.test(time))) {
	22	+ // support "1548221490638"
	23	+ time = parseInt(time)
	24	+ } else {
	25	+ // support safari
	26	+ // https://stackoverflow.com/questions/4310953/invalid-date-in-safari
	27	+ time = time.replace(new RegExp(/-/gm), '/')
	28	+ }
	29	+ }
	30	+
	31	+ if ((typeof time === 'number') && (time.toString().length === 10)) {
	32	+ time = time * 1000
	33	+ }
	34	+ date = new Date(time)
	35	+ }
	36	+ const formatObj = {
	37	+ y: date.getFullYear(),
	38	+ m: date.getMonth() + 1,
	39	+ d: date.getDate(),
	40	+ h: date.getHours(),
	41	+ i: date.getMinutes(),
	42	+ s: date.getSeconds(),
	43	+ a: date.getDay()
	44	+ }
	45	+ const time_str = format.replace(/{([ymdhisa])+}/g, (result, key) => {
	46	+ const value = formatObj[key]
	47	+ // Note: getDay() returns 0 on Sunday
	48	+ if (key === 'a') {
	49	+ return ['日', '一', '二', '三', '四', '五', '六'][value]
	50	+ }
	51	+ return value.toString().padStart(2, '0')
	52	+ })
	53	+ return time_str
	54	+}
	55	+
	56	+/**
	57	+ * @param {number} time
	58	+ * @param {string} option
	59	+ * @returns {string}
	60	+ */
	61	+export function formatTime(time, option) {
	62	+ if (('' + time).length === 10) {
	63	+ time = parseInt(time) * 1000
	64	+ } else {
	65	+ time = +time
	66	+ }
	67	+ const d = new Date(time)
	68	+ const now = Date.now()
	69	+
	70	+ const diff = (now - d) / 1000
	71	+
	72	+ if (diff < 30) {
	73	+ return '刚刚'
	74	+ } else if (diff < 3600) {
	75	+ // less 1 hour
	76	+ return Math.ceil(diff / 60) + '分钟前'
	77	+ } else if (diff < 3600 * 24) {
	78	+ return Math.ceil(diff / 3600) + '小时前'
	79	+ } else if (diff < 3600 * 24 * 2) {
	80	+ return '1天前'
	81	+ }
	82	+ if (option) {
	83	+ return parseTime(time, option)
	84	+ } else {
	85	+ return (
	86	+ d.getMonth() +
	87	+ 1 +
	88	+ '月' +
	89	+ d.getDate() +
	90	+ '日' +
	91	+ d.getHours() +
	92	+ '时' +
	93	+ d.getMinutes() +
	94	+ '分'
	95	+ )
	96	+ }
	97	+}
	98	+
	99	+/**
	100	+ * @param {string} url
	101	+ * @returns {Object}
	102	+ */
	103	+export function param2Obj(url) {
	104	+ const search = decodeURIComponent(url.split('?')[1]).replace(/\+/g, ' ')
	105	+ if (!search) {
	106	+ return {}
	107	+ }
	108	+ const obj = {}
	109	+ const searchArr = search.split('&')
	110	+ searchArr.forEach(v => {
	111	+ const index = v.indexOf('=')
	112	+ if (index !== -1) {
	113	+ const name = v.substring(0, index)
	114	+ const val = v.substring(index + 1, v.length)
	115	+ obj[name] = val
	116	+ }
	117	+ })
	118	+ return obj
	119	+}
...	...

src/utils/qqmap-wx-jssdk.js 0 → 100644

View file @2d21111

	1	+/**
	2	+ * 微信小程序JavaScriptSDK
	3	+ *
	4	+ * @version 1.1
	5	+ * @date 2019-01-20
	6	+ */
	7	+
	8	+var ERROR_CONF = {
	9	+ KEY_ERR: 311,
	10	+ KEY_ERR_MSG: 'key格式错误',
	11	+ PARAM_ERR: 310,
	12	+ PARAM_ERR_MSG: '请求参数信息有误',
	13	+ SYSTEM_ERR: 600,
	14	+ SYSTEM_ERR_MSG: '系统错误',
	15	+ WX_ERR_CODE: 1000,
	16	+ WX_OK_CODE: 200
	17	+};
	18	+var BASE_URL = 'https://apis.map.qq.com/ws/';
	19	+var URL_SEARCH = BASE_URL + 'place/v1/search';
	20	+var URL_SUGGESTION = BASE_URL + 'place/v1/suggestion';
	21	+var URL_GET_GEOCODER = BASE_URL + 'geocoder/v1/';
	22	+var URL_CITY_LIST = BASE_URL + 'district/v1/list';
	23	+var URL_AREA_LIST = BASE_URL + 'district/v1/getchildren';
	24	+var URL_DISTANCE = BASE_URL + 'distance/v1/';
	25	+var EARTH_RADIUS = 6378136.49;
	26	+var Utils = {
	27	+ /**
	28	+ * 得到终点query字符串
	29	+ * @param {Array\|String} 检索数据
	30	+ */
	31	+ location2query(data) {
	32	+ if (typeof data == 'string') {
	33	+ return data;
	34	+ }
	35	+ var query = '';
	36	+ for (var i = 0; i < data.length; i++) {
	37	+ var d = data[i];
	38	+ if (!!query) {
	39	+ query += ';';
	40	+ }
	41	+ if (d.location) {
	42	+ query = query + d.location.lat + ',' + d.location.lng;
	43	+ }
	44	+ if (d.latitude && d.longitude) {
	45	+ query = query + d.latitude + ',' + d.longitude;
	46	+ }
	47	+ }
	48	+ return query;
	49	+ },
	50	+
	51	+ /**
	52	+ * 计算角度
	53	+ */
	54	+ rad(d) {
	55	+ return d * Math.PI / 180.0;
	56	+ },
	57	+ /**
	58	+ * 处理终点location数组
	59	+ * @return 返回终点数组
	60	+ */
	61	+ getEndLocation(location){
	62	+ var to = location.split(';');
	63	+ var endLocation = [];
	64	+ for (var i = 0; i < to.length; i++) {
	65	+ endLocation.push({
	66	+ lat: parseFloat(to[i].split(',')[0]),
	67	+ lng: parseFloat(to[i].split(',')[1])
	68	+ })
	69	+ }
	70	+ return endLocation;
	71	+ },
	72	+
	73	+ /**
	74	+ * 计算两点间直线距离
	75	+ * @param a 表示纬度差
	76	+ * @param b 表示经度差
	77	+ * @return 返回的是距离，单位m
	78	+ */
	79	+ getDistance(latFrom, lngFrom, latTo, lngTo) {
	80	+ var radLatFrom = this.rad(latFrom);
	81	+ var radLatTo = this.rad(latTo);
	82	+ var a = radLatFrom - radLatTo;
	83	+ var b = this.rad(lngFrom) - this.rad(lngTo);
	84	+ var distance = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a / 2), 2) + Math.cos(radLatFrom) * Math.cos(radLatTo) * Math.pow(Math.sin(b / 2), 2)));
	85	+ distance = distance * EARTH_RADIUS;
	86	+ distance = Math.round(distance * 10000) / 10000;
	87	+ return parseFloat(distance.toFixed(0));
	88	+ },
	89	+ /**
	90	+ * 使用微信接口进行定位
	91	+ */
	92	+ getWXLocation(success, fail, complete) {
	93	+ wx.getLocation({
	94	+ type: 'gcj02',
	95	+ success: success,
	96	+ fail: fail,
	97	+ complete: complete
	98	+ });
	99	+ },
	100	+
	101	+ /**
	102	+ * 获取location参数
	103	+ */
	104	+ getLocationParam(location) {
	105	+ if (typeof location == 'string') {
	106	+ var locationArr = location.split(',');
	107	+ if (locationArr.length === 2) {
	108	+ location = {
	109	+ latitude: location.split(',')[0],
	110	+ longitude: location.split(',')[1]
	111	+ };
	112	+ } else {
	113	+ location = {};
	114	+ }
	115	+ }
	116	+ return location;
	117	+ },
	118	+
	119	+ /**
	120	+ * 回调函数默认处理
	121	+ */
	122	+ polyfillParam(param) {
	123	+ param.success = param.success \|\| function () { };
	124	+ param.fail = param.fail \|\| function () { };
	125	+ param.complete = param.complete \|\| function () { };
	126	+ },
	127	+
	128	+ /**
	129	+ * 验证param对应的key值是否为空
	130	+ *
	131	+ * @param {Object} param 接口参数
	132	+ * @param {String} key 对应参数的key
	133	+ */
	134	+ checkParamKeyEmpty(param, key) {
	135	+ if (!param[key]) {
	136	+ var errconf = this.buildErrorConfig(ERROR_CONF.PARAM_ERR, ERROR_CONF.PARAM_ERR_MSG + key +'参数格式有误');
	137	+ param.fail(errconf);
	138	+ param.complete(errconf);
	139	+ return true;
	140	+ }
	141	+ return false;
	142	+ },
	143	+
	144	+ /**
	145	+ * 验证参数中是否存在检索词keyword
	146	+ *
	147	+ * @param {Object} param 接口参数
	148	+ */
	149	+ checkKeyword(param){
	150	+ return !this.checkParamKeyEmpty(param, 'keyword');
	151	+ },
	152	+
	153	+ /**
	154	+ * 验证location值
	155	+ *
	156	+ * @param {Object} param 接口参数
	157	+ */
	158	+ checkLocation(param) {
	159	+ var location = this.getLocationParam(param.location);
	160	+ if (!location \|\| !location.latitude \|\| !location.longitude) {
	161	+ var errconf = this.buildErrorConfig(ERROR_CONF.PARAM_ERR, ERROR_CONF.PARAM_ERR_MSG + ' location参数格式有误');
	162	+ param.fail(errconf);
	163	+ param.complete(errconf);
	164	+ return false;
	165	+ }
	166	+ return true;
	167	+ },
	168	+
	169	+ /**
	170	+ * 构造错误数据结构
	171	+ * @param {Number} errCode 错误码
	172	+ * @param {Number} errMsg 错误描述
	173	+ */
	174	+ buildErrorConfig(errCode, errMsg) {
	175	+ return {
	176	+ status: errCode,
	177	+ message: errMsg
	178	+ };
	179	+ },
	180	+
	181	+ /**
	182	+ *
	183	+ * 数据处理函数
	184	+ * 根据传入参数不同处理不同数据
	185	+ * @param {String} feature 功能名称
	186	+ * search 地点搜索
	187	+ * suggest关键词提示
	188	+ * reverseGeocoder逆地址解析
	189	+ * geocoder地址解析
	190	+ * getCityList获取城市列表：父集
	191	+ * getDistrictByCityId获取区县列表：子集
	192	+ * calculateDistance距离计算
	193	+ * @param {Object} param 接口参数
	194	+ * @param {Object} data 数据
	195	+ */
	196	+ handleData(param,data,feature){
	197	+ if (feature === 'search') {
	198	+ var searchResult = data.data;
	199	+ var searchSimplify = [];
	200	+ for (var i = 0; i < searchResult.length; i++) {
	201	+ searchSimplify.push({
	202	+ id: searchResult[i].id \|\| null,
	203	+ title: searchResult[i].title \|\| null,
	204	+ latitude: searchResult[i].location && searchResult[i].location.lat \|\| null,
	205	+ longitude: searchResult[i].location && searchResult[i].location.lng \|\| null,
	206	+ address: searchResult[i].address \|\| null,
	207	+ category: searchResult[i].category \|\| null,
	208	+ tel: searchResult[i].tel \|\| null,
	209	+ adcode: searchResult[i].ad_info && searchResult[i].ad_info.adcode \|\| null,
	210	+ city: searchResult[i].ad_info && searchResult[i].ad_info.city \|\| null,
	211	+ district: searchResult[i].ad_info && searchResult[i].ad_info.district \|\| null,
	212	+ province: searchResult[i].ad_info && searchResult[i].ad_info.province \|\| null
	213	+ })
	214	+ }
	215	+ param.success(data, {
	216	+ searchResult: searchResult,
	217	+ searchSimplify: searchSimplify
	218	+ })
	219	+ } else if (feature === 'suggest') {
	220	+ var suggestResult = data.data;
	221	+ var suggestSimplify = [];
	222	+ for (var i = 0; i < suggestResult.length; i++) {
	223	+ suggestSimplify.push({
	224	+ adcode: suggestResult[i].adcode \|\| null,
	225	+ address: suggestResult[i].address \|\| null,
	226	+ category: suggestResult[i].category \|\| null,
	227	+ city: suggestResult[i].city \|\| null,
	228	+ district: suggestResult[i].district \|\| null,
	229	+ id: suggestResult[i].id \|\| null,
	230	+ latitude: suggestResult[i].location && suggestResult[i].location.lat \|\| null,
	231	+ longitude: suggestResult[i].location && suggestResult[i].location.lng \|\| null,
	232	+ province: suggestResult[i].province \|\| null,
	233	+ title: suggestResult[i].title \|\| null,
	234	+ type: suggestResult[i].type \|\| null
	235	+ })
	236	+ }
	237	+ param.success(data, {
	238	+ suggestResult: suggestResult,
	239	+ suggestSimplify: suggestSimplify
	240	+ })
	241	+ } else if (feature === 'reverseGeocoder') {
	242	+ var reverseGeocoderResult = data.result;
	243	+ var reverseGeocoderSimplify = {
	244	+ address: reverseGeocoderResult.address \|\| null,
	245	+ latitude: reverseGeocoderResult.location && reverseGeocoderResult.location.lat \|\| null,
	246	+ longitude: reverseGeocoderResult.location && reverseGeocoderResult.location.lng \|\| null,
	247	+ adcode: reverseGeocoderResult.ad_info && reverseGeocoderResult.ad_info.adcode \|\| null,
	248	+ city: reverseGeocoderResult.address_component && reverseGeocoderResult.address_component.city \|\| null,
	249	+ district: reverseGeocoderResult.address_component && reverseGeocoderResult.address_component.district \|\| null,
	250	+ nation: reverseGeocoderResult.address_component && reverseGeocoderResult.address_component.nation \|\| null,
	251	+ province: reverseGeocoderResult.address_component && reverseGeocoderResult.address_component.province \|\| null,
	252	+ street: reverseGeocoderResult.address_component && reverseGeocoderResult.address_component.street \|\| null,
	253	+ street_number: reverseGeocoderResult.address_component && reverseGeocoderResult.address_component.street_number \|\| null,
	254	+ recommend: reverseGeocoderResult.formatted_addresses && reverseGeocoderResult.formatted_addresses.recommend \|\| null,
	255	+ rough: reverseGeocoderResult.formatted_addresses && reverseGeocoderResult.formatted_addresses.rough \|\| null
	256	+ };
	257	+ if (reverseGeocoderResult.pois) {//判断是否返回周边poi
	258	+ var pois = reverseGeocoderResult.pois;
	259	+ var poisSimplify = [];
	260	+ for (var i = 0;i < pois.length;i++) {
	261	+ poisSimplify.push({
	262	+ id: pois[i].id \|\| null,
	263	+ title: pois[i].title \|\| null,
	264	+ latitude: pois[i].location && pois[i].location.lat \|\| null,
	265	+ longitude: pois[i].location && pois[i].location.lng \|\| null,
	266	+ address: pois[i].address \|\| null,
	267	+ category: pois[i].category \|\| null,
	268	+ adcode: pois[i].ad_info && pois[i].ad_info.adcode \|\| null,
	269	+ city: pois[i].ad_info && pois[i].ad_info.city \|\| null,
	270	+ district: pois[i].ad_info && pois[i].ad_info.district \|\| null,
	271	+ province: pois[i].ad_info && pois[i].ad_info.province \|\| null
	272	+ })
	273	+ }
	274	+ param.success(data,{
	275	+ reverseGeocoderResult: reverseGeocoderResult,
	276	+ reverseGeocoderSimplify: reverseGeocoderSimplify,
	277	+ pois: pois,
	278	+ poisSimplify: poisSimplify
	279	+ })
	280	+ } else {
	281	+ param.success(data, {
	282	+ reverseGeocoderResult: reverseGeocoderResult,
	283	+ reverseGeocoderSimplify: reverseGeocoderSimplify
	284	+ })
	285	+ }
	286	+ } else if (feature === 'geocoder') {
	287	+ var geocoderResult = data.result;
	288	+ var geocoderSimplify = {
	289	+ title: geocoderResult.title \|\| null,
	290	+ latitude: geocoderResult.location && geocoderResult.location.lat \|\| null,
	291	+ longitude: geocoderResult.location && geocoderResult.location.lng \|\| null,
	292	+ adcode: geocoderResult.ad_info && geocoderResult.ad_info.adcode \|\| null,
	293	+ province: geocoderResult.address_components && geocoderResult.address_components.province \|\| null,
	294	+ city: geocoderResult.address_components && geocoderResult.address_components.city \|\| null,
	295	+ district: geocoderResult.address_components && geocoderResult.address_components.district \|\| null,
	296	+ street: geocoderResult.address_components && geocoderResult.address_components.street \|\| null,
	297	+ street_number: geocoderResult.address_components && geocoderResult.address_components.street_number \|\| null,
	298	+ level: geocoderResult.level \|\| null
	299	+ };
	300	+ param.success(data,{
	301	+ geocoderResult: geocoderResult,
	302	+ geocoderSimplify: geocoderSimplify
	303	+ });
	304	+ } else if (feature === 'getCityList') {
	305	+ var provinceResult = data.result[0];
	306	+ var cityResult = data.result[1];
	307	+ var districtResult = data.result[2];
	308	+ param.success(data,{
	309	+ provinceResult: provinceResult,
	310	+ cityResult: cityResult,
	311	+ districtResult: districtResult
	312	+ });
	313	+ } else if (feature === 'getDistrictByCityId') {
	314	+ var districtByCity = data.result[0];
	315	+ param.success(data, districtByCity);
	316	+ } else if (feature === 'calculateDistance') {
	317	+ var calculateDistanceResult = data.result.elements;
	318	+ var distance = [];
	319	+ for (var i = 0; i < calculateDistanceResult.length; i++){
	320	+ distance.push(calculateDistanceResult[i].distance);
	321	+ }
	322	+ param.success(data, {
	323	+ calculateDistanceResult: calculateDistanceResult,
	324	+ distance: distance
	325	+ });
	326	+ } else {
	327	+ param.success(data);
	328	+ }
	329	+ },
	330	+
	331	+ /**
	332	+ * 构造微信请求参数，公共属性处理
	333	+ *
	334	+ * @param {Object} param 接口参数
	335	+ * @param {Object} param 配置项
	336	+ * @param {String} feature 方法名
	337	+ */
	338	+ buildWxRequestConfig(param, options, feature) {
	339	+ var that = this;
	340	+ options.header = { "content-type": "application/json" };
	341	+ options.method = 'GET';
	342	+ options.success = function (res) {
	343	+ var data = res.data;
	344	+ if (data.status === 0) {
	345	+ that.handleData(param, data, feature);
	346	+ } else {
	347	+ param.fail(data);
	348	+ }
	349	+ };
	350	+ options.fail = function (res) {
	351	+ res.statusCode = ERROR_CONF.WX_ERR_CODE;
	352	+ param.fail(that.buildErrorConfig(ERROR_CONF.WX_ERR_CODE, res.errMsg));
	353	+ };
	354	+ options.complete = function (res) {
	355	+ var statusCode = +res.statusCode;
	356	+ switch(statusCode) {
	357	+ case ERROR_CONF.WX_ERR_CODE: {
	358	+ param.complete(that.buildErrorConfig(ERROR_CONF.WX_ERR_CODE, res.errMsg));
	359	+ break;
	360	+ }
	361	+ case ERROR_CONF.WX_OK_CODE: {
	362	+ var data = res.data;
	363	+ if (data.status === 0) {
	364	+ param.complete(data);
	365	+ } else {
	366	+ param.complete(that.buildErrorConfig(data.status, data.message));
	367	+ }
	368	+ break;
	369	+ }
	370	+ default:{
	371	+ param.complete(that.buildErrorConfig(ERROR_CONF.SYSTEM_ERR, ERROR_CONF.SYSTEM_ERR_MSG));
	372	+ }
	373	+
	374	+ }
	375	+ };
	376	+ return options;
	377	+ },
	378	+
	379	+ /**
	380	+ * 处理用户参数是否传入坐标进行不同的处理
	381	+ */
	382	+ locationProcess(param, locationsuccess, locationfail, locationcomplete) {
	383	+ var that = this;
	384	+ locationfail = locationfail \|\| function (res) {
	385	+ res.statusCode = ERROR_CONF.WX_ERR_CODE;
	386	+ param.fail(that.buildErrorConfig(ERROR_CONF.WX_ERR_CODE, res.errMsg));
	387	+ };
	388	+ locationcomplete = locationcomplete \|\| function (res) {
	389	+ if (res.statusCode == ERROR_CONF.WX_ERR_CODE) {
	390	+ param.complete(that.buildErrorConfig(ERROR_CONF.WX_ERR_CODE, res.errMsg));
	391	+ }
	392	+ };
	393	+ if (!param.location) {
	394	+ that.getWXLocation(locationsuccess, locationfail, locationcomplete);
	395	+ } else if (that.checkLocation(param)) {
	396	+ var location = Utils.getLocationParam(param.location);
	397	+ locationsuccess(location);
	398	+ }
	399	+ }
	400	+};
	401	+
	402	+
	403	+class QQMapWX {
	404	+
	405	+ /**
	406	+ * 构造函数
	407	+ *
	408	+ * @param {Object} options 接口参数,key 为必选参数
	409	+ */
	410	+ constructor(options) {
	411	+ if (!options.key) {
	412	+ throw Error('key值不能为空');
	413	+ }
	414	+ this.key = options.key;
	415	+ };
	416	+
	417	+ /**
	418	+ * POI周边检索
	419	+ *
	420	+ * @param {Object} options 接口参数对象
	421	+ *
	422	+ * 参数对象结构可以参考
	423	+ * @see http://lbs.qq.com/webservice_v1/guide-search.html
	424	+ */
	425	+ search(options) {
	426	+ var that = this;
	427	+ options = options \|\| {};
	428	+
	429	+ Utils.polyfillParam(options);
	430	+
	431	+ if (!Utils.checkKeyword(options)) {
	432	+ return;
	433	+ }
	434	+
	435	+ var requestParam = {
	436	+ keyword: options.keyword,
	437	+ orderby: options.orderby \|\| '_distance',
	438	+ page_size: options.page_size \|\| 10,
	439	+ page_index: options.page_index \|\| 1,
	440	+ output: 'json',
	441	+ key: that.key
	442	+ };
	443	+
	444	+ if (options.address_format) {
	445	+ requestParam.address_format = options.address_format;
	446	+ }
	447	+
	448	+ if (options.filter) {
	449	+ requestParam.filter = options.filter;
	450	+ }
	451	+
	452	+ var distance = options.distance \|\| "1000";
	453	+ var auto_extend = options.auto_extend \|\| 1;
	454	+ var region = null;
	455	+ var rectangle = null;
	456	+
	457	+ //判断城市限定参数
	458	+ if (options.region) {
	459	+ region = options.region;
	460	+ }
	461	+
	462	+ //矩形限定坐标(暂时只支持字符串格式)
	463	+ if (options.rectangle) {
	464	+ rectangle = options.rectangle;
	465	+ }
	466	+
	467	+ var locationsuccess = function (result) {
	468	+ if (region && !rectangle) {
	469	+ //城市限定参数拼接
	470	+ requestParam.boundary = "region(" + region + "," + auto_extend + "," + result.latitude + "," + result.longitude + ")";
	471	+ } else if (rectangle && !region) {
	472	+ //矩形搜索
	473	+ requestParam.boundary = "rectangle(" + rectangle + ")";
	474	+ } else {
	475	+ requestParam.boundary = "nearby(" + result.latitude + "," + result.longitude + "," + distance + "," + auto_extend + ")";
	476	+ }
	477	+ wx.request(Utils.buildWxRequestConfig(options, {
	478	+ url: URL_SEARCH,
	479	+ data: requestParam
	480	+ }, 'search'));
	481	+ };
	482	+ Utils.locationProcess(options, locationsuccess);
	483	+ };
	484	+
	485	+ /**
	486	+ * sug模糊检索
	487	+ *
	488	+ * @param {Object} options 接口参数对象
	489	+ *
	490	+ * 参数对象结构可以参考
	491	+ * http://lbs.qq.com/webservice_v1/guide-suggestion.html
	492	+ */
	493	+ getSuggestion(options) {
	494	+ var that = this;
	495	+ options = options \|\| {};
	496	+ Utils.polyfillParam(options);
	497	+
	498	+ if (!Utils.checkKeyword(options)) {
	499	+ return;
	500	+ }
	501	+
	502	+ var requestParam = {
	503	+ keyword: options.keyword,
	504	+ region: options.region \|\| '全国',
	505	+ region_fix: options.region_fix \|\| 0,
	506	+ policy: options.policy \|\| 0,
	507	+ page_size: options.page_size \|\| 10,//控制显示条数
	508	+ page_index: options.page_index \|\| 1,//控制页数
	509	+ get_subpois : options.get_subpois \|\| 0,//返回子地点
	510	+ output: 'json',
	511	+ key: that.key
	512	+ };
	513	+ //长地址
	514	+ if (options.address_format) {
	515	+ requestParam.address_format = options.address_format;
	516	+ }
	517	+ //过滤
	518	+ if (options.filter) {
	519	+ requestParam.filter = options.filter;
	520	+ }
	521	+ //排序
	522	+ if (options.location) {
	523	+ var locationsuccess = function (result) {
	524	+ requestParam.location = result.latitude + ',' + result.longitude;
	525	+ wx.request(Utils.buildWxRequestConfig(options, {
	526	+ url: URL_SUGGESTION,
	527	+ data: requestParam
	528	+ }, "suggest"));
	529	+ };
	530	+ Utils.locationProcess(options, locationsuccess);
	531	+ } else {
	532	+ wx.request(Utils.buildWxRequestConfig(options, {
	533	+ url: URL_SUGGESTION,
	534	+ data: requestParam
	535	+ }, "suggest"));
	536	+ }
	537	+ };
	538	+
	539	+ /**
	540	+ * 逆地址解析
	541	+ *
	542	+ * @param {Object} options 接口参数对象
	543	+ *
	544	+ * 请求参数结构可以参考
	545	+ * http://lbs.qq.com/webservice_v1/guide-gcoder.html
	546	+ */
	547	+ reverseGeocoder(options) {
	548	+ var that = this;
	549	+ options = options \|\| {};
	550	+ Utils.polyfillParam(options);
	551	+ var requestParam = {
	552	+ coord_type: options.coord_type \|\| 5,
	553	+ get_poi: options.get_poi \|\| 0,
	554	+ output: 'json',
	555	+ key: that.key
	556	+ };
	557	+ if (options.poi_options) {
	558	+ requestParam.poi_options = options.poi_options
	559	+ }
	560	+
	561	+ var locationsuccess = function (result) {
	562	+ requestParam.location = result.latitude + ',' + result.longitude;
	563	+ wx.request(Utils.buildWxRequestConfig(options, {
	564	+ url: URL_GET_GEOCODER,
	565	+ data: requestParam
	566	+ }, 'reverseGeocoder'));
	567	+ };
	568	+ Utils.locationProcess(options, locationsuccess);
	569	+ };
	570	+
	571	+ /**
	572	+ * 地址解析
	573	+ *
	574	+ * @param {Object} options 接口参数对象
	575	+ *
	576	+ * 请求参数结构可以参考
	577	+ * http://lbs.qq.com/webservice_v1/guide-geocoder.html
	578	+ */
	579	+ geocoder(options) {
	580	+ var that = this;
	581	+ options = options \|\| {};
	582	+ Utils.polyfillParam(options);
	583	+
	584	+ if (Utils.checkParamKeyEmpty(options, 'address')) {
	585	+ return;
	586	+ }
	587	+
	588	+ var requestParam = {
	589	+ address: options.address,
	590	+ output: 'json',
	591	+ key: that.key
	592	+ };
	593	+
	594	+ //城市限定
	595	+ if (options.region) {
	596	+ requestParam.region = options.region;
	597	+ }
	598	+
	599	+ wx.request(Utils.buildWxRequestConfig(options, {
	600	+ url: URL_GET_GEOCODER,
	601	+ data: requestParam
	602	+ },'geocoder'));
	603	+ };
	604	+
	605	+
	606	+ /**
	607	+ * 获取城市列表
	608	+ *
	609	+ * @param {Object} options 接口参数对象
	610	+ *
	611	+ * 请求参数结构可以参考
	612	+ * http://lbs.qq.com/webservice_v1/guide-region.html
	613	+ */
	614	+ getCityList(options) {
	615	+ var that = this;
	616	+ options = options \|\| {};
	617	+ Utils.polyfillParam(options);
	618	+ var requestParam = {
	619	+ output: 'json',
	620	+ key: that.key
	621	+ };
	622	+
	623	+ wx.request(Utils.buildWxRequestConfig(options, {
	624	+ url: URL_CITY_LIST,
	625	+ data: requestParam
	626	+ },'getCityList'));
	627	+ };
	628	+
	629	+ /**
	630	+ * 获取对应城市ID的区县列表
	631	+ *
	632	+ * @param {Object} options 接口参数对象
	633	+ *
	634	+ * 请求参数结构可以参考
	635	+ * http://lbs.qq.com/webservice_v1/guide-region.html
	636	+ */
	637	+ getDistrictByCityId(options) {
	638	+ var that = this;
	639	+ options = options \|\| {};
	640	+ Utils.polyfillParam(options);
	641	+
	642	+ if (Utils.checkParamKeyEmpty(options, 'id')) {
	643	+ return;
	644	+ }
	645	+
	646	+ var requestParam = {
	647	+ id: options.id \|\| '',
	648	+ output: 'json',
	649	+ key: that.key
	650	+ };
	651	+
	652	+ wx.request(Utils.buildWxRequestConfig(options, {
	653	+ url: URL_AREA_LIST,
	654	+ data: requestParam
	655	+ },'getDistrictByCityId'));
	656	+ };
	657	+
	658	+ /**
	659	+ * 用于单起点到多终点的路线距离(非直线距离)计算：
	660	+ * 支持两种距离计算方式：步行和驾车。
	661	+ * 起点到终点最大限制直线距离10公里。
	662	+ *
	663	+ * 新增直线距离计算。
	664	+ *
	665	+ * @param {Object} options 接口参数对象
	666	+ *
	667	+ * 请求参数结构可以参考
	668	+ * http://lbs.qq.com/webservice_v1/guide-distance.html
	669	+ */
	670	+ calculateDistance(options) {
	671	+ var that = this;
	672	+ options = options \|\| {};
	673	+ Utils.polyfillParam(options);
	674	+
	675	+ if (Utils.checkParamKeyEmpty(options, 'to')) {
	676	+ return;
	677	+ }
	678	+
	679	+ var requestParam = {
	680	+ mode: options.mode \|\| 'walking',
	681	+ to: Utils.location2query(options.to),
	682	+ output: 'json',
	683	+ key: that.key
	684	+ };
	685	+
	686	+ if (options.from) {
	687	+ options.location = options.from;
	688	+ }
	689	+
	690	+ //计算直线距离
	691	+ if(requestParam.mode == 'straight'){
	692	+ var locationsuccess = function (result) {
	693	+ var locationTo = Utils.getEndLocation(requestParam.to);//处理终点坐标
	694	+ var data = {
	695	+ message:"query ok",
	696	+ result:{
	697	+ elements:[]
	698	+ },
	699	+ status:0
	700	+ };
	701	+ for (var i = 0; i < locationTo.length; i++) {
	702	+ data.result.elements.push({//将坐标存入
	703	+ distance: Utils.getDistance(result.latitude, result.longitude, locationTo[i].lat, locationTo[i].lng),
	704	+ duration:0,
	705	+ from:{
	706	+ lat: result.latitude,
	707	+ lng:result.longitude
	708	+ },
	709	+ to:{
	710	+ lat: locationTo[i].lat,
	711	+ lng: locationTo[i].lng
	712	+ }
	713	+ });
	714	+ }
	715	+ var calculateResult = data.result.elements;
	716	+ var distanceResult = [];
	717	+ for (var i = 0; i < calculateResult.length; i++) {
	718	+ distanceResult.push(calculateResult[i].distance);
	719	+ }
	720	+ return options.success(data,{
	721	+ calculateResult: calculateResult,
	722	+ distanceResult: distanceResult
	723	+ });
	724	+ };
	725	+
	726	+ Utils.locationProcess(options, locationsuccess);
	727	+ } else {
	728	+ var locationsuccess = function (result) {
	729	+ requestParam.from = result.latitude + ',' + result.longitude;
	730	+ wx.request(Utils.buildWxRequestConfig(options, {
	731	+ url: URL_DISTANCE,
	732	+ data: requestParam
	733	+ },'calculateDistance'));
	734	+ };
	735	+
	736	+ Utils.locationProcess(options, locationsuccess);
	737	+ }
	738	+ }
	739	+};
	740	+
	741	+module.exports = QQMapWX;
0	742	\ No newline at end of file
...	...

src/utils/request.js 0 → 100644

View file @2d21111

	1	+import axios from 'axios'
	2	+import {
	3	+ MessageBox,
	4	+ Message
	5	+} from 'element-ui'
	6	+import store from '@/store'
	7	+import {
	8	+ getToken
	9	+} from '@/utils/auth'
	10	+
	11	+// create an axios instance
	12	+const service = axios.create({
	13	+ baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
	14	+ // withCredentials: true, // send cookies when cross-domain requests
	15	+ timeout: 5000 // request timeout
	16	+})
	17	+
	18	+// request interceptor
	19	+service.interceptors.request.use(
	20	+ config => {
	21	+ // do something before request is sent
	22	+
	23	+ if (store.getters.token) {
	24	+ // let each request carry token
	25	+ // ['X-Token'] is a custom headers key
	26	+ // please modify it according to the actual situation
	27	+ config.headers['Authorization'] = getToken()
	28	+ }
	29	+ return config
	30	+ },
	31	+ error => {
	32	+ // do something with request error
	33	+ console.log(error) // for debug
	34	+ return Promise.reject(error)
	35	+ }
	36	+)
	37	+
	38	+// response interceptor
	39	+service.interceptors.response.use(
	40	+ /**
	41	+ * If you want to get http information such as headers or status
	42	+ * Please return response => response
	43	+ */
	44	+
	45	+ /**
	46	+ * Determine the request status by custom code
	47	+ * Here is just an example
	48	+ * You can also judge the status by HTTP Status Code
	49	+ */
	50	+ response => {
	51	+ const res = response.data
	52	+
	53	+ // if the custom code is not 20000, it is judged as an error.
	54	+ if (res.code !== 200) {
	55	+ Message({
	56	+ message: res.message \|\| 'Error',
	57	+ type: 'error',
	58	+ duration: 5 * 1000
	59	+ })
	60	+
	61	+ // 50008: Illegal token; 50012: Other clients logged in; 50014: Token expired;
	62	+ if (res.code === 50008 \|\| res.code === 50012 \|\| res.code === 50014) {
	63	+ // to re-login
	64	+ MessageBox.confirm('You have been logged out, you can cancel to stay on this page, or log in again',
	65	+ 'Confirm logout', {
	66	+ confirmButtonText: 'Re-Login',
	67	+ cancelButtonText: 'Cancel',
	68	+ type: 'warning'
	69	+ }).then(() => {
	70	+ store.dispatch('user/resetToken').then(() => {
	71	+ location.reload()
	72	+ })
	73	+ })
	74	+ }
	75	+ return Promise.reject(new Error(res.message \|\| 'Error'))
	76	+ } else {
	77	+ return res
	78	+ }
	79	+ },
	80	+ error => {
	81	+ console.log('err' + error) // for debug
	82	+ Message({
	83	+ message: error.message,
	84	+ type: 'error',
	85	+ duration: 5 * 1000
	86	+ })
	87	+ return Promise.reject(error)
	88	+ }
	89	+)
	90	+
	91	+export default service
...	...

src/utils/utils.js 0 → 100644

View file @2d21111

	1	+// import { pathToBase64, base64ToPath } from '../js_sdk/image-tools/index.js'
	2	+const CryptoJS = require('crypto-js'); //引用AES源码js
	3	+const key = CryptoJS.enc.Utf8.parse("1234123412ABCDEF"); //十六位十六进制数作为密钥
	4	+const iv = CryptoJS.enc.Utf8.parse('ABCDEF1234123412'); //十六位十六进制数作为密钥偏移量
	5	+
	6	+const utils = {
	7	+ //加密方法
	8	+ Encrypt(word) {
	9	+ let srcs = CryptoJS.enc.Utf8.parse(word);
	10	+ let encrypted = CryptoJS.AES.encrypt(srcs, key, {
	11	+ iv: iv,
	12	+ mode: CryptoJS.mode.CBC,
	13	+ padding: CryptoJS.pad.Pkcs7
	14	+ });
	15	+ return encrypted.ciphertext.toString().toUpperCase();
	16	+ },
	17	+ //解密方法
	18	+ Decrypt(word) {
	19	+ let encryptedHexStr = CryptoJS.enc.Hex.parse(word);
	20	+ let srcs = CryptoJS.enc.Base64.stringify(encryptedHexStr);
	21	+ let decrypt = CryptoJS.AES.decrypt(srcs, key, {
	22	+ iv: iv,
	23	+ mode: CryptoJS.mode.CBC,
	24	+ padding: CryptoJS.pad.Pkcs7
	25	+ });
	26	+ let decryptedStr = decrypt.toString(CryptoJS.enc.Utf8);
	27	+ return decryptedStr.toString();
	28	+ },
	29	+
	30	+
	31	+
	32	+
	33	+ addDate(date, days) {
	34	+ var d = new Date(date)
	35	+ d.setDate(d.getDate() + days)
	36	+ var month = d.getMonth() + 1
	37	+ var day = d.getDate()
	38	+ if (month < 10) {
	39	+ month = '0' + month
	40	+ }
	41	+ if (day < 10) {
	42	+ day = '0' + day
	43	+ }
	44	+ var val = d.getFullYear() + '-' + month + '-' + day
	45	+ return val
	46	+ },
	47	+
	48	+ ObjectToQureyParams(obj) {
	49	+ let arr = []
	50	+ for (let key in obj) {
	51	+ arr.push(`${key}=${obj[key]}`);
	52	+ }
	53	+ return arr.join('&');
	54	+ },
	55	+ formatTime(date, formatStr) {
	56	+ formatStr = formatStr \|\| 'yyyy-MM-dd HH:mm:ss';
	57	+ date = new Date(date) \|\| new Date();
	58	+ formatStr = formatStr.replace('yyyy', date.getFullYear());
	59	+ formatStr = formatStr.replace('MM', (date.getMonth() + 1).toString().padStart(2, '0'));
	60	+ formatStr = formatStr.replace('dd', (date.getDate()).toString().padStart(2, '0'));
	61	+ formatStr = formatStr.replace('HH', (date.getHours()).toString().padStart(2, '0'));
	62	+ formatStr = formatStr.replace('mm', (date.getMinutes()).toString().padStart(2, '0'));
	63	+ formatStr = formatStr.replace('ss', (date.getSeconds()).toString().padStart(2, '0'));
	64	+ formatStr = formatStr.replace('M', (date.getMonth() + 1));
	65	+ formatStr = formatStr.replace('d', date.getDate());
	66	+ formatStr = formatStr.replace('H', date.getHours());
	67	+ formatStr = formatStr.replace('m', date.getMinutes());
	68	+ formatStr = formatStr.replace('s', date.getSeconds());
	69	+ return formatStr;
	70	+ },
	71	+ parseTime(str) {
	72	+ return new Date(str);
	73	+ },
	74	+ // imagePathToBase64(path){
	75	+ // return new Promise((resolve,reject)=>{
	76	+ // pathToBase64(path)
	77	+ // .then(base64 => {
	78	+ // resolve(base64)
	79	+ // })
	80	+ // .catch(error => {
	81	+ // reject(error)
	82	+ // })
	83	+ // });
	84	+ // },
	85	+ getUrlQueryParam(url, key) {
	86	+ try {
	87	+ let query = url.split('?')[1];
	88	+ query = query.split('&');
	89	+ return query.map(t => {
	90	+ return {
	91	+ key: t.split('=')[0],
	92	+ val: t.split('=')[1]
	93	+ }
	94	+ }).find(t => t.key == key).val;
	95	+ } catch (e) {
	96	+ return '';
	97	+ }
	98	+
	99	+ }
	100	+
	101	+};
	102	+export default utils;
...	...

src/utils/validate.js 0 → 100644

View file @2d21111

	1	+/**
	2	+ * Created by PanJiaChen on 16/11/18.
	3	+ */
	4	+
	5	+/**
	6	+ * @param {string} path
	7	+ * @returns {Boolean}
	8	+ */
	9	+export function isExternal(path) {
	10	+ return /^(https?:\|mailto:\|tel:)/.test(path)
	11	+}
	12	+
	13	+/**
	14	+ * @param {string} str
	15	+ * @returns {Boolean}
	16	+ */
	17	+export function validUsername(str) {
	18	+ const valid_map = ['admin', 'editor']
	19	+ return valid_map.indexOf(str.trim()) >= 0
	20	+}
...	...

src/views/404.vue 0 → 100644

View file @2d21111

	1	+<template>
	2	+ <div class="wscn-http404-container">
	3	+ <div class="wscn-http404">
	4	+ <div class="pic-404">
	5	+ <img class="pic-404__parent" src="@/assets/404_images/404.png" alt="404">
	6	+ <img class="pic-404__child left" src="@/assets/404_images/404_cloud.png" alt="404">
	7	+ <img class="pic-404__child mid" src="@/assets/404_images/404_cloud.png" alt="404">
	8	+ <img class="pic-404__child right" src="@/assets/404_images/404_cloud.png" alt="404">
	9	+ </div>
	10	+ <div class="bullshit">
	11	+ <div class="bullshit__oops">OOPS!</div>
	12	+ <div class="bullshit__info">All rights reserved
	13	+ <a style="color:#20a0ff" href="https://wallstreetcn.com" target="_blank">wallstreetcn</a>
	14	+ </div>
	15	+ <div class="bullshit__headline">{{ message }}</div>
	16	+ <div class="bullshit__info">Please check that the URL you entered is correct, or click the button below to return to the homepage.</div>
	17	+ <a href="" class="bullshit__return-home">Back to home</a>
	18	+ </div>
	19	+ </div>
	20	+ </div>
	21	+</template>
	22	+
	23	+<script>
	24	+
	25	+export default {
	26	+ name: 'Page404',
	27	+ computed: {
	28	+ message() {
	29	+ return 'The webmaster said that you can not enter this page...'
	30	+ }
	31	+ }
	32	+}
	33	+</script>
	34	+
	35	+<style lang="scss" scoped>
	36	+.wscn-http404-container{
	37	+ transform: translate(-50%,-50%);
	38	+ position: absolute;
	39	+ top: 40%;
	40	+ left: 50%;
	41	+}
	42	+.wscn-http404 {
	43	+ position: relative;
	44	+ width: 1200px;
	45	+ padding: 0 50px;
	46	+ overflow: hidden;
	47	+ .pic-404 {
	48	+ position: relative;
	49	+ float: left;
	50	+ width: 600px;
	51	+ overflow: hidden;
	52	+ &__parent {
	53	+ width: 100%;
	54	+ }
	55	+ &__child {
	56	+ position: absolute;
	57	+ &.left {
	58	+ width: 80px;
	59	+ top: 17px;
	60	+ left: 220px;
	61	+ opacity: 0;
	62	+ animation-name: cloudLeft;
	63	+ animation-duration: 2s;
	64	+ animation-timing-function: linear;
	65	+ animation-fill-mode: forwards;
	66	+ animation-delay: 1s;
	67	+ }
	68	+ &.mid {
	69	+ width: 46px;
	70	+ top: 10px;
	71	+ left: 420px;
	72	+ opacity: 0;
	73	+ animation-name: cloudMid;
	74	+ animation-duration: 2s;
	75	+ animation-timing-function: linear;
	76	+ animation-fill-mode: forwards;
	77	+ animation-delay: 1.2s;
	78	+ }
	79	+ &.right {
	80	+ width: 62px;
	81	+ top: 100px;
	82	+ left: 500px;
	83	+ opacity: 0;
	84	+ animation-name: cloudRight;
	85	+ animation-duration: 2s;
	86	+ animation-timing-function: linear;
	87	+ animation-fill-mode: forwards;
	88	+ animation-delay: 1s;
	89	+ }
	90	+ @keyframes cloudLeft {
	91	+ 0% {
	92	+ top: 17px;
	93	+ left: 220px;
	94	+ opacity: 0;
	95	+ }
	96	+ 20% {
	97	+ top: 33px;
	98	+ left: 188px;
	99	+ opacity: 1;
	100	+ }
	101	+ 80% {
	102	+ top: 81px;
	103	+ left: 92px;
	104	+ opacity: 1;
	105	+ }
	106	+ 100% {
	107	+ top: 97px;
	108	+ left: 60px;
	109	+ opacity: 0;
	110	+ }
	111	+ }
	112	+ @keyframes cloudMid {
	113	+ 0% {
	114	+ top: 10px;
	115	+ left: 420px;
	116	+ opacity: 0;
	117	+ }
	118	+ 20% {
	119	+ top: 40px;
	120	+ left: 360px;
	121	+ opacity: 1;
	122	+ }
	123	+ 70% {
	124	+ top: 130px;
	125	+ left: 180px;
	126	+ opacity: 1;
	127	+ }
	128	+ 100% {
	129	+ top: 160px;
	130	+ left: 120px;
	131	+ opacity: 0;
	132	+ }
	133	+ }
	134	+ @keyframes cloudRight {
	135	+ 0% {
	136	+ top: 100px;
	137	+ left: 500px;
	138	+ opacity: 0;
	139	+ }
	140	+ 20% {
	141	+ top: 120px;
	142	+ left: 460px;
	143	+ opacity: 1;
	144	+ }
	145	+ 80% {
	146	+ top: 180px;
	147	+ left: 340px;
	148	+ opacity: 1;
	149	+ }
	150	+ 100% {
	151	+ top: 200px;
	152	+ left: 300px;
	153	+ opacity: 0;
	154	+ }
	155	+ }
	156	+ }
	157	+ }
	158	+ .bullshit {
	159	+ position: relative;
	160	+ float: left;
	161	+ width: 300px;
	162	+ padding: 30px 0;
	163	+ overflow: hidden;
	164	+ &__oops {
	165	+ font-size: 32px;
	166	+ font-weight: bold;
	167	+ line-height: 40px;
	168	+ color: #1482f0;
	169	+ opacity: 0;
	170	+ margin-bottom: 20px;
	171	+ animation-name: slideUp;
	172	+ animation-duration: 0.5s;
	173	+ animation-fill-mode: forwards;
	174	+ }
	175	+ &__headline {
	176	+ font-size: 20px;
	177	+ line-height: 24px;
	178	+ color: #222;
	179	+ font-weight: bold;
	180	+ opacity: 0;
	181	+ margin-bottom: 10px;
	182	+ animation-name: slideUp;
	183	+ animation-duration: 0.5s;
	184	+ animation-delay: 0.1s;
	185	+ animation-fill-mode: forwards;
	186	+ }
	187	+ &__info {
	188	+ font-size: 13px;
	189	+ line-height: 21px;
	190	+ color: grey;
	191	+ opacity: 0;
	192	+ margin-bottom: 30px;
	193	+ animation-name: slideUp;
	194	+ animation-duration: 0.5s;
	195	+ animation-delay: 0.2s;
	196	+ animation-fill-mode: forwards;
	197	+ }
	198	+ &__return-home {
	199	+ display: block;
	200	+ float: left;
	201	+ width: 110px;
	202	+ height: 36px;
	203	+ background: #1482f0;
	204	+ border-radius: 100px;
	205	+ text-align: center;
	206	+ color: #ffffff;
	207	+ opacity: 0;
	208	+ font-size: 14px;
	209	+ line-height: 36px;
	210	+ cursor: pointer;
	211	+ animation-name: slideUp;
	212	+ animation-duration: 0.5s;
	213	+ animation-delay: 0.3s;
	214	+ animation-fill-mode: forwards;
	215	+ }
	216	+ @keyframes slideUp {
	217	+ 0% {
	218	+ transform: translateY(60px);
	219	+ opacity: 0;
	220	+ }
	221	+ 100% {
	222	+ transform: translateY(0);
	223	+ opacity: 1;
	224	+ }
	225	+ }
	226	+ }
	227	+}
	228	+</style>
...	...

src/views/AdminManage/AdminManage.vue 0 → 100644

View file @2d21111

	1	+<template>
	2	+ <div class="container" style="margin: 20px;">
	3	+ <el-form :inline="true" :model="form" class="demo-form-inline">
	4	+ <el-form-item label="用户名">
	5	+ <el-input v-model="form.username" placeholder="用户名"></el-input>
	6	+ </el-form-item>
	7	+ <el-form-item label="密码">
	8	+ <el-input v-model="form.password" placeholder="密码"></el-input>
	9	+ </el-form-item>
	10	+ <el-form-item>
	11	+ <el-button type="primary" @click="AddSubmit">添加下级管理</el-button>
	12	+ </el-form-item>
	13	+ </el-form>
	14	+ <el-table :data="tableData" style="width: 100%">
	15	+ <el-table-column prop="id" label="ID" >
	16	+ <template slot-scope="scope">
	17	+ {{scope.row.id}}
	18	+ </template>
	19	+ </el-table-column>
	20	+ <el-table-column prop="username" label="用户名" >
	21	+ <template slot-scope="scope">
	22	+ {{scope.row.username}}
	23	+ </template>
	24	+ </el-table-column>
	25	+ <el-table-column prop="password" label="密码" >
	26	+ <template slot-scope="scope">
	27	+ {{scope.row.password}}
	28	+ </template>
	29	+ </el-table-column>
	30	+ <el-table-column prop="password" label="操作" >
	31	+ <template slot-scope="scope">
	32	+ <el-button type="warning" @click="DelSubAdmin(scope.row.id)">删除</el-button>
	33	+ </template>
	34	+ </el-table-column>
	35	+ </el-table>
	36	+ <el-pagination background layout="prev, pager, next" :total="model.TotalCount" @current-page="Pages"
	37	+ style="text-align: right;margin-top: 10px;">
	38	+ </el-pagination>
	39	+ </div>
	40	+</template>
	41	+
	42	+<script>
	43	+ import {
	44	+ AddSubAdmin,
	45	+ GetSubAdminList,
	46	+ DelAdmin
	47	+ } from '../../api/user.js'
	48	+ export default {
	49	+ data() {
	50	+ return {
	51	+ tableData: [],
	52	+ model: {
	53	+ "KeyWord": "",
	54	+ "TotalCount": 0,
	55	+ "PageIndex": 1,
	56	+ "PageSize": 20,
	57	+ "Sort": [{
	58	+ "Field": "",
	59	+ "Type": 0
	60	+ }]
	61	+ },
	62	+ form: {
	63	+ "username": "",
	64	+ "password": ""
	65	+ }
	66	+ }
	67	+ },
	68	+ created() {
	69	+ this.ShowSubAdmin()
	70	+ },
	71	+ methods: {
	72	+ // 添加下级管理数据
	73	+ AddSubmit(){
	74	+ if(this.form.username==''){
	75	+ this.$message.error('请输入用户名')
	76	+ return
	77	+ }
	78	+ if(this.form.password==''){
	79	+ this.$message.error('请输入密码')
	80	+ return
	81	+ }
	82	+ AddSubAdmin(this.form).then(res=>{
	83	+ if(res.data.code==200){
	84	+ this.$message.success('添加下级管理成功')
	85	+ this.ShowSubAdmin()
	86	+ }else{
	87	+ this.$message.error('添加下级管理失败')
	88	+ }
	89	+ })
	90	+ },
	91	+ Pages(e) {
	92	+ this.model.PageIndex = e
	93	+ this.ShowSubAdmin()
	94	+ },
	95	+ ShowSubAdmin() {
	96	+ GetSubAdminList(this.model).then(res => {
	97	+ this.tableData = res.data.data.rows
	98	+ this.model.TotalCount = res.data.data.total
	99	+ })
	100	+ },
	101	+ DelSubAdmin(id) {
	102	+ DelAdmin(id).then(res => {
	103	+ console.log('数据')
	104	+ if (res.data.code == 200) {
	105	+ this.$message.success('删除下级管理成功')
	106	+ this.ShowSubAdmin()
	107	+ } else {
	108	+ this.$message.error('删除下级管理失败')
	109	+ }
	110	+ })
	111	+ }
	112	+ }
	113	+ }
	114	+</script>
	115	+
	116	+<style>
	117	+</style>
...	...

src/views/QuestionBank/index.vue 0 → 100644

View file @2d21111

	1	+<template>
	2	+ <div class="app-container">
	3	+
	4	+ <el-row id="elRow">
	5	+ <el-col :span="4" :style="{'height':TreeColHeight+'px'}">
	6	+ <div style="margin-right: 10px;height: 100%;">
	7	+ <div class="TreeHeader">
	8	+ <label style="font-size: 18px;">题目分类</label>
	9	+ <el-button type="primary" class="classbtn">添加分类
	10	+ </el-button>
	11	+ </div>
	12	+ <div :style="{'height':TableColHeight+'px'}" class="areadiv"
	13	+ style="margin:10px 0 0 0;padding: 5px 0 0 0;">
	14	+ <el-tree :data="treeData" :props="treeData" @node-click="handleNodeClick" class="eltree" :expand-on-click-node=false>
	15	+ </el-tree>
	16	+ </div>
	17	+ </div>
	18	+ </el-col>
	19	+ <el-col :span="20">
	20	+ <div class="grid-content bg-purple-light">
	21	+ <div class="seetingsDiv" style="">
	22	+ <el-button type="primary" @click="dialogsubjectlVisible=true">添加题目
	23	+ </el-button>
	24	+ </div>
	25	+ <div class="areadiv" :style="{'height':TableColHeight+'px'}">
	26	+ <el-table :data="QuestList" id="QuestionTable" border
	27	+ style="width: 100%;border-radius: 5px;box-shadow: 0 0 10px #efefef;margin-top: 10px;"
	28	+ :header-cell-class-name="headerStyle" :stripe=true>
	29	+ <el-table-column prop="date" label="ID" width="50">
	30	+ <template slot-scope="scope">
	31	+ <span>{{ scope.row.id }}</span>
	32	+ </template>
	33	+ </el-table-column>
	34	+ <el-table-column prop="date" label="题目类型" width="100">
	35	+ <template slot-scope="scope">
	36	+ <span style="padding-left: 10px;">{{ scope.row.subjectName }}</span>
	37	+ </template>
	38	+ </el-table-column>
	39	+ <el-table-column prop="QuestionClassName" label="分类" width="100">
	40	+ <template slot-scope="scope">
	41	+ <span style="padding-left: 10px;">{{ scope.row.QuestionClassName }}</span>
	42	+ </template>
	43	+ </el-table-column>
	44	+ <el-table-column prop="name" label="分数" width="80">
	45	+ <template slot-scope="scope">
	46	+ <span style="padding-left: 10px;">{{ scope.row.fraction }}</span>
	47	+ </template>
	48	+ </el-table-column>
	49	+ <el-table-column prop="name" label="单项分数" width="80">
	50	+ <template slot-scope="scope">
	51	+ <span style="padding-left: 10px;">{{ scope.row.singleFraction }}</span>
	52	+ </template>
	53	+ </el-table-column>
	54	+ <el-table-column prop="name" label="正确答案" width="80">
	55	+ <template slot-scope="scope">
	56	+ <span style="padding-left: 10px;">{{ scope.row.answer }}</span>
	57	+ </template>
	58	+ </el-table-column>
	59	+ <el-table-column prop="name" label="题目" :show-overflow-tooltip=true>
	60	+ <template slot-scope="scope">
	61	+ <span style="padding-left: 10px;">{{ scope.row.subject }}</span>
	62	+ </template>
	63	+ </el-table-column>
	64	+ <el-table-column prop="name" label="解析" :show-overflow-tooltip=true>
	65	+ <template slot-scope="scope">
	66	+ <span style="padding-left: 10px;">{{ scope.row.analysis }}</span>
	67	+ </template>
	68	+ </el-table-column>
	69	+ <el-table-column fixed="right" label="操作" width="150">
	70	+ <template slot-scope="scope">
	71	+ <el-dropdown @command="(e)=>{handleCommand(e,scope.row.id)}"
	72	+ style="padding-left: 10px;">
	73	+ <span class="el-dropdown-link">
	74	+ 操作<i class="el-icon-arrow-down el-icon--right"></i>
	75	+ </span>
	76	+ <template #dropdown>
	77	+ <el-dropdown-menu>
	78	+ <el-dropdown-item command="update">编辑</el-dropdown-item>
	79	+ <!-- <el-dropdown-item command="b">锁定</el-dropdown-item> -->
	80	+ <el-dropdown-item command="del">删除</el-dropdown-item>
	81	+ </el-dropdown-menu>
	82	+ </template>
	83	+ </el-dropdown>
	84	+ </template>
	85	+ </el-table-column>
	86	+ </el-table>
	87	+ <el-pagination background @current-change="currentchange"
	88	+ style="position:static;bottom: 3px;text-align: center;margin-top: 5px;"
	89	+ :page-size="this.parameter.pageSize" layout="total,prev, pager, next" :total="Count">
	90	+ </el-pagination>
	91	+ <div style="clear: both;"></div>
	92	+ </div>
	93	+ </div>
	94	+ </el-col>
	95	+ </el-row>
	96	+
	97	+ <el-dialog title="编辑题目" :visible.sync="dialogsubjectlVisible" @close='closeDialog' width="800px"
	98	+ :close-on-click-modal="false">
	99	+ <el-form ref="Dataform" :model="Dataform" label-width="60px">
	100	+ <el-form-item label="题目">
	101	+ <el-input v-model="Dataform.subject" placeholder="请输入题目名称"></el-input>
	102	+ </el-form-item>
	103	+ <el-form-item label="分类" style="padding-top: 5px;">
	104	+ <el-cascader v-model="Dataform.QuestionClassId" style="width:400px" :props="{emitPath:false}"
	105	+ :clearable=true :options="QuestionClass">
	106	+ </el-cascader>
	107	+ </el-form-item>
	108	+ <el-form-item label="题型" style="padding-top: 5px;">
	109	+ <el-select v-model="Dataform.subjectType" value-key="Dataform.subjectType"
	110	+ @change="changeQuestionType" placeholder="请选择题型">
	111	+ <el-option label="单选题" :value="1"></el-option>
	112	+ <el-option label="多选题" :value="2"></el-option>
	113	+ <el-option label="主观题" :value="3"></el-option>
	114	+ </el-select>
	115	+ </el-form-item>
	116	+ <el-form-item label="选项" v-show="OptionVisible">
	117	+ <el-table :data="subjectContent" :show-header="false">
	118	+ <el-table-column>
	119	+ <template slot-scope="scope">
	120	+ <el-input placeholder="请输入答案" v-model="scope.row.optionContent" class="optionInput">
	121	+ <template slot="prepend">{{scope.row.option}}</template>
	122	+ </el-input>
	123	+ <i class="el-icon-circle-plus el-icon" @click="Addlist"></i>
	124	+ <i class="el-icon-remove el-icon" @click="RemoveList(scope)" v-if="scope.$index!=0"></i>
	125	+ </template>
	126	+ </el-table-column>
	127	+ </el-table>
	128	+ </el-form-item>
	129	+ <el-form-item label="答案" v-show="OptionVisible" class="subjectContentClass">
	130	+ <el-radio-group v-for="(item,i) in subjectContent" v-model="Dataform.answer" v-if="GroupVisible">
	131	+ <el-radio :label="item.option">{{item.option}}</el-radio>
	132	+ </el-radio-group>
	133	+ <el-checkbox-group v-for="(item,i) in subjectContent" v-model="Dataform.answer"
	134	+ v-if="!GroupVisible">
	135	+ <el-checkbox style="float: left;" :label="item.option">{{item.option}}</el-checkbox>
	136	+ </el-checkbox-group>
	137	+ </el-form-item>
	138	+ <el-form-item label="分数" v-show="OptionVisible">
	139	+ <el-input-number :step="1" style="float: left;" :min="0" v-model="Dataform.fraction">
	140	+ </el-input-number>
	141	+ <div style="float: left;margin-left: 20px;" v-if="!GroupVisible">
	142	+ <lable style="font-weight: bold;">单项分数：</lable>
	143	+ <el-input-number :step="0.5" :max="Dataform.fraction/2" :min="0"
	144	+ v-model="Dataform.singleFraction">
	145	+ </el-input-number>
	146	+ </div>
	147	+ </el-form-item>
	148	+ <el-form-item label="解析" style="margin-top: 10px;">
	149	+ <el-input v-model="Dataform.analysis" :rows="10" type="textarea" placeholder="请输入答案解析" />
	150	+ </el-form-item>
	151	+ </el-form>
	152	+ <el-button @click="EditQuestionHeadler" style="margin: 10px 0 0 0 ;float:right" type="primary">确定
	153	+ </el-button>
	154	+ <div style="clear: both;"></div>
	155	+ </el-dialog>
	156	+ </div>
	157	+</template>
	158	+
	159	+<script lang="ts">
	160	+ import {
	161	+ getQuestionList,
	162	+ EditQuestion,
	163	+ getQuestionClassList,
	164	+ DelQuestionBankEvent,
	165	+ GetQuestionBankById
	166	+ } from '@/api/QuestionBank'
	167	+ import {
	168	+ parseTime
	169	+ } from '@/utils/index.js'
	170	+ export default {
	171	+ filters: {},
	172	+ data() {
	173	+ return {
	174	+ parameter: {
	175	+ pageIndex: 1,
	176	+ pageSize: 12,
	177	+ sort: "id",
	178	+ sortOrder: 1,
	179	+ keyword: "",
	180	+ QuestionClassId: 0,
	181	+ status: 1
	182	+ },
	183	+ Count: 0,
	184	+ QuestList: [],
	185	+ dialogsubjectlVisible: false,
	186	+ OptionVisible: true,
	187	+ GroupVisible: true,
	188	+ Dataform: {
	189	+ subject: "",
	190	+ subjectType: 1,
	191	+ subjectContent: "",
	192	+ QuestionClassId: 0,
	193	+ answer: [],
	194	+ analysis: "",
	195	+ fraction: 0,
	196	+ singleFraction: 0,
	197	+ addTime: "2021-11-12",
	198	+ state: 1
	199	+ },
	200	+ subjectContent: [{
	201	+ option: "A",
	202	+ optionContent: ""
	203	+ }],
	204	+ QuestionClass: [],
	205	+ TreeColHeight: 0,
	206	+ TableColHeight: 0,
	207	+ treeData: [{
	208	+ value:0,
	209	+ label:"全部"
	210	+ }]
	211	+ }
	212	+ },
	213	+ created() {
	214	+
	215	+ },
	216	+ mounted() {
	217	+ let ContentAreaHight = window.innerHeight - document.getElementById("elRow").offsetTop - 70;
	218	+ this.TableColHeight = ContentAreaHight - document.getElementById("QuestionTable").offsetTop;
	219	+ let lineNumber = this.TableColHeight - 50 - 20; //减去表头来计算
	220	+ this.TreeColHeight = ContentAreaHight;
	221	+ lineNumber = Math.floor(lineNumber / 49)
	222	+ this.parameter.pageSize = lineNumber;
	223	+ this.GetList();
	224	+ this.getQuestionClassListHeadler();
	225	+ },
	226	+ methods: {
	227	+ //表格右边的操作按钮
	228	+ handleCommand(value, val) {
	229	+ if (value == "update") {
	230	+ this.GetQuestionBankByIdHeadler(val);
	231	+ }
	232	+ if (value == "del") {
	233	+ this.DelQuestionBankEventHeadler(val);
	234	+ }
	235	+ },
	236	+ //获取选择的题目详细信息
	237	+ GetQuestionBankByIdHeadler(id) {
	238	+ GetQuestionBankById(id).then(res => {
	239	+ this.changeQuestionType(res.data.data.subjectType); //这里先初始化编辑显示内容
	240	+ this.Dataform = res.data.data; //内容赋值
	241	+ this.subjectContent = JSON.parse(res.data.data.subjectContent); //赋值选项
	242	+ if (res.data.data.subjectType == 1) {
	243	+ this.Dataform.answer = res.data.data.answer.split(',')[0]; //赋值答案
	244	+ } else {
	245	+ this.Dataform.answer = res.data.data.answer.split(','); //赋值答案
	246	+ }
	247	+ this.dialogsubjectlVisible = true;
	248	+
	249	+ });
	250	+ },
	251	+ //关闭弹框的事件
	252	+ closeDialog() {
	253	+ //初始化数据
	254	+ this.Dataform = this.$options.data().Dataform;
	255	+ this.subjectContent = this.$options.data().subjectContent;
	256	+ //所有文本框恢复到初始化状态
	257	+ this.Dataform.answer = [];
	258	+ this.OptionVisible = true;
	259	+ this.GroupVisible = true;
	260	+ },
	261	+ //选择题目类型来判断是否显示部分表单
	262	+ changeQuestionType(val) {
	263	+ if (val == 3) {
	264	+ this.OptionVisible = false;
	265	+ }
	266	+ if (val == 2) {
	267	+ this.OptionVisible = true;
	268	+ this.Dataform.answer = [];
	269	+ this.GroupVisible = false;
	270	+ }
	271	+ if (val == 1) {
	272	+ this.Dataform.answer = [];
	273	+ this.OptionVisible = true;
	274	+ this.GroupVisible = true;
	275	+ }
	276	+ },
	277	+ headerStyle({
	278	+ row,
	279	+ column,
	280	+ rowIndex,
	281	+ columnIndex
	282	+ }) {
	283	+ return 'tableStyle'
	284	+ },
	285	+ Addlist() {
	286	+ if (this.subjectContent.length < 4) {
	287	+ var alphabet = String.fromCharCode(64 + parseInt(this.subjectContent.length + 1));
	288	+ this.subjectContent.push({
	289	+ "option": alphabet,
	290	+ "title": ""
	291	+ });
	292	+ } else {
	293	+ this.$confirm('系统暂时只支持4个答案！', '消息')
	294	+ }
	295	+ },
	296	+ RemoveList(val) {
	297	+ this.subjectContent.splice(val.$index, 1);
	298	+ this.subjectContent.forEach((item, index) => {
	299	+ item.option = String.fromCharCode(64 + parseInt(index + 1));
	300	+ })
	301	+ },
	302	+ handleNodeClick(val) {
	303	+ this.parameter.QuestionClassId = val.value;
	304	+ this.parameter.pageIndex = 1;
	305	+ this.GetList();
	306	+ },
	307	+ DelQuestionBankEventHeadler(id) {
	308	+ this.$confirm('确定删除该试题？', '消息', {
	309	+ confirmButtonText: '确认',
	310	+ cancelButtonText: '取消',
	311	+ callback: (action) => {
	312	+ if (action == "confirm") {
	313	+ DelQuestionBankEvent(id).then(res => {
	314	+ if (res.data.code == 200) {
	315	+ this.$confirm(res.data.message, '消息')
	316	+ this.GetList();
	317	+ }
	318	+ });
	319	+ }
	320	+ },
	321	+ })
	322	+ },
	323	+ EditQuestionHeadler() {
	324	+ let reg = new RegExp('"', 'g');
	325	+ //this.Dataform.subjectContent = JSON.stringify(this.subjectContent).replace(reg, "\"");
	326	+ this.Dataform.subjectContent = this.subjectContent;
	327	+ if (typeof(this.Dataform.answer) != 'string') //判断是否为字符串
	328	+ this.Dataform.answer = this.Dataform.answer.join(',')
	329	+ var _this = this;
	330	+ EditQuestion(this.Dataform).then(res => {
	331	+ if (res.data.code == 200) {
	332	+ _this.GetList();
	333	+ this.$message(res.data.message);
	334	+ setTimeout(function() {
	335	+ _this.dialogsubjectlVisible = false;
	336	+ }, 10)
	337	+ }
	338	+ });
	339	+ },
	340	+ GetList() {
	341	+ let _this = this;
	342	+ getQuestionList(_this.parameter).then(res => {
	343	+ _this.QuestList = res.data.data.rows;
	344	+ _this.Count = res.data.data.total;
	345	+ _this.$forceUpdate();
	346	+ });
	347	+ },
	348	+ currentchange(page) {
	349	+ this.parameter.pageIndex = page;
	350	+ this.GetList();
	351	+ },
	352	+ getQuestionClassListHeadler() {
	353	+ let _this = this;
	354	+ getQuestionClassList().then(res => {
	355	+ var gettree = function(titem) {
	356	+ titem.children = []
	357	+ let childrenList = res.data.data.filter(u => u.ParentId == titem.value);
	358	+ if (childrenList.length == 0)
	359	+ titem.children = undefined;
	360	+ res.data.data.filter(u => u.ParentId == titem.value).forEach((item, i) => {
	361	+ var model = {
	362	+ value: item.id,
	363	+ label: item.ClassificationName
	364	+ };
	365	+ gettree(model);
	366	+ titem.children.push(model);
	367	+ })
	368	+ }
	369	+ res.data.data.filter(u => u.ParentId == 0).forEach((item, i) => {
	370	+ var model = {
	371	+ value: item.id,
	372	+ label: item.ClassificationName
	373	+ };
	374	+ gettree(model);
	375	+ _this.QuestionClass.push(model);
	376	+ _this.treeData.push(model)
	377	+ })
	378	+ });
	379	+ }
	380	+ }
	381	+ }
	382	+</script>
	383	+<style scoped="scoped">
	384	+ /deep/.cell {
	385	+ padding-left: 0px;
	386	+ }
	387	+ /deep/.el-form-item {
	388	+ margin-bottom: 5px;
	389	+ }
	390	+ /deep/.el-radio {
	391	+ margin-right: 10px;
	392	+ }
	393	+ /deep/.el-radio__input.is-checked .el-radio__inner {
	394	+ border-color: #409EFF;
	395	+ background-color: #409EFF;
	396	+ }
	397	+ /deep/.el-radio__input.is-checked+.el-radio__label {
	398	+ color: #409EFF;
	399	+ font-weight: bold;
	400	+ }
	401	+ /deep/.tableStyle {
	402	+ background-color: #304156 !important;
	403	+ color: #fff;
	404	+ font-weight: 400;
	405	+ }
	406	+ .QuestDiv {
	407	+ width: 24%;
	408	+ float: left;
	409	+ min-height: 50px;
	410	+ border: 1px solid #CDCDCD;
	411	+ margin-right: 10px;
	412	+ box-shadow: 0 0 10px #808080;
	413	+ border-radius: 8px;
	414	+ min-height: 100px;
	415	+ background-color: #FFF;
	416	+ opacity: 0.8;
	417	+ margin-bottom: 10px;
	418	+ height: 313px;
	419	+ }
	420	+ .clear {
	421	+ clear: both;
	422	+ margin-bottom: 10px;
	423	+ }
	424	+ .font-color {
	425	+ background-color: #AE1E15 !important;
	426	+ color: #FFF;
	427	+ box-shadow: 0 0 5px #AE1E15;
	428	+ }
	429	+ /deep/.el-input-group__prepend {
	430	+ font-weight: bold;
	431	+ width: 30px;
	432	+ text-align: center;
	433	+ background: #409EFF;
	434	+ color: #FFF;
	435	+ }
	436	+ .optionInput {
	437	+ float: left;
	438	+ width: 620px !important;
	439	+ }
	440	+ .el-icon {
	441	+ font-size: 20px;
	442	+ line-height: 40px;
	443	+ margin: 0 5px;
	444	+ cursor: pointer;
	445	+ color: #409EFF !important;
	446	+ }
	447	+ >>>.subjectContentClass .el-checkbox__label {
	448	+ padding-right: 10px !important;
	449	+ }
	450	+ .seetingsDiv {
	451	+ width: 100%;
	452	+ height: 60px;
	453	+ background: #efefef;
	454	+ line-height: 60px;
	455	+ border-radius: 5px;
	456	+ box-shadow: 0 0 5px #cdcdcd;
	457	+ }
	458	+ .seetingsDiv button {
	459	+ background-color: #304156;
	460	+ border: 0px;
	461	+ margin-left: 10px;
	462	+ box-shadow: 0 0 5px #cdcdcd;
	463	+ float: right;
	464	+ margin-top: 12px;
	465	+ margin-right: 10px;
	466	+ }
	467	+ .areadiv {
	468	+ background-color: #efefef;
	469	+ border-radius: 5px;
	470	+ box-shadow: 0 0 5px #efefef;
	471	+ }
	472	+ .TreeHeader {
	473	+ background-color: #304156;
	474	+ height: 60px;
	475	+ border-radius: 5px;
	476	+ box-shadow: 0 0 10px #efefef;
	477	+ line-height: 60px;
	478	+ color: #FFF;
	479	+ padding-left: 10px;
	480	+ }
	481	+ .classbtn {
	482	+ float: right;
	483	+ margin: 11px 10px 0 0;
	484	+ height: 35px;
	485	+ line-height: 12px;
	486	+ }
	487	+ .eltree {
	488	+ background-color: #efefef;
	489	+ }
	490	+ /deep/.el-tree-node__content {
	491	+ min-height: 40px;
	492	+ }
	493	+</style>
...	...

src/views/TestPaper/ManualTestPaper.vue 0 → 100644

View file @2d21111

	1	+<template>
	2	+ <div class="app-container">
	3	+ <el-row :gutter="20">
	4	+ <el-col :span="6" :style="{'height':contentHeight+'px'}">
	5	+ <div class="grid-content bg-purple">
	6	+ <div style="width: 100%;height: 80px;background: red;">
	7	+ </div>
	8	+ <draggable :options="{animation:380,filter:'.unmover'}" group="itxst" v-model="arr1" @end="end1"
	9	+ @add="RemoveHere" :move="onMove" class="infinite-list" :style="{'height':contentHeight-80+'px'}"
	10	+ infinite-scroll-disabled="disabled" v-infinite-scroll="load" style="overflow:auto">
	11	+ <li v-for="i in arr1" class="infinite-list-item">{{ i.subject }}</li>
	12	+ <p v-if="loading" style="text-align: center;color: #cdcdcd;" class="unmover">加载中...</p>
	13	+ <p v-if="noMore" style="text-align: center;color: #cdcdcd;" class="unmover">没有更多了</p>
	14	+ </li>
	15	+ </draggable>
	16	+
	17	+ </div>
	18	+ </el-col>
	19	+ <el-col :span="10" :style="{'height':contentHeight+'px'}">
	20	+ <div class="grid-content bg-purple">
	21	+ <div class="areahead">
	22	+ <span v-show="!edit" style="font-weight: bold;">{{ TestPaper.TestPaperTitle }}</span>
	23	+ <el-input v-show="edit" style="width: 400px;" v-model="TestPaper.TestPaperTitle"></el-input>
	24	+ <i :class="{'el-icon-edit': !edit, 'el-icon-check': edit}" @click="edit = !edit"
	25	+ style="margin-left: 5px;cursor: pointer;"></i>
	26	+ </div>
	27	+ <draggable :options="{animation:380}" group="itxst" v-model="arr2" class="infinite-list" @end="end2"
	28	+ @add="ComeHere" :style="{'height':contentHeight-60+'px'}"
	29	+ style="overflow:auto;padding-top: 10px;">
	30	+ <li v-for="i in arr2" class="infinite-list-item">
	31	+ <label>[{{i.subjectName}}]{{ i.subject }}</label>
	32	+ <div v-for="item in JSON.parse(i.subjectContent)">
	33	+ <p class="option-p">{{item.option}}:{{item.optionContent}}</p>
	34	+ </div>
	35	+ </li>
	36	+ </li>
	37	+ </draggable>
	38	+ </div>
	39	+ </el-col>
	40	+ <el-col :span="8" :style="{'height':contentHeight+'px'}">
	41	+ <div class="grid-content bg-purple">
	42	+ <div class="areahead">组卷基本信息</div>
	43	+ <el-form ref="form" class="testPaper-manager" :rules="rules" :model="TestPaper" label-width="100px">
	44	+ <el-form-item label="试卷名称:" class="el-form-item-custom">
	45	+ {{TestPaper.TestPaperTitle}}
	46	+ </el-form-item>
	47	+ <el-form-item label="题目数量:" class="el-form-item-custom">
	48	+ {{arr2.length}}
	49	+ </el-form-item>
	50	+ <el-form-item label="题型数量:" class="el-form-item-custom">
	51	+ <span style="margin-right: 10px;">单选题：{{TestPaper.SingleNumber}}</span>
	52	+ <span style="margin-right: 10px;">多选题：{{TestPaper.MultipleNumber}}</span>
	53	+ <span style="margin-right: 10px;">主观题：{{TestPaper.SubjectiveNumber}}</span>
	54	+ </el-form-item>
	55	+ <el-form-item label="题目总分:" class="el-form-item-custom">
	56	+ {{TestPaper.TotalScore}}
	57	+ </el-form-item>
	58	+ <el-form-item label="分类" class="el-form-item-custom">
	59	+ <el-cascader class="testpaper-input" v-model="TestPaper.QuestionClassId"
	60	+ style="width:400px;margin-bottom: 20px;" :props="{emitPath:false}" :clearable=true
	61	+ :options="QuestionClass">
	62	+ </el-cascader>
	63	+ </el-form-item>
	64	+ <el-form-item label="试卷原价:" prop="OriginalPrice">
	65	+ <el-input class="testpaper-input" oninput="value=value.replace(/[^0-9.]/g,'')"
	66	+ v-model="TestPaper.OriginalPrice" :precision="0">
	67	+ <template slot="append">元</template>
	68	+ </el-input>
	69	+ </el-form-item>
	70	+ <el-form-item label="试卷现价:" prop="PresentPrice">
	71	+ <el-input class="testpaper-input" oninput="value=value.replace(/[^0-9.]/g,'')"
	72	+ v-model="TestPaper.PresentPrice">
	73	+ <template slot="append">元</template>
	74	+ </el-input>
	75	+ </el-form-item>
	76	+ <el-form-item label="会员价:" prop="MembershipPrice">
	77	+ <el-input class="testpaper-input" oninput="value=value.replace(/[^0-9.]/g,'')"
	78	+ v-model="TestPaper.MembershipPrice">
	79	+ <template slot="append">元</template>
	80	+ </el-input>
	81	+ </el-form-item>
	82	+ <el-form-item label="试卷简介:">
	83	+ <el-input class="testpaper-input" :rows="10" type="textarea" v-model="TestPaper.Describe">
	84	+ </el-input>
	85	+ </el-form-item>
	86	+ <el-button type="primary" style="float: right;" @click="SubmitTestPaper">保存
	87	+ </el-button>
	88	+ </el-form>
	89	+ </div>
	90	+ </el-col>
	91	+ </el-row>
	92	+ </div>
	93	+</template>
	94	+
	95	+<script>
	96	+ import draggable from 'vuedraggable'
	97	+ import {
	98	+ getQuestionClassList,
	99	+ getQuestionList
	100	+ } from '@/api/QuestionBank'
	101	+ import {
	102	+ EditTestPaper
	103	+ } from '@/api/TestPaper'
	104	+ export default {
	105	+ //注册draggable组件
	106	+ components: {
	107	+ draggable,
	108	+ },
	109	+ data() {
	110	+ return {
	111	+ parameter: {
	112	+ pageIndex: 0,
	113	+ pageSize: 12,
	114	+ sort: "id",
	115	+ sortOrder: 1,
	116	+ keyword: "",
	117	+ QuestionClassId: 0,
	118	+ status: 1
	119	+ },
	120	+ contentHeight: 0,
	121	+ count: 0,
	122	+ edit: false,
	123	+ arr1: [],
	124	+ arr2: [],
	125	+ moveId: -1,
	126	+ TestPaper: {
	127	+ TestPaperTitle: "未命名试卷标题",
	128	+ TestPaperClassId: 0,
	129	+ TotalScore: 0,
	130	+ Describe: "",
	131	+ SingleNumber: 0,
	132	+ MultipleNumber: 0,
	133	+ SubjectiveNumber: 0,
	134	+ OriginalPrice: "0",
	135	+ PresentPrice: "0",
	136	+ MembershipPrice: "0",
	137	+ QuestionBankIds: []
	138	+ },
	139	+ loading: false,
	140	+ rules: {
	141	+ OriginalPrice: [{
	142	+ required: true,
	143	+ message: '不能为空'
	144	+ }],
	145	+ PresentPrice: [{
	146	+ required: true,
	147	+ message: '不能为空'
	148	+ }],
	149	+ MembershipPrice: [{
	150	+ required: true,
	151	+ message: '不能为空'
	152	+ }]
	153	+ },
	154	+ QuestionClass: [],
	155	+ treeData: [{
	156	+ value:0,
	157	+ label:"全部"
	158	+ }]
	159	+ }
	160	+ },
	161	+ computed: {
	162	+ noMore() {
	163	+ return this.arr1.length >= this.count
	164	+ },
	165	+ disabled() {
	166	+ return this.loading \|\| this.noMore
	167	+ }
	168	+ },
	169	+ created() {
	170	+
	171	+ },
	172	+ mounted() {
	173	+ //计算页面内容区域的高度
	174	+ this.contentHeight = window.innerHeight - 90;
	175	+ this.getQuestionClassListHeadler();
	176	+ //this.GetList();
	177	+ },
	178	+ methods: {
	179	+ SubmitTestPaper() {
	180	+ if (this.arr2.length > 0) {
	181	+ EditTestPaper(this.TestPaper).then(res => {
	182	+ if(res.data.code==200){
	183	+ this.$confirm('组卷成功！', '消息')
	184	+ }else{
	185	+ this.$confirm('组卷失败！', '消息')
	186	+ }
	187	+ });
	188	+ } else {
	189	+ this.$confirm('试题未有题目！', '消息')
	190	+ }
	191	+ },
	192	+ load() {
	193	+ this.loading = true
	194	+ this.parameter.pageIndex += 1;
	195	+ this.GetList();
	196	+ this.loading = false;
	197	+ },
	198	+ GetList() {
	199	+ getQuestionList(this.parameter).then(res => {
	200	+ res.data.data.rows.forEach((item, i) => {
	201	+ this.arr1.push(item)
	202	+ })
	203	+ this.count = res.data.data.total;
	204	+ this.$forceUpdate();
	205	+ });
	206	+ },
	207	+ end1(e, ) {
	208	+ var that = this;
	209	+ if (that.arr1.length < 10) {
	210	+ this.load();
	211	+ }
	212	+
	213	+ var items = this.arr2.filter(function(m) {
	214	+ return m.id == that.moveId
	215	+ })
	216	+
	217	+ //如果左边
	218	+ if (items.length < 2) return;
	219	+ this.arr2.splice(e.newDraggableIndex, 1)
	220	+
	221	+ // SingleNumber:0,
	222	+ // MultipleNumber:0,
	223	+ // SubjectiveNumber:0,
	224	+ },
	225	+ //从右边移除到左边
	226	+ RemoveHere(e) {
	227	+ if (e.item._underlying_vm_.subjectType == 1) {
	228	+ this.TestPaper.SingleNumber -= 1;
	229	+ }
	230	+ if (e.item._underlying_vm_.subjectType == 2) {
	231	+ this.TestPaper.MultipleNumber -= 1;
	232	+ }
	233	+ if (e.item._underlying_vm_.subjectType == 3) {
	234	+ this.TestPaper.SubjectiveNumber -= 1;
	235	+ }
	236	+ this.TestPaper.TotalScore -= e.item._underlying_vm_.fraction;
	237	+ this.TestPaper.QuestionBankIds = this.arr2.map(u => u.id);
	238	+ },
	239	+ //从左边添加到右边
	240	+ ComeHere(e) {
	241	+ if (e.item._underlying_vm_.subjectType == 1) {
	242	+ this.TestPaper.SingleNumber += 1;
	243	+ }
	244	+ if (e.item._underlying_vm_.subjectType == 2) {
	245	+ this.TestPaper.MultipleNumber += 1;
	246	+ }
	247	+ if (e.item._underlying_vm_.subjectType == 3) {
	248	+ this.TestPaper.SubjectiveNumber += 1;
	249	+ }
	250	+ this.TestPaper.TotalScore += e.item._underlying_vm_.fraction;
	251	+
	252	+ this.TestPaper.QuestionBankIds = this.arr2.map(u => u.id);
	253	+ },
	254	+ //右边往左边拖动时的事件
	255	+ end2(e) {
	256	+ var that = this;
	257	+ var items = this.arr1.filter(function(m) {
	258	+ return m.id == that.moveId
	259	+ })
	260	+ //如果左边
	261	+ if (items.length < 2) return;
	262	+ this.arr1.splice(e.newDraggableIndex, 1)
	263	+ },
	264	+ //move回调方法
	265	+ onMove(e, originalEvent) {
	266	+ //this.moveId = e.relatedContext.element.id;
	267	+ return true;
	268	+ },
	269	+ getQuestionClassListHeadler() {
	270	+ let _this = this;
	271	+ getQuestionClassList().then(res => {
	272	+ var gettree = function(titem) {
	273	+ titem.children = []
	274	+ let childrenList = res.data.data.filter(u => u.ParentId == titem.value);
	275	+ if (childrenList.length == 0)
	276	+ titem.children = undefined;
	277	+ res.data.data.filter(u => u.ParentId == titem.value).forEach((item, i) => {
	278	+ var model = {
	279	+ value: item.id,
	280	+ label: item.ClassificationName
	281	+ };
	282	+ gettree(model);
	283	+ titem.children.push(model);
	284	+ })
	285	+ }
	286	+ res.data.data.filter(u => u.ParentId == 0).forEach((item, i) => {
	287	+ var model = {
	288	+ value: item.id,
	289	+ label: item.ClassificationName
	290	+ };
	291	+ gettree(model);
	292	+ _this.QuestionClass.push(model);
	293	+ _this.treeData.push(model)
	294	+ })
	295	+ });
	296	+ }
	297	+
	298	+ }
	299	+ }
	300	+</script>
	301	+
	302	+<style lang="scss" scoped>
	303	+ .el-row {
	304	+ /* margin-bottom: 20px; */
	305	+ &:last-child {
	306	+ margin-bottom: 0;
	307	+ }
	308	+ }
	309	+ .el-col {
	310	+ border-radius: 4px;
	311	+ }
	312	+ .bg-purple-dark {
	313	+ background: #99a9bf;
	314	+ }
	315	+ .bg-purple {
	316	+ background: #efefef;
	317	+ }
	318	+ .bg-purple-light {
	319	+ background: #e5e9f2;
	320	+ }
	321	+ .grid-content {
	322	+ border-radius: 4px;
	323	+ min-height: 36px;
	324	+ height: 100%;
	325	+ }
	326	+ .row-bg {
	327	+ padding: 10px 0;
	328	+ background-color: #f9fafc;
	329	+ }
	330	+ .infinite-list {
	331	+ list-style: none;
	332	+ margin: 0px;
	333	+ padding: 0px;
	334	+ &::-webkit-scrollbar {
	335	+ width: 6px;
	336	+ }
	337	+ //滚动条小方块
	338	+ &::-webkit-scrollbar-thumb {
	339	+ border-radius: 10px;
	340	+ background: #304156;
	341	+ }
	342	+ //滚动条轨道
	343	+ &::-webkit-scrollbar-track {
	344	+ // border-radius: 10px;
	345	+ height: 100px;
	346	+ background: #cdcdcd;
	347	+ }
	348	+ .infinite-list-item {
	349	+ padding: 10px;
	350	+ min-height: 60px;
	351	+ width: 95%;
	352	+ margin: auto;
	353	+ background-color: #FFF;
	354	+ margin-bottom: 10px;
	355	+ border-radius: 5px;
	356	+ box-shadow: 0 0 5px #cdcdcd;
	357	+ &:first-child {
	358	+ margin-top: 10px;
	359	+ }
	360	+ }
	361	+ }
	362	+ .option-p {
	363	+ line-height: 15px;
	364	+ }
	365	+ .areahead {
	366	+ text-align: center;
	367	+ height: 60px;
	368	+ line-height: 60px;
	369	+ border-bottom: 1px solid #cdcdcd;
	370	+ }
	371	+ .testPaper-manager{
	372	+ margin: 10px 20px 10px 10px;
	373	+ }
	374	+ .testPaper-manager .el-form-item {
	375	+ margin-bottom: 20px;
	376	+ }
	377	+ .el-form-item-custom {
	378	+ margin-bottom: 0px !important;
	379	+ }
	380	+ .testpaper-input {
	381	+ //max-width: 400px;
	382	+ }
	383	+</style>
...	...

src/views/TestPaper/TestPaperList.vue 0 → 100644

View file @2d21111

	1	+<template>
	2	+ <div class="app-container">
	3	+ <el-table :data="testpaperlist" id="QuestionTable" border
	4	+ style="width: 100%;border-radius: 5px;box-shadow: 0 0 10px #efefef;margin-top: 10px;"
	5	+ :header-cell-class-name="headerStyle" :stripe=true>
	6	+ <el-table-column prop="date" label="ID" width="50">
	7	+ <template slot-scope="scope">
	8	+ <span>{{ scope.row.id }}</span>
	9	+ </template>
	10	+ </el-table-column>
	11	+ <el-table-column prop="date" label="试卷标题" width="250">
	12	+ <template slot-scope="scope">
	13	+ <span>{{ scope.row.TestPaperTitle }}</span>
	14	+ </template>
	15	+ </el-table-column>
	16	+ <el-table-column prop="date" label="试卷总分" width="80">
	17	+ <template slot-scope="scope">
	18	+ <span>{{ scope.row.TotalScore }}</span>
	19	+ </template>
	20	+ </el-table-column>
	21	+ <el-table-column prop="date" label="单选题数量" width="100">
	22	+ <template slot-scope="scope">
	23	+ <span>{{ scope.row.SingleNumber }}</span>
	24	+ </template>
	25	+ </el-table-column>
	26	+ <el-table-column prop="date" label="多选题数量" width="100">
	27	+ <template slot-scope="scope">
	28	+ <span>{{ scope.row.MultipleNumber }}</span>
	29	+ </template>
	30	+ </el-table-column>
	31	+ <el-table-column prop="date" label="主观题数量" width="100">
	32	+ <template slot-scope="scope">
	33	+ <span>{{ scope.row.SubjectiveNumber }}</span>
	34	+ </template>
	35	+ </el-table-column>
	36	+ <el-table-column prop="TestPaperClassId" label="分类" width="100">
	37	+ <template slot-scope="scope">
	38	+ <span>{{ scope.row.TestPaperClassId }}</span>
	39	+ </template>
	40	+ </el-table-column>
	41	+ <el-table-column prop="name" label="原价" width="80">
	42	+ <template slot-scope="scope">
	43	+ <span>{{ scope.row.OriginalPrice/100 }}</span>
	44	+ </template>
	45	+ </el-table-column>
	46	+ <el-table-column prop="name" label="现价" width="80">
	47	+ <template slot-scope="scope">
	48	+ <span>{{ scope.row.PresentPrice/100 }}</span>
	49	+ </template>
	50	+ </el-table-column>
	51	+ <el-table-column prop="name" label="会员价" width="80">
	52	+ <template slot-scope="scope">
	53	+ <span>{{ scope.row.MembershipPrice/100 }}</span>
	54	+ </template>
	55	+ </el-table-column>
	56	+ <el-table-column prop="name" label="试卷说明" :show-overflow-tooltip=true>
	57	+ <template slot-scope="scope">
	58	+ <span>{{ scope.row.Describe }}</span>
	59	+ </template>
	60	+ </el-table-column>
	61	+ <el-table-column fixed="right" label="操作" width="150">
	62	+ <template slot-scope="scope">
	63	+ <el-dropdown @command="(e)=>{handleCommand(e,scope.row.id)}">
	64	+ <span class="el-dropdown-link">
	65	+ 操作<i class="el-icon-arrow-down el-icon--right"></i>
	66	+ </span>
	67	+ <template #dropdown>
	68	+ <el-dropdown-menu>
	69	+ <el-dropdown-item command="update">编辑</el-dropdown-item>
	70	+ <!-- <el-dropdown-item command="b">锁定</el-dropdown-item> -->
	71	+ <el-dropdown-item command="del">删除</el-dropdown-item>
	72	+ </el-dropdown-menu>
	73	+ </template>
	74	+ </el-dropdown>
	75	+ </template>
	76	+ </el-table-column>
	77	+ </el-table>
	78	+ <el-pagination background @current-change="currentchange"
	79	+ style="position:static;bottom: 3px;text-align: center;margin-top: 5px;" :page-size="this.parameter.pageSize"
	80	+ layout="total,prev, pager, next" :total="Count">
	81	+ </el-pagination>
	82	+ </div>
	83	+</template>
	84	+
	85	+<script>
	86	+ import {
	87	+ getTestPaperList
	88	+ } from '@/api/TestPaper'
	89	+ export default {
	90	+ data() {
	91	+ return {
	92	+ parameter: {
	93	+ pageIndex: 1,
	94	+ pageSize: 12,
	95	+ sort: "id",
	96	+ sortOrder: 1,
	97	+ keyword: "",
	98	+ QuestionClassId: 0,
	99	+ status: 1
	100	+ },
	101	+ Count: 0,
	102	+ testpaperlist: [],
	103	+
	104	+ }
	105	+ },
	106	+ computed: {
	107	+
	108	+ },
	109	+ created() {
	110	+
	111	+ },
	112	+ mounted() {
	113	+ let ContentAreaHight = window.innerHeight - document.getElementById("QuestionTable").offsetTop;
	114	+ let lineNumber = ContentAreaHight - 50 - 40;
	115	+ this.parameter.pageSize = Math.floor(lineNumber / 49)
	116	+ this.getTestPaperListHeadler();
	117	+ },
	118	+ methods: {
	119	+ getTestPaperListHeadler() {
	120	+ getTestPaperList(this.parameter).then(res => {
	121	+ this.testpaperlist = res.data.data;
	122	+ this.Count = res.data.totalCount;
	123	+ });
	124	+ },
	125	+ currentchange(page) {
	126	+ this.parameter.pageIndex = page;
	127	+ this.getTestPaperListHeadler();
	128	+ },
	129	+ }
	130	+ }
	131	+</script>
	132	+
	133	+<style>
	134	+</style>
...	...

项目初始化

Too many changes. Reload with full diff Plain diff Email patch

Too many changes.
Reload with full diff Plain diff Email patch