[ { "path": ".babelrc", "content": "{\n \"presets\": [\n \"@vue/app\"\n ]\n}\n" }, { "path": ".editorconfig", "content": "root = true\n\n[*]\ncharset = utf-8\nindent_style = space\nindent_size = 2\nend_of_line = lf\ninsert_final_newline = true\ntrim_trailing_whitespace = true\n" }, { "path": ".eslintignore", "content": "" }, { "path": ".eslintrc.js", "content": "module.exports = {\n root: true,\n 'extends': [\n 'plugin:vue/essential',\n '@vue/standard'\n ],\n rules: {\n // allow async-await\n 'generator-star-spacing': 'off',\n // allow debugger during development\n 'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',\n 'vue/no-parsing-error': [2, {\n 'x-invalid-end-tag': false\n }],\n 'no-undef': 'off',\n 'camelcase': 'off'\n },\n parserOptions: {\n parser: 'babel-eslint'\n }\n}\n" }, { "path": ".gitignore", "content": ".DS_Store\nnode_modules\n/dist\n\npackage-lock.json\n\n/tests/e2e/videos/\n/tests/e2e/screenshots/\n\n# local env files\n.env.local\n.env.*.local\n\n# Log files\nnpm-debug.log*\nyarn-debug.log*\nyarn-error.log*\n\n# Editor directories and files\n.idea\n.vscode\n*.suo\n*.ntvs*\n*.njsproj\n*.sln\n*.sw*\n\nbuild/env.js\n" }, { "path": ".postcssrc.js", "content": "module.exports = {\n plugins: {\n autoprefixer: {}\n }\n}\n" }, { "path": ".travis.yml", "content": "language: node_js\nnode_js: stable\nscript: npm run lint\nnotifications:\n email: false\n" }, { "path": "LICENSE", "content": "MIT License\n\nCopyright (c) 2017 TalkingData\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n" }, { "path": "README.md", "content": "

\n \n \n \n

\n\n

\niView Admin\n

Vue.js 2.0 admin management system template based on iView.

\n\n\n[![](https://img.shields.io/github/release/iview/iview-admin.svg)](https://github.com/iview/iview-admin/releases)\n[![](https://img.shields.io/travis/iview/iview-admin.svg?style=flat-square)](https://travis-ci.org/iview/iview-admin)\n[![vue](https://img.shields.io/badge/vue-2.5.17-brightgreen.svg?style=flat-square)](https://github.com/vuejs/vue)\n[![iview ui](https://img.shields.io/badge/iview-3.2.2-brightgreen.svg?style=flat-square)](https://github.com/iview/iview)\n[![npm](https://img.shields.io/npm/l/express.svg)]()\n\n## Introduction\n\niView Admin is a front-end management background integration solution. It based on [Vue.js](https://github.com/vuejs/vue) and use the UI Toolkit [iView](https://github.com/iview/iview).\n\n- [Document](https://lison16.github.io/iview-admin-doc/)\n- [Preview](https://admin.iviewui.com/)\n- [Base template recommends using](https://github.com/iview/iview-admin/tree/template)\n\n![image](https://file.iviewui.com/admin-dist/admin-preview.png)\n\n## Features\n\n- Login / Logout\n- Permission Authentication\n - A list of filters\n - Permission to switch\n- i18n\n- Components\n - Rich Text Editor\n - Markdown Editor\n - City Cascader\n - Photos preview and edit\n - Draggable list\n - File upload\n - Digital gradient\n - split-pane\n- Form\n - The article published\n - Workflow\n- Table\n - Drag-and-drop sort\n - Searchable form\n - Table export data\n - Export to Csv file\n - Export to Xls file\n - Table to picture\n- Error Page\n - 403\n - 404\n - 500\n- Router\n - Dynamic routing\n - With reference page\n- Theme\n- Shrink the sidebar\n- Tag navigation\n- Breadcrumb navigation\n- Full screen / exit full screen\n- Lock screen\n- The message center\n- Personal center\n\n## Getting started\n```bush\n# clone the project\ngit clone https://github.com/iview/iview-admin.git\n\n// install dependencies\nnpm install\n\n// develop\nnpm run dev\n```\n\n## Build\n```bush\nnpm run build\n```\n\n## License\n[MIT](http://opensource.org/licenses/MIT)\n\nCopyright (c) 2016-present, TalkingData\n" }, { "path": "cypress.json", "content": "{\n \"pluginsFile\": \"tests/e2e/plugins/index.js\"\n}\n" }, { "path": "package.json", "content": "{\n \"name\": \"iview-admin\",\n \"version\": \"2.0.0\",\n \"author\": \"Lison\",\n \"private\": false,\n \"scripts\": {\n \"dev\": \"vue-cli-service serve --open\",\n \"build\": \"vue-cli-service build\",\n \"lint\": \"vue-cli-service lint\",\n \"test:unit\": \"vue-cli-service test:unit\",\n \"test:e2e\": \"vue-cli-service test:e2e\"\n },\n \"dependencies\": {\n \"axios\": \"^0.18.0\",\n \"clipboard\": \"^2.0.0\",\n \"codemirror\": \"^5.38.0\",\n \"countup\": \"^1.8.2\",\n \"cropperjs\": \"^1.2.2\",\n \"dayjs\": \"^1.7.7\",\n \"echarts\": \"^4.0.4\",\n \"html2canvas\": \"^1.0.0-alpha.12\",\n \"iview\": \"^3.2.2\",\n \"iview-area\": \"^1.5.17\",\n \"js-cookie\": \"^2.2.0\",\n \"simplemde\": \"^1.11.2\",\n \"sortablejs\": \"^1.7.0\",\n \"tree-table-vue\": \"^1.1.0\",\n \"v-org-tree\": \"^1.0.6\",\n \"vue\": \"^2.5.10\",\n \"vue-i18n\": \"^7.8.0\",\n \"vue-router\": \"^3.0.1\",\n \"vuedraggable\": \"^2.16.0\",\n \"vuex\": \"^3.0.1\",\n \"wangeditor\": \"^3.1.1\",\n \"xlsx\": \"^0.13.3\"\n },\n \"devDependencies\": {\n \"@vue/cli-plugin-babel\": \"^3.0.1\",\n \"@vue/cli-plugin-eslint\": \"^3.0.1\",\n \"@vue/cli-plugin-unit-mocha\": \"^3.0.1\",\n \"@vue/cli-service\": \"^3.0.1\",\n \"@vue/eslint-config-standard\": \"^3.0.0-beta.10\",\n \"@vue/test-utils\": \"^1.0.0-beta.10\",\n \"chai\": \"^4.1.2\",\n \"eslint-plugin-cypress\": \"^2.0.1\",\n \"less\": \"^2.7.3\",\n \"less-loader\": \"^4.0.5\",\n \"lint-staged\": \"^6.0.0\",\n \"mockjs\": \"^1.0.1-beta3\",\n \"vue-template-compiler\": \"^2.5.13\"\n },\n \"browserslist\": [\n \"> 1%\",\n \"last 2 versions\",\n \"not ie <= 8\"\n ],\n \"gitHooks\": {\n \"pre-commit\": \"lint-staged\"\n },\n \"lint-staged\": {\n \"*.js\": [\n \"vue-cli-service lint\",\n \"git add\"\n ],\n \"*.vue\": [\n \"vue-cli-service lint\",\n \"git add\"\n ]\n }\n}\n" }, { "path": "public/index.html", "content": "\n\n \n \n \n \n favicon.ico\">\n \n \n \n \n
\n \n \n\n" }, { "path": "src/App.vue", "content": "\n\n\n\n\n" }, { "path": "src/api/data.js", "content": "import axios from '@/libs/api.request'\n\nexport const getTableData = () => {\n return axios.request({\n url: 'get_table_data',\n method: 'get'\n })\n}\n\nexport const getDragList = () => {\n return axios.request({\n url: 'get_drag_list',\n method: 'get'\n })\n}\n\nexport const errorReq = () => {\n return axios.request({\n url: 'error_url',\n method: 'post'\n })\n}\n\nexport const saveErrorLogger = info => {\n return axios.request({\n url: 'save_error_logger',\n data: info,\n method: 'post'\n })\n}\n\nexport const uploadImg = formData => {\n return axios.request({\n url: 'image/upload',\n data: formData\n })\n}\n\nexport const getOrgData = () => {\n return axios.request({\n url: 'get_org_data',\n method: 'get'\n })\n}\n\nexport const getTreeSelectData = () => {\n return axios.request({\n url: 'get_tree_select_data',\n method: 'get'\n })\n}\n" }, { "path": "src/api/routers.js", "content": "import axios from '@/libs/api.request'\n\nexport const getRouterReq = (access) => {\n return axios.request({\n url: 'get_router',\n params: {\n access\n },\n method: 'get'\n })\n}\n" }, { "path": "src/api/user.js", "content": "import axios from '@/libs/api.request'\n\nexport const login = ({ userName, password }) => {\n const data = {\n userName,\n password\n }\n return axios.request({\n url: 'login',\n data,\n method: 'post'\n })\n}\n\nexport const getUserInfo = (token) => {\n return axios.request({\n url: 'get_info',\n params: {\n token\n },\n method: 'get'\n })\n}\n\nexport const logout = (token) => {\n return axios.request({\n url: 'logout',\n method: 'post'\n })\n}\n\nexport const getUnreadCount = () => {\n return axios.request({\n url: 'message/count',\n method: 'get'\n })\n}\n\nexport const getMessage = () => {\n return axios.request({\n url: 'message/init',\n method: 'get'\n })\n}\n\nexport const getContentByMsgId = msg_id => {\n return axios.request({\n url: 'message/content',\n method: 'get',\n params: {\n msg_id\n }\n })\n}\n\nexport const hasRead = msg_id => {\n return axios.request({\n url: 'message/has_read',\n method: 'post',\n data: {\n msg_id\n }\n })\n}\n\nexport const removeReaded = msg_id => {\n return axios.request({\n url: 'message/remove_readed',\n method: 'post',\n data: {\n msg_id\n }\n })\n}\n\nexport const restoreTrash = msg_id => {\n return axios.request({\n url: 'message/restore',\n method: 'post',\n data: {\n msg_id\n }\n })\n}\n" }, { "path": "src/assets/icons/iconfont.css", "content": "\n@font-face {font-family: \"iconfont\";\n src: url('iconfont.eot?t=1541579316141'); /* IE9*/\n src: url('iconfont.eot?t=1541579316141#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAiEAAsAAAAADmgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8eUnXY21hcAAAAYAAAACjAAACLi+YJuBnbHlmAAACJAAABAgAAAcg4dRWHmhlYWQAAAYsAAAAMQAAADYTL8piaGhlYQAABmAAAAAgAAAAJAfdA4xobXR4AAAGgAAAABQAAAAsLAD//2xvY2EAAAaUAAAAGAAAABgImgpGbWF4cAAABqwAAAAfAAAAIAEcAG5uYW1lAAAGzAAAAUUAAAJtPlT+fXBvc3QAAAgUAAAAbgAAAI54roygeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByeMTx/ytzwv4EhhrmBoRkozAiSAwDuUwzMeJzlkUEKwkAMRd/YabXFhQvxFF6qPYPrUujGY7jyIr1JoZNjtMnEhag3MOEN5MMk8D9QAoVyVSKEJwGrh6oh6wVN1iM3nc+cVImJVKdOehlklElmWdYVstp+ql8VdIv15a1NLW0zFXsO7Kjz3erH/3+rY37vr6kxnx1LKNWOJZlaxxJNnWOpSu+ot8jgqMvI6KjfyOSo88jsaAbI4tBsig89rQB4nLVUTWwbRRSeNzO767i2g7N/FP9s7MRrE5ON4/V6rSZyU0PiINSSNImES4IUoapWz6hEiqiMBDQqEojkAkiFStyKRC+9VSoFCeUEyqESVUAqEkcu3OAQb3hrJxAXwSGI3X0/szPz5vvm2x0i7O/vf8IJe5VkSJnUyUtklRBQJE1VIjRtUafkmk6pSu2ipleh4+xikkKxSksWTUeo8m8NoagpYtoslTmxrLl37z64e33esuJjU8P5Wd262LxoPVnPZ06Pxfe+C0YjkhSJygPhQCA8ABPOykwuN7NyuRvgUnAgLEnhATkaCQQiUe/7XKUyV6nQz+t2o7l66+rs7NVbq82GXTdrdjxjRGU5amTids2bUDMFtzCsqsMYMqr3IDY6OT05GjsI8Exv/6CSkOWEQigh+y3clxY5QVTcEZFIGtHLxDUJs6WsHR1y9SFKdr1HggCp3V1ICYL36OOpVmvKN9bC1u6R3vZ0qwWtVovgJfqOfUvfIYxIWL+fyETHNVJqSkIT1JTjW8ZWh3yDJDz0ctvsyt51etvrg9/QHhqGlzMM+vbmizPnDWPLMNbW19e7tffvsBzL99aWEfBRY46t+tbe3PypXv/IMDYN43WsQBe9HL2NC33RuxABrPsG+xH3o4bVRE2KgCRqulbWNf8W/UYVHM129aKra24VshZkq+CWD/Oy6Xt8cGYEthgHVlVliCfynAlqjo6oysTKlYUAD4docMI5/1ZioN+GwZNBcTwWUmTdBUqhTwX29QebXzF4An4JJMzwfMl+WQ01+IlQZVR4yhie53ycA16pOI/ODiYNGK4MChdCgXNnX5gIJXPCSYnf2OF850aQ+zJIyOs+u8+mMO8jQdwtg1TIWVRjKAnFcslMi8KfGUPoSUCergUyUk77dMyS69Ms6tijKZKYwUGKbpfdzu+iYeZYAHMFiOVi+MD7h9mb99qC0L7X8c+XatMfTj97KZ5IxJt/pd43tYYQKEjAnXMOB6kQEBrwg+LPjindAPOHNdC3q3ait0I3/ZIunZEARLNYNEUA6czSP3N/7j9wz6ZESdX0VNl1zGNS/szbQaQSIGk4DtVPcZf8AgXpf9A2OyTit5s2syZmand46bhEe2WtodLHkvaoqtTXuXN2/c42WADP9HGfbUcUW7JgqHss4xHtlMys679FqUomdP9VJBQBdnlPABBubpuNwqnmQj6/0HwNQzKxDUJFgKiXurBG6dqFjmeBzsvtRPJgGIZThYa5fdOvsReOticPh6JHHXxsv7ItJpOniYPYsmZ/x0QD/o5P105DeQwF6MH33ogoLi+KQp7zpY3HQV5bFMURzheXeds7gpP+jKNXljjHuYvXHke7cdCxLLZf6YX7B63UcCV4nGNgZGBgAOKAN2ZR8fw2Xxm4WRhA4AbHYRMY/f///1oWBuYGIJeDgQkkCgAvWgs2AAAAeJxjYGRgYG7438AQw8Lw/z8DAwsDA1AEBXADAHXiBHJ4nGNhYGBgYfj/nwVM48cATwECKwAAAAAAjAC6AOgBFAGAAf4CbgLqAzgDkHicY2BkYGDgZkhiYGcAASYg5gJCBob/YD4DABOmAYsAeJxlj01OwzAQhV/6B6QSqqhgh+QFYgEo/RGrblhUavdddN+mTpsqiSPHrdQDcB6OwAk4AtyAO/BIJ5s2lsffvHljTwDc4Acejt8t95E9XDI7cg0XuBeuU38QbpBfhJto41W4Rf1N2MczpsJtdGF5g9e4YvaEd2EPHXwI13CNT+E69S/hBvlbuIk7/Aq30PHqwj7mXle4jUcv9sdWL5xeqeVBxaHJIpM5v4KZXu+Sha3S6pxrW8QmU4OgX0lTnWlb3VPs10PnIhVZk6oJqzpJjMqt2erQBRvn8lGvF4kehCblWGP+tsYCjnEFhSUOjDFCGGSIyujoO1Vm9K+xQ8Jee1Y9zed0WxTU/3OFAQL0z1xTurLSeTpPgT1fG1J1dCtuy56UNJFezUkSskJe1rZUQuoBNmVXjhF6XNGJPyhnSP8ACVpuyAAAAHicbYhdDoIwEAb3a6k/YIIX8VArWewmdJFWJOnpJTG+OQ+TzJCjLy39p4ODR4OAA4444YwWHS7U3IVzn6Voldtb8ksHnvohrlqjjmw1rmzXsvdT7fEbblnCmOfNfJIYStJJfGIL27yb6AOCGR89AAA=') format('woff'),\n url('iconfont.ttf?t=1541579316141') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/\n url('iconfont.svg?t=1541579316141#iconfont') format('svg'); /* iOS 4.1- */\n}\n\n.iconfont {\n font-family:\"iconfont\" !important;\n font-size:16px;\n font-style:normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.icon-bear:before { content: \"\\e600\"; }\n\n.icon-resize-vertical:before { content: \"\\e7c3\"; }\n\n.icon-chuizhifanzhuan:before { content: \"\\e661\"; }\n\n.icon-shuipingfanzhuan:before { content: \"\\e662\"; }\n\n.icon-qq:before { content: \"\\e609\"; }\n\n.icon-frown:before { content: \"\\e77e\"; }\n\n.icon-meh:before { content: \"\\e780\"; }\n\n.icon-smile:before { content: \"\\e783\"; }\n\n.icon-man:before { content: \"\\e7e2\"; }\n\n.icon-woman:before { content: \"\\e7e5\"; }\n\n" }, { "path": "src/components/charts/bar.vue", "content": "\n\n\n" }, { "path": "src/components/charts/index.js", "content": "import ChartPie from './pie.vue'\nimport ChartBar from './bar.vue'\nexport { ChartPie, ChartBar }\n" }, { "path": "src/components/charts/pie.vue", "content": "\n\n\n" }, { "path": "src/components/charts/theme.json", "content": "\n{\n \"color\": [\n \"#2d8cf0\",\n \"#19be6b\",\n \"#ff9900\",\n \"#E46CBB\",\n \"#9A66E4\",\n \"#ed3f14\"\n ],\n \"backgroundColor\": \"rgba(0,0,0,0)\",\n \"textStyle\": {},\n \"title\": {\n \"textStyle\": {\n \"color\": \"#516b91\"\n },\n \"subtextStyle\": {\n \"color\": \"#93b7e3\"\n }\n },\n \"line\": {\n \"itemStyle\": {\n \"normal\": {\n \"borderWidth\": \"2\"\n }\n },\n \"lineStyle\": {\n \"normal\": {\n \"width\": \"2\"\n }\n },\n \"symbolSize\": \"6\",\n \"symbol\": \"emptyCircle\",\n \"smooth\": true\n },\n \"radar\": {\n \"itemStyle\": {\n \"normal\": {\n \"borderWidth\": \"2\"\n }\n },\n \"lineStyle\": {\n \"normal\": {\n \"width\": \"2\"\n }\n },\n \"symbolSize\": \"6\",\n \"symbol\": \"emptyCircle\",\n \"smooth\": true\n },\n \"bar\": {\n \"itemStyle\": {\n \"normal\": {\n \"barBorderWidth\": 0,\n \"barBorderColor\": \"#ccc\"\n },\n \"emphasis\": {\n \"barBorderWidth\": 0,\n \"barBorderColor\": \"#ccc\"\n }\n }\n },\n \"pie\": {\n \"itemStyle\": {\n \"normal\": {\n \"borderWidth\": 0,\n \"borderColor\": \"#ccc\"\n },\n \"emphasis\": {\n \"borderWidth\": 0,\n \"borderColor\": \"#ccc\"\n }\n }\n },\n \"scatter\": {\n \"itemStyle\": {\n \"normal\": {\n \"borderWidth\": 0,\n \"borderColor\": \"#ccc\"\n },\n \"emphasis\": {\n \"borderWidth\": 0,\n \"borderColor\": \"#ccc\"\n }\n }\n },\n \"boxplot\": {\n \"itemStyle\": {\n \"normal\": {\n \"borderWidth\": 0,\n \"borderColor\": \"#ccc\"\n },\n \"emphasis\": {\n \"borderWidth\": 0,\n \"borderColor\": \"#ccc\"\n }\n }\n },\n \"parallel\": {\n \"itemStyle\": {\n \"normal\": {\n \"borderWidth\": 0,\n \"borderColor\": \"#ccc\"\n },\n \"emphasis\": {\n \"borderWidth\": 0,\n \"borderColor\": \"#ccc\"\n }\n }\n },\n \"sankey\": {\n \"itemStyle\": {\n \"normal\": {\n \"borderWidth\": 0,\n \"borderColor\": \"#ccc\"\n },\n \"emphasis\": {\n \"borderWidth\": 0,\n \"borderColor\": \"#ccc\"\n }\n }\n },\n \"funnel\": {\n \"itemStyle\": {\n \"normal\": {\n \"borderWidth\": 0,\n \"borderColor\": \"#ccc\"\n },\n \"emphasis\": {\n \"borderWidth\": 0,\n \"borderColor\": \"#ccc\"\n }\n }\n },\n \"gauge\": {\n \"itemStyle\": {\n \"normal\": {\n \"borderWidth\": 0,\n \"borderColor\": \"#ccc\"\n },\n \"emphasis\": {\n \"borderWidth\": 0,\n \"borderColor\": \"#ccc\"\n }\n }\n },\n \"candlestick\": {\n \"itemStyle\": {\n \"normal\": {\n \"color\": \"#edafda\",\n \"color0\": \"transparent\",\n \"borderColor\": \"#d680bc\",\n \"borderColor0\": \"#8fd3e8\",\n \"borderWidth\": \"2\"\n }\n }\n },\n \"graph\": {\n \"itemStyle\": {\n \"normal\": {\n \"borderWidth\": 0,\n \"borderColor\": \"#ccc\"\n }\n },\n \"lineStyle\": {\n \"normal\": {\n \"width\": 1,\n \"color\": \"#aaa\"\n }\n },\n \"symbolSize\": \"6\",\n \"symbol\": \"emptyCircle\",\n \"smooth\": true,\n \"color\": [\n \"#2d8cf0\",\n \"#19be6b\",\n \"#f5ae4a\",\n \"#9189d5\",\n \"#56cae2\",\n \"#cbb0e3\"\n ],\n \"label\": {\n \"normal\": {\n \"textStyle\": {\n \"color\": \"#eee\"\n }\n }\n }\n },\n \"map\": {\n \"itemStyle\": {\n \"normal\": {\n \"areaColor\": \"#f3f3f3\",\n \"borderColor\": \"#516b91\",\n \"borderWidth\": 0.5\n },\n \"emphasis\": {\n \"areaColor\": \"rgba(165,231,240,1)\",\n \"borderColor\": \"#516b91\",\n \"borderWidth\": 1\n }\n },\n \"label\": {\n \"normal\": {\n \"textStyle\": {\n \"color\": \"#000\"\n }\n },\n \"emphasis\": {\n \"textStyle\": {\n \"color\": \"rgb(81,107,145)\"\n }\n }\n }\n },\n \"geo\": {\n \"itemStyle\": {\n \"normal\": {\n \"areaColor\": \"#f3f3f3\",\n \"borderColor\": \"#516b91\",\n \"borderWidth\": 0.5\n },\n \"emphasis\": {\n \"areaColor\": \"rgba(165,231,240,1)\",\n \"borderColor\": \"#516b91\",\n \"borderWidth\": 1\n }\n },\n \"label\": {\n \"normal\": {\n \"textStyle\": {\n \"color\": \"#000\"\n }\n },\n \"emphasis\": {\n \"textStyle\": {\n \"color\": \"rgb(81,107,145)\"\n }\n }\n }\n },\n \"categoryAxis\": {\n \"axisLine\": {\n \"show\": true,\n \"lineStyle\": {\n \"color\": \"#cccccc\"\n }\n },\n \"axisTick\": {\n \"show\": false,\n \"lineStyle\": {\n \"color\": \"#333\"\n }\n },\n \"axisLabel\": {\n \"show\": true,\n \"textStyle\": {\n \"color\": \"#999999\"\n }\n },\n \"splitLine\": {\n \"show\": true,\n \"lineStyle\": {\n \"color\": [\n \"#eeeeee\"\n ]\n }\n },\n \"splitArea\": {\n \"show\": false,\n \"areaStyle\": {\n \"color\": [\n \"rgba(250,250,250,0.05)\",\n \"rgba(200,200,200,0.02)\"\n ]\n }\n }\n },\n \"valueAxis\": {\n \"axisLine\": {\n \"show\": true,\n \"lineStyle\": {\n \"color\": \"#cccccc\"\n }\n },\n \"axisTick\": {\n \"show\": false,\n \"lineStyle\": {\n \"color\": \"#333\"\n }\n },\n \"axisLabel\": {\n \"show\": true,\n \"textStyle\": {\n \"color\": \"#999999\"\n }\n },\n \"splitLine\": {\n \"show\": true,\n \"lineStyle\": {\n \"color\": [\n \"#eeeeee\"\n ]\n }\n },\n \"splitArea\": {\n \"show\": false,\n \"areaStyle\": {\n \"color\": [\n \"rgba(250,250,250,0.05)\",\n \"rgba(200,200,200,0.02)\"\n ]\n }\n }\n },\n \"logAxis\": {\n \"axisLine\": {\n \"show\": true,\n \"lineStyle\": {\n \"color\": \"#cccccc\"\n }\n },\n \"axisTick\": {\n \"show\": false,\n \"lineStyle\": {\n \"color\": \"#333\"\n }\n },\n \"axisLabel\": {\n \"show\": true,\n \"textStyle\": {\n \"color\": \"#999999\"\n }\n },\n \"splitLine\": {\n \"show\": true,\n \"lineStyle\": {\n \"color\": [\n \"#eeeeee\"\n ]\n }\n },\n \"splitArea\": {\n \"show\": false,\n \"areaStyle\": {\n \"color\": [\n \"rgba(250,250,250,0.05)\",\n \"rgba(200,200,200,0.02)\"\n ]\n }\n }\n },\n \"timeAxis\": {\n \"axisLine\": {\n \"show\": true,\n \"lineStyle\": {\n \"color\": \"#cccccc\"\n }\n },\n \"axisTick\": {\n \"show\": false,\n \"lineStyle\": {\n \"color\": \"#333\"\n }\n },\n \"axisLabel\": {\n \"show\": true,\n \"textStyle\": {\n \"color\": \"#999999\"\n }\n },\n \"splitLine\": {\n \"show\": true,\n \"lineStyle\": {\n \"color\": [\n \"#eeeeee\"\n ]\n }\n },\n \"splitArea\": {\n \"show\": false,\n \"areaStyle\": {\n \"color\": [\n \"rgba(250,250,250,0.05)\",\n \"rgba(200,200,200,0.02)\"\n ]\n }\n }\n },\n \"toolbox\": {\n \"iconStyle\": {\n \"normal\": {\n \"borderColor\": \"#999\"\n },\n \"emphasis\": {\n \"borderColor\": \"#666\"\n }\n }\n },\n \"legend\": {\n \"textStyle\": {\n \"color\": \"#999999\"\n }\n },\n \"tooltip\": {\n \"axisPointer\": {\n \"lineStyle\": {\n \"color\": \"#ccc\",\n \"width\": 1\n },\n \"crossStyle\": {\n \"color\": \"#ccc\",\n \"width\": 1\n }\n }\n },\n \"timeline\": {\n \"lineStyle\": {\n \"color\": \"#8fd3e8\",\n \"width\": 1\n },\n \"itemStyle\": {\n \"normal\": {\n \"color\": \"#8fd3e8\",\n \"borderWidth\": 1\n },\n \"emphasis\": {\n \"color\": \"#8fd3e8\"\n }\n },\n \"controlStyle\": {\n \"normal\": {\n \"color\": \"#8fd3e8\",\n \"borderColor\": \"#8fd3e8\",\n \"borderWidth\": 0.5\n },\n \"emphasis\": {\n \"color\": \"#8fd3e8\",\n \"borderColor\": \"#8fd3e8\",\n \"borderWidth\": 0.5\n }\n },\n \"checkpointStyle\": {\n \"color\": \"#8fd3e8\",\n \"borderColor\": \"rgba(138,124,168,0.37)\"\n },\n \"label\": {\n \"normal\": {\n \"textStyle\": {\n \"color\": \"#8fd3e8\"\n }\n },\n \"emphasis\": {\n \"textStyle\": {\n \"color\": \"#8fd3e8\"\n }\n }\n }\n },\n \"visualMap\": {\n \"color\": [\n \"#516b91\",\n \"#59c4e6\",\n \"#a5e7f0\"\n ]\n },\n \"dataZoom\": {\n \"backgroundColor\": \"rgba(0,0,0,0)\",\n \"dataBackgroundColor\": \"rgba(255,255,255,0.3)\",\n \"fillerColor\": \"rgba(167,183,204,0.4)\",\n \"handleColor\": \"#a7b7cc\",\n \"handleSize\": \"100%\",\n \"textStyle\": {\n \"color\": \"#333\"\n }\n },\n \"markPoint\": {\n \"label\": {\n \"normal\": {\n \"textStyle\": {\n \"color\": \"#eee\"\n }\n },\n \"emphasis\": {\n \"textStyle\": {\n \"color\": \"#eee\"\n }\n }\n }\n }\n}\n" }, { "path": "src/components/common/common.less", "content": ".no-select{\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n" }, { "path": "src/components/common/util.js", "content": "export const showTitle = (item, vm) => {\n return vm.$config.useI18n ? vm.$t(item.name) : ((item.meta && item.meta.title) || item.name)\n}\n" }, { "path": "src/components/common-icon/common-icon.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/common-icon/index.js", "content": "import CommonIcon from './common-icon.vue'\nexport default CommonIcon\n" }, { "path": "src/components/count-to/count-to.vue", "content": "\n\n\n" }, { "path": "src/components/count-to/index.js", "content": "import countTo from './count-to.vue'\nexport default countTo\n" }, { "path": "src/components/count-to/index.less", "content": "@prefix: ~\"count-to\";\n\n.@{prefix}-wrapper{\n .content-outer{\n display: inline-block;\n .@{prefix}-unit-text{\n font-style: normal;\n }\n }\n}\n" }, { "path": "src/components/cropper/index.js", "content": "import Cropper from './index.vue'\nexport default Cropper\n" }, { "path": "src/components/cropper/index.less", "content": ".bg{\n background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC\")\n}\n.cropper-wrapper{\n width: 600px;\n height: 340px;\n .img-box{\n height: 340px;\n width: 430px;\n border: 1px solid #ebebeb;\n display: inline-block;\n .bg;\n img{\n max-width: 100%;\n display: block;\n }\n }\n .right-con{\n display: inline-block;\n width: 170px;\n vertical-align: top;\n box-sizing: border-box;\n padding: 0 10px;\n .preview-box{\n height: 150px !important;\n width: 100% !important;\n overflow: hidden;\n border: 1px solid #ebebeb;\n .bg;\n }\n .button-box{\n padding: 10px 0 0;\n }\n }\n}\n" }, { "path": "src/components/cropper/index.vue", "content": "\n\n\n" }, { "path": "src/components/drag-drawer/drag-drawer-trigger.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/drag-drawer/drag-drawer.vue", "content": "\n\n\n" }, { "path": "src/components/drag-drawer/index.js", "content": "import DragDrawer from './drag-drawer.vue'\nexport default DragDrawer\n" }, { "path": "src/components/drag-drawer/index.less", "content": "@prefix: ~\"drag-drawer\";\n@drag-drawer-trigger-height: 100px;\n@drag-drawer-trigger-width: 8px;\n\n.@{prefix}-wrapper{\n &.no-select{\n user-select: none;\n }\n &.pointer-events-none{\n pointer-events: none;\n & .@{prefix}-trigger-wrapper{\n pointer-events: all;\n }\n }\n .ivu-drawer{\n &-header{\n overflow: hidden !important;\n box-sizing: border-box;\n }\n &-body{\n padding: 0;\n overflow: visible;\n position: static;\n display: flex;\n flex-direction: column;\n }\n }\n .@{prefix}-body-wrapper{\n width: 100%;\n height: 100%;\n padding: 16px;\n overflow: auto;\n }\n .@{prefix}-trigger-wrapper{\n top: 0;\n height: 100%;\n width: 0;\n .@{prefix}-move-trigger{\n position: absolute;\n top: 50%;\n height: @drag-drawer-trigger-height;\n width: @drag-drawer-trigger-width;\n background: rgb(243, 243, 243);\n transform: translate(-50%, -50%);\n border-radius: ~\"4px / 6px\";\n box-shadow: 0 0 1px 1px rgba(0, 0, 0, .2);\n line-height: @drag-drawer-trigger-height;\n cursor: col-resize;\n &-point{\n display: inline-block;\n width: 50%;\n transform: translateX(50%);\n i{\n display: block;\n border-bottom: 1px solid rgb(192, 192, 192);\n padding-bottom: 2px;\n }\n }\n }\n }\n .@{prefix}-footer{\n flex-grow: 1;\n width: 100%;\n bottom: 0;\n left: 0;\n border-top: 1px solid #e8e8e8;\n padding: 10px 16px;\n background: #fff;\n }\n}\n" }, { "path": "src/components/drag-drawer/mixin.js", "content": "export default {\n data () {\n return {\n prefix: 'drag-drawer'\n }\n }\n}\n" }, { "path": "src/components/drag-list/drag-list.vue", "content": "\n\n\n" }, { "path": "src/components/drag-list/index.js", "content": "import DragList from './drag-list.vue'\nexport default DragList\n" }, { "path": "src/components/editor/editor.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/editor/index.js", "content": "import Editor from './editor.vue'\nexport default Editor\n" }, { "path": "src/components/icons/icons.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/icons/index.js", "content": "import Icons from './icons.vue'\nexport default Icons\n" }, { "path": "src/components/info-card/index.js", "content": "import InforCard from './infor-card.vue'\nexport default InforCard\n" }, { "path": "src/components/info-card/infor-card.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/login-form/index.js", "content": "import LoginForm from './login-form.vue'\nexport default LoginForm\n" }, { "path": "src/components/login-form/login-form.vue", "content": "\n\n" }, { "path": "src/components/main/components/a-back-top/index.js", "content": "import ABackTop from './index.vue'\nexport default ABackTop\n" }, { "path": "src/components/main/components/a-back-top/index.vue", "content": "\n\n" }, { "path": "src/components/main/components/error-store/error-store.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/main/components/error-store/index.js", "content": "import ErrorStore from './error-store.vue'\nexport default ErrorStore\n" }, { "path": "src/components/main/components/fullscreen/fullscreen.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/main/components/fullscreen/index.js", "content": "import Fullscreen from './fullscreen.vue'\nexport default Fullscreen\n" }, { "path": "src/components/main/components/header-bar/custom-bread-crumb/custom-bread-crumb.less", "content": ".custom-bread-crumb{\n display: inline-block;\n vertical-align: top;\n}\n" }, { "path": "src/components/main/components/header-bar/custom-bread-crumb/custom-bread-crumb.vue", "content": "\n\n" }, { "path": "src/components/main/components/header-bar/custom-bread-crumb/index.js", "content": "import customBreadCrumb from './custom-bread-crumb.vue'\nexport default customBreadCrumb\n" }, { "path": "src/components/main/components/header-bar/header-bar.less", "content": ".header-bar{\n width: 100%;\n height: 100%;\n position: relative;\n .custom-content-con{\n float: right;\n height: auto;\n padding-right: 20px;\n line-height: 64px;\n & > *{\n float: right;\n }\n }\n}\n" }, { "path": "src/components/main/components/header-bar/header-bar.vue", "content": "\n\n" }, { "path": "src/components/main/components/header-bar/index.js", "content": "import HeaderBar from './header-bar'\nexport default HeaderBar\n" }, { "path": "src/components/main/components/header-bar/sider-trigger/index.js", "content": "import siderTrigger from './sider-trigger.vue'\nexport default siderTrigger\n" }, { "path": "src/components/main/components/header-bar/sider-trigger/sider-trigger.less", "content": ".trans{\n transition: transform .2s ease;\n}\n@size: 40px;\n.sider-trigger-a{\n padding: 6px;\n width: @size;\n height: @size;\n display: inline-block;\n text-align: center;\n color: #5c6b77;\n margin-top: 12px;\n i{\n .trans;\n vertical-align: top;\n }\n &.collapsed i{\n transform: rotateZ(90deg);\n .trans;\n }\n}\n" }, { "path": "src/components/main/components/header-bar/sider-trigger/sider-trigger.vue", "content": "\n\n\n" }, { "path": "src/components/main/components/language/index.js", "content": "import Language from './language.vue'\nexport default Language\n" }, { "path": "src/components/main/components/language/language.vue", "content": "\n\n\n" }, { "path": "src/components/main/components/side-menu/collapsed-menu.vue", "content": "\n\n" }, { "path": "src/components/main/components/side-menu/index.js", "content": "import SideMenu from './side-menu.vue'\nexport default SideMenu\n" }, { "path": "src/components/main/components/side-menu/item-mixin.js", "content": "export default {\n props: {\n parentItem: {\n type: Object,\n default: () => {}\n },\n theme: String,\n iconSize: Number\n },\n computed: {\n parentName () {\n return this.parentItem.name\n },\n children () {\n return this.parentItem.children\n },\n textColor () {\n return this.theme === 'dark' ? '#fff' : '#495060'\n }\n }\n}\n" }, { "path": "src/components/main/components/side-menu/mixin.js", "content": "import CommonIcon from '_c/common-icon'\nimport { showTitle } from '@/libs/util'\nexport default {\n components: {\n CommonIcon\n },\n methods: {\n showTitle (item) {\n return showTitle(item, this)\n },\n showChildren (item) {\n return item.children && (item.children.length > 1 || (item.meta && item.meta.showAlways))\n },\n getNameOrHref (item, children0) {\n return item.href ? `isTurnByHref_${item.href}` : (children0 ? item.children[0].name : item.name)\n }\n }\n}\n" }, { "path": "src/components/main/components/side-menu/side-menu-item.vue", "content": "\n\n" }, { "path": "src/components/main/components/side-menu/side-menu.less", "content": ".side-menu-wrapper{\n user-select: none;\n .menu-collapsed{\n padding-top: 10px;\n\n .ivu-dropdown{\n width: 100%;\n .ivu-dropdown-rel a{\n width: 100%;\n }\n }\n .ivu-tooltip{\n width: 100%;\n .ivu-tooltip-rel{\n width: 100%;\n }\n .ivu-tooltip-popper .ivu-tooltip-content{\n .ivu-tooltip-arrow{\n border-right-color: #fff;\n }\n .ivu-tooltip-inner{\n background: #fff;\n color: #495060;\n }\n }\n }\n\n\n }\n a.drop-menu-a{\n display: inline-block;\n padding: 6px 15px;\n width: 100%;\n text-align: center;\n color: #495060;\n }\n}\n.menu-title{\n padding-left: 6px;\n}\n" }, { "path": "src/components/main/components/side-menu/side-menu.vue", "content": "\n\n\n" }, { "path": "src/components/main/components/tags-nav/index.js", "content": "import TagsNav from './tags-nav.vue'\nexport default TagsNav\n" }, { "path": "src/components/main/components/tags-nav/tags-nav.less", "content": ".no-select{\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.size{\n width: 100%;\n height: 100%;\n}\n.tags-nav{\n position: relative;\n border-top: 1px solid #F0F0F0;\n border-bottom: 1px solid #F0F0F0;\n .no-select;\n .size;\n .close-con{\n position: absolute;\n right: 0;\n top: 0;\n height: 100%;\n width: 32px;\n background: #fff;\n text-align: center;\n z-index: 10;\n }\n .btn-con{\n position: absolute;\n top: 0px;\n height: 100%;\n background: #fff;\n padding-top: 3px;\n z-index: 10;\n button{\n padding: 6px 4px;\n line-height: 14px;\n text-align: center;\n }\n &.left-btn{\n left: 0px;\n }\n &.right-btn{\n right: 32px;\n border-right: 1px solid #F0F0F0;\n }\n }\n .scroll-outer{\n position: absolute;\n left: 28px;\n right: 61px;\n top: 0;\n bottom: 0;\n box-shadow: 0px 0 3px 2px rgba(100,100,100,.1) inset;\n .scroll-body{\n height: ~\"calc(100% - 1px)\";\n display: inline-block;\n padding: 1px 4px 0;\n position: absolute;\n overflow: visible;\n white-space: nowrap;\n transition: left .3s ease;\n .ivu-tag-dot-inner{\n transition: background .2s ease;\n }\n }\n }\n .contextmenu {\n position: absolute;\n margin: 0;\n padding: 5px 0;\n background: #fff;\n z-index: 1000;\n list-style-type: none;\n border-radius: 4px;\n box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .1);\n li {\n margin: 0;\n padding: 5px 15px;\n cursor: pointer;\n &:hover {\n background: #eee;\n }\n }\n }\n}\n" }, { "path": "src/components/main/components/tags-nav/tags-nav.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/main/components/user/index.js", "content": "import User from './user.vue'\nexport default User\n" }, { "path": "src/components/main/components/user/user.less", "content": ".user{\n &-avatar-dropdown{\n cursor: pointer;\n display: inline-block;\n // height: 64px;\n vertical-align: middle;\n // line-height: 64px;\n .ivu-badge-dot{\n top: 16px;\n }\n }\n}\n" }, { "path": "src/components/main/components/user/user.vue", "content": "\n\n\n" }, { "path": "src/components/main/index.js", "content": "import Main from './main.vue'\nexport default Main\n" }, { "path": "src/components/main/main.less", "content": ".main{\n .logo-con{\n height: 64px;\n padding: 10px;\n img{\n height: 44px;\n width: auto;\n display: block;\n margin: 0 auto;\n }\n }\n .header-con{\n background: #fff;\n padding: 0 20px;\n width: 100%;\n }\n .main-layout-con{\n height: 100%;\n overflow: hidden;\n }\n .main-content-con{\n height: ~\"calc(100% - 60px)\";\n overflow: hidden;\n }\n .tag-nav-wrapper{\n padding: 0;\n height:40px;\n background:#F0F0F0;\n }\n .content-wrapper{\n padding: 18px;\n height: ~\"calc(100% - 80px)\";\n overflow: auto;\n }\n .left-sider{\n .ivu-layout-sider-children{\n overflow-y: scroll;\n margin-right: -18px;\n }\n }\n}\n.ivu-menu-item > i{\n margin-right: 12px !important;\n}\n.ivu-menu-submenu > .ivu-menu > .ivu-menu-item > i {\n margin-right: 8px !important;\n}\n.collased-menu-dropdown{\n width: 100%;\n margin: 0;\n line-height: normal;\n padding: 7px 0 6px 16px;\n clear: both;\n font-size: 12px !important;\n white-space: nowrap;\n list-style: none;\n cursor: pointer;\n transition: background 0.2s ease-in-out;\n &:hover{\n background: rgba(100, 100, 100, 0.1);\n }\n & * {\n color: #515a6e;\n }\n .ivu-menu-item > i{\n margin-right: 12px !important;\n }\n .ivu-menu-submenu > .ivu-menu > .ivu-menu-item > i {\n margin-right: 8px !important;\n }\n}\n\n.ivu-select-dropdown.ivu-dropdown-transfer{\n max-height: 400px;\n}\n" }, { "path": "src/components/main/main.vue", "content": "\n\n" }, { "path": "src/components/markdown/index.js", "content": "import MarkdownEditor from './markdown.vue'\nexport default MarkdownEditor\n" }, { "path": "src/components/markdown/markdown.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/parent-view/index.js", "content": "import ParentView from './parent-view.vue'\nexport default ParentView\n" }, { "path": "src/components/parent-view/parent-view.vue", "content": "\n\n" }, { "path": "src/components/paste-editor/index.js", "content": "import PasteEditor from './paste-editor.vue'\nexport default PasteEditor\n" }, { "path": "src/components/paste-editor/paste-editor.less", "content": ".paste-editor-wrapper{\n\twidth: 100%;\n\theight: 100%;\n\tborder: 1px dashed gainsboro;\n\ttextarea.textarea-el{\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\t.CodeMirror{\n\t\theight: 100%;\n padding: 0;\n\t\t.CodeMirror-code div .CodeMirror-line > span > span.cm-tab{\n\t\t\t&::after{\n\t\t\t\tcontent: '→';\n\t\t\t\tcolor: #BFBFBF;\n\t\t\t}\n\t\t}\n\t}\n\t.first-row{\n\t\tfont-weight: 700;\n\t\tfont-size: 14px;\n\t}\n\t.incorrect-row{\n\t\tbackground: #F5CBD1;\n\t}\n}\n" }, { "path": "src/components/paste-editor/paste-editor.vue", "content": "\n\n\n" }, { "path": "src/components/paste-editor/plugins/placeholder.js", "content": "export default (codemirror) => {\n (function (mod) {\n mod(codemirror)\n })(function (CodeMirror) {\n CodeMirror.defineOption('placeholder', '', function (cm, val, old) {\n var prev = old && old !== CodeMirror.Init\n if (val && !prev) {\n cm.on('blur', onBlur)\n cm.on('change', onChange)\n cm.on('swapDoc', onChange)\n onChange(cm)\n } else if (!val && prev) {\n cm.off('blur', onBlur)\n cm.off('change', onChange)\n cm.off('swapDoc', onChange)\n clearPlaceholder(cm)\n var wrapper = cm.getWrapperElement()\n wrapper.className = wrapper.className.replace(' CodeMirror-empty', '')\n }\n\n if (val && !cm.hasFocus()) onBlur(cm)\n })\n\n function clearPlaceholder (cm) {\n if (cm.state.placeholder) {\n cm.state.placeholder.parentNode.removeChild(cm.state.placeholder)\n cm.state.placeholder = null\n }\n }\n function setPlaceholder (cm) {\n clearPlaceholder(cm)\n var elt = cm.state.placeholder = document.createElement('pre')\n elt.style.cssText = 'height: 0; overflow: visible; color: #80848f;'\n elt.style.direction = cm.getOption('direction')\n elt.className = 'CodeMirror-placeholder'\n var placeHolder = cm.getOption('placeholder')\n if (typeof placeHolder === 'string') placeHolder = document.createTextNode(placeHolder)\n elt.appendChild(placeHolder)\n cm.display.lineSpace.insertBefore(elt, cm.display.lineSpace.firstChild)\n }\n\n function onBlur (cm) {\n if (isEmpty(cm)) setPlaceholder(cm)\n }\n function onChange (cm) {\n let wrapper = cm.getWrapperElement()\n let empty = isEmpty(cm)\n wrapper.className = wrapper.className.replace(' CodeMirror-empty', '') + (empty ? ' CodeMirror-empty' : '')\n\n if (empty) setPlaceholder(cm)\n else clearPlaceholder(cm)\n }\n\n function isEmpty (cm) {\n return (cm.lineCount() === 1) && (cm.getLine(0) === '')\n }\n })\n}\n" }, { "path": "src/components/split-pane/index.js", "content": "import Split from './split.vue'\nexport default Split\n" }, { "path": "src/components/split-pane/index.less", "content": "@split-prefix-cls: ~\"ivu-split\";\n@box-shadow: 0 0 4px 0 rgba(28, 36, 56, 0.4);\n@trigger-bar-background: rgba(23, 35, 61, 0.25);\n@trigger-background: #F8F8F9;\n@trigger-width: 6px;\n@trigger-bar-width: 4px;\n@trigger-bar-offset: (@trigger-width - @trigger-bar-width) / 2;\n@trigger-bar-interval: 3px;\n@trigger-bar-weight: 1px;\n@trigger-bar-con-height: (@trigger-bar-weight + @trigger-bar-interval) * 8;\n\n.@{split-prefix-cls}{\n &-wrapper{\n position: relative;\n width: 100%;\n height: 100%;\n }\n &-pane{\n position: absolute;\n &.left-pane, &.right-pane{\n top: 0px;\n bottom: 0px;\n }\n &.left-pane{\n left: 0px;\n }\n &.right-pane{\n right: 0px;\n }\n &.top-pane, &.bottom-pane{\n left: 0px;\n right: 0px;\n }\n &.top-pane{\n top: 0px;\n }\n &.bottom-pane{\n bottom: 0px;\n }\n }\n &-trigger{\n &-con{\n position: absolute;\n transform: translate(-50%, -50%);\n z-index: 10;\n }\n &-bar-con{\n position: absolute;\n overflow: hidden;\n &.vertical{\n left: @trigger-bar-offset;\n top: 50%;\n height: @trigger-bar-con-height;\n transform: translate(0, -50%);\n }\n &.horizontal{\n left: 50%;\n top: @trigger-bar-offset;\n width: @trigger-bar-con-height;\n transform: translate(-50%, 0);\n }\n }\n &-vertical{\n width: @trigger-width;\n height: 100%;\n background: @trigger-background;\n box-shadow: @box-shadow;\n cursor: col-resize;\n .@{split-prefix-cls}-trigger-bar{\n width: @trigger-bar-width;\n height: 1px;\n background: @trigger-bar-background;\n float: left;\n margin-top: @trigger-bar-interval;\n }\n }\n &-horizontal{\n height: @trigger-width;\n width: 100%;\n background: @trigger-background;\n box-shadow: @box-shadow;\n cursor: row-resize;\n .@{split-prefix-cls}-trigger-bar{\n height: @trigger-bar-width;\n width: 1px;\n background: @trigger-bar-background;\n float: left;\n margin-right: @trigger-bar-interval;\n }\n }\n }\n &-horizontal{\n .@{split-prefix-cls}-trigger-con{\n top: 50%;\n height: 100%;\n width: 0;\n }\n }\n &-vertical{\n .@{split-prefix-cls}-trigger-con{\n left: 50%;\n height: 0;\n width: 100%;\n }\n }\n .no-select{\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n}\n" }, { "path": "src/components/split-pane/split.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/split-pane/trigger.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/tables/edit.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/tables/handle-btns.js", "content": "const btns = {\n delete: (h, params, vm) => {\n return h('Poptip', {\n props: {\n confirm: true,\n title: '你确定要删除吗?'\n },\n on: {\n 'on-ok': () => {\n vm.$emit('on-delete', params)\n vm.$emit('input', params.tableData.filter((item, index) => index !== params.row.initRowIndex))\n }\n }\n }, [\n h('Button', {\n props: {\n type: 'text',\n ghost: true\n }\n }, [\n h('Icon', {\n props: {\n type: 'md-trash',\n size: 18,\n color: '#000000'\n }\n })\n ])\n ])\n }\n}\n\nexport default btns\n" }, { "path": "src/components/tables/index.js", "content": "import Tables from './tables.vue'\nexport default Tables\n" }, { "path": "src/components/tables/index.less", "content": ".search-con{\n padding: 10px 0;\n .search{\n &-col{\n display: inline-block;\n width: 200px;\n }\n &-input{\n display: inline-block;\n width: 200px;\n margin-left: 2px;\n }\n &-btn{\n margin-left: 2px;\n }\n }\n}\n" }, { "path": "src/components/tables/tables.vue", "content": "\n\n\n" }, { "path": "src/components/tree-select/index.js", "content": "export { default } from './tree-select.vue'\n" }, { "path": "src/components/tree-select/tree-select-tree.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/tree-select/tree-select.vue", "content": "\n\n\n\n\n" }, { "path": "src/config/index.js", "content": "export default {\n /**\n * @description 配置显示在浏览器标签的title\n */\n title: 'iView-admin',\n /**\n * @description token在Cookie中存储的天数，默认1天\n */\n cookieExpires: 1,\n /**\n * @description 是否使用国际化，默认为false\n * 如果不使用，则需要在路由中给需要在菜单中展示的路由设置meta: {title: 'xxx'}\n * 用来在菜单中显示文字\n */\n useI18n: true,\n /**\n * @description api请求基础路径\n */\n baseUrl: {\n dev: 'https://www.easy-mock.com/mock/5add9213ce4d0e69998a6f51/iview-admin/',\n pro: 'https://produce.com'\n },\n /**\n * @description 默认打开的首页的路由name值，默认为home\n */\n homeName: 'home',\n /**\n * @description 需要加载的插件\n */\n plugin: {\n 'error-store': {\n showInHeader: true, // 设为false后不会在顶部显示错误日志徽标\n developmentOff: true // 设为true后在开发环境不会收集错误信息，方便开发中排查错误\n }\n }\n}\n" }, { "path": "src/directive/directives.js", "content": "import draggable from './module/draggable'\nimport clipboard from './module/clipboard'\n\nconst directives = {\n draggable,\n clipboard\n}\n\nexport default directives\n" }, { "path": "src/directive/index.js", "content": "import directive from './directives'\n\nconst importDirective = Vue => {\n /**\n * 拖拽指令 v-draggable=\"options\"\n * options = {\n * trigger: /这里传入作为拖拽触发器的CSS选择器/,\n * body: /这里传入需要移动容器的CSS选择器/,\n * recover: /拖动结束之后是否恢复到原来的位置/\n * }\n */\n Vue.directive('draggable', directive.draggable)\n /**\n * clipboard指令 v-draggable=\"options\"\n * options = {\n * value: /在输入框中使用v-model绑定的值/,\n * success: /复制成功后的回调/,\n * error: /复制失败后的回调/\n * }\n */\n Vue.directive('clipboard', directive.clipboard)\n}\n\nexport default importDirective\n" }, { "path": "src/directive/module/clipboard.js", "content": "import Clipboard from 'clipboard'\nexport default {\n bind: (el, binding) => {\n const clipboard = new Clipboard(el, {\n text: () => binding.value.value\n })\n el.__success_callback__ = binding.value.success\n el.__error_callback__ = binding.value.error\n clipboard.on('success', e => {\n const callback = el.__success_callback__\n callback && callback(e)\n })\n clipboard.on('error', e => {\n const callback = el.__error_callback__\n callback && callback(e)\n })\n el.__clipboard__ = clipboard\n },\n update: (el, binding) => {\n el.__clipboard__.text = () => binding.value.value\n el.__success_callback__ = binding.value.success\n el.__error_callback__ = binding.value.error\n },\n unbind: (el, binding) => {\n delete el.__success_callback__\n delete el.__error_callback__\n el.__clipboard__.destroy()\n delete el.__clipboard__\n }\n}\n" }, { "path": "src/directive/module/draggable.js", "content": "import { on } from '@/libs/tools'\nexport default {\n inserted: (el, binding, vnode) => {\n let triggerDom = document.querySelector(binding.value.trigger)\n triggerDom.style.cursor = 'move'\n let bodyDom = document.querySelector(binding.value.body)\n let pageX = 0\n let pageY = 0\n let transformX = 0\n let transformY = 0\n let canMove = false\n const handleMousedown = e => {\n let transform = /\\(.*\\)/.exec(bodyDom.style.transform)\n if (transform) {\n transform = transform[0].slice(1, transform[0].length - 1)\n let splitxy = transform.split('px, ')\n transformX = parseFloat(splitxy[0])\n transformY = parseFloat(splitxy[1].split('px')[0])\n }\n pageX = e.pageX\n pageY = e.pageY\n canMove = true\n }\n const handleMousemove = e => {\n let xOffset = e.pageX - pageX + transformX\n let yOffset = e.pageY - pageY + transformY\n if (canMove) bodyDom.style.transform = `translate(${xOffset}px, ${yOffset}px)`\n }\n const handleMouseup = e => {\n canMove = false\n }\n on(triggerDom, 'mousedown', handleMousedown)\n on(document, 'mousemove', handleMousemove)\n on(document, 'mouseup', handleMouseup)\n },\n update: (el, binding, vnode) => {\n if (!binding.value.recover) return\n let bodyDom = document.querySelector(binding.value.body)\n bodyDom.style.transform = ''\n }\n}\n" }, { "path": "src/index.less", "content": "@import '~iview/src/styles/index.less';\n\n@menu-dark-title: #001529;\n@menu-dark-active-bg: #000c17;\n@layout-sider-background: #001529;\n" }, { "path": "src/libs/api.request.js", "content": "import HttpRequest from '@/libs/axios'\nimport config from '@/config'\nconst baseUrl = process.env.NODE_ENV === 'development' ? config.baseUrl.dev : config.baseUrl.pro\n\nconst axios = new HttpRequest(baseUrl)\nexport default axios\n" }, { "path": "src/libs/axios.js", "content": "import axios from 'axios'\nimport store from '@/store'\n// import { Spin } from 'iview'\nconst addErrorLog = errorInfo => {\n const { statusText, status, request: { responseURL } } = errorInfo\n let info = {\n type: 'ajax',\n code: status,\n mes: statusText,\n url: responseURL\n }\n if (!responseURL.includes('save_error_logger')) store.dispatch('addErrorLog', info)\n}\n\nclass HttpRequest {\n constructor (baseUrl = baseURL) {\n this.baseUrl = baseUrl\n this.queue = {}\n }\n getInsideConfig () {\n const config = {\n baseURL: this.baseUrl,\n headers: {\n //\n }\n }\n return config\n }\n destroy (url) {\n delete this.queue[url]\n if (!Object.keys(this.queue).length) {\n // Spin.hide()\n }\n }\n interceptors (instance, url) {\n // 请求拦截\n instance.interceptors.request.use(config => {\n // 添加全局的loading...\n if (!Object.keys(this.queue).length) {\n // Spin.show() // 不建议开启，因为界面不友好\n }\n this.queue[url] = true\n return config\n }, error => {\n return Promise.reject(error)\n })\n // 响应拦截\n instance.interceptors.response.use(res => {\n this.destroy(url)\n const { data, status } = res\n return { data, status }\n }, error => {\n this.destroy(url)\n let errorInfo = error.response\n if (!errorInfo) {\n const { request: { statusText, status }, config } = JSON.parse(JSON.stringify(error))\n errorInfo = {\n statusText,\n status,\n request: { responseURL: config.url }\n }\n }\n addErrorLog(errorInfo)\n return Promise.reject(error)\n })\n }\n request (options) {\n const instance = axios.create()\n options = Object.assign(this.getInsideConfig(), options)\n this.interceptors(instance, options.url)\n return instance(options)\n }\n}\nexport default HttpRequest\n" }, { "path": "src/libs/excel.js", "content": "/* eslint-disable */\nimport XLSX from 'xlsx';\n\nfunction auto_width(ws, data){\n /*set worksheet max width per col*/\n const colWidth = data.map(row => row.map(val => {\n /*if null/undefined*/\n if (val == null) {\n return {'wch': 10};\n }\n /*if chinese*/\n else if (val.toString().charCodeAt(0) > 255) {\n return {'wch': val.toString().length * 2};\n } else {\n return {'wch': val.toString().length};\n }\n }))\n /*start in the first row*/\n let result = colWidth[0];\n for (let i = 1; i < colWidth.length; i++) {\n for (let j = 0; j < colWidth[i].length; j++) {\n if (result[j]['wch'] < colWidth[i][j]['wch']) {\n result[j]['wch'] = colWidth[i][j]['wch'];\n }\n }\n }\n ws['!cols'] = result;\n}\n\nfunction json_to_array(key, jsonData){\n return jsonData.map(v => key.map(j => { return v[j] }));\n}\n\n// fix data,return string\nfunction fixdata(data) {\n let o = ''\n let l = 0\n const w = 10240\n for (; l < data.byteLength / w; ++l) o += String.fromCharCode.apply(null, new Uint8Array(data.slice(l * w, l * w + w)))\n o += String.fromCharCode.apply(null, new Uint8Array(data.slice(l * w)))\n return o\n}\n\n// get head from excel file,return array\nfunction get_header_row(sheet) {\n const headers = []\n const range = XLSX.utils.decode_range(sheet['!ref'])\n let C\n const R = range.s.r /* start in the first row */\n for (C = range.s.c; C <= range.e.c; ++C) { /* walk every column in the range */\n var cell = sheet[XLSX.utils.encode_cell({ c: C, r: R })] /* find the cell in the first row */\n var hdr = 'UNKNOWN ' + C // <-- replace with your desired default\n if (cell && cell.t) hdr = XLSX.utils.format_cell(cell)\n headers.push(hdr)\n }\n return headers\n}\n\nexport const export_table_to_excel= (id, filename) => {\n const table = document.getElementById(id);\n const wb = XLSX.utils.table_to_book(table);\n XLSX.writeFile(wb, filename);\n\n /* the second way */\n // const table = document.getElementById(id);\n // const wb = XLSX.utils.book_new();\n // const ws = XLSX.utils.table_to_sheet(table);\n // XLSX.utils.book_append_sheet(wb, ws, filename);\n // XLSX.writeFile(wb, filename);\n}\n\nexport const export_json_to_excel = ({data, key, title, filename, autoWidth}) => {\n const wb = XLSX.utils.book_new();\n data.unshift(title);\n const ws = XLSX.utils.json_to_sheet(data, {header: key, skipHeader: true});\n if(autoWidth){\n const arr = json_to_array(key, data);\n auto_width(ws, arr);\n }\n XLSX.utils.book_append_sheet(wb, ws, filename);\n XLSX.writeFile(wb, filename + '.xlsx');\n}\n\nexport const export_array_to_excel = ({key, data, title, filename, autoWidth}) => {\n const wb = XLSX.utils.book_new();\n const arr = json_to_array(key, data);\n arr.unshift(title);\n const ws = XLSX.utils.aoa_to_sheet(arr);\n if(autoWidth){\n auto_width(ws, arr);\n }\n XLSX.utils.book_append_sheet(wb, ws, filename);\n XLSX.writeFile(wb, filename + '.xlsx');\n}\n\nexport const read = (data, type) => {\n /* if type == 'base64' must fix data first */\n // const fixedData = fixdata(data)\n // const workbook = XLSX.read(btoa(fixedData), { type: 'base64' })\n const workbook = XLSX.read(data, { type: type });\n const firstSheetName = workbook.SheetNames[0];\n const worksheet = workbook.Sheets[firstSheetName];\n const header = get_header_row(worksheet);\n const results = XLSX.utils.sheet_to_json(worksheet);\n return {header, results};\n}\n\nexport default {\n export_table_to_excel,\n export_array_to_excel,\n export_json_to_excel,\n read\n}\n" }, { "path": "src/libs/render-dom.js", "content": "export default {\n name: 'RenderDom',\n functional: true,\n props: {\n render: Function\n },\n render: (h, ctx) => {\n return ctx.props.render(h)\n }\n}\n" }, { "path": "src/libs/tools.js", "content": "export const forEach = (arr, fn) => {\n if (!arr.length || !fn) return\n let i = -1\n let len = arr.length\n while (++i < len) {\n let item = arr[i]\n fn(item, i, arr)\n }\n}\n\n/**\n * @param {Array} arr1\n * @param {Array} arr2\n * @description 得到两个数组的交集, 两个数组的元素为数值或字符串\n */\nexport const getIntersection = (arr1, arr2) => {\n let len = Math.min(arr1.length, arr2.length)\n let i = -1\n let res = []\n while (++i < len) {\n const item = arr2[i]\n if (arr1.indexOf(item) > -1) res.push(item)\n }\n return res\n}\n\n/**\n * @param {Array} arr1\n * @param {Array} arr2\n * @description 得到两个数组的并集, 两个数组的元素为数值或字符串\n */\nexport const getUnion = (arr1, arr2) => {\n return Array.from(new Set([...arr1, ...arr2]))\n}\n\n/**\n * @param {Array} target 目标数组\n * @param {Array} arr 需要查询的数组\n * @description 判断要查询的数组是否至少有一个元素包含在目标数组中\n */\nexport const hasOneOf = (targetarr, arr) => {\n return targetarr.some(_ => arr.indexOf(_) > -1)\n}\n\n/**\n * @param {String|Number} value 要验证的字符串或数值\n * @param {*} validList 用来验证的列表\n */\nexport function oneOf (value, validList) {\n for (let i = 0; i < validList.length; i++) {\n if (value === validList[i]) {\n return true\n }\n }\n return false\n}\n\n/**\n * @param {Number} timeStamp 判断时间戳格式是否是毫秒\n * @returns {Boolean}\n */\nconst isMillisecond = timeStamp => {\n const timeStr = String(timeStamp)\n return timeStr.length > 10\n}\n\n/**\n * @param {Number} timeStamp 传入的时间戳\n * @param {Number} currentTime 当前时间时间戳\n * @returns {Boolean} 传入的时间戳是否早于当前时间戳\n */\nconst isEarly = (timeStamp, currentTime) => {\n return timeStamp < currentTime\n}\n\n/**\n * @param {Number} num 数值\n * @returns {String} 处理后的字符串\n * @description 如果传入的数值小于10，即位数只有1位，则在前面补充0\n */\nconst getHandledValue = num => {\n return num < 10 ? '0' + num : num\n}\n\n/**\n * @param {Number} timeStamp 传入的时间戳\n * @param {Number} startType 要返回的时间字符串的格式类型，传入'year'则返回年开头的完整时间\n */\nconst getDate = (timeStamp, startType) => {\n const d = new Date(timeStamp * 1000)\n const year = d.getFullYear()\n const month = getHandledValue(d.getMonth() + 1)\n const date = getHandledValue(d.getDate())\n const hours = getHandledValue(d.getHours())\n const minutes = getHandledValue(d.getMinutes())\n const second = getHandledValue(d.getSeconds())\n let resStr = ''\n if (startType === 'year') resStr = year + '-' + month + '-' + date + ' ' + hours + ':' + minutes + ':' + second\n else resStr = month + '-' + date + ' ' + hours + ':' + minutes\n return resStr\n}\n\n/**\n * @param {String|Number} timeStamp 时间戳\n * @returns {String} 相对时间字符串\n */\nexport const getRelativeTime = timeStamp => {\n // 判断当前传入的时间戳是秒格式还是毫秒\n const IS_MILLISECOND = isMillisecond(timeStamp)\n // 如果是毫秒格式则转为秒格式\n if (IS_MILLISECOND) Math.floor(timeStamp /= 1000)\n // 传入的时间戳可以是数值或字符串类型，这里统一转为数值类型\n timeStamp = Number(timeStamp)\n // 获取当前时间时间戳\n const currentTime = Math.floor(Date.parse(new Date()) / 1000)\n // 判断传入时间戳是否早于当前时间戳\n const IS_EARLY = isEarly(timeStamp, currentTime)\n // 获取两个时间戳差值\n let diff = currentTime - timeStamp\n // 如果IS_EARLY为false则差值取反\n if (!IS_EARLY) diff = -diff\n let resStr = ''\n const dirStr = IS_EARLY ? '前' : '后'\n // 少于等于59秒\n if (diff <= 59) resStr = diff + '秒' + dirStr\n // 多于59秒，少于等于59分钟59秒\n else if (diff > 59 && diff <= 3599) resStr = Math.floor(diff / 60) + '分钟' + dirStr\n // 多于59分钟59秒，少于等于23小时59分钟59秒\n else if (diff > 3599 && diff <= 86399) resStr = Math.floor(diff / 3600) + '小时' + dirStr\n // 多于23小时59分钟59秒，少于等于29天59分钟59秒\n else if (diff > 86399 && diff <= 2623859) resStr = Math.floor(diff / 86400) + '天' + dirStr\n // 多于29天59分钟59秒，少于364天23小时59分钟59秒，且传入的时间戳早于当前\n else if (diff > 2623859 && diff <= 31567859 && IS_EARLY) resStr = getDate(timeStamp)\n else resStr = getDate(timeStamp, 'year')\n return resStr\n}\n\n/**\n * @returns {String} 当前浏览器名称\n */\nexport const getExplorer = () => {\n const ua = window.navigator.userAgent\n const isExplorer = (exp) => {\n return ua.indexOf(exp) > -1\n }\n if (isExplorer('MSIE')) return 'IE'\n else if (isExplorer('Firefox')) return 'Firefox'\n else if (isExplorer('Chrome')) return 'Chrome'\n else if (isExplorer('Opera')) return 'Opera'\n else if (isExplorer('Safari')) return 'Safari'\n}\n\n/**\n * @description 绑定事件 on(element, event, handler)\n */\nexport const on = (function () {\n if (document.addEventListener) {\n return function (element, event, handler) {\n if (element && event && handler) {\n element.addEventListener(event, handler, false)\n }\n }\n } else {\n return function (element, event, handler) {\n if (element && event && handler) {\n element.attachEvent('on' + event, handler)\n }\n }\n }\n})()\n\n/**\n * @description 解绑事件 off(element, event, handler)\n */\nexport const off = (function () {\n if (document.removeEventListener) {\n return function (element, event, handler) {\n if (element && event) {\n element.removeEventListener(event, handler, false)\n }\n }\n } else {\n return function (element, event, handler) {\n if (element && event) {\n element.detachEvent('on' + event, handler)\n }\n }\n }\n})()\n\n/**\n * 判断一个对象是否存在key，如果传入第二个参数key，则是判断这个obj对象是否存在key这个属性\n * 如果没有传入key这个参数，则判断obj对象是否有键值对\n */\nexport const hasKey = (obj, key) => {\n if (key) return key in obj\n else {\n let keysArr = Object.keys(obj)\n return keysArr.length\n }\n}\n\n/**\n * @param {*} obj1 对象\n * @param {*} obj2 对象\n * @description 判断两个对象是否相等，这两个对象的值只能是数字或字符串\n */\nexport const objEqual = (obj1, obj2) => {\n const keysArr1 = Object.keys(obj1)\n const keysArr2 = Object.keys(obj2)\n if (keysArr1.length !== keysArr2.length) return false\n else if (keysArr1.length === 0 && keysArr2.length === 0) return true\n /* eslint-disable-next-line */\n else return !keysArr1.some(key => obj1[key] != obj2[key])\n}\n" }, { "path": "src/libs/util.js", "content": "import Cookies from 'js-cookie'\n// cookie保存的天数\nimport config from '@/config'\nimport { forEach, hasOneOf, objEqual } from '@/libs/tools'\nconst { title, cookieExpires, useI18n } = config\n\nexport const TOKEN_KEY = 'token'\n\nexport const setToken = (token) => {\n Cookies.set(TOKEN_KEY, token, { expires: cookieExpires || 1 })\n}\n\nexport const getToken = () => {\n const token = Cookies.get(TOKEN_KEY)\n if (token) return token\n else return false\n}\n\nexport const hasChild = (item) => {\n return item.children && item.children.length !== 0\n}\n\nconst showThisMenuEle = (item, access) => {\n if (item.meta && item.meta.access && item.meta.access.length) {\n if (hasOneOf(item.meta.access, access)) return true\n else return false\n } else return true\n}\n/**\n * @param {Array} list 通过路由列表得到菜单列表\n * @returns {Array}\n */\nexport const getMenuByRouter = (list, access) => {\n let res = []\n forEach(list, item => {\n if (!item.meta || (item.meta && !item.meta.hideInMenu)) {\n let obj = {\n icon: (item.meta && item.meta.icon) || '',\n name: item.name,\n meta: item.meta\n }\n if ((hasChild(item) || (item.meta && item.meta.showAlways)) && showThisMenuEle(item, access)) {\n obj.children = getMenuByRouter(item.children, access)\n }\n if (item.meta && item.meta.href) obj.href = item.meta.href\n if (showThisMenuEle(item, access)) res.push(obj)\n }\n })\n return res\n}\n\n/**\n * @param {Array} routeMetched 当前路由metched\n * @returns {Array}\n */\nexport const getBreadCrumbList = (route, homeRoute) => {\n let homeItem = { ...homeRoute, icon: homeRoute.meta.icon }\n let routeMetched = route.matched\n if (routeMetched.some(item => item.name === homeRoute.name)) return [homeItem]\n let res = routeMetched.filter(item => {\n return item.meta === undefined || !item.meta.hideInBread\n }).map(item => {\n let meta = { ...item.meta }\n if (meta.title && typeof meta.title === 'function') {\n meta.__titleIsFunction__ = true\n meta.title = meta.title(route)\n }\n let obj = {\n icon: (item.meta && item.meta.icon) || '',\n name: item.name,\n meta: meta\n }\n return obj\n })\n res = res.filter(item => {\n return !item.meta.hideInMenu\n })\n return [{ ...homeItem, to: homeRoute.path }, ...res]\n}\n\nexport const getRouteTitleHandled = (route) => {\n let router = { ...route }\n let meta = { ...route.meta }\n let title = ''\n if (meta.title) {\n if (typeof meta.title === 'function') {\n meta.__titleIsFunction__ = true\n title = meta.title(router)\n } else title = meta.title\n }\n meta.title = title\n router.meta = meta\n return router\n}\n\nexport const showTitle = (item, vm) => {\n let { title, __titleIsFunction__ } = item.meta\n if (!title) return\n if (useI18n) {\n if (title.includes('{{') && title.includes('}}') && useI18n) title = title.replace(/({{[\\s\\S]+?}})/, (m, str) => str.replace(/{{([\\s\\S]*)}}/, (m, _) => vm.$t(_.trim())))\n else if (__titleIsFunction__) title = item.meta.title\n else title = vm.$t(item.name)\n } else title = (item.meta && item.meta.title) || item.name\n return title\n}\n\n/**\n * @description 本地存储和获取标签导航列表\n */\nexport const setTagNavListInLocalstorage = list => {\n localStorage.tagNaveList = JSON.stringify(list)\n}\n/**\n * @returns {Array} 其中的每个元素只包含路由原信息中的name, path, meta三项\n */\nexport const getTagNavListFromLocalstorage = () => {\n const list = localStorage.tagNaveList\n return list ? JSON.parse(list) : []\n}\n\n/**\n * @param {Array} routers 路由列表数组\n * @description 用于找到路由列表中name为home的对象\n */\nexport const getHomeRoute = (routers, homeName = 'home') => {\n let i = -1\n let len = routers.length\n let homeRoute = {}\n while (++i < len) {\n let item = routers[i]\n if (item.children && item.children.length) {\n let res = getHomeRoute(item.children, homeName)\n if (res.name) return res\n } else {\n if (item.name === homeName) homeRoute = item\n }\n }\n return homeRoute\n}\n\n/**\n * @param {*} list 现有标签导航列表\n * @param {*} newRoute 新添加的路由原信息对象\n * @description 如果该newRoute已经存在则不再添加\n */\nexport const getNewTagList = (list, newRoute) => {\n const { name, path, meta } = newRoute\n let newList = [...list]\n if (newList.findIndex(item => item.name === name) >= 0) return newList\n else newList.push({ name, path, meta })\n return newList\n}\n\n/**\n * @param {*} access 用户权限数组，如 ['super_admin', 'admin']\n * @param {*} route 路由列表\n */\nconst hasAccess = (access, route) => {\n if (route.meta && route.meta.access) return hasOneOf(access, route.meta.access)\n else return true\n}\n\n/**\n * 权鉴\n * @param {*} name 即将跳转的路由name\n * @param {*} access 用户权限数组\n * @param {*} routes 路由列表\n * @description 用户是否可跳转到该页\n */\nexport const canTurnTo = (name, access, routes) => {\n const routePermissionJudge = (list) => {\n return list.some(item => {\n if (item.children && item.children.length) {\n return routePermissionJudge(item.children)\n } else if (item.name === name) {\n return hasAccess(access, item)\n }\n })\n }\n\n return routePermissionJudge(routes)\n}\n\n/**\n * @param {String} url\n * @description 从URL中解析参数\n */\nexport const getParams = url => {\n const keyValueArr = url.split('?')[1].split('&')\n let paramObj = {}\n keyValueArr.forEach(item => {\n const keyValue = item.split('=')\n paramObj[keyValue[0]] = keyValue[1]\n })\n return paramObj\n}\n\n/**\n * @param {Array} list 标签列表\n * @param {String} name 当前关闭的标签的name\n */\nexport const getNextRoute = (list, route) => {\n let res = {}\n if (list.length === 2) {\n res = getHomeRoute(list)\n } else {\n const index = list.findIndex(item => routeEqual(item, route))\n if (index === list.length - 1) res = list[list.length - 2]\n else res = list[index + 1]\n }\n return res\n}\n\n/**\n * @param {Number} times 回调函数需要执行的次数\n * @param {Function} callback 回调函数\n */\nexport const doCustomTimes = (times, callback) => {\n let i = -1\n while (++i < times) {\n callback(i)\n }\n}\n\n/**\n * @param {Object} file 从上传组件得到的文件对象\n * @returns {Promise} resolve参数是解析后的二维数组\n * @description 从Csv文件中解析出表格，解析成二维数组\n */\nexport const getArrayFromFile = (file) => {\n let nameSplit = file.name.split('.')\n let format = nameSplit[nameSplit.length - 1]\n return new Promise((resolve, reject) => {\n let reader = new FileReader()\n reader.readAsText(file) // 以文本格式读取\n let arr = []\n reader.onload = function (evt) {\n let data = evt.target.result // 读到的数据\n let pasteData = data.trim()\n arr = pasteData.split((/[\\n\\u0085\\u2028\\u2029]|\\r\\n?/g)).map(row => {\n return row.split('\\t')\n }).map(item => {\n return item[0].split(',')\n })\n if (format === 'csv') resolve(arr)\n else reject(new Error('[Format Error]:你上传的不是Csv文件'))\n }\n })\n}\n\n/**\n * @param {Array} array 表格数据二维数组\n * @returns {Object} { columns, tableData }\n * @description 从二维数组中获取表头和表格数据，将第一行作为表头，用于在iView的表格中展示数据\n */\nexport const getTableDataFromArray = (array) => {\n let columns = []\n let tableData = []\n if (array.length > 1) {\n let titles = array.shift()\n columns = titles.map(item => {\n return {\n title: item,\n key: item\n }\n })\n tableData = array.map(item => {\n let res = {}\n item.forEach((col, i) => {\n res[titles[i]] = col\n })\n return res\n })\n }\n return {\n columns,\n tableData\n }\n}\n\nexport const findNodeUpper = (ele, tag) => {\n if (ele.parentNode) {\n if (ele.parentNode.tagName === tag.toUpperCase()) {\n return ele.parentNode\n } else {\n return findNodeUpper(ele.parentNode, tag)\n }\n }\n}\n\nexport const findNodeUpperByClasses = (ele, classes) => {\n let parentNode = ele.parentNode\n if (parentNode) {\n let classList = parentNode.classList\n if (classList && classes.every(className => classList.contains(className))) {\n return parentNode\n } else {\n return findNodeUpperByClasses(parentNode, classes)\n }\n }\n}\n\nexport const findNodeDownward = (ele, tag) => {\n const tagName = tag.toUpperCase()\n if (ele.childNodes.length) {\n let i = -1\n let len = ele.childNodes.length\n while (++i < len) {\n let child = ele.childNodes[i]\n if (child.tagName === tagName) return child\n else return findNodeDownward(child, tag)\n }\n }\n}\n\nexport const showByAccess = (access, canViewAccess) => {\n return hasOneOf(canViewAccess, access)\n}\n\n/**\n * @description 根据name/params/query判断两个路由对象是否相等\n * @param {*} route1 路由对象\n * @param {*} route2 路由对象\n */\nexport const routeEqual = (route1, route2) => {\n const params1 = route1.params || {}\n const params2 = route2.params || {}\n const query1 = route1.query || {}\n const query2 = route2.query || {}\n return (route1.name === route2.name) && objEqual(params1, params2) && objEqual(query1, query2)\n}\n\n/**\n * 判断打开的标签列表里是否已存在这个新添加的路由对象\n */\nexport const routeHasExist = (tagNavList, routeItem) => {\n let len = tagNavList.length\n let res = false\n doCustomTimes(len, (index) => {\n if (routeEqual(tagNavList[index], routeItem)) res = true\n })\n return res\n}\n\nexport const localSave = (key, value) => {\n localStorage.setItem(key, value)\n}\n\nexport const localRead = (key) => {\n return localStorage.getItem(key) || ''\n}\n\n// scrollTop animation\nexport const scrollTop = (el, from = 0, to, duration = 500, endCallback) => {\n if (!window.requestAnimationFrame) {\n window.requestAnimationFrame = (\n window.webkitRequestAnimationFrame ||\n window.mozRequestAnimationFrame ||\n window.msRequestAnimationFrame ||\n function (callback) {\n return window.setTimeout(callback, 1000 / 60)\n }\n )\n }\n const difference = Math.abs(from - to)\n const step = Math.ceil(difference / duration * 50)\n\n const scroll = (start, end, step) => {\n if (start === end) {\n endCallback && endCallback()\n return\n }\n\n let d = (start + step > end) ? end : start + step\n if (start > end) {\n d = (start - step < end) ? end : start - step\n }\n\n if (el === window) {\n window.scrollTo(d, d)\n } else {\n el.scrollTop = d\n }\n window.requestAnimationFrame(() => scroll(d, end, step))\n }\n scroll(from, to, step)\n}\n\n/**\n * @description 根据当前跳转的路由设置显示在浏览器标签的title\n * @param {Object} routeItem 路由对象\n * @param {Object} vm Vue实例\n */\nexport const setTitle = (routeItem, vm) => {\n const handledRoute = getRouteTitleHandled(routeItem)\n const pageTitle = showTitle(handledRoute, vm)\n const resTitle = pageTitle ? `${title} - ${pageTitle}` : title\n window.document.title = resTitle\n}\n" }, { "path": "src/locale/index.js", "content": "import Vue from 'vue'\nimport VueI18n from 'vue-i18n'\nimport { localRead } from '@/libs/util'\nimport customZhCn from './lang/zh-CN'\nimport customZhTw from './lang/zh-TW'\nimport customEnUs from './lang/en-US'\nimport zhCnLocale from 'iview/src/locale/lang/zh-CN'\nimport enUsLocale from 'iview/src/locale/lang/en-US'\nimport zhTwLocale from 'iview/src/locale/lang/zh-TW'\n\nVue.use(VueI18n)\n\n// 自动根据浏览器系统语言设置语言\nconst navLang = navigator.language\nconst localLang = (navLang === 'zh-CN' || navLang === 'en-US') ? navLang : false\nlet lang = localLang || localRead('local') || 'zh-CN'\n\nVue.config.lang = lang\n\n// vue-i18n 6.x+写法\nVue.locale = () => {}\nconst messages = {\n 'zh-CN': Object.assign(zhCnLocale, customZhCn),\n 'zh-TW': Object.assign(zhTwLocale, customZhTw),\n 'en-US': Object.assign(enUsLocale, customEnUs)\n}\nconst i18n = new VueI18n({\n locale: lang,\n messages\n})\n\nexport default i18n\n\n// vue-i18n 5.x写法\n// Vue.locale('zh-CN', Object.assign(zhCnLocale, customZhCn))\n// Vue.locale('en-US', Object.assign(zhTwLocale, customZhTw))\n// Vue.locale('zh-TW', Object.assign(enUsLocale, customEnUs))\n" }, { "path": "src/locale/lang/en-US.js", "content": "export default {\n home: 'Home',\n login: 'Login',\n components: 'Components',\n count_to_page: 'Count-to',\n tables_page: 'Table',\n split_pane_page: 'Split-pane',\n markdown_page: 'Markdown-editor',\n editor_page: 'Rich-Text-Editor',\n icons_page: 'Custom-icon',\n img_cropper_page: 'Image-editor',\n update: 'Update',\n doc: 'Document',\n join_page: 'QQ Group',\n update_table_page: 'Update .CSV',\n update_paste_page: 'Paste Table Data',\n multilevel: 'multilevel',\n directive_page: 'Directive',\n level_1: 'Level-1',\n level_2: 'Level-2',\n level_2_1: 'Level-2-1',\n level_2_3: 'Level-2-3',\n level_2_2: 'Level-2-2',\n level_2_2_1: 'Level-2-2-1',\n level_2_2_2: 'Level-2-2-2',\n excel: 'Excel',\n 'upload-excel': 'Upload Excel',\n 'export-excel': 'Export Excel',\n tools_methods_page: 'Tools Methods',\n drag_list_page: 'Drag-list',\n i18n_page: 'Internationalization',\n modalTitle: 'Modal Title',\n content: 'This is the modal box content.',\n buttonText: 'Show Modal',\n 'i18n-tip': 'Note: Only this page is multi-language, other pages do not add language content to the multi-language package.',\n error_store_page: 'Error Collection',\n error_logger_page: 'Error Logger',\n query: 'Query',\n params: 'Params',\n cropper_page: 'Cropper',\n message_page: 'Message Center',\n tree_table_page: 'Tree Table',\n org_tree_page: 'Org Tree',\n drag_drawer_page: 'Draggable Drawer',\n tree_select_page: 'Tree Selector'\n}\n" }, { "path": "src/locale/lang/zh-CN.js", "content": "export default {\n home: '首页',\n login: '登录',\n components: '组件',\n count_to_page: '数字渐变',\n tables_page: '多功能表格',\n split_pane_page: '分割窗口',\n markdown_page: 'Markdown编辑器',\n editor_page: '富文本编辑器',\n icons_page: '自定义图标',\n img_cropper_page: '图片编辑器',\n update: '上传数据',\n join_page: 'QQ群',\n doc: '文档',\n update_table_page: '上传CSV文件',\n update_paste_page: '粘贴表格数据',\n multilevel: '多级菜单',\n directive_page: '指令',\n level_1: 'Level-1',\n level_2: 'Level-2',\n level_2_1: 'Level-2-1',\n level_2_3: 'Level-2-3',\n level_2_2: 'Level-2-2',\n level_2_2_1: 'Level-2-2-1',\n level_2_2_2: 'Level-2-2-2',\n excel: 'Excel',\n 'upload-excel': '上传excel',\n 'export-excel': '导出excel',\n tools_methods_page: '工具函数',\n drag_list_page: '拖拽列表',\n i18n_page: '多语言',\n modalTitle: '模态框题目',\n content: '这是模态框内容',\n buttonText: '显示模态框',\n 'i18n-tip': '注：仅此页做了多语言，其他页面没有在多语言包中添加语言内容',\n error_store_page: '错误收集',\n error_logger_page: '错误日志',\n query: '带参路由',\n params: '动态路由',\n cropper_page: '图片裁剪',\n message_page: '消息中心',\n tree_table_page: '树状表格',\n org_tree_page: '组织结构树',\n drag_drawer_page: '可拖动抽屉',\n tree_select_page: '树状下拉选择器'\n}\n" }, { "path": "src/locale/lang/zh-TW.js", "content": "export default {\n home: '首頁',\n login: '登錄',\n components: '组件',\n count_to_page: '数字渐变',\n tables_page: '多功能表格',\n split_pane_page: '分割窗口',\n markdown_page: 'Markdown編輯器',\n editor_page: '富文本編輯器',\n icons_page: '自定義圖標',\n img_cropper_page: '圖片編輯器',\n update: '上傳數據',\n join_page: 'QQ群',\n doc: '文檔',\n update_table_page: '上傳CSV文件',\n update_paste_page: '粘貼表格數據',\n multilevel: '多级菜单',\n directive_page: '指令',\n level_1: 'Level-1',\n level_2: 'Level-2',\n level_2_1: 'Level-2-1',\n level_2_3: 'Level-2-3',\n level_2_2: 'Level-2-2',\n level_2_2_1: 'Level-2-2-1',\n level_2_2_2: 'Level-2-2-2',\n excel: 'Excel',\n 'upload-excel': '上傳excel',\n 'export-excel': '導出excel',\n tools_methods_page: '工具函數',\n drag_list_page: '拖拽列表',\n i18n_page: '多語言',\n modalTitle: '模態框題目',\n content: '這是模態框內容',\n buttonText: '顯示模態框',\n 'i18n-tip': '注：僅此頁做了多語言，其他頁面沒有在多語言包中添加語言內容',\n error_store_page: '錯誤收集',\n error_logger_page: '錯誤日誌',\n query: '帶參路由',\n params: '動態路由',\n cropper_page: '圖片裁剪',\n message_page: '消息中心',\n tree_table_page: '樹狀表格',\n org_tree_page: '組織結構樹',\n drag_drawer_page: '可拖動抽屜',\n tree_select_page: '樹狀下拉選擇器'\n}\n" }, { "path": "src/main.js", "content": "// The Vue build version to load with the `import` command\n// (runtime-only or standalone) has been set in webpack.base.conf with an alias.\nimport Vue from 'vue'\nimport App from './App'\nimport router from './router'\nimport store from './store'\nimport iView from 'iview'\nimport i18n from '@/locale'\nimport config from '@/config'\nimport importDirective from '@/directive'\nimport { directive as clickOutside } from 'v-click-outside-x'\nimport installPlugin from '@/plugin'\nimport './index.less'\nimport '@/assets/icons/iconfont.css'\nimport TreeTable from 'tree-table-vue'\nimport VOrgTree from 'v-org-tree'\nimport 'v-org-tree/dist/v-org-tree.css'\n// 实际打包时应该不引入mock\n/* eslint-disable */\nif (process.env.NODE_ENV !== 'production') require('@/mock')\n\nVue.use(iView, {\n i18n: (key, value) => i18n.t(key, value)\n})\nVue.use(TreeTable)\nVue.use(VOrgTree)\n/**\n * @description 注册admin内置插件\n */\ninstallPlugin(Vue)\n/**\n * @description 生产环境关掉提示\n */\nVue.config.productionTip = false\n/**\n * @description 全局注册应用配置\n */\nVue.prototype.$config = config\n/**\n * 注册指令\n */\nimportDirective(Vue)\nVue.directive('clickOutside', clickOutside)\n\n/* eslint-disable no-new */\nnew Vue({\n el: '#app',\n router,\n i18n,\n store,\n render: h => h(App)\n})\n" }, { "path": "src/mock/data/org-data.js", "content": "export default {\n id: 0,\n label: 'XXX科技有限公司',\n children: [\n {\n id: 2,\n label: '产品研发部',\n children: [\n {\n id: 5,\n label: '研发-前端'\n }, {\n id: 6,\n label: '研发-后端'\n }, {\n id: 9,\n label: 'UI设计'\n }, {\n id: 10,\n label: '产品经理'\n }\n ]\n },\n {\n id: 3,\n label: '销售部',\n children: [\n {\n id: 7,\n label: '销售一部'\n }, {\n id: 8,\n label: '销售二部'\n }\n ]\n },\n {\n id: 4,\n label: '财务部'\n }, {\n id: 11,\n label: 'HR人事'\n }\n ]\n}\n" }, { "path": "src/mock/data/tree-select.js", "content": "export const treeData = [\n {\n id: 1,\n title: '1',\n children: [\n {\n id: 11,\n title: '1-1',\n loading: false,\n children: [\n // {\n // id: 111,\n // title: '1-1-1'\n // },\n // {\n // id: 112,\n // title: '1-1-2'\n // },\n // {\n // id: 113,\n // title: '1-1-3'\n // },\n // {\n // id: 114,\n // title: '1-1-4'\n // }\n ]\n },\n {\n id: 12,\n title: '1-2',\n children: [\n {\n id: 121,\n title: '1-2-1'\n }\n ]\n }\n ]\n }\n]\n\nexport const newTreeData = [\n {\n id: 'a',\n title: 'a',\n children: [\n {\n id: 'a1',\n title: 'a-1',\n children: [\n {\n id: 112,\n title: '1-1-2'\n },\n {\n id: 'a12',\n title: 'a-1-2'\n },\n {\n id: 'a13',\n title: 'a-1-3'\n },\n {\n id: 'a14',\n title: 'a-1-4'\n }\n ]\n },\n {\n id: 'a2',\n title: 'a-2',\n children: [\n {\n id: 'a21',\n title: 'b-2-1'\n }\n ]\n }\n ]\n }\n]\n" }, { "path": "src/mock/data.js", "content": "import Mock from 'mockjs'\nimport { doCustomTimes } from '@/libs/util'\nimport orgData from './data/org-data'\nimport { treeData } from './data/tree-select'\nconst Random = Mock.Random\n\nexport const getTableData = req => {\n let tableData = []\n doCustomTimes(5, () => {\n tableData.push(Mock.mock({\n name: '@name',\n email: '@email',\n createTime: '@date'\n }))\n })\n return tableData\n}\n\nexport const getDragList = req => {\n let dragList = []\n doCustomTimes(5, () => {\n dragList.push(Mock.mock({\n name: Random.csentence(10, 13),\n id: Random.increment(10)\n }))\n })\n return dragList\n}\n\nexport const uploadImage = req => {\n return Promise.resolve()\n}\n\nexport const getOrgData = req => {\n return orgData\n}\n\nexport const getTreeSelectData = req => {\n return treeData\n}\n" }, { "path": "src/mock/index.js", "content": "import Mock from 'mockjs'\nimport { login, logout, getUserInfo } from './login'\nimport { getTableData, getDragList, uploadImage, getOrgData, getTreeSelectData } from './data'\nimport { getMessageInit, getContentByMsgId, hasRead, removeReaded, restoreTrash, messageCount } from './user'\n\n// 配置Ajax请求延时，可用来测试网络延迟大时项目中一些效果\nMock.setup({\n timeout: 1000\n})\n\n// 登录相关和获取用户信息\nMock.mock(/\\/login/, login)\nMock.mock(/\\/get_info/, getUserInfo)\nMock.mock(/\\/logout/, logout)\nMock.mock(/\\/get_table_data/, getTableData)\nMock.mock(/\\/get_drag_list/, getDragList)\nMock.mock(/\\/save_error_logger/, 'success')\nMock.mock(/\\/image\\/upload/, uploadImage)\nMock.mock(/\\/message\\/init/, getMessageInit)\nMock.mock(/\\/message\\/content/, getContentByMsgId)\nMock.mock(/\\/message\\/has_read/, hasRead)\nMock.mock(/\\/message\\/remove_readed/, removeReaded)\nMock.mock(/\\/message\\/restore/, restoreTrash)\nMock.mock(/\\/message\\/count/, messageCount)\nMock.mock(/\\/get_org_data/, getOrgData)\nMock.mock(/\\/get_tree_select_data/, getTreeSelectData)\n\nexport default Mock\n" }, { "path": "src/mock/login.js", "content": "import { getParams } from '@/libs/util'\nconst USER_MAP = {\n super_admin: {\n name: 'super_admin',\n user_id: '1',\n access: ['super_admin', 'admin'],\n token: 'super_admin',\n avatar: 'https://file.iviewui.com/dist/a0e88e83800f138b94d2414621bd9704.png'\n },\n admin: {\n name: 'admin',\n user_id: '2',\n access: ['admin'],\n token: 'admin',\n avatar: 'https://avatars0.githubusercontent.com/u/20942571?s=460&v=4'\n }\n}\n\nexport const login = req => {\n req = JSON.parse(req.body)\n return { token: USER_MAP[req.userName].token }\n}\n\nexport const getUserInfo = req => {\n const params = getParams(req.url)\n return USER_MAP[params.token]\n}\n\nexport const logout = req => {\n return null\n}\n" }, { "path": "src/mock/user.js", "content": "import Mock from 'mockjs'\nimport { doCustomTimes } from '@/libs/util'\nconst Random = Mock.Random\n\nexport const getMessageInit = () => {\n let unreadList = []\n doCustomTimes(3, () => {\n unreadList.push(Mock.mock({\n title: Random.cword(10, 15),\n create_time: '@date',\n msg_id: Random.increment(100)\n }))\n })\n let readedList = []\n doCustomTimes(4, () => {\n readedList.push(Mock.mock({\n title: Random.cword(10, 15),\n create_time: '@date',\n msg_id: Random.increment(100)\n }))\n })\n let trashList = []\n doCustomTimes(2, () => {\n trashList.push(Mock.mock({\n title: Random.cword(10, 15),\n create_time: '@date',\n msg_id: Random.increment(100)\n }))\n })\n return {\n unread: unreadList,\n readed: readedList,\n trash: trashList\n }\n}\n\nexport const getContentByMsgId = () => {\n return `
        这是消息内容，这个内容是使用富文本编辑器编辑的，所以你可以看到一些格式
  1. 你可以查看Mock返回的数据格式，和api请求的接口，来确定你的后端接口的开发
  2. 使用你的真实接口后，前端页面基本不需要修改即可满足基本需求
  3. 快来试试吧

${Random.csentence(100, 200)}

`\n}\n\nexport const hasRead = () => {\n return true\n}\n\nexport const removeReaded = () => {\n return true\n}\n\nexport const restoreTrash = () => {\n return true\n}\n\nexport const messageCount = () => {\n return 3\n}\n" }, { "path": "src/plugin/error-store/index.js", "content": "import store from '@/store'\nexport default {\n install (Vue, options) {\n if (options.developmentOff && process.env.NODE_ENV === 'development') return\n Vue.config.errorHandler = (error, vm, mes) => {\n let info = {\n type: 'script',\n code: 0,\n mes: error.message,\n url: window.location.href\n }\n Vue.nextTick(() => {\n store.dispatch('addErrorLog', info)\n })\n }\n }\n}\n" }, { "path": "src/plugin/index.js", "content": "import config from '@/config'\nconst { plugin } = config\n\nexport default (Vue) => {\n for (let name in plugin) {\n const value = plugin[name]\n Vue.use(require(`./${name}`).default, typeof value === 'object' ? value : undefined)\n }\n}\n" }, { "path": "src/router/before-close.js", "content": "import { Modal } from 'iview'\n\nconst beforeClose = {\n before_close_normal: (resolve) => {\n Modal.confirm({\n title: '确定要关闭这一页吗',\n onOk: () => {\n resolve(true)\n },\n onCancel: () => {\n resolve(false)\n }\n })\n }\n}\n\nexport default beforeClose\n" }, { "path": "src/router/index.js", "content": "import Vue from 'vue'\nimport Router from 'vue-router'\nimport routes from './routers'\nimport store from '@/store'\nimport iView from 'iview'\nimport { setToken, getToken, canTurnTo, setTitle } from '@/libs/util'\nimport config from '@/config'\nconst { homeName } = config\n\nVue.use(Router)\nconst router = new Router({\n routes,\n mode: 'history'\n})\nconst LOGIN_PAGE_NAME = 'login'\n\nconst turnTo = (to, access, next) => {\n if (canTurnTo(to.name, access, routes)) next() // 有权限，可访问\n else next({ replace: true, name: 'error_401' }) // 无权限，重定向到401页面\n}\n\nrouter.beforeEach((to, from, next) => {\n iView.LoadingBar.start()\n const token = getToken()\n if (!token && to.name !== LOGIN_PAGE_NAME) {\n // 未登录且要跳转的页面不是登录页\n next({\n name: LOGIN_PAGE_NAME // 跳转到登录页\n })\n } else if (!token && to.name === LOGIN_PAGE_NAME) {\n // 未登陆且要跳转的页面是登录页\n next() // 跳转\n } else if (token && to.name === LOGIN_PAGE_NAME) {\n // 已登录且要跳转的页面是登录页\n next({\n name: homeName // 跳转到homeName页\n })\n } else {\n if (store.state.user.hasGetInfo) {\n turnTo(to, store.state.user.access, next)\n } else {\n store.dispatch('getUserInfo').then(user => {\n // 拉取用户信息，通过用户权限和跳转的页面的name来判断是否有权限访问;access必须是一个数组，如：['super_admin'] ['super_admin', 'admin']\n turnTo(to, user.access, next)\n }).catch(() => {\n setToken('')\n next({\n name: 'login'\n })\n })\n }\n }\n})\n\nrouter.afterEach(to => {\n setTitle(to, router.app)\n iView.LoadingBar.finish()\n window.scrollTo(0, 0)\n})\n\nexport default router\n" }, { "path": "src/router/routers.js", "content": "import Main from '@/components/main'\nimport parentView from '@/components/parent-view'\n\n/**\n * iview-admin中meta除了原生参数外可配置的参数:\n * meta: {\n * title: { String|Number|Function }\n * 显示在侧边栏、面包屑和标签栏的文字\n * 使用'{{ 多语言字段 }}'形式结合多语言使用，例子看多语言的路由配置;\n * 可以传入一个回调函数，参数是当前路由对象，例子看动态路由和带参路由\n * hideInBread: (false) 设为true后此级路由将不会出现在面包屑中，示例看QQ群路由配置\n * hideInMenu: (false) 设为true后在左侧菜单不会显示该页面选项\n * notCache: (false) 设为true后页面在切换标签后不会缓存，如果需要缓存，无需设置这个字段，而且需要设置页面组件name属性和路由配置的name一致\n * access: (null) 可访问该页面的权限数组，当前路由设置的权限会影响子路由\n * icon: (-) 该页面在左侧菜单、面包屑和标签导航处显示的图标，如果是自定义图标，需要在图标名称前加下划线'_'\n * beforeCloseName: (-) 设置该字段，则在关闭当前tab页时会去'@/router/before-close.js'里寻找该字段名对应的方法，作为关闭前的钩子函数\n * }\n */\n\nexport default [\n {\n path: '/login',\n name: 'login',\n meta: {\n title: 'Login - 登录',\n hideInMenu: true\n },\n component: () => import('@/view/login/login.vue')\n },\n {\n path: '/',\n name: '_home',\n redirect: '/home',\n component: Main,\n meta: {\n hideInMenu: true,\n notCache: true\n },\n children: [\n {\n path: '/home',\n name: 'home',\n meta: {\n hideInMenu: true,\n title: '首页',\n notCache: true,\n icon: 'md-home'\n },\n component: () => import('@/view/single-page/home')\n }\n ]\n },\n {\n path: '',\n name: 'doc',\n meta: {\n title: '文档',\n href: 'https://lison16.github.io/iview-admin-doc/#/',\n icon: 'ios-book'\n }\n },\n {\n path: '/join',\n name: 'join',\n component: Main,\n meta: {\n hideInBread: true\n },\n children: [\n {\n path: 'join_page',\n name: 'join_page',\n meta: {\n icon: '_qq',\n title: 'QQ群'\n },\n component: () => import('@/view/join-page.vue')\n }\n ]\n },\n {\n path: '/message',\n name: 'message',\n component: Main,\n meta: {\n hideInBread: true,\n hideInMenu: true\n },\n children: [\n {\n path: 'message_page',\n name: 'message_page',\n meta: {\n icon: 'md-notifications',\n title: '消息中心'\n },\n component: () => import('@/view/single-page/message/index.vue')\n }\n ]\n },\n {\n path: '/components',\n name: 'components',\n meta: {\n icon: 'logo-buffer',\n title: '组件'\n },\n component: Main,\n children: [\n {\n path: 'tree_select_page',\n name: 'tree_select_page',\n meta: {\n icon: 'md-arrow-dropdown-circle',\n title: '树状下拉选择器'\n },\n component: () => import('@/view/components/tree-select/index.vue')\n },\n {\n path: 'count_to_page',\n name: 'count_to_page',\n meta: {\n icon: 'md-trending-up',\n title: '数字渐变'\n },\n component: () => import('@/view/components/count-to/count-to.vue')\n },\n {\n path: 'drag_list_page',\n name: 'drag_list_page',\n meta: {\n icon: 'ios-infinite',\n title: '拖拽列表'\n },\n component: () => import('@/view/components/drag-list/drag-list.vue')\n },\n {\n path: 'drag_drawer_page',\n name: 'drag_drawer_page',\n meta: {\n icon: 'md-list',\n title: '可拖拽抽屉'\n },\n component: () => import('@/view/components/drag-drawer')\n },\n {\n path: 'org_tree_page',\n name: 'org_tree_page',\n meta: {\n icon: 'ios-people',\n title: '组织结构树'\n },\n component: () => import('@/view/components/org-tree')\n },\n {\n path: 'tree_table_page',\n name: 'tree_table_page',\n meta: {\n icon: 'md-git-branch',\n title: '树状表格'\n },\n component: () => import('@/view/components/tree-table/index.vue')\n },\n {\n path: 'cropper_page',\n name: 'cropper_page',\n meta: {\n icon: 'md-crop',\n title: '图片裁剪'\n },\n component: () => import('@/view/components/cropper/cropper.vue')\n },\n {\n path: 'tables_page',\n name: 'tables_page',\n meta: {\n icon: 'md-grid',\n title: '多功能表格'\n },\n component: () => import('@/view/components/tables/tables.vue')\n },\n {\n path: 'split_pane_page',\n name: 'split_pane_page',\n meta: {\n icon: 'md-pause',\n title: '分割窗口'\n },\n component: () => import('@/view/components/split-pane/split-pane.vue')\n },\n {\n path: 'markdown_page',\n name: 'markdown_page',\n meta: {\n icon: 'logo-markdown',\n title: 'Markdown编辑器'\n },\n component: () => import('@/view/components/markdown/markdown.vue')\n },\n {\n path: 'editor_page',\n name: 'editor_page',\n meta: {\n icon: 'ios-create',\n title: '富文本编辑器'\n },\n component: () => import('@/view/components/editor/editor.vue')\n },\n {\n path: 'icons_page',\n name: 'icons_page',\n meta: {\n icon: '_bear',\n title: '自定义图标'\n },\n component: () => import('@/view/components/icons/icons.vue')\n }\n ]\n },\n {\n path: '/update',\n name: 'update',\n meta: {\n icon: 'md-cloud-upload',\n title: '数据上传'\n },\n component: Main,\n children: [\n {\n path: 'update_table_page',\n name: 'update_table_page',\n meta: {\n icon: 'ios-document',\n title: '上传Csv'\n },\n component: () => import('@/view/update/update-table.vue')\n },\n {\n path: 'update_paste_page',\n name: 'update_paste_page',\n meta: {\n icon: 'md-clipboard',\n title: '粘贴表格数据'\n },\n component: () => import('@/view/update/update-paste.vue')\n }\n ]\n },\n {\n path: '/excel',\n name: 'excel',\n meta: {\n icon: 'ios-stats',\n title: 'EXCEL导入导出'\n },\n component: Main,\n children: [\n {\n path: 'upload-excel',\n name: 'upload-excel',\n meta: {\n icon: 'md-add',\n title: '导入EXCEL'\n },\n component: () => import('@/view/excel/upload-excel.vue')\n },\n {\n path: 'export-excel',\n name: 'export-excel',\n meta: {\n icon: 'md-download',\n title: '导出EXCEL'\n },\n component: () => import('@/view/excel/export-excel.vue')\n }\n ]\n },\n {\n path: '/tools_methods',\n name: 'tools_methods',\n meta: {\n hideInBread: true\n },\n component: Main,\n children: [\n {\n path: 'tools_methods_page',\n name: 'tools_methods_page',\n meta: {\n icon: 'ios-hammer',\n title: '工具方法',\n beforeCloseName: 'before_close_normal'\n },\n component: () => import('@/view/tools-methods/tools-methods.vue')\n }\n ]\n },\n {\n path: '/i18n',\n name: 'i18n',\n meta: {\n hideInBread: true\n },\n component: Main,\n children: [\n {\n path: 'i18n_page',\n name: 'i18n_page',\n meta: {\n icon: 'md-planet',\n title: 'i18n - {{ i18n_page }}'\n },\n component: () => import('@/view/i18n/i18n-page.vue')\n }\n ]\n },\n {\n path: '/error_store',\n name: 'error_store',\n meta: {\n hideInBread: true\n },\n component: Main,\n children: [\n {\n path: 'error_store_page',\n name: 'error_store_page',\n meta: {\n icon: 'ios-bug',\n title: '错误收集'\n },\n component: () => import('@/view/error-store/error-store.vue')\n }\n ]\n },\n {\n path: '/error_logger',\n name: 'error_logger',\n meta: {\n hideInBread: true,\n hideInMenu: true\n },\n component: Main,\n children: [\n {\n path: 'error_logger_page',\n name: 'error_logger_page',\n meta: {\n icon: 'ios-bug',\n title: '错误收集'\n },\n component: () => import('@/view/single-page/error-logger.vue')\n }\n ]\n },\n {\n path: '/directive',\n name: 'directive',\n meta: {\n hideInBread: true\n },\n component: Main,\n children: [\n {\n path: 'directive_page',\n name: 'directive_page',\n meta: {\n icon: 'ios-navigate',\n title: '指令'\n },\n component: () => import('@/view/directive/directive.vue')\n }\n ]\n },\n {\n path: '/multilevel',\n name: 'multilevel',\n meta: {\n icon: 'md-menu',\n title: '多级菜单'\n },\n component: Main,\n children: [\n {\n path: 'level_2_1',\n name: 'level_2_1',\n meta: {\n icon: 'md-funnel',\n title: '二级-1'\n },\n component: () => import('@/view/multilevel/level-2-1.vue')\n },\n {\n path: 'level_2_2',\n name: 'level_2_2',\n meta: {\n access: ['super_admin'],\n icon: 'md-funnel',\n showAlways: true,\n title: '二级-2'\n },\n component: parentView,\n children: [\n {\n path: 'level_2_2_1',\n name: 'level_2_2_1',\n meta: {\n icon: 'md-funnel',\n title: '三级'\n },\n component: () => import('@/view/multilevel/level-2-2/level-2-2-1.vue')\n },\n {\n path: 'level_2_2_2',\n name: 'level_2_2_2',\n meta: {\n icon: 'md-funnel',\n title: '三级'\n },\n component: () => import('@/view/multilevel/level-2-2/level-2-2-2.vue')\n }\n ]\n },\n {\n path: 'level_2_3',\n name: 'level_2_3',\n meta: {\n icon: 'md-funnel',\n title: '二级-3'\n },\n component: () => import('@/view/multilevel/level-2-3.vue')\n }\n ]\n },\n {\n path: '/argu',\n name: 'argu',\n meta: {\n hideInMenu: true\n },\n component: Main,\n children: [\n {\n path: 'params/:id',\n name: 'params',\n meta: {\n icon: 'md-flower',\n title: route => `{{ params }}-${route.params.id}`,\n notCache: true,\n beforeCloseName: 'before_close_normal'\n },\n component: () => import('@/view/argu-page/params.vue')\n },\n {\n path: 'query',\n name: 'query',\n meta: {\n icon: 'md-flower',\n title: route => `{{ query }}-${route.query.id}`,\n notCache: true\n },\n component: () => import('@/view/argu-page/query.vue')\n }\n ]\n },\n {\n path: '/401',\n name: 'error_401',\n meta: {\n hideInMenu: true\n },\n component: () => import('@/view/error-page/401.vue')\n },\n {\n path: '/500',\n name: 'error_500',\n meta: {\n hideInMenu: true\n },\n component: () => import('@/view/error-page/500.vue')\n },\n {\n path: '*',\n name: 'error_404',\n meta: {\n hideInMenu: true\n },\n component: () => import('@/view/error-page/404.vue')\n }\n]\n" }, { "path": "src/store/index.js", "content": "import Vue from 'vue'\nimport Vuex from 'vuex'\n\nimport user from './module/user'\nimport app from './module/app'\n\nVue.use(Vuex)\n\nexport default new Vuex.Store({\n state: {\n //\n },\n mutations: {\n //\n },\n actions: {\n //\n },\n modules: {\n user,\n app\n }\n})\n" }, { "path": "src/store/module/app.js", "content": "import {\n getBreadCrumbList,\n setTagNavListInLocalstorage,\n getMenuByRouter,\n getTagNavListFromLocalstorage,\n getHomeRoute,\n getNextRoute,\n routeHasExist,\n routeEqual,\n getRouteTitleHandled,\n localSave,\n localRead\n} from '@/libs/util'\nimport { saveErrorLogger } from '@/api/data'\nimport router from '@/router'\nimport routers from '@/router/routers'\nimport config from '@/config'\nconst { homeName } = config\n\nconst closePage = (state, route) => {\n const nextRoute = getNextRoute(state.tagNavList, route)\n state.tagNavList = state.tagNavList.filter(item => {\n return !routeEqual(item, route)\n })\n router.push(nextRoute)\n}\n\nexport default {\n state: {\n breadCrumbList: [],\n tagNavList: [],\n homeRoute: {},\n local: localRead('local'),\n errorList: [],\n hasReadErrorPage: false\n },\n getters: {\n menuList: (state, getters, rootState) => getMenuByRouter(routers, rootState.user.access),\n errorCount: state => state.errorList.length\n },\n mutations: {\n setBreadCrumb (state, route) {\n state.breadCrumbList = getBreadCrumbList(route, state.homeRoute)\n },\n setHomeRoute (state, routes) {\n state.homeRoute = getHomeRoute(routes, homeName)\n },\n setTagNavList (state, list) {\n let tagList = []\n if (list) {\n tagList = [...list]\n } else tagList = getTagNavListFromLocalstorage() || []\n if (tagList[0] && tagList[0].name !== homeName) tagList.shift()\n let homeTagIndex = tagList.findIndex(item => item.name === homeName)\n if (homeTagIndex > 0) {\n let homeTag = tagList.splice(homeTagIndex, 1)[0]\n tagList.unshift(homeTag)\n }\n state.tagNavList = tagList\n setTagNavListInLocalstorage([...tagList])\n },\n closeTag (state, route) {\n let tag = state.tagNavList.filter(item => routeEqual(item, route))\n route = tag[0] ? tag[0] : null\n if (!route) return\n closePage(state, route)\n },\n addTag (state, { route, type = 'unshift' }) {\n let router = getRouteTitleHandled(route)\n if (!routeHasExist(state.tagNavList, router)) {\n if (type === 'push') state.tagNavList.push(router)\n else {\n if (router.name === homeName) state.tagNavList.unshift(router)\n else state.tagNavList.splice(1, 0, router)\n }\n setTagNavListInLocalstorage([...state.tagNavList])\n }\n },\n setLocal (state, lang) {\n localSave('local', lang)\n state.local = lang\n },\n addError (state, error) {\n state.errorList.push(error)\n },\n setHasReadErrorLoggerStatus (state, status = true) {\n state.hasReadErrorPage = status\n }\n },\n actions: {\n addErrorLog ({ commit, rootState }, info) {\n if (!window.location.href.includes('error_logger_page')) commit('setHasReadErrorLoggerStatus', false)\n const { user: { token, userId, userName } } = rootState\n let data = {\n ...info,\n time: Date.parse(new Date()),\n token,\n userId,\n userName\n }\n saveErrorLogger(info).then(() => {\n commit('addError', data)\n })\n }\n }\n}\n" }, { "path": "src/store/module/user.js", "content": "import {\n login,\n logout,\n getUserInfo,\n getMessage,\n getContentByMsgId,\n hasRead,\n removeReaded,\n restoreTrash,\n getUnreadCount\n} from '@/api/user'\nimport { setToken, getToken } from '@/libs/util'\n\nexport default {\n state: {\n userName: '',\n userId: '',\n avatarImgPath: '',\n token: getToken(),\n access: '',\n hasGetInfo: false,\n unreadCount: 0,\n messageUnreadList: [],\n messageReadedList: [],\n messageTrashList: [],\n messageContentStore: {}\n },\n mutations: {\n setAvatar (state, avatarPath) {\n state.avatarImgPath = avatarPath\n },\n setUserId (state, id) {\n state.userId = id\n },\n setUserName (state, name) {\n state.userName = name\n },\n setAccess (state, access) {\n state.access = access\n },\n setToken (state, token) {\n state.token = token\n setToken(token)\n },\n setHasGetInfo (state, status) {\n state.hasGetInfo = status\n },\n setMessageCount (state, count) {\n state.unreadCount = count\n },\n setMessageUnreadList (state, list) {\n state.messageUnreadList = list\n },\n setMessageReadedList (state, list) {\n state.messageReadedList = list\n },\n setMessageTrashList (state, list) {\n state.messageTrashList = list\n },\n updateMessageContentStore (state, { msg_id, content }) {\n state.messageContentStore[msg_id] = content\n },\n moveMsg (state, { from, to, msg_id }) {\n const index = state[from].findIndex(_ => _.msg_id === msg_id)\n const msgItem = state[from].splice(index, 1)[0]\n msgItem.loading = false\n state[to].unshift(msgItem)\n }\n },\n getters: {\n messageUnreadCount: state => state.messageUnreadList.length,\n messageReadedCount: state => state.messageReadedList.length,\n messageTrashCount: state => state.messageTrashList.length\n },\n actions: {\n // 登录\n handleLogin ({ commit }, { userName, password }) {\n userName = userName.trim()\n return new Promise((resolve, reject) => {\n login({\n userName,\n password\n }).then(res => {\n const data = res.data\n commit('setToken', data.token)\n resolve()\n }).catch(err => {\n reject(err)\n })\n })\n },\n // 退出登录\n handleLogOut ({ state, commit }) {\n return new Promise((resolve, reject) => {\n logout(state.token).then(() => {\n commit('setToken', '')\n commit('setAccess', [])\n resolve()\n }).catch(err => {\n reject(err)\n })\n // 如果你的退出登录无需请求接口，则可以直接使用下面三行代码而无需使用logout调用接口\n // commit('setToken', '')\n // commit('setAccess', [])\n // resolve()\n })\n },\n // 获取用户相关信息\n getUserInfo ({ state, commit }) {\n return new Promise((resolve, reject) => {\n try {\n getUserInfo(state.token).then(res => {\n const data = res.data\n commit('setAvatar', data.avatar)\n commit('setUserName', data.name)\n commit('setUserId', data.user_id)\n commit('setAccess', data.access)\n commit('setHasGetInfo', true)\n resolve(data)\n }).catch(err => {\n reject(err)\n })\n } catch (error) {\n reject(error)\n }\n })\n },\n // 此方法用来获取未读消息条数，接口只返回数值，不返回消息列表\n getUnreadMessageCount ({ state, commit }) {\n getUnreadCount().then(res => {\n const { data } = res\n commit('setMessageCount', data)\n })\n },\n // 获取消息列表，其中包含未读、已读、回收站三个列表\n getMessageList ({ state, commit }) {\n return new Promise((resolve, reject) => {\n getMessage().then(res => {\n const { unread, readed, trash } = res.data\n commit('setMessageUnreadList', unread.sort((a, b) => new Date(b.create_time) - new Date(a.create_time)))\n commit('setMessageReadedList', readed.map(_ => {\n _.loading = false\n return _\n }).sort((a, b) => new Date(b.create_time) - new Date(a.create_time)))\n commit('setMessageTrashList', trash.map(_ => {\n _.loading = false\n return _\n }).sort((a, b) => new Date(b.create_time) - new Date(a.create_time)))\n resolve()\n }).catch(error => {\n reject(error)\n })\n })\n },\n // 根据当前点击的消息的id获取内容\n getContentByMsgId ({ state, commit }, { msg_id }) {\n return new Promise((resolve, reject) => {\n let contentItem = state.messageContentStore[msg_id]\n if (contentItem) {\n resolve(contentItem)\n } else {\n getContentByMsgId(msg_id).then(res => {\n const content = res.data\n commit('updateMessageContentStore', { msg_id, content })\n resolve(content)\n })\n }\n })\n },\n // 把一个未读消息标记为已读\n hasRead ({ state, commit }, { msg_id }) {\n return new Promise((resolve, reject) => {\n hasRead(msg_id).then(() => {\n commit('moveMsg', {\n from: 'messageUnreadList',\n to: 'messageReadedList',\n msg_id\n })\n commit('setMessageCount', state.unreadCount - 1)\n resolve()\n }).catch(error => {\n reject(error)\n })\n })\n },\n // 删除一个已读消息到回收站\n removeReaded ({ commit }, { msg_id }) {\n return new Promise((resolve, reject) => {\n removeReaded(msg_id).then(() => {\n commit('moveMsg', {\n from: 'messageReadedList',\n to: 'messageTrashList',\n msg_id\n })\n resolve()\n }).catch(error => {\n reject(error)\n })\n })\n },\n // 还原一个已删除消息到已读消息\n restoreTrash ({ commit }, { msg_id }) {\n return new Promise((resolve, reject) => {\n restoreTrash(msg_id).then(() => {\n commit('moveMsg', {\n from: 'messageTrashList',\n to: 'messageReadedList',\n msg_id\n })\n resolve()\n }).catch(error => {\n reject(error)\n })\n })\n }\n }\n}\n" }, { "path": "src/view/argu-page/params.vue", "content": "\n\n\n\n\n" }, { "path": "src/view/argu-page/query.vue", "content": "\n\n\n\n\n" }, { "path": "src/view/components/count-to/count-to.vue", "content": "\n\n\n\n\n" }, { "path": "src/view/components/cropper/cropper.vue", "content": "\n\n\n\n\n" }, { "path": "src/view/components/drag-drawer/index.vue", "content": "\n\n\n\n\n" }, { "path": "src/view/components/drag-list/drag-list.vue", "content": "\n\n\n" }, { "path": "src/view/components/editor/editor.vue", "content": "\n\n\n\n\n" }, { "path": "src/view/components/icons/icons.vue", "content": "\n\n\n\n\n" }, { "path": "src/view/components/markdown/markdown.vue", "content": "\n\n\n\n\n" }, { "path": "src/view/components/org-tree/components/org-view.vue", "content": "\n\n\n\n\n" }, { "path": "src/view/components/org-tree/components/zoom-controller.vue", "content": "\n\n\n\n\n" }, { "path": "src/view/components/org-tree/index.less", "content": "@wrapper: ~'department';\n.percent-100 {\n width: 100%;\n height: 100%;\n}\n.@{wrapper}-outer {\n .percent-100;\n overflow: hidden;\n .tip-box{\n position: absolute;\n left: 20px;\n top: 20px;\n z-index: 12;\n }\n .zoom-box {\n position: absolute;\n right: 30px;\n bottom: 30px;\n z-index: 2;\n }\n .view-box {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 1;\n cursor: move;\n .org-tree-drag-wrapper {\n width: 100%;\n height: 100%;\n }\n .org-tree-wrapper {\n display: inline-block;\n position: absolute;\n left: 50%;\n top: 50%;\n transition: transform 0.2s ease-out;\n .org-tree-node-label {\n box-shadow: 0px 2px 12px 0px rgba(143, 154, 165, 0.4);\n border-radius: 4px;\n .org-tree-node-label-inner {\n padding: 0;\n .custom-org-node {\n padding: 14px 41px;\n background: #738699;\n user-select: none;\n word-wrap: none;\n white-space: nowrap;\n border-radius: 4px;\n color: #ffffff;\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n transition: background 0.1s ease-in;\n cursor: default;\n &:hover {\n background: #5d6c7b;\n transition: background 0.1s ease-in;\n }\n &.has-children-label {\n cursor: pointer;\n }\n .context-menu{\n position: absolute;\n right: -10px;\n bottom: 20px;\n z-index: 10;\n }\n }\n }\n }\n }\n }\n}\n" }, { "path": "src/view/components/org-tree/index.vue", "content": "\n\n\n\n\n" }, { "path": "src/view/components/split-pane/split-pane.vue", "content": "\n\n\n\n\n" }, { "path": "src/view/components/tables/tables.vue", "content": "\n\n\n\n\n" }, { "path": "src/view/components/tree-select/index.vue", "content": "\n\n\n\n\n" }, { "path": "src/view/components/tree-table/index.vue", "content": "\n\n\n\n\n" }, { "path": "src/view/directive/directive.vue", "content": "\n\n\n\n\n" }, { "path": "src/view/error-page/401.vue", "content": "\n\n\n" }, { "path": "src/view/error-page/404.vue", "content": "\n\n\n" }, { "path": "src/view/error-page/500.vue", "content": "\n\n\n" }, { "path": "src/view/error-page/back-btn-group.vue", "content": "\n\n\n" }, { "path": "src/view/error-page/error-content.vue", "content": "\n\n\n" }, { "path": "src/view/error-page/error.less", "content": ".error-page{\n width: 100%;\n height: 100%;\n position: relative;\n background: #f8f8f9;\n .content-con{\n width: 700px;\n height: 600px;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -60%);\n img{\n display: block;\n width: 100%;\n height: 100%;\n }\n .text-con{\n position: absolute;\n left: 0px;\n top: 0px;\n h4{\n position: absolute;\n left: 0px;\n top: 0px;\n font-size: 80px;\n font-weight: 700;\n color: #348EED;\n }\n h5{\n position: absolute;\n width: 700px;\n left: 0px;\n top: 100px;\n font-size: 20px;\n font-weight: 700;\n color: #67647D;\n }\n }\n .back-btn-group{\n position: absolute;\n right: 0px;\n bottom: 20px;\n }\n }\n}\n" }, { "path": "src/view/error-store/error-store.vue", "content": "\n\n\n\n\n" }, { "path": "src/view/excel/common.less", "content": ".margin-top-8{\n margin-top: 8px;\n}\n.margin-top-10{\n margin-top: 10px;\n}\n.margin-top-20{\n margin-top: 20px;\n}\n.margin-left-10{\n margin-left: 10px;\n}\n.margin-bottom-10{\n margin-bottom: 10px;\n}\n.margin-bottom-100{\n margin-bottom: 100px;\n}\n.margin-right-10{\n margin-right: 10px;\n}\n.padding-left-6{\n padding-left: 6px;\n}\n.padding-left-8{\n padding-left: 5px;\n}\n.padding-left-10{\n padding-left: 10px;\n}\n.padding-left-20{\n padding-left: 20px;\n}\n.height-100{\n height: 100%;\n}\n.height-120px{\n height: 100px;\n}\n.height-200px{\n height: 200px;\n}\n.height-492px{\n height: 492px;\n}\n.height-460px{\n height: 460px;\n}\n.line-gray{\n height: 0;\n border-bottom: 2px solid #dcdcdc;\n}\n.notwrap{\n word-break:keep-all; \n white-space:nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.padding-left-5{\n padding-left: 10px;\n}\n[v-cloak]{\n display: none;\n}" }, { "path": "src/view/excel/export-excel.vue", "content": "\n\n\n" }, { "path": "src/view/excel/upload-excel.vue", "content": "\n\n\n" }, { "path": "src/view/i18n/i18n-page.vue", "content": "\n\n\n\n\n" }, { "path": "src/view/join-page.vue", "content": "\n\n\n\n" }, { "path": "src/view/login/login.less", "content": ".login{\n width: 100%;\n height: 100%;\n background-image: url('../../assets/images/login-bg.jpg');\n background-size: cover;\n background-position: center;\n position: relative;\n &-con{\n position: absolute;\n right: 160px;\n top: 50%;\n transform: translateY(-60%);\n width: 300px;\n &-header{\n font-size: 16px;\n font-weight: 300;\n text-align: center;\n padding: 30px 0;\n }\n .form-con{\n padding: 10px 0 0;\n }\n .login-tip{\n font-size: 10px;\n text-align: center;\n color: #c3c3c3;\n }\n }\n}\n" }, { "path": "src/view/login/login.vue", "content": "\n\n\n\n\n\n\n" }, { "path": "src/view/multilevel/level-2-1.vue", "content": "\n\n" }, { "path": "src/view/multilevel/level-2-2/level-2-2-1.vue", "content": "\n\n" }, { "path": "src/view/multilevel/level-2-2/level-2-2-2.vue", "content": "\n\n" }, { "path": "src/view/multilevel/level-2-3.vue", "content": "\n\n" }, { "path": "src/view/single-page/error-logger.vue", "content": "\n\n\n\n\n" }, { "path": "src/view/single-page/home/example.vue", "content": "\n\n\n" }, { "path": "src/view/single-page/home/home.vue", "content": "\n\n\n\n\n" }, { "path": "src/view/single-page/home/index.js", "content": "import home from './home.vue'\nexport default home\n" }, { "path": "src/view/single-page/message/index.vue", "content": "\n\n\n\n\n" }, { "path": "src/view/tools-methods/tools-methods.vue", "content": "\n\n\n\n\n" }, { "path": "src/view/update/update-paste.vue", "content": "\n\n\n\n\n" }, { "path": "src/view/update/update-table.vue", "content": "\n\n\n\n\n" }, { "path": "tests/e2e/.eslintrc", "content": "{\n \"plugins\": [\n \"cypress\"\n ],\n \"env\": {\n \"mocha\": true,\n \"cypress/globals\": true\n },\n \"rules\": {\n \"strict\": \"off\"\n }\n}\n" }, { "path": "tests/e2e/plugins/index.js", "content": "// https://docs.cypress.io/guides/guides/plugins-guide.html\n\nmodule.exports = (on, config) => Object.assign({}, config, {\n fixturesFolder: 'tests/e2e/fixtures',\n integrationFolder: 'tests/e2e/specs',\n screenshotsFolder: 'tests/e2e/screenshots',\n videosFolder: 'tests/e2e/videos',\n supportFile: 'tests/e2e/support/index.js'\n})\n" }, { "path": "tests/e2e/specs/test.js", "content": "// https://docs.cypress.io/api/introduction/api.html\n\ndescribe('My First Test', () => {\n it('Visits the app root url', () => {\n cy.visit('/')\n cy.contains('h1', 'Welcome to Your Vue.js App')\n })\n})\n" }, { "path": "tests/e2e/support/commands.js", "content": "// ***********************************************\n// This example commands.js shows you how to\n// create various custom commands and overwrite\n// existing commands.\n//\n// For more comprehensive examples of custom\n// commands please read more here:\n// https://on.cypress.io/custom-commands\n// ***********************************************\n//\n//\n// -- This is a parent command --\n// Cypress.Commands.add(\"login\", (email, password) => { ... })\n//\n//\n// -- This is a child command --\n// Cypress.Commands.add(\"drag\", { prevSubject: 'element'}, (subject, options) => { ... })\n//\n//\n// -- This is a dual command --\n// Cypress.Commands.add(\"dismiss\", { prevSubject: 'optional'}, (subject, options) => { ... })\n//\n//\n// -- This is will overwrite an existing command --\n// Cypress.Commands.overwrite(\"visit\", (originalFn, url, options) => { ... })\n" }, { "path": "tests/e2e/support/index.js", "content": "// ***********************************************************\n// This example support/index.js is processed and\n// loaded automatically before your test files.\n//\n// This is a great place to put global configuration and\n// behavior that modifies Cypress.\n//\n// You can change the location of this file or turn off\n// automatically serving support files with the\n// 'supportFile' configuration option.\n//\n// You can read more here:\n// https://on.cypress.io/configuration\n// ***********************************************************\n\n// Import commands.js using ES2015 syntax:\nimport './commands'\n\n// Alternatively you can use CommonJS syntax:\n// require('./commands')\n" }, { "path": "tests/unit/.eslintrc.js", "content": "module.exports = {\n env: {\n mocha: true\n },\n rules: {\n 'import/no-extraneous-dependencies': 'off'\n }\n}\n" }, { "path": "tests/unit/HelloWorld.spec.js", "content": "import { expect } from 'chai'\nimport { shallow } from '@vue/test-utils'\nimport HelloWorld from '@/components/HelloWorld.vue'\n\ndescribe('HelloWorld.vue', () => {\n it('renders props.msg when passed', () => {\n const msg = 'new message'\n const wrapper = shallow(HelloWorld, {\n propsData: { msg }\n })\n expect(wrapper.text()).to.include(msg)\n })\n})\n" }, { "path": "vue.config.js", "content": "const path = require('path')\n\nconst resolve = dir => {\n return path.join(__dirname, dir)\n}\n\n// 项目部署基础\n// 默认情况下，我们假设你的应用将被部署在域的根目录下,\n// 例如：https://www.my-app.com/\n// 默认：'/'\n// 如果您的应用程序部署在子路径中，则需要在这指定子路径\n// 例如：https://www.foobar.com/my-app/\n// 需要将它改为'/my-app/'\n// iview-admin线上演示打包路径： https://file.iviewui.com/admin-dist/\nconst BASE_URL = process.env.NODE_ENV === 'production'\n ? '/'\n : '/'\n\nmodule.exports = {\n // Project deployment base\n // By default we assume your app will be deployed at the root of a domain,\n // e.g. https://www.my-app.com/\n // If your app is deployed at a sub-path, you will need to specify that\n // sub-path here. For example, if your app is deployed at\n // https://www.foobar.com/my-app/\n // then change this to '/my-app/'\n baseUrl: BASE_URL,\n // tweak internal webpack configuration.\n // see https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md\n // 如果你不需要使用eslint，把lintOnSave设为false即可\n lintOnSave: true,\n chainWebpack: config => {\n config.resolve.alias\n .set('@', resolve('src')) // key,value自行定义，比如.set('@@', resolve('src/components'))\n .set('_c', resolve('src/components'))\n },\n // 设为false打包时不生成.map文件\n productionSourceMap: false\n // 这里写你调用接口的基础路径，来解决跨域，如果设置了代理，那你本地开发环境的axios的baseUrl要写为 '' ，即空字符串\n // devServer: {\n // proxy: 'localhost:3000'\n // }\n}\n" } ]