liuwk
6 years ago
257 changed files with 37948 additions and 0 deletions
@ -0,0 +1,3 @@ |
|||||
|
> 1% |
||||
|
last 2 versions |
||||
|
not ie <= 8 |
||||
@ -0,0 +1,23 @@ |
|||||
|
.DS_Store |
||||
|
node_modules |
||||
|
/dist |
||||
|
/src/router/index.js |
||||
|
|
||||
|
# local env files |
||||
|
.env.local |
||||
|
.env.*.local |
||||
|
|
||||
|
# Log files |
||||
|
npm-debug.log* |
||||
|
yarn-debug.log* |
||||
|
yarn-error.log* |
||||
|
|
||||
|
# Editor directories and files |
||||
|
.idea |
||||
|
.vscode |
||||
|
*.suo |
||||
|
*.ntvs* |
||||
|
*.njsproj |
||||
|
*.sln |
||||
|
*.sw* |
||||
|
|
||||
@ -0,0 +1,4 @@ |
|||||
|
module.exports = { |
||||
|
/* fix https://github.com/vuejs/vue-cli/issues/3678 */ |
||||
|
presets: [["@vue/app", { useBuiltIns: "entry" }]] |
||||
|
} |
||||
@ -0,0 +1,10 @@ |
|||||
|
{ |
||||
|
"compilerOptions": { |
||||
|
"baseUrl": "./", |
||||
|
"paths": { |
||||
|
"@/*": [ |
||||
|
"src/*" |
||||
|
], |
||||
|
} |
||||
|
} |
||||
|
} |
||||
File diff suppressed because it is too large
@ -0,0 +1,60 @@ |
|||||
|
{ |
||||
|
"name": "vue-admin3", |
||||
|
"version": "0.1.0", |
||||
|
"private": true, |
||||
|
"scripts": { |
||||
|
"serve": "vue-cli-service serve", |
||||
|
"build": "vue-cli-service build" |
||||
|
}, |
||||
|
"dependencies": { |
||||
|
"awe-dnd": "^0.3.4", |
||||
|
"axios": "0.18.0", |
||||
|
"clipboard": "1.7.1", |
||||
|
"codemirror": "5.39.2", |
||||
|
"driver.js": "0.8.1", |
||||
|
"dropzone": "5.2.0", |
||||
|
"echarts": "4.1.0", |
||||
|
"element-china-area-data": "^4.1.2", |
||||
|
"element-ui": "2.4.11", |
||||
|
"file-saver": "1.3.8", |
||||
|
"fuse.js": "3.4.2", |
||||
|
"js-cookie": "2.2.0", |
||||
|
"jsonlint": "1.6.3", |
||||
|
"jszip": "3.1.5", |
||||
|
"lodash": "^4.17.11", |
||||
|
"lodash.map": "^4.6.0", |
||||
|
"lodash.sortby": "^4.7.0", |
||||
|
"mockjs": "^1.0.1-beta3", |
||||
|
"moment": "^2.24.0", |
||||
|
"normalize.css": "7.0.0", |
||||
|
"nprogress": "0.2.0", |
||||
|
"qiniu-js": "^2.5.4", |
||||
|
"screenfull": "4.0.0", |
||||
|
"showdown": "1.8.6", |
||||
|
"sortablejs": "1.7.0", |
||||
|
"tui-editor": "1.2.7", |
||||
|
"vue": "^2.6.10", |
||||
|
"vue-count-to": "1.0.13", |
||||
|
"vue-router": "^3.0.2", |
||||
|
"vue-splitpane": "1.0.2", |
||||
|
"vue-sticky": "^3.3.4", |
||||
|
"vue-sticky-directive": "^0.0.8", |
||||
|
"vue-video-player": "^5.0.2", |
||||
|
"vuedraggable": "^2.20.0", |
||||
|
"vuex": "^3.1.0", |
||||
|
"xlsx": "^0.11.16" |
||||
|
}, |
||||
|
"devDependencies": { |
||||
|
"@vue/cli-plugin-babel": "^3.5.0", |
||||
|
"@vue/cli-service": "^3.5.0", |
||||
|
"babel-preset-es2015": "^6.24.1", |
||||
|
"babel-register": "^6.26.0", |
||||
|
"body-parser": "^1.18.3", |
||||
|
"fibers": "^3.1.1", |
||||
|
"lodash.clone": "^4.5.0", |
||||
|
"postcss-calc": "^7.0.1", |
||||
|
"sass": "^1.17.2", |
||||
|
"sass-loader": "^7.1.0", |
||||
|
"vue-template-compiler": "^2.5.21" |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,6 @@ |
|||||
|
module.exports = { |
||||
|
plugins: { |
||||
|
autoprefixer: {}, |
||||
|
'postcss-calc': {}, |
||||
|
} |
||||
|
} |
||||
|
After Width: | Height: | Size: 66 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
@ -0,0 +1,31 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html lang="en"> |
||||
|
|
||||
|
<head> |
||||
|
<meta charset="utf-8"> |
||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
||||
|
<meta name="viewport" content="width=device-width,initial-scale=1.0"> |
||||
|
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> |
||||
|
<title>趣匣后台管理系统</title> |
||||
|
</head> |
||||
|
|
||||
|
<body> |
||||
|
<noscript> |
||||
|
<strong>We're sorry but vue-admin3 doesn't work properly without JavaScript enabled. Please enable it to |
||||
|
continue.</strong> |
||||
|
</noscript> |
||||
|
<div id="app"></div> |
||||
|
<!-- ali iconfont --> |
||||
|
<!-- <script src="/static/iconfont/iconfont.js"></script> --> |
||||
|
<!-- <script src="//at.alicdn.com/t/font_1118495_6ibsffxed7y.js"></script> --> |
||||
|
<script src="//at.alicdn.com/t/font_1118495_x0l7sgouyg9.js"></script> |
||||
|
<script src="//at.alicdn.com/t/font_1118495_l9d2ctejxr.js"></script> |
||||
|
<script src="//at.alicdn.com/t/font_1118495_8gx7uj5mos9.js"></script> |
||||
|
<script src="//at.alicdn.com/t/font_1118495_qy9m22tik77.js"></script> |
||||
|
<!-- lodash --> |
||||
|
<script src="https://cdn.bootcss.com/lodash.js/4.17.12-pre/lodash.min.js"></script> |
||||
|
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> |
||||
|
<!-- built files will be auto injected --> |
||||
|
</body> |
||||
|
|
||||
|
</html> |
||||
@ -0,0 +1,539 @@ |
|||||
|
/* Logo 字体 */ |
||||
|
@font-face { |
||||
|
font-family: "iconfont logo"; |
||||
|
src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834'); |
||||
|
src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'), |
||||
|
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'), |
||||
|
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'), |
||||
|
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg'); |
||||
|
} |
||||
|
|
||||
|
.logo { |
||||
|
font-family: "iconfont logo"; |
||||
|
font-size: 160px; |
||||
|
font-style: normal; |
||||
|
-webkit-font-smoothing: antialiased; |
||||
|
-moz-osx-font-smoothing: grayscale; |
||||
|
} |
||||
|
|
||||
|
/* tabs */ |
||||
|
.nav-tabs { |
||||
|
position: relative; |
||||
|
} |
||||
|
|
||||
|
.nav-tabs .nav-more { |
||||
|
position: absolute; |
||||
|
right: 0; |
||||
|
bottom: 0; |
||||
|
height: 42px; |
||||
|
line-height: 42px; |
||||
|
color: #666; |
||||
|
} |
||||
|
|
||||
|
#tabs { |
||||
|
border-bottom: 1px solid #eee; |
||||
|
} |
||||
|
|
||||
|
#tabs li { |
||||
|
cursor: pointer; |
||||
|
width: 100px; |
||||
|
height: 40px; |
||||
|
line-height: 40px; |
||||
|
text-align: center; |
||||
|
font-size: 16px; |
||||
|
border-bottom: 2px solid transparent; |
||||
|
position: relative; |
||||
|
z-index: 1; |
||||
|
margin-bottom: -1px; |
||||
|
color: #666; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
#tabs .active { |
||||
|
border-bottom-color: #f00; |
||||
|
color: #222; |
||||
|
} |
||||
|
|
||||
|
.tab-container .content { |
||||
|
display: none; |
||||
|
} |
||||
|
|
||||
|
/* 页面布局 */ |
||||
|
.main { |
||||
|
padding: 30px 100px; |
||||
|
width: 960px; |
||||
|
margin: 0 auto; |
||||
|
} |
||||
|
|
||||
|
.main .logo { |
||||
|
color: #333; |
||||
|
text-align: left; |
||||
|
margin-bottom: 30px; |
||||
|
line-height: 1; |
||||
|
height: 110px; |
||||
|
margin-top: -50px; |
||||
|
overflow: hidden; |
||||
|
*zoom: 1; |
||||
|
} |
||||
|
|
||||
|
.main .logo a { |
||||
|
font-size: 160px; |
||||
|
color: #333; |
||||
|
} |
||||
|
|
||||
|
.helps { |
||||
|
margin-top: 40px; |
||||
|
} |
||||
|
|
||||
|
.helps pre { |
||||
|
padding: 20px; |
||||
|
margin: 10px 0; |
||||
|
border: solid 1px #e7e1cd; |
||||
|
background-color: #fffdef; |
||||
|
overflow: auto; |
||||
|
} |
||||
|
|
||||
|
.icon_lists { |
||||
|
width: 100% !important; |
||||
|
overflow: hidden; |
||||
|
*zoom: 1; |
||||
|
} |
||||
|
|
||||
|
.icon_lists li { |
||||
|
width: 100px; |
||||
|
margin-bottom: 10px; |
||||
|
margin-right: 20px; |
||||
|
text-align: center; |
||||
|
list-style: none !important; |
||||
|
cursor: default; |
||||
|
} |
||||
|
|
||||
|
.icon_lists li .code-name { |
||||
|
line-height: 1.2; |
||||
|
} |
||||
|
|
||||
|
.icon_lists .icon { |
||||
|
display: block; |
||||
|
height: 100px; |
||||
|
line-height: 100px; |
||||
|
font-size: 42px; |
||||
|
margin: 10px auto; |
||||
|
color: #333; |
||||
|
-webkit-transition: font-size 0.25s linear, width 0.25s linear; |
||||
|
-moz-transition: font-size 0.25s linear, width 0.25s linear; |
||||
|
transition: font-size 0.25s linear, width 0.25s linear; |
||||
|
} |
||||
|
|
||||
|
.icon_lists .icon:hover { |
||||
|
font-size: 100px; |
||||
|
} |
||||
|
|
||||
|
.icon_lists .svg-icon { |
||||
|
/* 通过设置 font-size 来改变图标大小 */ |
||||
|
width: 1em; |
||||
|
/* 图标和文字相邻时，垂直对齐 */ |
||||
|
vertical-align: -0.15em; |
||||
|
/* 通过设置 color 来改变 SVG 的颜色/fill */ |
||||
|
fill: currentColor; |
||||
|
/* path 和 stroke 溢出 viewBox 部分在 IE 下会显示 |
||||
|
normalize.css 中也包含这行 */ |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
|
||||
|
.icon_lists li .name, |
||||
|
.icon_lists li .code-name { |
||||
|
color: #666; |
||||
|
} |
||||
|
|
||||
|
/* markdown 样式 */ |
||||
|
.markdown { |
||||
|
color: #666; |
||||
|
font-size: 14px; |
||||
|
line-height: 1.8; |
||||
|
} |
||||
|
|
||||
|
.highlight { |
||||
|
line-height: 1.5; |
||||
|
} |
||||
|
|
||||
|
.markdown img { |
||||
|
vertical-align: middle; |
||||
|
max-width: 100%; |
||||
|
} |
||||
|
|
||||
|
.markdown h1 { |
||||
|
color: #404040; |
||||
|
font-weight: 500; |
||||
|
line-height: 40px; |
||||
|
margin-bottom: 24px; |
||||
|
} |
||||
|
|
||||
|
.markdown h2, |
||||
|
.markdown h3, |
||||
|
.markdown h4, |
||||
|
.markdown h5, |
||||
|
.markdown h6 { |
||||
|
color: #404040; |
||||
|
margin: 1.6em 0 0.6em 0; |
||||
|
font-weight: 500; |
||||
|
clear: both; |
||||
|
} |
||||
|
|
||||
|
.markdown h1 { |
||||
|
font-size: 28px; |
||||
|
} |
||||
|
|
||||
|
.markdown h2 { |
||||
|
font-size: 22px; |
||||
|
} |
||||
|
|
||||
|
.markdown h3 { |
||||
|
font-size: 16px; |
||||
|
} |
||||
|
|
||||
|
.markdown h4 { |
||||
|
font-size: 14px; |
||||
|
} |
||||
|
|
||||
|
.markdown h5 { |
||||
|
font-size: 12px; |
||||
|
} |
||||
|
|
||||
|
.markdown h6 { |
||||
|
font-size: 12px; |
||||
|
} |
||||
|
|
||||
|
.markdown hr { |
||||
|
height: 1px; |
||||
|
border: 0; |
||||
|
background: #e9e9e9; |
||||
|
margin: 16px 0; |
||||
|
clear: both; |
||||
|
} |
||||
|
|
||||
|
.markdown p { |
||||
|
margin: 1em 0; |
||||
|
} |
||||
|
|
||||
|
.markdown>p, |
||||
|
.markdown>blockquote, |
||||
|
.markdown>.highlight, |
||||
|
.markdown>ol, |
||||
|
.markdown>ul { |
||||
|
width: 80%; |
||||
|
} |
||||
|
|
||||
|
.markdown ul>li { |
||||
|
list-style: circle; |
||||
|
} |
||||
|
|
||||
|
.markdown>ul li, |
||||
|
.markdown blockquote ul>li { |
||||
|
margin-left: 20px; |
||||
|
padding-left: 4px; |
||||
|
} |
||||
|
|
||||
|
.markdown>ul li p, |
||||
|
.markdown>ol li p { |
||||
|
margin: 0.6em 0; |
||||
|
} |
||||
|
|
||||
|
.markdown ol>li { |
||||
|
list-style: decimal; |
||||
|
} |
||||
|
|
||||
|
.markdown>ol li, |
||||
|
.markdown blockquote ol>li { |
||||
|
margin-left: 20px; |
||||
|
padding-left: 4px; |
||||
|
} |
||||
|
|
||||
|
.markdown code { |
||||
|
margin: 0 3px; |
||||
|
padding: 0 5px; |
||||
|
background: #eee; |
||||
|
border-radius: 3px; |
||||
|
} |
||||
|
|
||||
|
.markdown strong, |
||||
|
.markdown b { |
||||
|
font-weight: 600; |
||||
|
} |
||||
|
|
||||
|
.markdown>table { |
||||
|
border-collapse: collapse; |
||||
|
border-spacing: 0px; |
||||
|
empty-cells: show; |
||||
|
border: 1px solid #e9e9e9; |
||||
|
width: 95%; |
||||
|
margin-bottom: 24px; |
||||
|
} |
||||
|
|
||||
|
.markdown>table th { |
||||
|
white-space: nowrap; |
||||
|
color: #333; |
||||
|
font-weight: 600; |
||||
|
} |
||||
|
|
||||
|
.markdown>table th, |
||||
|
.markdown>table td { |
||||
|
border: 1px solid #e9e9e9; |
||||
|
padding: 8px 16px; |
||||
|
text-align: left; |
||||
|
} |
||||
|
|
||||
|
.markdown>table th { |
||||
|
background: #F7F7F7; |
||||
|
} |
||||
|
|
||||
|
.markdown blockquote { |
||||
|
font-size: 90%; |
||||
|
color: #999; |
||||
|
border-left: 4px solid #e9e9e9; |
||||
|
padding-left: 0.8em; |
||||
|
margin: 1em 0; |
||||
|
} |
||||
|
|
||||
|
.markdown blockquote p { |
||||
|
margin: 0; |
||||
|
} |
||||
|
|
||||
|
.markdown .anchor { |
||||
|
opacity: 0; |
||||
|
transition: opacity 0.3s ease; |
||||
|
margin-left: 8px; |
||||
|
} |
||||
|
|
||||
|
.markdown .waiting { |
||||
|
color: #ccc; |
||||
|
} |
||||
|
|
||||
|
.markdown h1:hover .anchor, |
||||
|
.markdown h2:hover .anchor, |
||||
|
.markdown h3:hover .anchor, |
||||
|
.markdown h4:hover .anchor, |
||||
|
.markdown h5:hover .anchor, |
||||
|
.markdown h6:hover .anchor { |
||||
|
opacity: 1; |
||||
|
display: inline-block; |
||||
|
} |
||||
|
|
||||
|
.markdown>br, |
||||
|
.markdown>p>br { |
||||
|
clear: both; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
.hljs { |
||||
|
display: block; |
||||
|
background: white; |
||||
|
padding: 0.5em; |
||||
|
color: #333333; |
||||
|
overflow-x: auto; |
||||
|
} |
||||
|
|
||||
|
.hljs-comment, |
||||
|
.hljs-meta { |
||||
|
color: #969896; |
||||
|
} |
||||
|
|
||||
|
.hljs-string, |
||||
|
.hljs-variable, |
||||
|
.hljs-template-variable, |
||||
|
.hljs-strong, |
||||
|
.hljs-emphasis, |
||||
|
.hljs-quote { |
||||
|
color: #df5000; |
||||
|
} |
||||
|
|
||||
|
.hljs-keyword, |
||||
|
.hljs-selector-tag, |
||||
|
.hljs-type { |
||||
|
color: #a71d5d; |
||||
|
} |
||||
|
|
||||
|
.hljs-literal, |
||||
|
.hljs-symbol, |
||||
|
.hljs-bullet, |
||||
|
.hljs-attribute { |
||||
|
color: #0086b3; |
||||
|
} |
||||
|
|
||||
|
.hljs-section, |
||||
|
.hljs-name { |
||||
|
color: #63a35c; |
||||
|
} |
||||
|
|
||||
|
.hljs-tag { |
||||
|
color: #333333; |
||||
|
} |
||||
|
|
||||
|
.hljs-title, |
||||
|
.hljs-attr, |
||||
|
.hljs-selector-id, |
||||
|
.hljs-selector-class, |
||||
|
.hljs-selector-attr, |
||||
|
.hljs-selector-pseudo { |
||||
|
color: #795da3; |
||||
|
} |
||||
|
|
||||
|
.hljs-addition { |
||||
|
color: #55a532; |
||||
|
background-color: #eaffea; |
||||
|
} |
||||
|
|
||||
|
.hljs-deletion { |
||||
|
color: #bd2c00; |
||||
|
background-color: #ffecec; |
||||
|
} |
||||
|
|
||||
|
.hljs-link { |
||||
|
text-decoration: underline; |
||||
|
} |
||||
|
|
||||
|
/* 代码高亮 */ |
||||
|
/* PrismJS 1.15.0 |
||||
|
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */ |
||||
|
/** |
||||
|
* prism.js default theme for JavaScript, CSS and HTML |
||||
|
* Based on dabblet (http://dabblet.com) |
||||
|
* @author Lea Verou |
||||
|
*/ |
||||
|
code[class*="language-"], |
||||
|
pre[class*="language-"] { |
||||
|
color: black; |
||||
|
background: none; |
||||
|
text-shadow: 0 1px white; |
||||
|
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; |
||||
|
text-align: left; |
||||
|
white-space: pre; |
||||
|
word-spacing: normal; |
||||
|
word-break: normal; |
||||
|
word-wrap: normal; |
||||
|
line-height: 1.5; |
||||
|
|
||||
|
-moz-tab-size: 4; |
||||
|
-o-tab-size: 4; |
||||
|
tab-size: 4; |
||||
|
|
||||
|
-webkit-hyphens: none; |
||||
|
-moz-hyphens: none; |
||||
|
-ms-hyphens: none; |
||||
|
hyphens: none; |
||||
|
} |
||||
|
|
||||
|
pre[class*="language-"]::-moz-selection, |
||||
|
pre[class*="language-"] ::-moz-selection, |
||||
|
code[class*="language-"]::-moz-selection, |
||||
|
code[class*="language-"] ::-moz-selection { |
||||
|
text-shadow: none; |
||||
|
background: #b3d4fc; |
||||
|
} |
||||
|
|
||||
|
pre[class*="language-"]::selection, |
||||
|
pre[class*="language-"] ::selection, |
||||
|
code[class*="language-"]::selection, |
||||
|
code[class*="language-"] ::selection { |
||||
|
text-shadow: none; |
||||
|
background: #b3d4fc; |
||||
|
} |
||||
|
|
||||
|
@media print { |
||||
|
|
||||
|
code[class*="language-"], |
||||
|
pre[class*="language-"] { |
||||
|
text-shadow: none; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/* Code blocks */ |
||||
|
pre[class*="language-"] { |
||||
|
padding: 1em; |
||||
|
margin: .5em 0; |
||||
|
overflow: auto; |
||||
|
} |
||||
|
|
||||
|
:not(pre)>code[class*="language-"], |
||||
|
pre[class*="language-"] { |
||||
|
background: #f5f2f0; |
||||
|
} |
||||
|
|
||||
|
/* Inline code */ |
||||
|
:not(pre)>code[class*="language-"] { |
||||
|
padding: .1em; |
||||
|
border-radius: .3em; |
||||
|
white-space: normal; |
||||
|
} |
||||
|
|
||||
|
.token.comment, |
||||
|
.token.prolog, |
||||
|
.token.doctype, |
||||
|
.token.cdata { |
||||
|
color: slategray; |
||||
|
} |
||||
|
|
||||
|
.token.punctuation { |
||||
|
color: #999; |
||||
|
} |
||||
|
|
||||
|
.namespace { |
||||
|
opacity: .7; |
||||
|
} |
||||
|
|
||||
|
.token.property, |
||||
|
.token.tag, |
||||
|
.token.boolean, |
||||
|
.token.number, |
||||
|
.token.constant, |
||||
|
.token.symbol, |
||||
|
.token.deleted { |
||||
|
color: #905; |
||||
|
} |
||||
|
|
||||
|
.token.selector, |
||||
|
.token.attr-name, |
||||
|
.token.string, |
||||
|
.token.char, |
||||
|
.token.builtin, |
||||
|
.token.inserted { |
||||
|
color: #690; |
||||
|
} |
||||
|
|
||||
|
.token.operator, |
||||
|
.token.entity, |
||||
|
.token.url, |
||||
|
.language-css .token.string, |
||||
|
.style .token.string { |
||||
|
color: #9a6e3a; |
||||
|
background: hsla(0, 0%, 100%, .5); |
||||
|
} |
||||
|
|
||||
|
.token.atrule, |
||||
|
.token.attr-value, |
||||
|
.token.keyword { |
||||
|
color: #07a; |
||||
|
} |
||||
|
|
||||
|
.token.function, |
||||
|
.token.class-name { |
||||
|
color: #DD4A68; |
||||
|
} |
||||
|
|
||||
|
.token.regex, |
||||
|
.token.important, |
||||
|
.token.variable { |
||||
|
color: #e90; |
||||
|
} |
||||
|
|
||||
|
.token.important, |
||||
|
.token.bold { |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
|
||||
|
.token.italic { |
||||
|
font-style: italic; |
||||
|
} |
||||
|
|
||||
|
.token.entity { |
||||
|
cursor: help; |
||||
|
} |
||||
@ -0,0 +1,446 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html> |
||||
|
<head> |
||||
|
<meta charset="utf-8"/> |
||||
|
<title>IconFont Demo</title> |
||||
|
<link rel="shortcut icon" href="https://gtms04.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/> |
||||
|
<link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css"> |
||||
|
<link rel="stylesheet" href="demo.css"> |
||||
|
<link rel="stylesheet" href="iconfont.css"> |
||||
|
<script src="iconfont.js"></script> |
||||
|
<!-- jQuery --> |
||||
|
<script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script> |
||||
|
<!-- 代码高亮 --> |
||||
|
<script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script> |
||||
|
</head> |
||||
|
<body> |
||||
|
<div class="main"> |
||||
|
<h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank"></a></h1> |
||||
|
<div class="nav-tabs"> |
||||
|
<ul id="tabs" class="dib-box"> |
||||
|
<li class="dib active"><span>Unicode</span></li> |
||||
|
<li class="dib"><span>Font class</span></li> |
||||
|
<li class="dib"><span>Symbol</span></li> |
||||
|
</ul> |
||||
|
|
||||
|
<a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1118495" target="_blank" class="nav-more">查看项目</a> |
||||
|
|
||||
|
</div> |
||||
|
<div class="tab-container"> |
||||
|
<div class="content unicode" style="display: block;"> |
||||
|
<ul class="icon_lists dib-box"> |
||||
|
|
||||
|
<li class="dib"> |
||||
|
<span class="icon iconfont"></span> |
||||
|
<div class="name">财务</div> |
||||
|
<div class="code-name">&#xe690;</div> |
||||
|
</li> |
||||
|
|
||||
|
<li class="dib"> |
||||
|
<span class="icon iconfont"></span> |
||||
|
<div class="name">授权管理</div> |
||||
|
<div class="code-name">&#xe678;</div> |
||||
|
</li> |
||||
|
|
||||
|
<li class="dib"> |
||||
|
<span class="icon iconfont"></span> |
||||
|
<div class="name">设备管理</div> |
||||
|
<div class="code-name">&#xe7d3;</div> |
||||
|
</li> |
||||
|
|
||||
|
<li class="dib"> |
||||
|
<span class="icon iconfont"></span> |
||||
|
<div class="name">场地管理</div> |
||||
|
<div class="code-name">&#xe6d5;</div> |
||||
|
</li> |
||||
|
|
||||
|
<li class="dib"> |
||||
|
<span class="icon iconfont"></span> |
||||
|
<div class="name">运营管理</div> |
||||
|
<div class="code-name">&#xe61e;</div> |
||||
|
</li> |
||||
|
|
||||
|
<li class="dib"> |
||||
|
<span class="icon iconfont"></span> |
||||
|
<div class="name">left</div> |
||||
|
<div class="code-name">&#xe6cb;</div> |
||||
|
</li> |
||||
|
|
||||
|
<li class="dib"> |
||||
|
<span class="icon iconfont"></span> |
||||
|
<div class="name">right</div> |
||||
|
<div class="code-name">&#xe6dd;</div> |
||||
|
</li> |
||||
|
|
||||
|
<li class="dib"> |
||||
|
<span class="icon iconfont"></span> |
||||
|
<div class="name">商品管理</div> |
||||
|
<div class="code-name">&#xe61f;</div> |
||||
|
</li> |
||||
|
|
||||
|
<li class="dib"> |
||||
|
<span class="icon iconfont"></span> |
||||
|
<div class="name">系统日志</div> |
||||
|
<div class="code-name">&#xeb73;</div> |
||||
|
</li> |
||||
|
|
||||
|
<li class="dib"> |
||||
|
<span class="icon iconfont"></span> |
||||
|
<div class="name">报表统计d</div> |
||||
|
<div class="code-name">&#xe6a5;</div> |
||||
|
</li> |
||||
|
|
||||
|
<li class="dib"> |
||||
|
<span class="icon iconfont"></span> |
||||
|
<div class="name">首页-选中</div> |
||||
|
<div class="code-name">&#xe60b;</div> |
||||
|
</li> |
||||
|
|
||||
|
<li class="dib"> |
||||
|
<span class="icon iconfont"></span> |
||||
|
<div class="name">设备管理</div> |
||||
|
<div class="code-name">&#xe639;</div> |
||||
|
</li> |
||||
|
|
||||
|
</ul> |
||||
|
<div class="article markdown"> |
||||
|
<h2 id="unicode-">Unicode 引用</h2> |
||||
|
<hr> |
||||
|
|
||||
|
<p>Unicode 是字体在网页端最原始的应用方式，特点是：</p> |
||||
|
<ul> |
||||
|
<li>兼容性最好，支持 IE6+，及所有现代浏览器。</li> |
||||
|
<li>支持按字体的方式去动态调整图标大小，颜色等等。</li> |
||||
|
<li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li> |
||||
|
</ul> |
||||
|
<blockquote> |
||||
|
<p>注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式</p> |
||||
|
</blockquote> |
||||
|
<p>Unicode 使用步骤如下：</p> |
||||
|
<h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3> |
||||
|
<pre><code class="language-css" |
||||
|
>@font-face { |
||||
|
font-family: 'iconfont'; |
||||
|
src: url('iconfont.eot'); |
||||
|
src: url('iconfont.eot?#iefix') format('embedded-opentype'), |
||||
|
url('iconfont.woff2') format('woff2'), |
||||
|
url('iconfont.woff') format('woff'), |
||||
|
url('iconfont.ttf') format('truetype'), |
||||
|
url('iconfont.svg#iconfont') format('svg'); |
||||
|
} |
||||
|
</code></pre> |
||||
|
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3> |
||||
|
<pre><code class="language-css" |
||||
|
>.iconfont { |
||||
|
font-family: "iconfont" !important; |
||||
|
font-size: 16px; |
||||
|
font-style: normal; |
||||
|
-webkit-font-smoothing: antialiased; |
||||
|
-moz-osx-font-smoothing: grayscale; |
||||
|
} |
||||
|
</code></pre> |
||||
|
<h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3> |
||||
|
<pre> |
||||
|
<code class="language-html" |
||||
|
><span class="iconfont">&#x33;</span> |
||||
|
</code></pre> |
||||
|
<blockquote> |
||||
|
<p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p> |
||||
|
</blockquote> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="content font-class"> |
||||
|
<ul class="icon_lists dib-box"> |
||||
|
|
||||
|
<li class="dib"> |
||||
|
<span class="icon iconfont icon-caiwu"></span> |
||||
|
<div class="name"> |
||||
|
财务 |
||||
|
</div> |
||||
|
<div class="code-name">.icon-caiwu |
||||
|
</div> |
||||
|
</li> |
||||
|
|
||||
|
<li class="dib"> |
||||
|
<span class="icon iconfont icon-shouquanguanli"></span> |
||||
|
<div class="name"> |
||||
|
授权管理 |
||||
|
</div> |
||||
|
<div class="code-name">.icon-shouquanguanli |
||||
|
</div> |
||||
|
</li> |
||||
|
|
||||
|
<li class="dib"> |
||||
|
<span class="icon iconfont icon-shebeiguanli"></span> |
||||
|
<div class="name"> |
||||
|
设备管理 |
||||
|
</div> |
||||
|
<div class="code-name">.icon-shebeiguanli |
||||
|
</div> |
||||
|
</li> |
||||
|
|
||||
|
<li class="dib"> |
||||
|
<span class="icon iconfont icon-changdiguanli"></span> |
||||
|
<div class="name"> |
||||
|
场地管理 |
||||
|
</div> |
||||
|
<div class="code-name">.icon-changdiguanli |
||||
|
</div> |
||||
|
</li> |
||||
|
|
||||
|
<li class="dib"> |
||||
|
<span class="icon iconfont icon-yunyingguanli"></span> |
||||
|
<div class="name"> |
||||
|
运营管理 |
||||
|
</div> |
||||
|
<div class="code-name">.icon-yunyingguanli |
||||
|
</div> |
||||
|
</li> |
||||
|
|
||||
|
<li class="dib"> |
||||
|
<span class="icon iconfont icon-left"></span> |
||||
|
<div class="name"> |
||||
|
left |
||||
|
</div> |
||||
|
<div class="code-name">.icon-left |
||||
|
</div> |
||||
|
</li> |
||||
|
|
||||
|
<li class="dib"> |
||||
|
<span class="icon iconfont icon-right"></span> |
||||
|
<div class="name"> |
||||
|
right |
||||
|
</div> |
||||
|
<div class="code-name">.icon-right |
||||
|
</div> |
||||
|
</li> |
||||
|
|
||||
|
<li class="dib"> |
||||
|
<span class="icon iconfont icon-shangpinguanli"></span> |
||||
|
<div class="name"> |
||||
|
商品管理 |
||||
|
</div> |
||||
|
<div class="code-name">.icon-shangpinguanli |
||||
|
</div> |
||||
|
</li> |
||||
|
|
||||
|
<li class="dib"> |
||||
|
<span class="icon iconfont icon-xitongrizhi"></span> |
||||
|
<div class="name"> |
||||
|
系统日志 |
||||
|
</div> |
||||
|
<div class="code-name">.icon-xitongrizhi |
||||
|
</div> |
||||
|
</li> |
||||
|
|
||||
|
<li class="dib"> |
||||
|
<span class="icon iconfont icon-baobiaotongji4"></span> |
||||
|
<div class="name"> |
||||
|
报表统计d |
||||
|
</div> |
||||
|
<div class="code-name">.icon-baobiaotongji4 |
||||
|
</div> |
||||
|
</li> |
||||
|
|
||||
|
<li class="dib"> |
||||
|
<span class="icon iconfont icon-yemian-copy"></span> |
||||
|
<div class="name"> |
||||
|
首页-选中 |
||||
|
</div> |
||||
|
<div class="code-name">.icon-yemian-copy |
||||
|
</div> |
||||
|
</li> |
||||
|
|
||||
|
<li class="dib"> |
||||
|
<span class="icon iconfont icon-shebeiguanli1"></span> |
||||
|
<div class="name"> |
||||
|
设备管理 |
||||
|
</div> |
||||
|
<div class="code-name">.icon-shebeiguanli1 |
||||
|
</div> |
||||
|
</li> |
||||
|
|
||||
|
</ul> |
||||
|
<div class="article markdown"> |
||||
|
<h2 id="font-class-">font-class 引用</h2> |
||||
|
<hr> |
||||
|
|
||||
|
<p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p> |
||||
|
<p>与 Unicode 使用方式相比，具有如下特点：</p> |
||||
|
<ul> |
||||
|
<li>兼容性良好，支持 IE8+，及所有现代浏览器。</li> |
||||
|
<li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li> |
||||
|
<li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li> |
||||
|
<li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li> |
||||
|
</ul> |
||||
|
<p>使用步骤如下：</p> |
||||
|
<h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3> |
||||
|
<pre><code class="language-html"><link rel="stylesheet" href="./iconfont.css"> |
||||
|
</code></pre> |
||||
|
<h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3> |
||||
|
<pre><code class="language-html"><span class="iconfont icon-xxx"></span> |
||||
|
</code></pre> |
||||
|
<blockquote> |
||||
|
<p>" |
||||
|
iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p> |
||||
|
</blockquote> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="content symbol"> |
||||
|
<ul class="icon_lists dib-box"> |
||||
|
|
||||
|
<li class="dib"> |
||||
|
<svg class="icon svg-icon" aria-hidden="true"> |
||||
|
<use xlink:href="#icon-caiwu"></use> |
||||
|
</svg> |
||||
|
<div class="name">财务</div> |
||||
|
<div class="code-name">#icon-caiwu</div> |
||||
|
</li> |
||||
|
|
||||
|
<li class="dib"> |
||||
|
<svg class="icon svg-icon" aria-hidden="true"> |
||||
|
<use xlink:href="#icon-shouquanguanli"></use> |
||||
|
</svg> |
||||
|
<div class="name">授权管理</div> |
||||
|
<div class="code-name">#icon-shouquanguanli</div> |
||||
|
</li> |
||||
|
|
||||
|
<li class="dib"> |
||||
|
<svg class="icon svg-icon" aria-hidden="true"> |
||||
|
<use xlink:href="#icon-shebeiguanli"></use> |
||||
|
</svg> |
||||
|
<div class="name">设备管理</div> |
||||
|
<div class="code-name">#icon-shebeiguanli</div> |
||||
|
</li> |
||||
|
|
||||
|
<li class="dib"> |
||||
|
<svg class="icon svg-icon" aria-hidden="true"> |
||||
|
<use xlink:href="#icon-changdiguanli"></use> |
||||
|
</svg> |
||||
|
<div class="name">场地管理</div> |
||||
|
<div class="code-name">#icon-changdiguanli</div> |
||||
|
</li> |
||||
|
|
||||
|
<li class="dib"> |
||||
|
<svg class="icon svg-icon" aria-hidden="true"> |
||||
|
<use xlink:href="#icon-yunyingguanli"></use> |
||||
|
</svg> |
||||
|
<div class="name">运营管理</div> |
||||
|
<div class="code-name">#icon-yunyingguanli</div> |
||||
|
</li> |
||||
|
|
||||
|
<li class="dib"> |
||||
|
<svg class="icon svg-icon" aria-hidden="true"> |
||||
|
<use xlink:href="#icon-left"></use> |
||||
|
</svg> |
||||
|
<div class="name">left</div> |
||||
|
<div class="code-name">#icon-left</div> |
||||
|
</li> |
||||
|
|
||||
|
<li class="dib"> |
||||
|
<svg class="icon svg-icon" aria-hidden="true"> |
||||
|
<use xlink:href="#icon-right"></use> |
||||
|
</svg> |
||||
|
<div class="name">right</div> |
||||
|
<div class="code-name">#icon-right</div> |
||||
|
</li> |
||||
|
|
||||
|
<li class="dib"> |
||||
|
<svg class="icon svg-icon" aria-hidden="true"> |
||||
|
<use xlink:href="#icon-shangpinguanli"></use> |
||||
|
</svg> |
||||
|
<div class="name">商品管理</div> |
||||
|
<div class="code-name">#icon-shangpinguanli</div> |
||||
|
</li> |
||||
|
|
||||
|
<li class="dib"> |
||||
|
<svg class="icon svg-icon" aria-hidden="true"> |
||||
|
<use xlink:href="#icon-xitongrizhi"></use> |
||||
|
</svg> |
||||
|
<div class="name">系统日志</div> |
||||
|
<div class="code-name">#icon-xitongrizhi</div> |
||||
|
</li> |
||||
|
|
||||
|
<li class="dib"> |
||||
|
<svg class="icon svg-icon" aria-hidden="true"> |
||||
|
<use xlink:href="#icon-baobiaotongji4"></use> |
||||
|
</svg> |
||||
|
<div class="name">报表统计d</div> |
||||
|
<div class="code-name">#icon-baobiaotongji4</div> |
||||
|
</li> |
||||
|
|
||||
|
<li class="dib"> |
||||
|
<svg class="icon svg-icon" aria-hidden="true"> |
||||
|
<use xlink:href="#icon-yemian-copy"></use> |
||||
|
</svg> |
||||
|
<div class="name">首页-选中</div> |
||||
|
<div class="code-name">#icon-yemian-copy</div> |
||||
|
</li> |
||||
|
|
||||
|
<li class="dib"> |
||||
|
<svg class="icon svg-icon" aria-hidden="true"> |
||||
|
<use xlink:href="#icon-shebeiguanli1"></use> |
||||
|
</svg> |
||||
|
<div class="name">设备管理</div> |
||||
|
<div class="code-name">#icon-shebeiguanli1</div> |
||||
|
</li> |
||||
|
|
||||
|
</ul> |
||||
|
<div class="article markdown"> |
||||
|
<h2 id="symbol-">Symbol 引用</h2> |
||||
|
<hr> |
||||
|
|
||||
|
<p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a> |
||||
|
这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p> |
||||
|
<ul> |
||||
|
<li>支持多色图标了，不再受单色限制。</li> |
||||
|
<li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li> |
||||
|
<li>兼容性较差，支持 IE9+，及现代浏览器。</li> |
||||
|
<li>浏览器渲染 SVG 的性能一般，还不如 png。</li> |
||||
|
</ul> |
||||
|
<p>使用步骤如下：</p> |
||||
|
<h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3> |
||||
|
<pre><code class="language-html"><script src="./iconfont.js"></script> |
||||
|
</code></pre> |
||||
|
<h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3> |
||||
|
<pre><code class="language-html"><style> |
||||
|
.icon { |
||||
|
width: 1em; |
||||
|
height: 1em; |
||||
|
vertical-align: -0.15em; |
||||
|
fill: currentColor; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
</style> |
||||
|
</code></pre> |
||||
|
<h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3> |
||||
|
<pre><code class="language-html"><svg class="icon" aria-hidden="true"> |
||||
|
<use xlink:href="#icon-xxx"></use> |
||||
|
</svg> |
||||
|
</code></pre> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
<script> |
||||
|
$(document).ready(function () { |
||||
|
$('.tab-container .content:first').show() |
||||
|
|
||||
|
$('#tabs li').click(function (e) { |
||||
|
var tabContent = $('.tab-container .content') |
||||
|
var index = $(this).index() |
||||
|
|
||||
|
if ($(this).hasClass('active')) { |
||||
|
return |
||||
|
} else { |
||||
|
$('#tabs li').removeClass('active') |
||||
|
$(this).addClass('active') |
||||
|
|
||||
|
tabContent.hide().eq(index).fadeIn() |
||||
|
} |
||||
|
}) |
||||
|
}) |
||||
|
</script> |
||||
|
</body> |
||||
|
</html> |
||||
@ -0,0 +1,65 @@ |
|||||
|
@font-face {font-family: "iconfont"; |
||||
|
src: url('iconfont.eot?t=1554173494910'); /* IE9 */ |
||||
|
src: url('iconfont.eot?t=1554173494910#iefix') format('embedded-opentype'), /* IE6-IE8 */ |
||||
|
url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAlsAAsAAAAAEZQAAAkcAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCEWgqTWI57ATYCJAM0CxwABCAFhG0HgUwbUw6jkC7KVQdI9o8EOyZ61Qj+/NiUc3w+PM1Z748kk5kAk8YwCW4riFUs9EigHqgKW1EmZ9gKPcRqEqmYp4qu0fN03RMAy5bW/lpCI0y7Ve0vPz1wAXKM8CF0zbefyyIW9fC20Hi8Tov//uZ3/7ObY26hUCIhTUQj1rfX8URolNqBiPK82UqhNqz4S4MDAcAjGAkgJWUTKsCBgSUhrFu6aEE1uJwcTEMRAcfKFKfMKNICFhzVSD0C8E748+RTpBEOoMDSsEIyzi+diwK38GktLXkkzKCtsJ6uC8BcF0ADSADAzJmLqvQ0QGRbQoPfyqABgC9EiYVzC+4Qd657vbvFfcDtcg+6R172f1rr8cC0I/hkq4vA127bvxsQHvS/PChBgYCHDAzkoKEAiAyClFzanVO4BVeCEAdDwIJDIODAuXC74vUQUOAWCAj4AAQ82AWBDDwIAQMeoRXkwMv+VqCBT2t3QAEA8PK3+gNIBOgwFE5YuSVAzMdE7G82Q0CB+d21MEoivmpWE5GZ0K5XjILEKEkg76fWJo1S0xZBYJUMioEkwqNsHzepDjmtDl5sskn2ebXifhsYyR5Z4Q1hrY65zXbJZuDRZWty+BNeRq3OaCEMXRCS0np2HTrjl4jExORkktx7zr7DNzRBaP/WN5k7Ao4R61DeLjI0ZB4YqNgRdHkAUmK3psI2+Hg4vrIz8k72kyHr8OSDfFNODxkerhwcNG33vcg33TZYyf0BaXCs/kBkuxYHog9pTd0XhEPxzuH5Z/us/dlnYm0Gmz3aGd+O7c8yNoh3h8LJvuHRqjuDYdg9sJyHMMe9La37ttrHJC7ovtJ8zXq16bLvtNPPAsG3vYBhrQD+RagFIZ9AO55n+pzrD2F39mUtPDhkHh4uvTdoGhgwrIDQfKBb6trPezcd7LH2HhIEojx7NVi9/RlfOYq19gvq5udBS5s0FW2SvVlfaWr3Hqmzt6fj4H5NhbljxfwFTmtfU8xcGyDFzrM391s3WYk1br6j6Rl/NNcmPW+OX+Akmzp4Hu12v67LTVf9e49FEyUOHJnP803PApnr6+q5Of9JyyDcMT0VC89evOLJxt4cSZuV+y/7yrqvRPoMDc0y8fOyOnS6Dn18py6uQxPTlkp1wU4l36YJVGjaKrq0se1iVJPRBkjazHatth04AIpRbVC7IDTrQzr1+k6BAkWqz3ZskI6K/acv7jx26cwRSEtugvB4D8HsG55KhN0DlUJzu9TG800d1s5JhYbv4GmPPVfV6dTTHQ6d2GYDJdk3iG1dUrdWqGjrbj+kr/Qytbd3durMQmevtUe3yfECbbR12Q/o9ZR0RRBI77Wb0lwBvJ3XCN1+zrlTt+6ESDg5WSB+aIPUjueCqrk/hN7Zt1DvqBfaSzJV57yR90fJjF3R5zUyTUN0Q1ZHcu7u7KT6E12vMfSuV/eJuqu0T9cV2W2sXcZujtnMrqxdZ0Z3iQuwHtmjK5hxZ9vf/ojfPYOesWL2Um9Py+vP2q3fr3i9RRwh76uw7sfHavik3JTq6+/GU4vr35xHzafq36IW8fevp9TkJPE1x7ofr+DGHhvHLet69CRM/sWUvNVv5a3607uhqW1vh5KqlWtMpIL4cUJV4a39KQHjlwCbi5Y0Fi/ZLMaZ+v9Nvv0u9WqX60aR7l9/vseN/0ehRTNJY0np1ta1BS3es2CiKDMYkQMJxjFjWImVTmOsOfOHZKny6+SOBfU26q6hrg54ed67u6A73/XN55/rWuoV4wq+Kgkt+apgbIFYElYihrz81IiivsXcJN4urxFXP7jSKZtJVU4tk6SppaSKnb3SPghPnFlSxp3Sn4pTmow1yWxO8dBOShVhsjvNEVMRXC+oviqV66uvH4V3hbv6+vr7LkXktn7VYDJ55pnW9VmLXHBawoJsrY8n1E9yzbNcjqQiLwd6XJPqJyCtcCvIJPODiZor4UEyfWVC/cQPWgSO3JPz3lDsP/uzN+3V8FqDF1sec/L101wKI3HCpHCne2LN8njOJP0gmbh4n5SjEdNJ4wZqel5xXtKcKf/+t2lKcF5JHpm+eQPy60j5kiXlJOwTweMp2J3Og0/fjXJSjp08v3bt+uzTbKEhxpDhn22CqXZPcdGfizRGneS3UmfUbP0pPjHHJJZm+xs0MYZCdpXCj1vVVZ/GEJBVqqqYc6Ko0NToOT+FXl9h0Z7aCmLKCsgwmMxqeRTzCn1OVT30n3P/hN4f06Xrk8uD3tl2w1iu9HIna8q2vRMUbHKUP+NHNC/46fQLzYhiU2ZopOVZC0Sxnh7tCE8C/ueo/DpR/qYk1+XHVV6/eakykGixrBZXW9y507JC303LHFObU1xb+s3Q61HZlheW1T6rLYjYt+Svr79x5ZDLZ9HX78+/GO4J//JHuUq/ylfl++P3m9jPfIZFqosYb7zEP1I/4i8pPlR/OFFRZiliRbY4uiy6OHRatOXnS7xL42q5JH2g+WAi10CKLGTKfHQj/isAnr8zMnqtqX5K36RTq69SD+iC6iu0gc6vrqNf0FLPddqmLfqavk57e6w5iSG0dQRpDFO534dm+7z2PSf8Z46/e//LrBB2K6pjnMsADhSsXgKMDrsYhwc149wJUHgxmz4whSHtXnakNCwBDuefcgxesI4Hkigxbw8AHhkYhReXYbSdeWNfRpsCCnIEARocDElMWgJgISADyMAhH/CIx2jXAtRYDRqEUQCIw98MIBBxDFDwxjVAQ8RjCoq0EcBCh8+BDCKhAQ8zUXspIIpM4cMrgxYYlDkptFSco5KHaP0X+J40ZwVh1R9ww3G1mi+L859QgE9ho+39WsQpx5TVhwkNUiJVmUawMg8idbdYOM3m3FKePExeGbT4TQdlTpxoqbj75aH0/V/ge9LccOyW8w+44cPVar7skPSJSqdjb2Vr2/u1SJdT7hRTjpmPSRcke4ZU1Q2NYGUeBkzV3UKuc13R/PJM/s5ROvn6TrQe9ZlQhCYMYYmMyAlHFIQnAlESL+INlmQ1HvpLC9T/uy7e3Z3wqQUwgJmuZxs0dti0PvVywuJ1XSVwcs3og/SHbZQVmXw8ohD6Gc8BX4wmg5oKvxpx+3iCjLrMLNXT80W6V5MJAAAA') format('woff2'), |
||||
|
url('iconfont.woff?t=1554173494910') format('woff'), |
||||
|
url('iconfont.ttf?t=1554173494910') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ |
||||
|
url('iconfont.svg?t=1554173494910#iconfont') format('svg'); /* iOS 4.1- */ |
||||
|
} |
||||
|
|
||||
|
.iconfont { |
||||
|
font-family: "iconfont" !important; |
||||
|
font-size: 16px; |
||||
|
font-style: normal; |
||||
|
-webkit-font-smoothing: antialiased; |
||||
|
-moz-osx-font-smoothing: grayscale; |
||||
|
} |
||||
|
|
||||
|
.icon-caiwu:before { |
||||
|
content: "\e690"; |
||||
|
} |
||||
|
|
||||
|
.icon-shouquanguanli:before { |
||||
|
content: "\e678"; |
||||
|
} |
||||
|
|
||||
|
.icon-shebeiguanli:before { |
||||
|
content: "\e7d3"; |
||||
|
} |
||||
|
|
||||
|
.icon-changdiguanli:before { |
||||
|
content: "\e6d5"; |
||||
|
} |
||||
|
|
||||
|
.icon-yunyingguanli:before { |
||||
|
content: "\e61e"; |
||||
|
} |
||||
|
|
||||
|
.icon-left:before { |
||||
|
content: "\e6cb"; |
||||
|
} |
||||
|
|
||||
|
.icon-right:before { |
||||
|
content: "\e6dd"; |
||||
|
} |
||||
|
|
||||
|
.icon-shangpinguanli:before { |
||||
|
content: "\e61f"; |
||||
|
} |
||||
|
|
||||
|
.icon-xitongrizhi:before { |
||||
|
content: "\eb73"; |
||||
|
} |
||||
|
|
||||
|
.icon-baobiaotongji4:before { |
||||
|
content: "\e6a5"; |
||||
|
} |
||||
|
|
||||
|
.icon-yemian-copy:before { |
||||
|
content: "\e60b"; |
||||
|
} |
||||
|
|
||||
|
.icon-shebeiguanli1:before { |
||||
|
content: "\e639"; |
||||
|
} |
||||
|
|
||||
Binary file not shown.
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,11 @@ |
|||||
|
<template> |
||||
|
<div id="app"> |
||||
|
<router-view /> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'App' |
||||
|
} |
||||
|
</script> |
||||
@ -0,0 +1,218 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
|
||||
|
const url = '/api/admin'; |
||||
|
|
||||
|
/** |
||||
|
* 广告计划--获取列表 |
||||
|
* @param params |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function GET_LIST(params) { |
||||
|
return request({ |
||||
|
url: url + "/ad/plans", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
|
||||
|
} |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 广告计划--新建广告 |
||||
|
* @param params |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function POST_LIST(params) { |
||||
|
return request({ |
||||
|
url: url + "/ad/plans", |
||||
|
method: 'post', |
||||
|
data:params |
||||
|
}).then(res => res.data.data) |
||||
|
|
||||
|
|
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 广告计划--更新广告 |
||||
|
* @param params |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function PUT_LIST(params) { |
||||
|
return request({ |
||||
|
url: url + "/ad/plans?id=" + params.id, |
||||
|
method: 'put', |
||||
|
data:params |
||||
|
}).then(res => res.data.data) |
||||
|
|
||||
|
} |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 广告计划--广告详情 * @param params |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function DETAIL_LIST(params) { |
||||
|
return request({ |
||||
|
url: url + "/ad/plans/detail", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
|
||||
|
} |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 广告计划--删除某项 |
||||
|
* @param params |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function DELETE_ITEM(params) { |
||||
|
return request({ |
||||
|
url: url + "/ad/plans", |
||||
|
method: 'delete', |
||||
|
params: { |
||||
|
id: params |
||||
|
} |
||||
|
}).then(res => res.data.data) |
||||
|
|
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 广告计划--发布广告 |
||||
|
* @param params |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function PUBLISH(params) { |
||||
|
return request({ |
||||
|
url: url + "/ad/plans/publish", |
||||
|
method: 'post', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 广告计划--暂停 |
||||
|
* @param params |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function PAUSEDANDPENDING(params) { |
||||
|
return request({ |
||||
|
url: url + "/ad/plans/pause", |
||||
|
method: 'post', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 广告计划--获取设备类型 |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function EQUIPMENTTYPE(params) { |
||||
|
return request({ |
||||
|
url: url + "/devices/types", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 广告计划--获取广告位类型 |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function ADVERTISINGSPACETYPE(params) { |
||||
|
return request({ |
||||
|
url: url + "/ad/plans/adSpaces", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 广告计划--获取设备 |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function EQUIPMENT(params) { |
||||
|
return request({ |
||||
|
url: url + "/devices", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 广告计划-- 列表总数 |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function DEVICES_COUNT(params) { |
||||
|
return request({ |
||||
|
url: url + "/ad/plans/count", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 素材管理--列表 |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function GET_RESOURCES(params) { |
||||
|
return request({ |
||||
|
url: url + "/ad/resources", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 素材管理--上传 |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function POST_RESOURCES(params) { |
||||
|
return request({ |
||||
|
url: url + "/ad/resources", |
||||
|
method: 'post', |
||||
|
data:params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 素材管理--删除 |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function DELETE_RESOURCES(params) { |
||||
|
return request({ |
||||
|
url: url + "/ad/resources", |
||||
|
method: 'delete', |
||||
|
data:params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
|
||||
@ -0,0 +1,215 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 商品列表--获取列表 |
||||
|
* @param params |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function GET_LIST(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/products", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
|
||||
|
} |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 商品列表--新建商品 |
||||
|
* @param params |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function ADD_ITEM(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/products", |
||||
|
method: 'post', |
||||
|
data: params |
||||
|
}).then(res => res.data.data) |
||||
|
|
||||
|
} |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 商品列表--更新商品 |
||||
|
* @param params |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function UPDATE_ITEM(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/products?id=" + params.id, |
||||
|
method: 'put', |
||||
|
data: params |
||||
|
}).then(res => res.data.data) |
||||
|
|
||||
|
} |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 商品列表--商品详情 |
||||
|
* @param params |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function DETAIL_ITEM(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/products/detail", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
|
||||
|
} |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 商品列表--删除 |
||||
|
* @param params |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function DELETE_ITEM(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/products", |
||||
|
method: 'delete', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
|
||||
|
} |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 商品列表--总数 |
||||
|
* @param params |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function COUNT(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/products/count", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
|
||||
|
} |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 商品分类--列表 |
||||
|
* @param params |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function GET_LIST_CATEGORIES(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/categories", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
|
||||
|
} |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 商品分类--新建分类 |
||||
|
* @param params |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function POST_CATEGORIES(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/categories", |
||||
|
method: 'post', |
||||
|
data: params |
||||
|
}).then(res => res.data.data) |
||||
|
|
||||
|
} |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 商品分类--更新分类 |
||||
|
* @param params |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function UPDATE_CATEGORIES(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/categories?id=" + params.id, |
||||
|
method: 'put', |
||||
|
data: params |
||||
|
}).then(res => res.data.data) |
||||
|
|
||||
|
} |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 商品分类--更新分类顺序 |
||||
|
* @param params |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function ORDERS_CATEGORIES(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/categories/orders?ids=" + params.ids.toString(), |
||||
|
method: 'POST', |
||||
|
data: params |
||||
|
}).then(res => res.data.data) |
||||
|
|
||||
|
} |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 商品分类--设置分类商品 |
||||
|
* @param params |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function PRODUCTS_CATEGORIES(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/categories/products", |
||||
|
method: 'POST', |
||||
|
data: params |
||||
|
}).then(res => res.data.data) |
||||
|
|
||||
|
} |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 商品分类--删除分类 |
||||
|
* @param params |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function DELETE_CATEGORIES(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/categories", |
||||
|
method: 'delete', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
|
||||
|
} |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 商品分类--删除分类商品 |
||||
|
* @param params |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function DELETE_CATEGORIES_PRODUCTS(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/categories/products", |
||||
|
method: 'delete', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
|
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
@ -0,0 +1,61 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
|
||||
|
export function GET_DEVICE_TYPES(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/devices/types", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
export function GET_DEVICE_DEVICEGROUPS(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/deviceGroups/select", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
export function GET_LOCATIONS(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/locations/select", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
export function GET_ROLES(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/roles/select", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
export function GET_DEVICE_GROUPS_TOTAL(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/deviceGroups/count", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
export function GET_DEIVCE_GROUPS_ALL(total) { |
||||
|
return request({ |
||||
|
url: "/api/admin/deviceGroups", |
||||
|
method: 'get', |
||||
|
params: { |
||||
|
from: 0, |
||||
|
size: total |
||||
|
} |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
export function GET_LOCALTION_TYPE(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/locations/types", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
@ -0,0 +1,102 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
|
||||
|
export function get_analytics_summary(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/analytics/summary", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data || 0) |
||||
|
} |
||||
|
export function get_analytics_sale(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/analytics/sale", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data || 0) |
||||
|
} |
||||
|
|
||||
|
export function get_analytics_income(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/analytics/income", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data || 0) |
||||
|
} |
||||
|
|
||||
|
export function get_analytics_orders(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/analytics/orders", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data || 0) |
||||
|
} |
||||
|
export function get_analytics_profits(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/analytics/profit", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data || 0) |
||||
|
} |
||||
|
// / 运营分析 - 销售额折线图
|
||||
|
export function get_analytics_trend_sale(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/analytics/trend/sale", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
export function get_analytics_trend_income(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/analytics/trend/income", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
export function get_analytics_trend_orders(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/analytics/trend/orders", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
export function get_analytics_trend_profits(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/analytics/trend/profit", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
// /首页 / 场地销售排行
|
||||
|
export function get_analytics_locations(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/analytics/locations", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
export function get_analytics_categories(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/analytics/categories", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
export function get_analytics_producsts(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/analytics/products", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
export function get_analytics_devices(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/analytics/devices", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
@ -0,0 +1,132 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
|
||||
|
export function GET_DEVICE_LISTS(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/devices", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data).then(array => { |
||||
|
return array.map(item => { |
||||
|
item.checked = false; |
||||
|
item.disabled = false; |
||||
|
return item |
||||
|
}) |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
export function GET_LIST_TOTAL(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/devices/count", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
export function GET_DEVICES_NUM(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/devices/summary", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
export function ADD_DEVICE(data) { |
||||
|
//deviceTypeId =>typeId
|
||||
|
if (data.deviceTypeId) { data.typeId = data.deviceTypeId } |
||||
|
return request({ |
||||
|
url: "/api/admin/devices", |
||||
|
method: 'post', |
||||
|
data, |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
export function GET_DEVICE_DETAIL(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/devices/detail", |
||||
|
method: 'get', |
||||
|
params: { |
||||
|
id: params.id |
||||
|
} |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
export function UPDATE_DEVICE(params) { |
||||
|
return request({ |
||||
|
url: `/api/admin/devices/update?id=${params.id}`, |
||||
|
method: 'put', |
||||
|
data: params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
export function GET_CODE(id) { |
||||
|
return request({ |
||||
|
url: "/api/admin/devices/qrcodeText", |
||||
|
method: 'get', |
||||
|
params: { deviceId: id } |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
export function GET_wxCODE(id) { |
||||
|
return request({ |
||||
|
url: "/api/admin/devices/qrcode", |
||||
|
method: 'get', |
||||
|
params: { deviceId: id } |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
//设备分组
|
||||
|
export function GET_DEVICE_GROUPS(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/deviceGroups", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
//设备分组 总数
|
||||
|
export function GET_DEVICE_GROUPS_TOTAL(query) { |
||||
|
return request({ |
||||
|
url: "/api/admin/deviceGroups/count", |
||||
|
method: 'get', |
||||
|
params: { |
||||
|
query |
||||
|
} |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
//add new groups
|
||||
|
export function ADD_DEVICE_GROUPS(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/deviceGroups", |
||||
|
method: 'post', |
||||
|
data: params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
//delete groups
|
||||
|
export function DELETE_DEVICE_GROUPS(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/deviceGroups", |
||||
|
method: 'delete', |
||||
|
data: params, |
||||
|
params: params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
//update groups
|
||||
|
export function UPDATE_DEVICE_GROUPS(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/deviceGroups", |
||||
|
method: 'put', |
||||
|
data: params, |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
//add device into groups
|
||||
|
export function ADD_DEVICES_INTO_GROUP(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/deviceGroups/addDevices", |
||||
|
method: 'post', |
||||
|
data: params, |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
@ -0,0 +1,33 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
|
||||
|
export function get_shelfs_device_lists(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/shelfs/devices", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
export function get_shelfs_device_summary(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/shelfs/devices/summary", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
export function get_shelfs_device_detail(id) { |
||||
|
return request({ |
||||
|
url: "/api/admin/shelfs/devices/detail", |
||||
|
method: 'get', |
||||
|
params: { id } |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
export function put_shelfs_device_detail(params) { |
||||
|
return request({ |
||||
|
url: `/api/admin/shelfs/devices?deviceId=${params.deviceId}`, |
||||
|
method: 'post', |
||||
|
data: params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
@ -0,0 +1,182 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
|
||||
|
/** |
||||
|
* 设备分润 -- 列表 |
||||
|
* @param params |
||||
|
* @returns {Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function GET_EQUIPMENT_LIST(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/deviceRoyalties", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 设备分润 -- 保存分润 |
||||
|
* @param params |
||||
|
* @returns {Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function POST_EQUIPMENT_LIST(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/deviceRoyalties", |
||||
|
method: 'post', |
||||
|
data:params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 设备分润 -- 分润详情 |
||||
|
* @param params |
||||
|
* @returns {Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function DETAIL_EQUIPMENT_LIST(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/deviceRoyalties/detail", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 设备分润 -- 分润总数 |
||||
|
* @param params |
||||
|
* @returns {Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function COUNT_EQUIPMENT_LIST(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/deviceRoyalties/count", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 设备分润 -- 生效 |
||||
|
* @param params |
||||
|
* @returns {Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function ENABLE_EQUIPMENT_LIST(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/deviceRoyalties/enable", |
||||
|
method: 'post', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 设备分润 -- 失效 |
||||
|
* @param params |
||||
|
* @returns {Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function DISABLE_EQUIPMENT_LIST(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/deviceRoyalties/disable", |
||||
|
method: 'post', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 场地分润 -- 列表 |
||||
|
* @param params |
||||
|
* @returns {Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function GET_FIELD_LIST(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/locationRoyalties", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 场地分润 -- 保存分润 |
||||
|
* @param params |
||||
|
* @returns {Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function POST_FIELD_LIST(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/locationRoyalties", |
||||
|
method: 'post', |
||||
|
data:params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 场地分润 -- 分润总数 |
||||
|
* @param params |
||||
|
* @returns {Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function COUNT_FIELD_LIST(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/locationRoyalties/count", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 场地分润 -- 分润详情 |
||||
|
* @param params |
||||
|
* @returns {Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function DETAIL_FIELD_LIST(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/locationRoyalties/detail", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 场地分润 -- 生效 |
||||
|
* @param params |
||||
|
* @returns {Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function ENABLE_FIELD_LIST(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/locationRoyalties/enable", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 场地分润 -- 失效 |
||||
|
* @param params |
||||
|
* @returns {Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function DISABLE_FIELD_LIST(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/locationRoyalties/disable", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
@ -0,0 +1,44 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 财务 -- 概览 |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function SUMMARY(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/settlement/summary", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 财务 -- 交易记录 |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function TRANSACTIONS(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/settlement/transactions", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 财务 -- 交易记录总数 |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function TRANSACTIONS_COUNT(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/settlement/transactions/count", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
@ -0,0 +1,84 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
|
||||
|
export function get_list(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/inventory", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
export function get_list_total(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/inventory/count", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
export function get_total_stock(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/inventory/totalStock", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
export function get_list_in_locations(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/inventory/stockLocations", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
export function get_list_in_locations_total(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/inventory/stockLocations/count", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
export function post_stockin(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/inventory/stockin", |
||||
|
method: 'post', |
||||
|
data: params, |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
export function post_return(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/inventory/return", |
||||
|
method: 'post', |
||||
|
data: params, |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
export function post_transfer(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/inventory/transfer", |
||||
|
method: 'post', |
||||
|
data: params, |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
export function get_list_audits(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/inventory/audits", |
||||
|
method: 'get', |
||||
|
params, |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
export function get_list_audits_total(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/inventory/audits/count", |
||||
|
method: 'get', |
||||
|
params, |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
export function get_audits_detail(id) { |
||||
|
return request({ |
||||
|
url: `/api/admin/inventory/audits/detail?id=${id}`, |
||||
|
method: 'get', |
||||
|
// params,
|
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
@ -0,0 +1,60 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
|
||||
|
export function getLocationList(params) { |
||||
|
return request({ |
||||
|
url: '/api/admin/locations', |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
export function addLocaltion(params) { |
||||
|
return request({ |
||||
|
url: '/api/admin/locations', |
||||
|
method: 'post', |
||||
|
data: params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
export function updateLocaltion(params) { |
||||
|
return request({ |
||||
|
url: `/api/admin/locations?id=${params.id}`, |
||||
|
method: 'put', |
||||
|
data: params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
export function deleteLocaltion(params) { |
||||
|
return request({ |
||||
|
url: '/api/admin/locations', |
||||
|
method: 'delete', |
||||
|
data: params, |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
export function localtionDetail(id) { |
||||
|
return request({ |
||||
|
url: '/api/admin/locations/detail', |
||||
|
method: 'get', |
||||
|
params: { id } |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
export function addDevices2localtion(params) { |
||||
|
return request({ |
||||
|
url: '/api/admin/locations/addDevices', |
||||
|
method: 'post', |
||||
|
data: params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
export function deleteDevices2localtion(params) { |
||||
|
return request({ |
||||
|
url: '/api/admin/locations/deleteDevice', |
||||
|
method: 'post', |
||||
|
data: params, |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
export function getLocaltionTotal(params) { |
||||
|
return request({ |
||||
|
url: '/api/admin/locations/count', |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
@ -0,0 +1,38 @@ |
|||||
|
import axios from 'axios' |
||||
|
import { BASE_API } from '../config'; |
||||
|
import qs from 'qs'; |
||||
|
import { client_id, client_secret } from '@/config.js' |
||||
|
export function loginByUsername(username, password) { |
||||
|
//https://www.zhangxinxu.com/wordpress/2018/08/js-base64-atob-btoa-encode-decode/
|
||||
|
let Authorization = window.btoa(`${client_id}:${client_secret}`); |
||||
|
const data = { |
||||
|
username, |
||||
|
password, |
||||
|
"grant_type": 'merchant_password' |
||||
|
} |
||||
|
return axios({ |
||||
|
url: BASE_API + '/oauth/token', |
||||
|
method: 'POST', |
||||
|
data: qs.stringify(data), |
||||
|
headers: { |
||||
|
'Authorization': `Basic ${Authorization}`, |
||||
|
'content-type': 'application/x-www-form-urlencoded' |
||||
|
}, |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
export function logout() { |
||||
|
return axios({ |
||||
|
url: '/login/logout', |
||||
|
method: 'post' |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
export function getUserInfo(token) { |
||||
|
return axios({ |
||||
|
url: '/user/info', |
||||
|
method: 'get', |
||||
|
params: { token } |
||||
|
}) |
||||
|
} |
||||
|
|
||||
@ -0,0 +1,44 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 销售订单 -- 列表 |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function GET_ORDER_LIST(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/orders", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 销售订单 -- 订单详情 |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function DETAIL_ORDER(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/orders/detail", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 销售订单 -- 订单总数 |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function COUNT_ORDER(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/orders/count", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
@ -0,0 +1,203 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 账户管理 -- 账户列表 |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function GET_ACCOUNT_LIST(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/accounts", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 账户管理 -- 新建账号 |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function ADD_ACCOUNT_LIST(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/accounts", |
||||
|
method: 'post', |
||||
|
data: params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 账户管理 -- 更新账号 |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function UPDATE_ACCOUNT_LIST(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/accounts?id=" + params.id, |
||||
|
method: 'put', |
||||
|
data: params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 账户管理 -- 启用账号 |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function ENABLE_ACCOUNT_LIST(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/accounts/enable?id=" + params.id, |
||||
|
method: 'POST', |
||||
|
data: params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 账户管理 -- 禁用账号 |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function DISABLE_ACCOUNT_LIST(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/accounts/disable?id=" + params.id, |
||||
|
method: 'POST', |
||||
|
data: params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 账户管理 -- 删除账号 |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function DELETE_ACCOUNT_LIST(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/accounts", |
||||
|
method: 'delete', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 账户管理 -- 账号详情 |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function DETAIL_ACCOUNT_LIST(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/accounts/detail", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 账户管理 -- 修改密码 |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function PASSWORD_ACCOUNT_LIST(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/accounts/changePassword?id=" + params.id + '&password=' + params.password, |
||||
|
method: 'post', |
||||
|
data: params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 账户管理 -- 列表总数 |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function COUNT_ACCOUNT_LIST(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/accounts/count", |
||||
|
method: 'get', |
||||
|
data: params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 角色管理 -- 列表 |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function ROLES_LIST(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/roles", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 角色管理 -- 列表筛选 |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function ROLES_SEL(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/roles/select", |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 角色管理 -- 新建角色 |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function ROLES_POST(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/roles", |
||||
|
method: 'post', |
||||
|
data: params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 角色管理 -- 更新角色 |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function ROLES_PUT(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/roles?id=" + params.id, |
||||
|
method: 'put', |
||||
|
data: params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 角色管理 -- 删除角色 |
||||
|
* @returns {Q.Promise<any> | * | Q.Promise<T | never> | PromiseLike<T | never> | Promise<T | never>} |
||||
|
* @constructor |
||||
|
*/ |
||||
|
export function ROLES_DELETE(params) { |
||||
|
return request({ |
||||
|
url: "/api/admin/roles", |
||||
|
method: 'delete', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
@ -0,0 +1,70 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
|
||||
|
export function getShelfs(params) { |
||||
|
return request({ |
||||
|
url: '/api/admin/shelfs', |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
export function getShelfDetail(id) { |
||||
|
return request({ |
||||
|
url: '/api/admin/shelfs/detail', |
||||
|
method: 'get', |
||||
|
params: { id } |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
export function postShelfApply(params) { |
||||
|
return request({ |
||||
|
url: `/api/admin/shelfs/apply?id=${params.id}`, |
||||
|
method: 'post', |
||||
|
data: params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
export function postShelf(params) { |
||||
|
return request({ |
||||
|
url: '/api/admin/shelfs', |
||||
|
method: 'post', |
||||
|
data: params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
export function deleteShelf(id) { |
||||
|
return request({ |
||||
|
url: '/api/admin/shelfs', |
||||
|
method: 'delete', |
||||
|
data: { id }, |
||||
|
params: { id } |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
export function putShelf(params) { |
||||
|
return request({ |
||||
|
url: `/api/admin/shelfs?id=${params.id}`, |
||||
|
method: 'put', |
||||
|
data: params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
export function getShelfCount(params) { |
||||
|
return request({ |
||||
|
url: '/api/admin/shelfs/count', |
||||
|
method: 'get', |
||||
|
params |
||||
|
}).then(res => res.data.data) |
||||
|
} |
||||
|
|
||||
|
export function getShelfAppliedData(id) { |
||||
|
return request({ |
||||
|
url: '/api/admin/shelfs/appliedData', |
||||
|
method: 'get', |
||||
|
params: { id } |
||||
|
}).then(res => res.data.data).then(lists => { |
||||
|
lists.map(item => { |
||||
|
item.disabled = false |
||||
|
item.checked = false |
||||
|
}) |
||||
|
return lists |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
After Width: | Height: | Size: 160 KiB |
|
After Width: | Height: | Size: 96 KiB |
|
After Width: | Height: | Size: 4.7 KiB |
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 8.7 KiB |
@ -0,0 +1,73 @@ |
|||||
|
<template> |
||||
|
<el-breadcrumb class="app-breadcrumb" separator="/"> |
||||
|
<transition-group name="breadcrumb"> |
||||
|
<el-breadcrumb-item v-for="(item,index) in levelList" :key="item.path" v-if="item.meta.title"> |
||||
|
<span v-if="item.redirect==='noredirect'||index==levelList.length-1" class="no-redirect"> |
||||
|
{{item.meta.title}} |
||||
|
</span> |
||||
|
<a v-else @click.prevent="handleLink(item)">{{item.meta.title }}</a> |
||||
|
</el-breadcrumb-item> |
||||
|
</transition-group> |
||||
|
</el-breadcrumb> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
// import { generateTitle } from '@/utils/i18n' |
||||
|
import pathToRegexp from 'path-to-regexp' |
||||
|
|
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
levelList: null |
||||
|
} |
||||
|
}, |
||||
|
watch: { |
||||
|
$route() { |
||||
|
this.getBreadcrumb() |
||||
|
} |
||||
|
}, |
||||
|
created() { |
||||
|
this.getBreadcrumb() |
||||
|
}, |
||||
|
methods: { |
||||
|
// generateTitle, |
||||
|
getBreadcrumb() { |
||||
|
/* const first = matched[0] |
||||
|
if (first && first.path.trim().toLocaleLowerCase() !== '/dashboard'.toLocaleLowerCase()) { |
||||
|
matched = [{ path: '/dashboard', meta: { title: 'dashboard' }}].concat(matched) |
||||
|
} |
||||
|
this.levelList = matched.filter(item => item.meta && item.meta.title && item.meta.breadcrumb !== false) |
||||
|
*/ |
||||
|
this.levelList =this.$route.matched |
||||
|
}, |
||||
|
pathCompile(path) { |
||||
|
// To solve this problem https://github.com/PanJiaChen/vue-element-admin/issues/561 |
||||
|
const { params } = this.$route |
||||
|
var toPath = pathToRegexp.compile(path) |
||||
|
return toPath(params) |
||||
|
}, |
||||
|
handleLink(item) { |
||||
|
const { redirect, path } = item |
||||
|
if (redirect) { |
||||
|
this.$router.push(redirect) |
||||
|
return |
||||
|
} |
||||
|
// this.$router.push(this.pathCompile(path)) |
||||
|
this.$router.push(path) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style rel="stylesheet/scss" lang="scss" scoped> |
||||
|
.app-breadcrumb.el-breadcrumb { |
||||
|
display: inline-block; |
||||
|
font-size: 14px; |
||||
|
line-height: 50px; |
||||
|
margin-left: 8px; |
||||
|
.no-redirect { |
||||
|
color: #97a8be; |
||||
|
cursor: text; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,156 @@ |
|||||
|
<template> |
||||
|
<div :id="id" :class="className" :style="{height:height,width:width}" /> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import echarts from 'echarts' |
||||
|
import resize from './mixins/resize' |
||||
|
|
||||
|
export default { |
||||
|
mixins: [resize], |
||||
|
props: { |
||||
|
className: { |
||||
|
type: String, |
||||
|
default: 'chart' |
||||
|
}, |
||||
|
id: { |
||||
|
type: String, |
||||
|
default: 'chart' |
||||
|
}, |
||||
|
width: { |
||||
|
type: String, |
||||
|
default: '200px' |
||||
|
}, |
||||
|
height: { |
||||
|
type: String, |
||||
|
default: '200px' |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
chart: null |
||||
|
} |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.initChart() |
||||
|
}, |
||||
|
beforeDestroy() { |
||||
|
if (!this.chart) { |
||||
|
return |
||||
|
} |
||||
|
this.chart.dispose() |
||||
|
this.chart = null |
||||
|
}, |
||||
|
methods: { |
||||
|
initChart() { |
||||
|
this.chart = echarts.init(document.getElementById(this.id)) |
||||
|
|
||||
|
const xAxisData = [] |
||||
|
const data = [] |
||||
|
const data2 = [] |
||||
|
for (let i = 0; i < 50; i++) { |
||||
|
xAxisData.push(i) |
||||
|
data.push((Math.sin(i / 5) * (i / 5 - 10) + i / 6) * 5) |
||||
|
data2.push((Math.sin(i / 5) * (i / 5 + 10) + i / 6) * 3) |
||||
|
} |
||||
|
this.chart.setOption( |
||||
|
{ |
||||
|
backgroundColor: '#08263a', |
||||
|
grid: { |
||||
|
left: '5%', |
||||
|
right: '5%' |
||||
|
}, |
||||
|
xAxis: [{ |
||||
|
show: false, |
||||
|
data: xAxisData |
||||
|
}, { |
||||
|
show: false, |
||||
|
data: xAxisData |
||||
|
}], |
||||
|
visualMap: { |
||||
|
show: false, |
||||
|
min: 0, |
||||
|
max: 50, |
||||
|
dimension: 0, |
||||
|
inRange: { |
||||
|
color: ['#4a657a', '#308e92', '#b1cfa5', '#f5d69f', '#f5898b', '#ef5055'] |
||||
|
} |
||||
|
}, |
||||
|
yAxis: { |
||||
|
axisLine: { |
||||
|
show: false |
||||
|
}, |
||||
|
axisLabel: { |
||||
|
textStyle: { |
||||
|
color: '#4a657a' |
||||
|
} |
||||
|
}, |
||||
|
splitLine: { |
||||
|
show: true, |
||||
|
lineStyle: { |
||||
|
color: '#08263f' |
||||
|
} |
||||
|
}, |
||||
|
axisTick: { |
||||
|
show: false |
||||
|
} |
||||
|
}, |
||||
|
series: [{ |
||||
|
name: 'back', |
||||
|
type: 'bar', |
||||
|
data: data2, |
||||
|
z: 1, |
||||
|
itemStyle: { |
||||
|
normal: { |
||||
|
opacity: 0.4, |
||||
|
barBorderRadius: 5, |
||||
|
shadowBlur: 3, |
||||
|
shadowColor: '#111' |
||||
|
} |
||||
|
} |
||||
|
}, { |
||||
|
name: 'Simulate Shadow', |
||||
|
type: 'line', |
||||
|
data, |
||||
|
z: 2, |
||||
|
showSymbol: false, |
||||
|
animationDelay: 0, |
||||
|
animationEasing: 'linear', |
||||
|
animationDuration: 1200, |
||||
|
lineStyle: { |
||||
|
normal: { |
||||
|
color: 'transparent' |
||||
|
} |
||||
|
}, |
||||
|
areaStyle: { |
||||
|
normal: { |
||||
|
color: '#08263a', |
||||
|
shadowBlur: 50, |
||||
|
shadowColor: '#000' |
||||
|
} |
||||
|
} |
||||
|
}, { |
||||
|
name: 'front', |
||||
|
type: 'bar', |
||||
|
data, |
||||
|
xAxisIndex: 1, |
||||
|
z: 3, |
||||
|
itemStyle: { |
||||
|
normal: { |
||||
|
barBorderRadius: 5 |
||||
|
} |
||||
|
} |
||||
|
}], |
||||
|
animationEasing: 'elasticOut', |
||||
|
animationEasingUpdate: 'elasticOut', |
||||
|
animationDelay(idx) { |
||||
|
return idx * 20 |
||||
|
}, |
||||
|
animationDelayUpdate(idx) { |
||||
|
return idx * 20 |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
@ -0,0 +1,227 @@ |
|||||
|
<template> |
||||
|
<div :id="id" :class="className" :style="{height:height,width:width}" /> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import echarts from 'echarts' |
||||
|
import resize from './mixins/resize' |
||||
|
|
||||
|
export default { |
||||
|
mixins: [resize], |
||||
|
props: { |
||||
|
className: { |
||||
|
type: String, |
||||
|
default: 'chart' |
||||
|
}, |
||||
|
id: { |
||||
|
type: String, |
||||
|
default: 'chart' |
||||
|
}, |
||||
|
width: { |
||||
|
type: String, |
||||
|
default: '200px' |
||||
|
}, |
||||
|
height: { |
||||
|
type: String, |
||||
|
default: '200px' |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
chart: null |
||||
|
} |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.initChart() |
||||
|
}, |
||||
|
beforeDestroy() { |
||||
|
if (!this.chart) { |
||||
|
return |
||||
|
} |
||||
|
this.chart.dispose() |
||||
|
this.chart = null |
||||
|
}, |
||||
|
methods: { |
||||
|
initChart() { |
||||
|
this.chart = echarts.init(document.getElementById(this.id)) |
||||
|
|
||||
|
this.chart.setOption({ |
||||
|
backgroundColor: '#394056', |
||||
|
title: { |
||||
|
top: 20, |
||||
|
text: 'Requests', |
||||
|
textStyle: { |
||||
|
fontWeight: 'normal', |
||||
|
fontSize: 16, |
||||
|
color: '#F1F1F3' |
||||
|
}, |
||||
|
left: '1%' |
||||
|
}, |
||||
|
tooltip: { |
||||
|
trigger: 'axis', |
||||
|
axisPointer: { |
||||
|
lineStyle: { |
||||
|
color: '#57617B' |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
legend: { |
||||
|
top: 20, |
||||
|
icon: 'rect', |
||||
|
itemWidth: 14, |
||||
|
itemHeight: 5, |
||||
|
itemGap: 13, |
||||
|
data: ['CMCC', 'CTCC', 'CUCC'], |
||||
|
right: '4%', |
||||
|
textStyle: { |
||||
|
fontSize: 12, |
||||
|
color: '#F1F1F3' |
||||
|
} |
||||
|
}, |
||||
|
grid: { |
||||
|
top: 100, |
||||
|
left: '2%', |
||||
|
right: '2%', |
||||
|
bottom: '2%', |
||||
|
containLabel: true |
||||
|
}, |
||||
|
xAxis: [{ |
||||
|
type: 'category', |
||||
|
boundaryGap: false, |
||||
|
axisLine: { |
||||
|
lineStyle: { |
||||
|
color: '#57617B' |
||||
|
} |
||||
|
}, |
||||
|
data: ['13:00', '13:05', '13:10', '13:15', '13:20', '13:25', '13:30', '13:35', '13:40', '13:45', '13:50', '13:55'] |
||||
|
}], |
||||
|
yAxis: [{ |
||||
|
type: 'value', |
||||
|
name: '(%)', |
||||
|
axisTick: { |
||||
|
show: false |
||||
|
}, |
||||
|
axisLine: { |
||||
|
lineStyle: { |
||||
|
color: '#57617B' |
||||
|
} |
||||
|
}, |
||||
|
axisLabel: { |
||||
|
margin: 10, |
||||
|
textStyle: { |
||||
|
fontSize: 14 |
||||
|
} |
||||
|
}, |
||||
|
splitLine: { |
||||
|
lineStyle: { |
||||
|
color: '#57617B' |
||||
|
} |
||||
|
} |
||||
|
}], |
||||
|
series: [{ |
||||
|
name: 'CMCC', |
||||
|
type: 'line', |
||||
|
smooth: true, |
||||
|
symbol: 'circle', |
||||
|
symbolSize: 5, |
||||
|
showSymbol: false, |
||||
|
lineStyle: { |
||||
|
normal: { |
||||
|
width: 1 |
||||
|
} |
||||
|
}, |
||||
|
areaStyle: { |
||||
|
normal: { |
||||
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ |
||||
|
offset: 0, |
||||
|
color: 'rgba(137, 189, 27, 0.3)' |
||||
|
}, { |
||||
|
offset: 0.8, |
||||
|
color: 'rgba(137, 189, 27, 0)' |
||||
|
}], false), |
||||
|
shadowColor: 'rgba(0, 0, 0, 0.1)', |
||||
|
shadowBlur: 10 |
||||
|
} |
||||
|
}, |
||||
|
itemStyle: { |
||||
|
normal: { |
||||
|
color: 'rgb(137,189,27)', |
||||
|
borderColor: 'rgba(137,189,2,0.27)', |
||||
|
borderWidth: 12 |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
data: [220, 182, 191, 134, 150, 120, 110, 125, 145, 122, 165, 122] |
||||
|
}, { |
||||
|
name: 'CTCC', |
||||
|
type: 'line', |
||||
|
smooth: true, |
||||
|
symbol: 'circle', |
||||
|
symbolSize: 5, |
||||
|
showSymbol: false, |
||||
|
lineStyle: { |
||||
|
normal: { |
||||
|
width: 1 |
||||
|
} |
||||
|
}, |
||||
|
areaStyle: { |
||||
|
normal: { |
||||
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ |
||||
|
offset: 0, |
||||
|
color: 'rgba(0, 136, 212, 0.3)' |
||||
|
}, { |
||||
|
offset: 0.8, |
||||
|
color: 'rgba(0, 136, 212, 0)' |
||||
|
}], false), |
||||
|
shadowColor: 'rgba(0, 0, 0, 0.1)', |
||||
|
shadowBlur: 10 |
||||
|
} |
||||
|
}, |
||||
|
itemStyle: { |
||||
|
normal: { |
||||
|
color: 'rgb(0,136,212)', |
||||
|
borderColor: 'rgba(0,136,212,0.2)', |
||||
|
borderWidth: 12 |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
data: [120, 110, 125, 145, 122, 165, 122, 220, 182, 191, 134, 150] |
||||
|
}, { |
||||
|
name: 'CUCC', |
||||
|
type: 'line', |
||||
|
smooth: true, |
||||
|
symbol: 'circle', |
||||
|
symbolSize: 5, |
||||
|
showSymbol: false, |
||||
|
lineStyle: { |
||||
|
normal: { |
||||
|
width: 1 |
||||
|
} |
||||
|
}, |
||||
|
areaStyle: { |
||||
|
normal: { |
||||
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ |
||||
|
offset: 0, |
||||
|
color: 'rgba(219, 50, 51, 0.3)' |
||||
|
}, { |
||||
|
offset: 0.8, |
||||
|
color: 'rgba(219, 50, 51, 0)' |
||||
|
}], false), |
||||
|
shadowColor: 'rgba(0, 0, 0, 0.1)', |
||||
|
shadowBlur: 10 |
||||
|
} |
||||
|
}, |
||||
|
itemStyle: { |
||||
|
normal: { |
||||
|
color: 'rgb(219,50,51)', |
||||
|
borderColor: 'rgba(219,50,51,0.2)', |
||||
|
borderWidth: 12 |
||||
|
} |
||||
|
}, |
||||
|
data: [220, 182, 125, 145, 122, 191, 134, 150, 120, 110, 165, 122] |
||||
|
}] |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
@ -0,0 +1,271 @@ |
|||||
|
<template> |
||||
|
<div :id="id" :class="className" :style="{height:height,width:width}" /> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import echarts from 'echarts' |
||||
|
import resize from './mixins/resize' |
||||
|
|
||||
|
export default { |
||||
|
mixins: [resize], |
||||
|
props: { |
||||
|
className: { |
||||
|
type: String, |
||||
|
default: 'chart' |
||||
|
}, |
||||
|
id: { |
||||
|
type: String, |
||||
|
default: 'chart' |
||||
|
}, |
||||
|
width: { |
||||
|
type: String, |
||||
|
default: '200px' |
||||
|
}, |
||||
|
height: { |
||||
|
type: String, |
||||
|
default: '200px' |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
chart: null |
||||
|
} |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.initChart() |
||||
|
}, |
||||
|
beforeDestroy() { |
||||
|
if (!this.chart) { |
||||
|
return |
||||
|
} |
||||
|
this.chart.dispose() |
||||
|
this.chart = null |
||||
|
}, |
||||
|
methods: { |
||||
|
initChart() { |
||||
|
this.chart = echarts.init(document.getElementById(this.id)) |
||||
|
const xData = (function() { |
||||
|
const data = [] |
||||
|
for (let i = 1; i < 13; i++) { |
||||
|
data.push(i + 'month') |
||||
|
} |
||||
|
return data |
||||
|
}()) |
||||
|
this.chart.setOption({ |
||||
|
backgroundColor: '#344b58', |
||||
|
title: { |
||||
|
text: 'statistics', |
||||
|
x: '20', |
||||
|
top: '20', |
||||
|
textStyle: { |
||||
|
color: '#fff', |
||||
|
fontSize: '22' |
||||
|
}, |
||||
|
subtextStyle: { |
||||
|
color: '#90979c', |
||||
|
fontSize: '16' |
||||
|
} |
||||
|
}, |
||||
|
tooltip: { |
||||
|
trigger: 'axis', |
||||
|
axisPointer: { |
||||
|
textStyle: { |
||||
|
color: '#fff' |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
grid: { |
||||
|
left: '5%', |
||||
|
right: '5%', |
||||
|
borderWidth: 0, |
||||
|
top: 150, |
||||
|
bottom: 95, |
||||
|
textStyle: { |
||||
|
color: '#fff' |
||||
|
} |
||||
|
}, |
||||
|
legend: { |
||||
|
x: '5%', |
||||
|
top: '10%', |
||||
|
textStyle: { |
||||
|
color: '#90979c' |
||||
|
}, |
||||
|
data: ['female', 'male', 'average'] |
||||
|
}, |
||||
|
calculable: true, |
||||
|
xAxis: [{ |
||||
|
type: 'category', |
||||
|
axisLine: { |
||||
|
lineStyle: { |
||||
|
color: '#90979c' |
||||
|
} |
||||
|
}, |
||||
|
splitLine: { |
||||
|
show: false |
||||
|
}, |
||||
|
axisTick: { |
||||
|
show: false |
||||
|
}, |
||||
|
splitArea: { |
||||
|
show: false |
||||
|
}, |
||||
|
axisLabel: { |
||||
|
interval: 0 |
||||
|
|
||||
|
}, |
||||
|
data: xData |
||||
|
}], |
||||
|
yAxis: [{ |
||||
|
type: 'value', |
||||
|
splitLine: { |
||||
|
show: false |
||||
|
}, |
||||
|
axisLine: { |
||||
|
lineStyle: { |
||||
|
color: '#90979c' |
||||
|
} |
||||
|
}, |
||||
|
axisTick: { |
||||
|
show: false |
||||
|
}, |
||||
|
axisLabel: { |
||||
|
interval: 0 |
||||
|
}, |
||||
|
splitArea: { |
||||
|
show: false |
||||
|
} |
||||
|
}], |
||||
|
dataZoom: [{ |
||||
|
show: true, |
||||
|
height: 30, |
||||
|
xAxisIndex: [ |
||||
|
0 |
||||
|
], |
||||
|
bottom: 30, |
||||
|
start: 10, |
||||
|
end: 80, |
||||
|
handleIcon: 'path://M306.1,413c0,2.2-1.8,4-4,4h-59.8c-2.2,0-4-1.8-4-4V200.8c0-2.2,1.8-4,4-4h59.8c2.2,0,4,1.8,4,4V413z', |
||||
|
handleSize: '110%', |
||||
|
handleStyle: { |
||||
|
color: '#d3dee5' |
||||
|
|
||||
|
}, |
||||
|
textStyle: { |
||||
|
color: '#fff' }, |
||||
|
borderColor: '#90979c' |
||||
|
|
||||
|
}, { |
||||
|
type: 'inside', |
||||
|
show: true, |
||||
|
height: 15, |
||||
|
start: 1, |
||||
|
end: 35 |
||||
|
}], |
||||
|
series: [{ |
||||
|
name: 'female', |
||||
|
type: 'bar', |
||||
|
stack: 'total', |
||||
|
barMaxWidth: 35, |
||||
|
barGap: '10%', |
||||
|
itemStyle: { |
||||
|
normal: { |
||||
|
color: 'rgba(255,144,128,1)', |
||||
|
label: { |
||||
|
show: true, |
||||
|
textStyle: { |
||||
|
color: '#fff' |
||||
|
}, |
||||
|
position: 'insideTop', |
||||
|
formatter(p) { |
||||
|
return p.value > 0 ? p.value : '' |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
data: [ |
||||
|
709, |
||||
|
1917, |
||||
|
2455, |
||||
|
2610, |
||||
|
1719, |
||||
|
1433, |
||||
|
1544, |
||||
|
3285, |
||||
|
5208, |
||||
|
3372, |
||||
|
2484, |
||||
|
4078 |
||||
|
] |
||||
|
}, |
||||
|
|
||||
|
{ |
||||
|
name: 'male', |
||||
|
type: 'bar', |
||||
|
stack: 'total', |
||||
|
itemStyle: { |
||||
|
normal: { |
||||
|
color: 'rgba(0,191,183,1)', |
||||
|
barBorderRadius: 0, |
||||
|
label: { |
||||
|
show: true, |
||||
|
position: 'top', |
||||
|
formatter(p) { |
||||
|
return p.value > 0 ? p.value : '' |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
data: [ |
||||
|
327, |
||||
|
1776, |
||||
|
507, |
||||
|
1200, |
||||
|
800, |
||||
|
482, |
||||
|
204, |
||||
|
1390, |
||||
|
1001, |
||||
|
951, |
||||
|
381, |
||||
|
220 |
||||
|
] |
||||
|
}, { |
||||
|
name: 'average', |
||||
|
type: 'line', |
||||
|
stack: 'total', |
||||
|
symbolSize: 10, |
||||
|
symbol: 'circle', |
||||
|
itemStyle: { |
||||
|
normal: { |
||||
|
color: 'rgba(252,230,48,1)', |
||||
|
barBorderRadius: 0, |
||||
|
label: { |
||||
|
show: true, |
||||
|
position: 'top', |
||||
|
formatter(p) { |
||||
|
return p.value > 0 ? p.value : '' |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
data: [ |
||||
|
1036, |
||||
|
3693, |
||||
|
2962, |
||||
|
3810, |
||||
|
2519, |
||||
|
1915, |
||||
|
1748, |
||||
|
4675, |
||||
|
6209, |
||||
|
4323, |
||||
|
2865, |
||||
|
4298 |
||||
|
] |
||||
|
} |
||||
|
] |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
@ -0,0 +1,32 @@ |
|||||
|
import { debounce } from '@/utils' |
||||
|
|
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
sidebarElm: null |
||||
|
} |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.__resizeHandler = debounce(() => { |
||||
|
if (this.chart) { |
||||
|
this.chart.resize() |
||||
|
} |
||||
|
}, 100) |
||||
|
window.addEventListener('resize', this.__resizeHandler) |
||||
|
|
||||
|
this.sidebarElm = document.getElementsByClassName('sidebar-container')[0] |
||||
|
this.sidebarElm && this.sidebarElm.addEventListener('transitionend', this.sidebarResizeHandler) |
||||
|
}, |
||||
|
beforeDestroy() { |
||||
|
window.removeEventListener('resize', this.__resizeHandler) |
||||
|
|
||||
|
this.sidebarElm && this.sidebarElm.removeEventListener('transitionend', this.sidebarResizeHandler) |
||||
|
}, |
||||
|
methods: { |
||||
|
sidebarResizeHandler(e) { |
||||
|
if (e.propertyName === 'width') { |
||||
|
this.__resizeHandler() |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,63 @@ |
|||||
|
<template> |
||||
|
<div v-if="errorLogs.length>0"> |
||||
|
<el-badge :is-dot="true" style="line-height: 25px;margin-top: -5px;" @click.native="dialogTableVisible=true"> |
||||
|
<el-button style="padding: 8px 10px;" size="small" type="danger"> |
||||
|
<svg-icon icon-class="bug" /> |
||||
|
</el-button> |
||||
|
</el-badge> |
||||
|
|
||||
|
<el-dialog :visible.sync="dialogTableVisible" title="Error Log" width="80%"> |
||||
|
<el-table :data="errorLogs" border> |
||||
|
<el-table-column label="Message"> |
||||
|
<template slot-scope="scope"> |
||||
|
<div> |
||||
|
<span class="message-title">Msg:</span> |
||||
|
<el-tag type="danger">{{ scope.row.err.message }}</el-tag> |
||||
|
</div> |
||||
|
<br> |
||||
|
<div> |
||||
|
<span class="message-title" style="padding-right: 10px;">Info: </span> |
||||
|
<el-tag type="warning">{{ scope.row.vm.$vnode.tag }} error in {{ scope.row.info }}</el-tag> |
||||
|
</div> |
||||
|
<br> |
||||
|
<div> |
||||
|
<span class="message-title" style="padding-right: 16px;">Url: </span> |
||||
|
<el-tag type="success">{{ scope.row.url }}</el-tag> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="Stack"> |
||||
|
<template slot-scope="scope"> |
||||
|
{{ scope.row.err.stack }} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-dialog> |
||||
|
|
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'ErrorLog', |
||||
|
data() { |
||||
|
return { |
||||
|
dialogTableVisible: false |
||||
|
} |
||||
|
}, |
||||
|
computed: { |
||||
|
errorLogs() { |
||||
|
return this.$store.getters.errorLogs |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.message-title { |
||||
|
font-size: 16px; |
||||
|
color: #333; |
||||
|
font-weight: bold; |
||||
|
padding-right: 8px; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,43 @@ |
|||||
|
<template> |
||||
|
<div style="padding: 0 15px;" @click="toggleClick"> |
||||
|
<svg |
||||
|
:class="{'is-active':isActive}" |
||||
|
class="hamburger" |
||||
|
viewBox="0 0 1024 1024" |
||||
|
xmlns="http://www.w3.org/2000/svg" |
||||
|
width="64" |
||||
|
height="64" |
||||
|
> |
||||
|
<path d="M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm-8 204c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56zm504-486H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 632H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM142.4 642.1L298.7 519a8.84 8.84 0 0 0 0-13.9L142.4 381.9c-5.8-4.6-14.4-.5-14.4 6.9v246.3a8.9 8.9 0 0 0 14.4 7z" /> |
||||
|
</svg> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'Hamburger', |
||||
|
props: { |
||||
|
isActive: { |
||||
|
type: Boolean, |
||||
|
default: false |
||||
|
}, |
||||
|
toggleClick: { |
||||
|
type: Function, |
||||
|
default: null |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.hamburger { |
||||
|
display: inline-block; |
||||
|
vertical-align: middle; |
||||
|
width: 20px; |
||||
|
height: 20px; |
||||
|
} |
||||
|
|
||||
|
.hamburger.is-active { |
||||
|
transform: rotate(180deg); |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,181 @@ |
|||||
|
<template> |
||||
|
<div :class="{'show':show}" class="header-search"> |
||||
|
<svg-icon class-name="search-icon" icon-class="search" @click.stop="click" /> |
||||
|
<el-select |
||||
|
ref="headerSearchSelect" |
||||
|
v-model="search" |
||||
|
:remote-method="querySearch" |
||||
|
filterable |
||||
|
default-first-option |
||||
|
remote |
||||
|
placeholder="Search" |
||||
|
class="header-search-select" |
||||
|
@change="change" |
||||
|
> |
||||
|
<el-option v-for="item in options" :key="item.path" :value="item" :label="item.title.join(' > ')" /> |
||||
|
</el-select> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import Fuse from 'fuse.js' |
||||
|
import path from 'path' |
||||
|
// import i18n from '@/lang' |
||||
|
|
||||
|
export default { |
||||
|
name: 'HeaderSearch', |
||||
|
data() { |
||||
|
return { |
||||
|
search: '', |
||||
|
options: [], |
||||
|
searchPool: [], |
||||
|
show: false, |
||||
|
fuse: undefined |
||||
|
} |
||||
|
}, |
||||
|
computed: { |
||||
|
routes() { |
||||
|
return this.$store.state.app.routes |
||||
|
}, |
||||
|
}, |
||||
|
watch: { |
||||
|
routes() { |
||||
|
this.searchPool = this.generateRoutes(this.routes) |
||||
|
}, |
||||
|
searchPool(list) { |
||||
|
this.initFuse(list) |
||||
|
}, |
||||
|
show(value) { |
||||
|
if (value) { |
||||
|
document.body.addEventListener('click', this.close) |
||||
|
} else { |
||||
|
document.body.removeEventListener('click', this.close) |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.searchPool = this.generateRoutes(this.routes) |
||||
|
}, |
||||
|
methods: { |
||||
|
click() { |
||||
|
this.show = !this.show |
||||
|
if (this.show) { |
||||
|
this.$refs.headerSearchSelect && this.$refs.headerSearchSelect.focus() |
||||
|
} |
||||
|
}, |
||||
|
close() { |
||||
|
this.$refs.headerSearchSelect && this.$refs.headerSearchSelect.blur() |
||||
|
this.options = [] |
||||
|
this.show = false |
||||
|
}, |
||||
|
change(val) { |
||||
|
this.$router.push(val.path) |
||||
|
this.search = '' |
||||
|
this.options = [] |
||||
|
this.$nextTick(() => { |
||||
|
this.show = false |
||||
|
}) |
||||
|
}, |
||||
|
initFuse(list) { |
||||
|
this.fuse = new Fuse(list, { |
||||
|
shouldSort: true, |
||||
|
threshold: 0.4, |
||||
|
location: 0, |
||||
|
distance: 100, |
||||
|
maxPatternLength: 32, |
||||
|
minMatchCharLength: 1, |
||||
|
keys: [{ |
||||
|
name: 'title', |
||||
|
weight: 0.7 |
||||
|
}, { |
||||
|
name: 'path', |
||||
|
weight: 0.3 |
||||
|
}] |
||||
|
}) |
||||
|
}, |
||||
|
// Filter out the routes that can be displayed in the sidebar |
||||
|
// And generate the internationalized title |
||||
|
generateRoutes(routes, basePath = '/', prefixTitle = []) { |
||||
|
let res = [] |
||||
|
|
||||
|
for (const router of routes) { |
||||
|
// skip hidden router |
||||
|
if (router.hidden) { continue } |
||||
|
|
||||
|
const data = { |
||||
|
path: path.resolve(basePath, router.path), |
||||
|
title: [...prefixTitle] |
||||
|
} |
||||
|
|
||||
|
if (router.meta && router.meta.title) { |
||||
|
// generate internationalized title |
||||
|
// const i18ntitle = i18n.t(`route.${router.meta.title}`) |
||||
|
|
||||
|
data.title = [...data.title, /* i18ntitle */] |
||||
|
|
||||
|
if (router.redirect !== 'noredirect') { |
||||
|
// only push the routes with title |
||||
|
// special case: need to exclude parent router without redirect |
||||
|
res.push(data) |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
// recursive child routes |
||||
|
if (router.children) { |
||||
|
const tempRoutes = this.generateRoutes(router.children, data.path, data.title) |
||||
|
if (tempRoutes.length >= 1) { |
||||
|
res = [...res, ...tempRoutes] |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
return res |
||||
|
}, |
||||
|
querySearch(query) { |
||||
|
if (query !== '') { |
||||
|
this.options = this.fuse.search(query) |
||||
|
} else { |
||||
|
this.options = [] |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.header-search { |
||||
|
font-size: 0 !important; |
||||
|
|
||||
|
.search-icon { |
||||
|
cursor: pointer; |
||||
|
font-size: 18px; |
||||
|
vertical-align: middle; |
||||
|
} |
||||
|
|
||||
|
.header-search-select { |
||||
|
font-size: 18px; |
||||
|
transition: width 0.2s; |
||||
|
width: 0; |
||||
|
overflow: hidden; |
||||
|
background: transparent; |
||||
|
border-radius: 0; |
||||
|
display: inline-block; |
||||
|
vertical-align: middle; |
||||
|
.el-input__inner { |
||||
|
border-radius: 0; |
||||
|
border: 0; |
||||
|
padding-left: 0; |
||||
|
padding-right: 0; |
||||
|
box-shadow: none !important; |
||||
|
border-bottom: 1px solid #d9d9d9; |
||||
|
vertical-align: middle; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
&.show { |
||||
|
.header-search-select { |
||||
|
width: 210px; |
||||
|
margin-left: 10px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,51 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<svg-icon :icon-class="isFullscreen?'exit-fullscreen':'fullscreen'" @click="click" /> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import screenfull from 'screenfull' |
||||
|
|
||||
|
export default { |
||||
|
name: 'Screenfull', |
||||
|
data() { |
||||
|
return { |
||||
|
isFullscreen: false |
||||
|
} |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.init() |
||||
|
}, |
||||
|
methods: { |
||||
|
click() { |
||||
|
if (!screenfull.enabled) { |
||||
|
this.$message({ |
||||
|
message: 'you browser can not work', |
||||
|
type: 'warning' |
||||
|
}) |
||||
|
return false |
||||
|
} |
||||
|
screenfull.toggle() |
||||
|
}, |
||||
|
init() { |
||||
|
if (screenfull.enabled) { |
||||
|
screenfull.on('change', () => { |
||||
|
this.isFullscreen = screenfull.isFullscreen |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.screenfull-svg { |
||||
|
display: inline-block; |
||||
|
cursor: pointer; |
||||
|
fill: #5a5e66;; |
||||
|
width: 20px; |
||||
|
height: 20px; |
||||
|
vertical-align: 10px; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,56 @@ |
|||||
|
<template> |
||||
|
<el-dropdown trigger="click" @command="handleSetSize"> |
||||
|
<div> |
||||
|
<svg-icon class-name="size-icon" icon-class="size" /> |
||||
|
</div> |
||||
|
<el-dropdown-menu slot="dropdown"> |
||||
|
<el-dropdown-item v-for="item of sizeOptions" :key="item.value" :disabled="size===item.value" :command="item.value"> |
||||
|
{{ item.label }} |
||||
|
</el-dropdown-item> |
||||
|
</el-dropdown-menu> |
||||
|
</el-dropdown> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
sizeOptions: [ |
||||
|
{ label: 'Default', value: 'default' }, |
||||
|
{ label: 'Medium', value: 'medium' }, |
||||
|
{ label: 'Small', value: 'small' }, |
||||
|
{ label: 'Mini', value: 'mini' } |
||||
|
] |
||||
|
} |
||||
|
}, |
||||
|
computed: { |
||||
|
size() { |
||||
|
return this.$store.getters.size |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
handleSetSize(size) { |
||||
|
this.$ELEMENT.size = size |
||||
|
this.$store.dispatch('setSize', size) |
||||
|
this.refreshView() |
||||
|
this.$message({ |
||||
|
message: 'Switch Size Success', |
||||
|
type: 'success' |
||||
|
}) |
||||
|
}, |
||||
|
refreshView() { |
||||
|
// In order to make the cached page re-rendered |
||||
|
this.$store.dispatch('delAllCachedViews', this.$route) |
||||
|
|
||||
|
const { fullPath } = this.$route |
||||
|
|
||||
|
this.$nextTick(() => { |
||||
|
this.$router.replace({ |
||||
|
path: '/redirect' + fullPath |
||||
|
}) |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
</script> |
||||
@ -0,0 +1,44 @@ |
|||||
|
<template> |
||||
|
<svg :class="svgClass" aria-hidden="true" v-on="$listeners"> |
||||
|
<use :xlink:href="iconName" /> |
||||
|
</svg> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'SvgIcon', |
||||
|
props: { |
||||
|
iconClass: { |
||||
|
type: String, |
||||
|
required: true |
||||
|
}, |
||||
|
className: { |
||||
|
type: String, |
||||
|
default: '' |
||||
|
} |
||||
|
}, |
||||
|
computed: { |
||||
|
iconName() { |
||||
|
return `#icon-${this.iconClass}` |
||||
|
}, |
||||
|
svgClass() { |
||||
|
if (this.className) { |
||||
|
return 'svg-icon ' + this.className |
||||
|
} else { |
||||
|
return 'svg-icon' |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.svg-icon { |
||||
|
width: 1em; |
||||
|
height: 1em; |
||||
|
vertical-align: -0.15em; |
||||
|
fill: currentColor; |
||||
|
overflow: hidden; |
||||
|
font-size: 16px; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,2 @@ |
|||||
|
|
||||
|
|
||||
@ -0,0 +1,7 @@ |
|||||
|
export const BASE_API = "https://rapapi.renqilai.com/app/mock/39"; |
||||
|
|
||||
|
export const client_id = 'test' |
||||
|
export const client_secret = "test" |
||||
|
// export const BASE_API = "http://192.168.0.222:8080"
|
||||
|
|
||||
|
export const pageSize = 20 |
||||
@ -0,0 +1,30 @@ |
|||||
|
import Vue from 'vue' |
||||
|
// register globally
|
||||
|
import Sticky from 'vue-sticky-directive' |
||||
|
Vue.use(Sticky) |
||||
|
|
||||
|
export default () => { |
||||
|
|
||||
|
Vue.directive('scroll', { |
||||
|
bind(el, binding) { |
||||
|
// 获取滚动页面DOM
|
||||
|
let SCROLL_DOM = el.querySelector('.el-select-dropdown .el-select-dropdown__wrap') |
||||
|
let scrollPosition = 0 |
||||
|
SCROLL_DOM.addEventListener('scroll', function () { |
||||
|
// 当前的滚动位置 减去 上一次的滚动位置
|
||||
|
// 如果为true则代表向上滚动，false代表向下滚动
|
||||
|
let flagToDirection = this.scrollTop - scrollPosition > 0 |
||||
|
// 记录当前的滚动位置
|
||||
|
scrollPosition = this.scrollTop |
||||
|
const LIMIT_BOTTOM = 100 |
||||
|
// 记录滚动位置距离底部的位置
|
||||
|
let scrollBottom = this.scrollHeight - (this.scrollTop + this.clientHeight) < LIMIT_BOTTOM |
||||
|
// 如果已达到指定位置则触发
|
||||
|
if (scrollBottom) { |
||||
|
// 将滚动行为告诉组件
|
||||
|
binding.value(flagToDirection) |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
@ -0,0 +1,17 @@ |
|||||
|
import Vue from 'vue' |
||||
|
// import store from './store'
|
||||
|
|
||||
|
//全局状态下 捕获异常，避免崩盘 在开发环境不需要捕获
|
||||
|
if (process.env.NODE_ENV === 'production') { |
||||
|
Vue.config.errorHandler = function(err, vm, info, a) { |
||||
|
Vue.nextTick(() => { |
||||
|
/* store.dispatch('addErrorLog', { |
||||
|
err, |
||||
|
vm, |
||||
|
info, |
||||
|
url: window.location.href |
||||
|
}) */ |
||||
|
console.error(err, info) |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,59 @@ |
|||||
|
const moment = require('moment'); |
||||
|
|
||||
|
// set function parseTime,formatTime to filter
|
||||
|
export { parseTime, formatTime } from '@/utils' |
||||
|
|
||||
|
function pluralize(time, label) { |
||||
|
if (time === 1) { |
||||
|
return time + label |
||||
|
} |
||||
|
return time + label + 's' |
||||
|
} |
||||
|
|
||||
|
export function timeAgo(time) { |
||||
|
const between = Date.now() / 1000 - Number(time) |
||||
|
if (between < 3600) { |
||||
|
return pluralize(~~(between / 60), ' minute') |
||||
|
} else if (between < 86400) { |
||||
|
return pluralize(~~(between / 3600), ' hour') |
||||
|
} else { |
||||
|
return pluralize(~~(between / 86400), ' day') |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/* 数字 格式化*/ |
||||
|
export function numberFormatter(num, digits) { |
||||
|
const si = [ |
||||
|
{ value: 1E18, symbol: 'E' }, |
||||
|
{ value: 1E15, symbol: 'P' }, |
||||
|
{ value: 1E12, symbol: 'T' }, |
||||
|
{ value: 1E9, symbol: 'G' }, |
||||
|
{ value: 1E6, symbol: 'M' }, |
||||
|
{ value: 1E3, symbol: 'k' } |
||||
|
] |
||||
|
for (let i = 0; i < si.length; i++) { |
||||
|
if (num >= si[i].value) { |
||||
|
return (num / si[i].value + 0.1).toFixed(digits).replace(/\.0+$|(\.[0-9]*[1-9])0+$/, '$1') + si[i].symbol |
||||
|
} |
||||
|
} |
||||
|
return num.toString() |
||||
|
} |
||||
|
|
||||
|
export function toThousandFilter(num) { |
||||
|
return (+num || 0).toString().replace(/^-?\d+/g, m => m.replace(/(?=(?!\b)(\d{3})+$)/g, ',')) |
||||
|
} |
||||
|
export function parseint(num) { |
||||
|
return parseInt(num) |
||||
|
} |
||||
|
export function dateTimeFormate(date) { |
||||
|
return moment(date).format('YYYY-MM-DD HH:mm:SS') |
||||
|
} |
||||
|
|
||||
|
export function dateTimeFormateHHmm(date) { |
||||
|
return moment(date).format('YYYY-MM-DD hh:mm:ss') |
||||
|
|
||||
|
} |
||||
|
|
||||
|
export function clone(valu) { |
||||
|
return JSON.parse(JSON.stringify(valu)) |
||||
|
} |
||||
@ -0,0 +1,6 @@ |
|||||
|
import Vue from 'vue' |
||||
|
import SvgIcon from '@/components/SvgIcon'// svg组件
|
||||
|
|
||||
|
// register globally
|
||||
|
Vue.component('svg-icon', SvgIcon) |
||||
|
|
||||
@ -0,0 +1,48 @@ |
|||||
|
import Vue from 'vue' |
||||
|
import App from './App' |
||||
|
// CSS resets
|
||||
|
import 'normalize.css/normalize.css' |
||||
|
//elementui
|
||||
|
import Element from 'element-ui' |
||||
|
import 'element-ui/lib/theme-chalk/index.css' |
||||
|
import VueDND from 'awe-dnd' |
||||
|
Vue.use(VueDND) |
||||
|
|
||||
|
import VueVideoPlayer from 'vue-video-player' |
||||
|
import 'video.js/dist/video-js.css' |
||||
|
|
||||
|
Vue.use(VueVideoPlayer, /* { |
||||
|
options: global default options, |
||||
|
events: global videojs events |
||||
|
} */) |
||||
|
|
||||
|
import Cookies from 'js-cookie' |
||||
|
Vue.use(Element, { |
||||
|
size: Cookies.get('size') || 'medium', // set element-ui default size
|
||||
|
// i18n: (key, value) => i18n.t(key, value)
|
||||
|
}) |
||||
|
|
||||
|
import '@/styles/index.scss'// global css
|
||||
|
import './errorLog' // error log
|
||||
|
import './icons' // icon
|
||||
|
import "./permission" //权限控制
|
||||
|
import store from './store'//全局store
|
||||
|
import router from './router' |
||||
|
|
||||
|
// register global utility filters.
|
||||
|
import * as filters from './filters' // global filters
|
||||
|
import '@/utils/dom'//全局方法
|
||||
|
Object.keys(filters).forEach(key => { |
||||
|
Vue.filter(key, filters[key]) |
||||
|
}) |
||||
|
import Directives from './directives' |
||||
|
Vue.use(Directives) //添加下拉框 scroll方法
|
||||
|
Vue.config.devtools = true; |
||||
|
window._vm = new Vue({ |
||||
|
el: '#app', |
||||
|
router, |
||||
|
store, |
||||
|
|
||||
|
// i18n,
|
||||
|
render: h => h(App) |
||||
|
}) |
||||
@ -0,0 +1,32 @@ |
|||||
|
import router from './router' |
||||
|
import store from './store' |
||||
|
import { Message } from 'element-ui' |
||||
|
import NProgress from 'nprogress' // progress bar
|
||||
|
import 'nprogress/nprogress.css' // progress bar style
|
||||
|
import { getToken } from '@/utils/auth' |
||||
|
NProgress.configure({ showSpinner: false }) // NProgress Configuration
|
||||
|
|
||||
|
|
||||
|
router.beforeEach((to, from, next) => { |
||||
|
NProgress.start() // start progress bar
|
||||
|
if (to.path === '/login') { |
||||
|
next() |
||||
|
NProgress.done() // finish progress bar
|
||||
|
} else { |
||||
|
if (getToken()) { |
||||
|
store.dispatch('GenerateRoutes').then(routes => { |
||||
|
next() |
||||
|
}) |
||||
|
} else { |
||||
|
next('/login') |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
}) |
||||
|
|
||||
|
router.afterEach(() => { |
||||
|
NProgress.done() // finish progress bar
|
||||
|
}) |
||||
@ -0,0 +1,32 @@ |
|||||
|
import Layout from '@/views/layout/Layout' |
||||
|
|
||||
|
const advertisingManagement = { |
||||
|
path: '/advertisingManagement', |
||||
|
component: Layout, |
||||
|
meta: {title: '广告管理', icon: 'guanggaoguanli', noCache: true, affix: false}, |
||||
|
children: [ |
||||
|
{ |
||||
|
path: '/advertisingManagement/materialManagement', |
||||
|
component: () => import('@/views/advertisingManagement/materialManagement/index'), |
||||
|
name: '素材管理', |
||||
|
meta: {title: '素材管理', noCache: false, affix: false} |
||||
|
}, |
||||
|
{ |
||||
|
path: '/advertisingManagement/advertisingPlan', |
||||
|
component: () => import('@/views/advertisingManagement/advertisingPlan/index'), |
||||
|
name: '广告计划', |
||||
|
meta: {title: '广告计划', noCache: false, affix: false}, |
||||
|
|
||||
|
}, |
||||
|
{ |
||||
|
path: '/advertisingManagement/advertisingPlan/opiModel', |
||||
|
component: () => import('@/views/advertisingManagement/advertisingPlan/opiModel'), |
||||
|
hidden:true, |
||||
|
name: '计划增加/查看', |
||||
|
meta: {title: '广告计划增加/查看', noCache: false, affix: false}, |
||||
|
|
||||
|
} |
||||
|
] |
||||
|
}; |
||||
|
|
||||
|
export default advertisingManagement |
||||
@ -0,0 +1,24 @@ |
|||||
|
import Layout from '@/views/layout/Layout' |
||||
|
|
||||
|
const commodityManagement = { |
||||
|
path: '/commodityManagement', |
||||
|
component: Layout, |
||||
|
meta: {title: '商品管理', icon: 'shangpinguanli', noCache: true, affix: false}, |
||||
|
children: [ |
||||
|
{ |
||||
|
path: '/commodityManagement/productList', |
||||
|
component: () => import('@/views/commodityManagement/productList/index'), |
||||
|
name: '商品列表', |
||||
|
meta: {title: '商品列表', noCache: false, affix: false} |
||||
|
}, |
||||
|
{ |
||||
|
path: '/commodityManagement/commodityClassification', |
||||
|
component: () => import('@/views/commodityManagement/commodityClassification/index'), |
||||
|
name: '商品分类', |
||||
|
meta: {title: '商品分类', noCache: false, affix: false}, |
||||
|
|
||||
|
} |
||||
|
] |
||||
|
}; |
||||
|
|
||||
|
export default commodityManagement |
||||
@ -0,0 +1,45 @@ |
|||||
|
import Layout from '@/views/layout/Layout' |
||||
|
const device = { |
||||
|
path: '/device', |
||||
|
component: Layout, |
||||
|
meta: { title: '设备管理', icon: 'shebeiguanli1-copy', noCache: true, affix: false }, |
||||
|
children: [ |
||||
|
{ |
||||
|
path: '/device/list', |
||||
|
component: () => import('@/views/device/list/index'), |
||||
|
name: '设备列表', |
||||
|
/* affix: true 一直固定不关闭 */ |
||||
|
meta: { title: '设备列表', noCache: false, affix: false } |
||||
|
}, |
||||
|
{ |
||||
|
path: '/device/list/edit', |
||||
|
component: () => import('@/views/device/list/edit'), |
||||
|
hidden: true, |
||||
|
name: '设备编辑', |
||||
|
/* affix: true 一直固定不关闭 */ |
||||
|
meta: { title: '设备编辑', noCache: false, affix: false } |
||||
|
}, |
||||
|
{ |
||||
|
path: '/device/group', |
||||
|
component: () => import('@/views/device/group/index'), |
||||
|
name: 'device_group_list', |
||||
|
/* affix: true 一直固定不关闭 */ |
||||
|
meta: { title: '设备分组列表', noCache: false, affix: false } |
||||
|
}, |
||||
|
// {
|
||||
|
// path: '/device/map',
|
||||
|
// component: () => import('@/views/device/map/index'),
|
||||
|
// name: '机器地理图',
|
||||
|
// /* affix: true 一直固定不关闭 */
|
||||
|
// meta: { title: '机器地理图', noCache: false, affix: false }
|
||||
|
// },
|
||||
|
// {
|
||||
|
// path: '/device/fault',
|
||||
|
// component: () => import('@/views/device/fault/index'),
|
||||
|
// name: '机器故障',
|
||||
|
// /* affix: true 一直固定不关闭 */
|
||||
|
// meta: { title: '机器故障', noCache: false, affix: false }
|
||||
|
// },
|
||||
|
] |
||||
|
} |
||||
|
export default device |
||||
@ -0,0 +1,24 @@ |
|||||
|
import Layout from '@/views/layout/Layout' |
||||
|
|
||||
|
const commodityManagement = { |
||||
|
path: '/distribution', |
||||
|
component: Layout, |
||||
|
meta: {title: '分润管理', icon: 'gongxiang', noCache: true, affix: false}, |
||||
|
children: [ |
||||
|
{ |
||||
|
path: '/distribution/equipment', |
||||
|
component: () => import('@/views/distribution/equipment/index'), |
||||
|
name: '设备分润', |
||||
|
meta: {title: '设备分润', noCache: false, affix: false} |
||||
|
}, |
||||
|
{ |
||||
|
path: '/distribution/field', |
||||
|
component: () => import('@/views/distribution/field/index'), |
||||
|
name: '场地分润', |
||||
|
meta: {title: '场地分润', noCache: false, affix: false}, |
||||
|
|
||||
|
} |
||||
|
] |
||||
|
}; |
||||
|
|
||||
|
export default commodityManagement |
||||
@ -0,0 +1,18 @@ |
|||||
|
import Layout from '@/views/layout/Layout' |
||||
|
|
||||
|
const finance = { |
||||
|
path: '/finance', |
||||
|
component: Layout, |
||||
|
redirect: '/finance/index', |
||||
|
meta: {title: '财务', icon: 'caiwu', noCache: true, affix: false}, |
||||
|
children: [ |
||||
|
{ |
||||
|
path: '/finance/index', |
||||
|
component: () => import('@/views/finance/index'), |
||||
|
name: "finance_list", |
||||
|
meta: {title: '财务', icon: 'caiwu', noCache: true, affix: false}, |
||||
|
}, |
||||
|
] |
||||
|
}; |
||||
|
|
||||
|
export default finance |
||||
@ -0,0 +1,33 @@ |
|||||
|
import Layout from '@/views/layout/Layout' |
||||
|
const device = { |
||||
|
path: '/inventory', |
||||
|
component: Layout, |
||||
|
meta: { title: '库存管理', icon: 'kucunguanli' }, |
||||
|
children: [ |
||||
|
{ |
||||
|
path: '/inventory/list', |
||||
|
component: () => import('@/views/inventory/list/index'), |
||||
|
name: 'inventory_list', |
||||
|
/* affix: true 一直固定不关闭 */ |
||||
|
meta: { title: '库存管理', noCache: false, affix: false } |
||||
|
}, |
||||
|
{ |
||||
|
path: '/inventory/detail', |
||||
|
hidden: true, |
||||
|
component: () => import('@/views/inventory/detail/index'), |
||||
|
name: 'inventory_detail', |
||||
|
/* affix: true 一直固定不关闭 */ |
||||
|
meta: { title: '库存详情', noCache: false, affix: false } |
||||
|
}, |
||||
|
{ |
||||
|
path: '/inventory/audits', |
||||
|
hidden: true, |
||||
|
component: () => import('@/views/inventory/detail/audits/table'), |
||||
|
/* affix: true 一直固定不关闭 */ |
||||
|
meta: { title: '产品库存记录', noCache: false, affix: false } |
||||
|
|
||||
|
} |
||||
|
|
||||
|
] |
||||
|
} |
||||
|
export default device |
||||
@ -0,0 +1,25 @@ |
|||||
|
import Layout from '@/views/layout/Layout' |
||||
|
const route = { |
||||
|
path: '/location', |
||||
|
component: Layout, |
||||
|
meta: { title: '场地管理', icon: 'changdiguanli', noCache: true, affix: false }, |
||||
|
rediect: '/location/list', |
||||
|
children: [ |
||||
|
{ |
||||
|
path: '/location/list', |
||||
|
component: () => import('@/views/location/list'), |
||||
|
name: 'localtion_list', |
||||
|
/* affix: true 一直固定不关闭 */ |
||||
|
meta: { title: '场地管理', noCache: false, affix: false } |
||||
|
}, |
||||
|
{ |
||||
|
path: '/location/add-device', |
||||
|
hidden: true, |
||||
|
component: () => import('@/views/location/AddDevice2location'), |
||||
|
name: 'localtion_addDevice2localtion', |
||||
|
/* affix: true 一直固定不关闭 */ |
||||
|
meta: { title: '场地添加设备', noCache: false, affix: false } |
||||
|
}, |
||||
|
] |
||||
|
} |
||||
|
export default route |
||||
@ -0,0 +1,24 @@ |
|||||
|
import Layout from '@/views/layout/Layout' |
||||
|
|
||||
|
const order = { |
||||
|
path: '/order', |
||||
|
component: Layout, |
||||
|
meta: {title: '订单管理', icon: 'dingdan', noCache: true, affix: false}, |
||||
|
children: [ |
||||
|
{ |
||||
|
path: '/order/salesOrder', |
||||
|
component: () => import('@/views/order/salesOrder/index'), |
||||
|
name: '销售订单', |
||||
|
meta: {title: '销售订单', noCache: false, affix: false} |
||||
|
}, |
||||
|
// {
|
||||
|
// path: '/order/luckyFree',
|
||||
|
// component: () => import('@/views/order/luckyFree/index'),
|
||||
|
// name: '幸运免单',
|
||||
|
// meta: {title: '幸运免单', noCache: false, affix: false},
|
||||
|
//
|
||||
|
// }
|
||||
|
] |
||||
|
}; |
||||
|
|
||||
|
export default order |
||||
@ -0,0 +1,40 @@ |
|||||
|
import Layout from '@/views/layout/Layout' |
||||
|
|
||||
|
const commodityManagement = { |
||||
|
path: '/privilegeManagement', |
||||
|
component: Layout, |
||||
|
meta: {title: '权限管理', icon: 'shouquanguanli', noCache: true, affix: false}, |
||||
|
children: [ |
||||
|
{ |
||||
|
path: '/privilegeManagement/account', |
||||
|
component: () => import('@/views/privilegeManagement/account/index'), |
||||
|
name: '账户管理', |
||||
|
meta: {title: '账户管理', noCache: false, affix: false} |
||||
|
}, |
||||
|
{ |
||||
|
path: '/privilegeManagement/role', |
||||
|
component: () => import('@/views/privilegeManagement/role/index'), |
||||
|
name: '角色管理', |
||||
|
meta: {title: '角色管理', noCache: false, affix: false}, |
||||
|
|
||||
|
}, |
||||
|
{ |
||||
|
path: '/privilegeManagement/role/permissions', |
||||
|
component: () => import('@/views/privilegeManagement/role/permissions'), |
||||
|
hidden:true, |
||||
|
name: '新增角色', |
||||
|
meta: {title: '新增角色', noCache: false, affix: false}, |
||||
|
|
||||
|
}, |
||||
|
{ |
||||
|
path: '/privilegeManagement/account/opiModel', |
||||
|
component: () => import('@/views/privilegeManagement/account/opiModel'), |
||||
|
hidden:true, |
||||
|
name: '用户增加/查看', |
||||
|
meta: {title: '用户增加/查看', noCache: false, affix: false}, |
||||
|
|
||||
|
} |
||||
|
] |
||||
|
}; |
||||
|
|
||||
|
export default commodityManagement |
||||
@ -0,0 +1,46 @@ |
|||||
|
import Layout from '@/views/layout/Layout' |
||||
|
const route = { |
||||
|
path: '/shelfs', |
||||
|
component: Layout, |
||||
|
redirect: '/shelfs/index', |
||||
|
meta: { title: '货道管理', icon: 'shebeiguanli' }, |
||||
|
children: [ |
||||
|
{ |
||||
|
path: '/shelfs/index', |
||||
|
component: () => import('@/views/shelfs/list'), |
||||
|
name: "shelfs_list", |
||||
|
meta: { |
||||
|
title: '货道列表', noCache: false, affix: false |
||||
|
}, |
||||
|
}, |
||||
|
{ |
||||
|
path: '/shelfs/status', |
||||
|
component: () => import('@/views/shelfs/status'), |
||||
|
name: "shelfs_status", |
||||
|
meta: { title: '货道状态', noCache: false, affix: false }, |
||||
|
}, |
||||
|
{ |
||||
|
path: '/shelfs/detail', |
||||
|
hidden: true, |
||||
|
component: () => import('@/views/shelfs/detail'), |
||||
|
name: "shelfs_detail", |
||||
|
meta: { title: '货道详情', noCache: false, affix: false }, |
||||
|
}, |
||||
|
{ |
||||
|
path: '/shelfs/putaway', |
||||
|
hidden: true, |
||||
|
component: () => import('@/views/shelfs/list/putawayShelf/putawayShelf'), |
||||
|
name: "shelfs_list_putaway", |
||||
|
meta: { title: '货道上架', noCache: false, affix: false }, |
||||
|
}, |
||||
|
{ |
||||
|
path: '/shelfs/add', |
||||
|
hidden: true, |
||||
|
component: () => import('@/views/shelfs/add'), |
||||
|
name: "shelfs_list_add", |
||||
|
meta: { title: '新增货道方案', noCache: false, affix: false }, |
||||
|
}, |
||||
|
|
||||
|
] |
||||
|
} |
||||
|
export default route |
||||
@ -0,0 +1,7 @@ |
|||||
|
const getters = { |
||||
|
app_routes: state => state.app.routes, |
||||
|
sidebar: state => state.app.sidebar, |
||||
|
visitedViews: state => state.tagsView.visitedViews, |
||||
|
common: state => state.common, |
||||
|
} |
||||
|
export default getters |
||||
@ -0,0 +1,26 @@ |
|||||
|
import Vue from 'vue' |
||||
|
import Vuex from 'vuex' |
||||
|
import app from './modules/app' |
||||
|
import common from './modules/common' |
||||
|
import tagsView from './modules/tagsView' |
||||
|
import user from './modules/user' |
||||
|
import device from './modules/device/index' |
||||
|
import inventory from './modules/inventory' |
||||
|
|
||||
|
import getters from './getters' |
||||
|
|
||||
|
Vue.use(Vuex) |
||||
|
|
||||
|
const store = new Vuex.Store({ |
||||
|
modules: { |
||||
|
app, |
||||
|
common, |
||||
|
tagsView, |
||||
|
user, |
||||
|
device, |
||||
|
inventory, |
||||
|
}, |
||||
|
getters, |
||||
|
}) |
||||
|
|
||||
|
export default store |
||||
@ -0,0 +1,72 @@ |
|||||
|
import Cookies from 'js-cookie' |
||||
|
import { constantRoutes } from '@/router' |
||||
|
const app = { |
||||
|
state: { |
||||
|
sidebar: { |
||||
|
opened: Cookies.get('sidebarStatus') ? !!+Cookies.get('sidebarStatus') : true, |
||||
|
withoutAnimation: false |
||||
|
}, |
||||
|
routes:[], |
||||
|
device: 'desktop', |
||||
|
language: Cookies.get('language') || 'en', |
||||
|
size: Cookies.get('size') || 'medium' |
||||
|
}, |
||||
|
mutations: { |
||||
|
TOGGLE_SIDEBAR: state => { |
||||
|
state.sidebar.opened = !state.sidebar.opened |
||||
|
state.sidebar.withoutAnimation = false |
||||
|
if (state.sidebar.opened) { |
||||
|
Cookies.set('sidebarStatus', 1) |
||||
|
} else { |
||||
|
Cookies.set('sidebarStatus', 0) |
||||
|
} |
||||
|
}, |
||||
|
CLOSE_SIDEBAR: (state, withoutAnimation) => { |
||||
|
Cookies.set('sidebarStatus', 0) |
||||
|
state.sidebar.opened = false |
||||
|
state.sidebar.withoutAnimation = withoutAnimation |
||||
|
}, |
||||
|
TOGGLE_DEVICE: (state, device) => { |
||||
|
state.device = device |
||||
|
}, |
||||
|
SET_LANGUAGE: (state, language) => { |
||||
|
state.language = language |
||||
|
Cookies.set('language', language) |
||||
|
}, |
||||
|
SET_SIZE: (state, size) => { |
||||
|
state.size = size |
||||
|
Cookies.set('size', size) |
||||
|
}, |
||||
|
SET_ROUTES: (state, routes) => { |
||||
|
state.addRoutes = routes |
||||
|
state.routes = routes |
||||
|
}, |
||||
|
|
||||
|
}, |
||||
|
actions: { |
||||
|
GenerateRoutes({ commit }, data) { |
||||
|
return new Promise(resolve => { |
||||
|
// const { roles } = data
|
||||
|
commit('SET_ROUTES', constantRoutes) |
||||
|
resolve(constantRoutes) |
||||
|
}) |
||||
|
}, |
||||
|
toggleSideBar({ commit }) { |
||||
|
commit('TOGGLE_SIDEBAR') |
||||
|
}, |
||||
|
closeSideBar({ commit }, { withoutAnimation }) { |
||||
|
commit('CLOSE_SIDEBAR', withoutAnimation) |
||||
|
}, |
||||
|
toggleDevice({ commit }, device) { |
||||
|
commit('TOGGLE_DEVICE', device) |
||||
|
}, |
||||
|
setLanguage({ commit }, language) { |
||||
|
commit('SET_LANGUAGE', language) |
||||
|
}, |
||||
|
setSize({ commit }, size) { |
||||
|
commit('SET_SIZE', size) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
export default app |
||||
@ -0,0 +1,59 @@ |
|||||
|
import { |
||||
|
GET_DEVICE_TYPES, GET_LOCATIONS, |
||||
|
GET_DEVICE_GROUPS_TOTAL, GET_DEIVCE_GROUPS_ALL, |
||||
|
GET_ROLES, GET_LOCALTION_TYPE |
||||
|
} from '@/api/common' |
||||
|
|
||||
|
const store = { |
||||
|
state: { |
||||
|
//select 的options
|
||||
|
deviceTypes: [], |
||||
|
locations: [], |
||||
|
roles: [], |
||||
|
deviceGroups: [], |
||||
|
locationTypes: [] |
||||
|
}, |
||||
|
mutations: { |
||||
|
SET_DEVICE_TYPE: (state, payload) => { |
||||
|
state.deviceTypes = payload |
||||
|
}, |
||||
|
SET_LOCALTIONS: (state, payload) => { |
||||
|
state.locations = payload |
||||
|
}, |
||||
|
SET_ROLE: (state, payload) => { |
||||
|
state.roles = payload |
||||
|
}, |
||||
|
SET_DEVICE_GROUPS: (state, payload) => { |
||||
|
state.deviceGroups = payload |
||||
|
}, |
||||
|
SET_LOCATION_TYPE: (state, payload) => { |
||||
|
state.locationTypes = payload |
||||
|
}, |
||||
|
}, |
||||
|
actions: { |
||||
|
getDeviceTypes: async ({ commit, state }, params) => { |
||||
|
var lists = await GET_DEVICE_TYPES() |
||||
|
commit("SET_DEVICE_TYPE", lists) |
||||
|
}, |
||||
|
getLocations: async ({ commit, state }, params) => { |
||||
|
var lists = await GET_LOCATIONS() |
||||
|
commit("SET_LOCALTIONS", lists) |
||||
|
}, |
||||
|
getDeviceGroups: async ({ commit, state }, params) => { |
||||
|
//1.获取groups总数
|
||||
|
//2.调取所有的groups
|
||||
|
var total = await GET_DEVICE_GROUPS_TOTAL() |
||||
|
var lists = await GET_DEIVCE_GROUPS_ALL(total) |
||||
|
commit("SET_DEVICE_GROUPS", lists) |
||||
|
}, |
||||
|
getRoles: async ({ commit, state }, params) => { |
||||
|
var lists = await GET_ROLES() |
||||
|
commit("SET_ROLE", lists) |
||||
|
}, |
||||
|
getLocationTypes: async ({ commit, state }, params) => { |
||||
|
var lists = await GET_LOCALTION_TYPE(params) |
||||
|
commit("SET_LOCATION_TYPE", lists) |
||||
|
}, |
||||
|
}, |
||||
|
} |
||||
|
export default store |
||||
@ -0,0 +1,61 @@ |
|||||
|
import { |
||||
|
GET_DEVICE_DETAIL, |
||||
|
UPDATE_DEVICE |
||||
|
} from '@/api/devices' |
||||
|
|
||||
|
const deviceStore = { |
||||
|
namespaced: true, |
||||
|
state: { |
||||
|
loading: false, |
||||
|
device: { |
||||
|
"groupName": "", |
||||
|
"locationName": "", |
||||
|
"locationId": '', |
||||
|
"groupId": '', |
||||
|
"name": "", |
||||
|
"active": false, |
||||
|
"id": "", |
||||
|
"type": "" |
||||
|
} |
||||
|
}, |
||||
|
mutations: { |
||||
|
SET_LOADING: (state, payload) => { |
||||
|
state.loading = payload |
||||
|
}, |
||||
|
SET_DEVICE: (state, payload) => { |
||||
|
state.device = payload |
||||
|
}, |
||||
|
}, |
||||
|
actions: { |
||||
|
getDeviceDetail: async ({ commit, state, dispatch }, params) => { |
||||
|
commit('SET_LOADING', true) |
||||
|
var device = await GET_DEVICE_DETAIL(params).catch(e => { |
||||
|
console.error(e) |
||||
|
commit('SET_LOADING', false) |
||||
|
}) |
||||
|
commit('SET_LOADING', false) |
||||
|
commit('SET_DEVICE', device) |
||||
|
}, |
||||
|
updateDevice: async ({ commit, state, dispatch }, params) => { |
||||
|
commit('SET_LOADING', true) |
||||
|
var device = await UPDATE_DEVICE(params).then(res => { |
||||
|
return { success: true } |
||||
|
}).catch(e => { |
||||
|
commit('SET_LOADING', false) |
||||
|
return { success: false, message: e } |
||||
|
}) |
||||
|
commit('SET_LOADING', false) |
||||
|
if (device.success) { |
||||
|
return { success: true, message: "添加成功" } |
||||
|
} else { |
||||
|
return device |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
resetForm: async ({ commit, state, dispatch }, params) => { |
||||
|
return dispatch('getDeviceDetail', state.device) |
||||
|
}, |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
export default deviceStore |
||||
@ -0,0 +1,17 @@ |
|||||
|
import {ADD_DEVICE_GROUPS} from '@/api/devices'; |
||||
|
|
||||
|
|
||||
|
const Store = { |
||||
|
namespaced: true, |
||||
|
state: {}, |
||||
|
mutations: {}, |
||||
|
actions: { |
||||
|
addDeviceGroup: async ({commit, state}, {name}) => { |
||||
|
var result = await ADD_DEVICE_GROUPS({name}).catch(e => { |
||||
|
return {success: false, message: e} |
||||
|
}) |
||||
|
return {success: true, message: result} |
||||
|
} |
||||
|
}, |
||||
|
} |
||||
|
export default Store |
||||
@ -0,0 +1,39 @@ |
|||||
|
import {UPDATE_DEVICE_GROUPS} from "@/api/devices"; |
||||
|
import _map from "lodash.map" |
||||
|
|
||||
|
const Store = { |
||||
|
namespaced: true, |
||||
|
state: { |
||||
|
editRow: {} |
||||
|
}, |
||||
|
mutations: { |
||||
|
INIT_EDIT_ROW: (state, editRow) => { |
||||
|
state.editRow = editRow |
||||
|
}, |
||||
|
UPDATE_DEVICE_GROUP: (state, editRow) => { |
||||
|
state.editRow = editRow |
||||
|
}, |
||||
|
}, |
||||
|
actions: { |
||||
|
initEditRow: async ({commit, state}, editRow) => { |
||||
|
commit("INIT_EDIT_ROW", editRow) |
||||
|
}, |
||||
|
updateDeviceGroup: async ({rootState, commit, state, dispatch}, editRow) => { |
||||
|
var result = await UPDATE_DEVICE_GROUPS(editRow).catch(e => { |
||||
|
return {message: e, success: false} |
||||
|
}) |
||||
|
//修改
|
||||
|
var lists = rootState.device.group.list.lists |
||||
|
var _index = lists.findIndex(item => item.id == editRow.id) |
||||
|
|
||||
|
_map(editRow, (value, key) => { |
||||
|
lists[_index][key] = value |
||||
|
}) |
||||
|
// commit("UPDATE_DEVICE_GROUP", editRow)
|
||||
|
dispatch('device/group/list/setDeviceList', lists, {root: true}) |
||||
|
|
||||
|
return {message: "修改成功", success: true} |
||||
|
}, |
||||
|
}, |
||||
|
} |
||||
|
export default Store |
||||
@ -0,0 +1,12 @@ |
|||||
|
import list from './list' |
||||
|
import add from './add' |
||||
|
import edit from './edit' |
||||
|
|
||||
|
const Store = { |
||||
|
namespaced: true, |
||||
|
modules: { |
||||
|
list, |
||||
|
add, edit |
||||
|
} |
||||
|
} |
||||
|
export default Store |
||||
@ -0,0 +1,114 @@ |
|||||
|
import { |
||||
|
GET_DEVICE_LISTS, GET_LIST_TOTAL, |
||||
|
GET_DEVICES_NUM, ADD_DEVICE, |
||||
|
GET_DEVICE_GROUPS, GET_DEVICE_GROUPS_TOTAL, |
||||
|
} from '@/api/devices'; |
||||
|
import { pageSize } from '@/config'; |
||||
|
|
||||
|
const formData = { |
||||
|
query: "", |
||||
|
active: '' |
||||
|
}; |
||||
|
const addParams = { |
||||
|
"id": "", |
||||
|
deviceTypeId: "", |
||||
|
"note": "", |
||||
|
"locationId": "", |
||||
|
"planId": "", |
||||
|
"name": "" |
||||
|
} |
||||
|
const Store = { |
||||
|
namespaced: true, |
||||
|
state: { |
||||
|
lists: [], |
||||
|
tableLoading: false, |
||||
|
/* params */ |
||||
|
params: JSON.parse(JSON.stringify(formData)), |
||||
|
page: { |
||||
|
from: 0, |
||||
|
size: pageSize, |
||||
|
}, |
||||
|
//在线机器 离线机器
|
||||
|
devicesNum: { |
||||
|
"devices": 0, |
||||
|
"activeDevices": 0 |
||||
|
}, |
||||
|
//list total 用来分页，
|
||||
|
list_total: 0, |
||||
|
//add params
|
||||
|
addParams: JSON.parse(JSON.stringify(addParams)) |
||||
|
|
||||
|
}, |
||||
|
mutations: { |
||||
|
SET_LIST: (state, payload) => { |
||||
|
state.lists = payload |
||||
|
}, |
||||
|
SET_TABLE_LOADING: (state, payload) => { |
||||
|
state.tableLoading = payload |
||||
|
}, |
||||
|
SET_TABLE_PAGE: (state, payload) => { |
||||
|
state.page = payload |
||||
|
}, |
||||
|
SET_TABLE_FILTER: (state, payload) => { |
||||
|
state.params = payload |
||||
|
}, |
||||
|
|
||||
|
SET_LIST_TOTAL: (state, payload) => { |
||||
|
state.list_total = payload |
||||
|
}, |
||||
|
SET_DEVICES_NUM: (state, payload) => { |
||||
|
state.devicesNum = payload |
||||
|
}, |
||||
|
RESET_ADD_MODAL_PARAMS: (state, payload) => { |
||||
|
state.addParams = JSON.parse(JSON.stringify(addParams)) |
||||
|
}, |
||||
|
}, |
||||
|
actions: { |
||||
|
setDeviceList: async ({ commit, state }, lists) => { |
||||
|
commit("SET_LIST", lists) |
||||
|
}, |
||||
|
setDevicesNum: async ({ commit, state }, params) => { |
||||
|
var devicesNum = await GET_DEVICES_NUM(params) |
||||
|
commit("SET_DEVICES_NUM", devicesNum) |
||||
|
}, |
||||
|
getListTotal: async ({ commit, state }, params) => { |
||||
|
var total = await GET_DEVICE_GROUPS_TOTAL(state.params.query) |
||||
|
commit("SET_LIST_TOTAL", total) |
||||
|
}, |
||||
|
|
||||
|
getDeviceGroups: async ({ commit, state }, params) => { |
||||
|
commit("SET_TABLE_LOADING", true) |
||||
|
commit("SET_TABLE_FILTER", params) |
||||
|
commit("SET_TABLE_PAGE", { from: 0, size: pageSize }) |
||||
|
var _params = { ...params, ...state.page } |
||||
|
var lists = await GET_DEVICE_GROUPS(_params) |
||||
|
commit("SET_TABLE_LOADING", false) |
||||
|
commit("SET_LIST", lists) |
||||
|
}, |
||||
|
changeDeviceListPage: async ({ commit, state }, page) => { |
||||
|
commit("SET_TABLE_PAGE", page) |
||||
|
var _params = { ...state.params, ...page } |
||||
|
commit("SET_TABLE_LOADING", true) |
||||
|
var lists = await GET_DEVICE_GROUPS(_params) |
||||
|
commit("SET_TABLE_LOADING", false) |
||||
|
commit("SET_LIST", lists) |
||||
|
}, |
||||
|
resetForm: async ({ commit, state, dispatch }, page) => { |
||||
|
var params = JSON.parse(JSON.stringify(formData)) |
||||
|
dispatch("getDeviceGroups", params) |
||||
|
}, |
||||
|
addDeivce: async ({ commit, state, dispatch }, params) => { |
||||
|
var data = await ADD_DEVICE(state.addParams).catch(e => { |
||||
|
return { success: false, message: e } |
||||
|
}) |
||||
|
//更新 list
|
||||
|
debugger |
||||
|
var _params = { ...state.params, ...state.page } |
||||
|
dispatch("getDeviceGroups", _params) |
||||
|
commit('RESET_ADD_MODAL_PARAMS') |
||||
|
return { success: true } |
||||
|
}, |
||||
|
|
||||
|
}, |
||||
|
} |
||||
|
export default Store |
||||
@ -0,0 +1,13 @@ |
|||||
|
import list from './list' |
||||
|
import edit from './edit' |
||||
|
import group from './group' |
||||
|
|
||||
|
const deviceStore = { |
||||
|
namespaced: true, |
||||
|
modules: { |
||||
|
list, |
||||
|
edit, |
||||
|
group |
||||
|
} |
||||
|
} |
||||
|
export default deviceStore |
||||
@ -0,0 +1,114 @@ |
|||||
|
import { |
||||
|
GET_DEVICE_LISTS, GET_LIST_TOTAL, |
||||
|
GET_DEVICES_NUM, ADD_DEVICE |
||||
|
} from '@/api/devices'; |
||||
|
import { pageSize } from '@/config'; |
||||
|
|
||||
|
|
||||
|
const formData = { |
||||
|
id: "", |
||||
|
locationId: "", |
||||
|
active: "", |
||||
|
typeId: "", |
||||
|
groupId: "", |
||||
|
query: "" |
||||
|
}; |
||||
|
const addParams = { |
||||
|
"id": "", |
||||
|
deviceTypeId: "", |
||||
|
"note": "", |
||||
|
"locationId": "", |
||||
|
"planId": "", |
||||
|
"name": "" |
||||
|
} |
||||
|
const store = { |
||||
|
namespaced: true, |
||||
|
state: { |
||||
|
lists: [], |
||||
|
tableLoading: false, |
||||
|
/* params */ |
||||
|
params: JSON.parse(JSON.stringify(formData)), |
||||
|
page: { |
||||
|
from: 0, |
||||
|
size: pageSize, |
||||
|
}, |
||||
|
//在线机器 离线机器
|
||||
|
devicesNum: { |
||||
|
"devices": 0, |
||||
|
"activeDevices": 0 |
||||
|
}, |
||||
|
//list total 用来分页，
|
||||
|
list_total: 0, |
||||
|
//add params
|
||||
|
addParams: JSON.parse(JSON.stringify(addParams)) |
||||
|
|
||||
|
}, |
||||
|
mutations: { |
||||
|
SET_LIST: (state, payload) => { |
||||
|
state.lists = payload |
||||
|
}, |
||||
|
SET_TABLE_LOADING: (state, payload) => { |
||||
|
state.tableLoading = payload |
||||
|
}, |
||||
|
SET_TABLE_PAGE: (state, payload) => { |
||||
|
state.page = payload |
||||
|
}, |
||||
|
SET_TABLE_FILTER: (state, payload) => { |
||||
|
state.params = payload |
||||
|
}, |
||||
|
|
||||
|
SET_LIST_TOTAL: (state, payload) => { |
||||
|
state.list_total = payload |
||||
|
}, |
||||
|
SET_DEVICES_NUM: (state, payload) => { |
||||
|
state.devicesNum = payload |
||||
|
}, |
||||
|
RESET_ADD_MODAL_PARAMS: (state, payload) => { |
||||
|
state.addParams = JSON.parse(JSON.stringify(addParams)) |
||||
|
}, |
||||
|
}, |
||||
|
actions: { |
||||
|
setDevicesNum: async ({ commit, state }, params) => { |
||||
|
var devicesNum = await GET_DEVICES_NUM(params) |
||||
|
commit("SET_DEVICES_NUM", devicesNum) |
||||
|
}, |
||||
|
getListTotal: async ({ commit, state }, params) => { |
||||
|
var { activeDevices, devices } = await GET_DEVICES_NUM(params) |
||||
|
commit("SET_LIST_TOTAL", devices) |
||||
|
}, |
||||
|
|
||||
|
getDeviceList: async ({ commit, state }, params) => { |
||||
|
commit("SET_TABLE_LOADING", true) |
||||
|
commit("SET_TABLE_FILTER", params) |
||||
|
commit("SET_TABLE_PAGE", { from: 0, size: 10 }) |
||||
|
var _params = { ...params, ...state.page } |
||||
|
var lists = await GET_DEVICE_LISTS(_params) |
||||
|
commit("SET_TABLE_LOADING", false) |
||||
|
commit("SET_LIST", lists) |
||||
|
}, |
||||
|
changeDeviceListPage: async ({ commit, state }, page) => { |
||||
|
var _params = { ...page, ...state.params } |
||||
|
commit("SET_TABLE_LOADING", true) |
||||
|
commit("SET_TABLE_PAGE", page) |
||||
|
var lists = await GET_DEVICE_LISTS(_params) |
||||
|
commit("SET_TABLE_LOADING", false) |
||||
|
commit("SET_LIST", lists) |
||||
|
}, |
||||
|
resetForm: async ({ commit, state, dispatch }, page) => { |
||||
|
var params = JSON.parse(JSON.stringify(formData)) |
||||
|
dispatch("getDeviceList", params) |
||||
|
}, |
||||
|
addDeivce: async ({ commit, state, dispatch }, params) => { |
||||
|
var data = await ADD_DEVICE(state.addParams).catch(e => { |
||||
|
return { success: false, message: e } |
||||
|
}) |
||||
|
//更新 list
|
||||
|
var _params = { ...state.params, ...state.page } |
||||
|
dispatch("getDeviceList", _params) |
||||
|
commit('RESET_ADD_MODAL_PARAMS') |
||||
|
return { success: true } |
||||
|
}, |
||||
|
|
||||
|
}, |
||||
|
} |
||||
|
export default store |
||||
@ -0,0 +1,33 @@ |
|||||
|
//detail
|
||||
|
import map from 'lodash.map' |
||||
|
import { pageSize } from '@/config'; |
||||
|
const store = { |
||||
|
namespaced: true, |
||||
|
state: { |
||||
|
form: { |
||||
|
from: 0, |
||||
|
size: pageSize |
||||
|
}, |
||||
|
total: 0, |
||||
|
lists: [], |
||||
|
loading: false, |
||||
|
}, |
||||
|
mutations: { |
||||
|
SET_DATA: (state, payload) => { |
||||
|
map(payload, (value, key) => { |
||||
|
state[key] = payload[key] |
||||
|
}) |
||||
|
}, |
||||
|
}, |
||||
|
actions: { |
||||
|
|
||||
|
setStore: async ({ commit, state, dispatch }, payload) => { |
||||
|
map(payload, (value, key) => { |
||||
|
commit("SET_DATA", { [key]: value }) |
||||
|
}) |
||||
|
return payload |
||||
|
}, |
||||
|
|
||||
|
}, |
||||
|
} |
||||
|
export default store |
||||
@ -0,0 +1,50 @@ |
|||||
|
//detail
|
||||
|
import map from 'lodash.map' |
||||
|
import { pageSize } from '@/config'; |
||||
|
const store = { |
||||
|
namespaced: true, |
||||
|
state: { |
||||
|
editRow: {},//目前选着的数据
|
||||
|
form: { |
||||
|
from: 0, |
||||
|
size: pageSize |
||||
|
}, |
||||
|
total: 0, |
||||
|
lists: [], |
||||
|
loading: false, |
||||
|
|
||||
|
|
||||
|
tablelist1: [], |
||||
|
//stockshow
|
||||
|
stockshow: false, |
||||
|
transfershow: false, |
||||
|
returnshow: false, |
||||
|
editRow2: {} |
||||
|
}, |
||||
|
mutations: { |
||||
|
SET_DATA: (state, payload) => { |
||||
|
map(payload, (value, key) => { |
||||
|
state[key] = payload[key] |
||||
|
}) |
||||
|
}, |
||||
|
}, |
||||
|
actions: { |
||||
|
setEditRow: async ({ commit, state }, row) => { |
||||
|
commit("SET_DATA", { editRow: row }) |
||||
|
commit("SET_DATA", { form: { ...state.form, id: row.id } }) |
||||
|
}, |
||||
|
setStore: async ({ commit, state, dispatch }, payload) => { |
||||
|
map(payload, (value, key) => { |
||||
|
commit("SET_DATA", { [key]: value }) |
||||
|
}) |
||||
|
return payload |
||||
|
}, |
||||
|
search: async ({ commit, state, dispatch }, form) => { |
||||
|
var _form = { ...state.form, ...form } |
||||
|
commit("SET_DATA", { form: _form }) |
||||
|
dispatch("getLists") |
||||
|
}, |
||||
|
|
||||
|
}, |
||||
|
} |
||||
|
export default store |
||||
@ -0,0 +1,13 @@ |
|||||
|
import list from './list' |
||||
|
import detail from './detail' |
||||
|
import audits from './detail/audits' |
||||
|
|
||||
|
const store = { |
||||
|
namespaced: true, |
||||
|
modules: { |
||||
|
list, |
||||
|
detail, |
||||
|
audits |
||||
|
} |
||||
|
} |
||||
|
export default store |
||||
@ -0,0 +1,27 @@ |
|||||
|
//list
|
||||
|
import map from 'lodash.map' |
||||
|
const store = { |
||||
|
namespaced: true, |
||||
|
state: { |
||||
|
editRow: { |
||||
|
availableStock: "", |
||||
|
},//目前选着的数据
|
||||
|
|
||||
|
}, |
||||
|
mutations: { |
||||
|
SET_DATA: (state, payload) => { |
||||
|
map(payload, (value, key) => { |
||||
|
state[key] = payload[key] |
||||
|
}) |
||||
|
|
||||
|
}, |
||||
|
}, |
||||
|
actions: { |
||||
|
setEditRow: async ({ commit, state }, row) => { |
||||
|
commit("SET_DATA", { editRow: row }) |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
}, |
||||
|
} |
||||
|
export default store |
||||
@ -0,0 +1,162 @@ |
|||||
|
|
||||
|
const tagsView = { |
||||
|
state: { |
||||
|
visitedViews: [], |
||||
|
cachedViews: [] |
||||
|
}, |
||||
|
mutations: { |
||||
|
ADD_VISITED_VIEW: (state, view) => { |
||||
|
if (state.visitedViews.some(v => v.path === view.path)) return |
||||
|
state.visitedViews.push( |
||||
|
Object.assign({}, view, { |
||||
|
title: view.meta.title || 'no-name' |
||||
|
}) |
||||
|
) |
||||
|
}, |
||||
|
ADD_CACHED_VIEW: (state, view) => { |
||||
|
if (state.cachedViews.includes(view.name)) return |
||||
|
if (!view.meta.noCache) { |
||||
|
state.cachedViews.push(view.name) |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
DEL_VISITED_VIEW: (state, view) => { |
||||
|
for (const [i, v] of state.visitedViews.entries()) { |
||||
|
if (v.path === view.path) { |
||||
|
state.visitedViews.splice(i, 1) |
||||
|
break |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
DEL_CACHED_VIEW: (state, view) => { |
||||
|
for (const i of state.cachedViews) { |
||||
|
if (i === view.name) { |
||||
|
const index = state.cachedViews.indexOf(i) |
||||
|
state.cachedViews.splice(index, 1) |
||||
|
break |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
DEL_OTHERS_VISITED_VIEWS: (state, view) => { |
||||
|
state.visitedViews = state.visitedViews.filter(v => { |
||||
|
return v.meta.affix || v.path === view.path |
||||
|
}) |
||||
|
}, |
||||
|
DEL_OTHERS_CACHED_VIEWS: (state, view) => { |
||||
|
for (const i of state.cachedViews) { |
||||
|
if (i === view.name) { |
||||
|
const index = state.cachedViews.indexOf(i) |
||||
|
state.cachedViews = state.cachedViews.slice(index, index + 1) |
||||
|
break |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
DEL_ALL_VISITED_VIEWS: state => { |
||||
|
// keep affix tags
|
||||
|
const affixTags = state.visitedViews.filter(tag => tag.meta.affix) |
||||
|
state.visitedViews = affixTags |
||||
|
}, |
||||
|
DEL_ALL_CACHED_VIEWS: state => { |
||||
|
state.cachedViews = [] |
||||
|
}, |
||||
|
|
||||
|
UPDATE_VISITED_VIEW: (state, view) => { |
||||
|
for (let v of state.visitedViews) { |
||||
|
if (v.path === view.path) { |
||||
|
v = Object.assign(v, view) |
||||
|
break |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
actions: { |
||||
|
addView({ dispatch }, view) { |
||||
|
dispatch('addVisitedView', view) |
||||
|
dispatch('addCachedView', view) |
||||
|
}, |
||||
|
addVisitedView({ commit }, view) { |
||||
|
commit('ADD_VISITED_VIEW', view) |
||||
|
}, |
||||
|
addCachedView({ commit }, view) { |
||||
|
commit('ADD_CACHED_VIEW', view) |
||||
|
}, |
||||
|
|
||||
|
delView({ dispatch, state }, view) { |
||||
|
return new Promise(resolve => { |
||||
|
dispatch('delVisitedView', view) |
||||
|
dispatch('delCachedView', view) |
||||
|
resolve({ |
||||
|
visitedViews: [...state.visitedViews], |
||||
|
cachedViews: [...state.cachedViews] |
||||
|
}) |
||||
|
}) |
||||
|
}, |
||||
|
delVisitedView({ commit, state }, view) { |
||||
|
return new Promise(resolve => { |
||||
|
commit('DEL_VISITED_VIEW', view) |
||||
|
resolve([...state.visitedViews]) |
||||
|
}) |
||||
|
}, |
||||
|
delCachedView({ commit, state }, view) { |
||||
|
return new Promise(resolve => { |
||||
|
commit('DEL_CACHED_VIEW', view) |
||||
|
resolve([...state.cachedViews]) |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
delOthersViews({ dispatch, state }, view) { |
||||
|
return new Promise(resolve => { |
||||
|
dispatch('delOthersVisitedViews', view) |
||||
|
dispatch('delOthersCachedViews', view) |
||||
|
resolve({ |
||||
|
visitedViews: [...state.visitedViews], |
||||
|
cachedViews: [...state.cachedViews] |
||||
|
}) |
||||
|
}) |
||||
|
}, |
||||
|
delOthersVisitedViews({ commit, state }, view) { |
||||
|
return new Promise(resolve => { |
||||
|
commit('DEL_OTHERS_VISITED_VIEWS', view) |
||||
|
resolve([...state.visitedViews]) |
||||
|
}) |
||||
|
}, |
||||
|
delOthersCachedViews({ commit, state }, view) { |
||||
|
return new Promise(resolve => { |
||||
|
commit('DEL_OTHERS_CACHED_VIEWS', view) |
||||
|
resolve([...state.cachedViews]) |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
delAllViews({ dispatch, state }, view) { |
||||
|
return new Promise(resolve => { |
||||
|
dispatch('delAllVisitedViews', view) |
||||
|
dispatch('delAllCachedViews', view) |
||||
|
resolve({ |
||||
|
visitedViews: [...state.visitedViews], |
||||
|
cachedViews: [...state.cachedViews] |
||||
|
}) |
||||
|
}) |
||||
|
}, |
||||
|
delAllVisitedViews({ commit, state }) { |
||||
|
return new Promise(resolve => { |
||||
|
commit('DEL_ALL_VISITED_VIEWS') |
||||
|
resolve([...state.visitedViews]) |
||||
|
}) |
||||
|
}, |
||||
|
delAllCachedViews({ commit, state }) { |
||||
|
return new Promise(resolve => { |
||||
|
commit('DEL_ALL_CACHED_VIEWS') |
||||
|
resolve([...state.cachedViews]) |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
updateVisitedView({ commit }, view) { |
||||
|
commit('UPDATE_VISITED_VIEW', view) |
||||
|
}, |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
export default tagsView |
||||
@ -0,0 +1,147 @@ |
|||||
|
import { loginByUsername, logout, getUserInfo } from '@/api/login' |
||||
|
import { getToken, setToken, removeToken } from '@/utils/auth' |
||||
|
|
||||
|
const user = { |
||||
|
state: { |
||||
|
user: '', |
||||
|
status: '', |
||||
|
code: '', |
||||
|
token: getToken(), |
||||
|
name: '', |
||||
|
avatar: '', |
||||
|
introduction: '', |
||||
|
roles: [], |
||||
|
setting: { |
||||
|
articlePlatform: [] |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
mutations: { |
||||
|
SET_CODE: (state, code) => { |
||||
|
state.code = code |
||||
|
}, |
||||
|
SET_TOKEN: (state, token) => { |
||||
|
state.token = token |
||||
|
}, |
||||
|
SET_INTRODUCTION: (state, introduction) => { |
||||
|
state.introduction = introduction |
||||
|
}, |
||||
|
SET_SETTING: (state, setting) => { |
||||
|
state.setting = setting |
||||
|
}, |
||||
|
SET_STATUS: (state, status) => { |
||||
|
state.status = status |
||||
|
}, |
||||
|
SET_NAME: (state, name) => { |
||||
|
state.name = name |
||||
|
}, |
||||
|
SET_AVATAR: (state, avatar) => { |
||||
|
state.avatar = avatar |
||||
|
}, |
||||
|
SET_ROLES: (state, roles) => { |
||||
|
state.roles = roles |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
actions: { |
||||
|
// 用户名登录
|
||||
|
LoginByUsername({ commit }, userInfo) { |
||||
|
const username = userInfo.username.trim() |
||||
|
return new Promise((resolve, reject) => { |
||||
|
loginByUsername(username, userInfo.password).then(response => { |
||||
|
if (!response.data) { reject(response.code); return false } |
||||
|
const data = response.data |
||||
|
if (data.access_token) { |
||||
|
commit('SET_TOKEN', data.access_token) |
||||
|
setToken(response.data.access_token) |
||||
|
} |
||||
|
resolve(response.data.access_token) |
||||
|
}).catch(error => { |
||||
|
reject(error) |
||||
|
}) |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 获取用户信息
|
||||
|
GetUserInfo({ commit, state }) { |
||||
|
return new Promise((resolve, reject) => { |
||||
|
getUserInfo(state.token).then(response => { |
||||
|
// 由于mockjs 不支持自定义状态码只能这样hack
|
||||
|
if (!response.data) { |
||||
|
reject('Verification failed, please login again.') |
||||
|
} |
||||
|
const data = response.data |
||||
|
|
||||
|
if (data.roles && data.roles.length > 0) { // 验证返回的roles是否是一个非空数组
|
||||
|
commit('SET_ROLES', data.roles) |
||||
|
} else { |
||||
|
reject('getInfo: roles must be a non-null array!') |
||||
|
} |
||||
|
|
||||
|
commit('SET_NAME', data.name) |
||||
|
commit('SET_AVATAR', data.avatar) |
||||
|
commit('SET_INTRODUCTION', data.introduction) |
||||
|
resolve(response) |
||||
|
}).catch(error => { |
||||
|
reject(error) |
||||
|
}) |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 第三方验证登录
|
||||
|
// LoginByThirdparty({ commit, state }, code) {
|
||||
|
// return new Promise((resolve, reject) => {
|
||||
|
// commit('SET_CODE', code)
|
||||
|
// loginByThirdparty(state.status, state.email, state.code).then(response => {
|
||||
|
// commit('SET_TOKEN', response.data.token)
|
||||
|
// setToken(response.data.token)
|
||||
|
// resolve()
|
||||
|
// }).catch(error => {
|
||||
|
// reject(error)
|
||||
|
// })
|
||||
|
// })
|
||||
|
// },
|
||||
|
|
||||
|
// 登出
|
||||
|
LogOut({ commit, state }) { |
||||
|
return new Promise((resolve, reject) => { |
||||
|
logout(state.token).then(() => { |
||||
|
commit('SET_TOKEN', '') |
||||
|
commit('SET_ROLES', []) |
||||
|
removeToken() |
||||
|
resolve() |
||||
|
}).catch(error => { |
||||
|
reject(error) |
||||
|
}) |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 前端 登出
|
||||
|
FedLogOut({ commit }) { |
||||
|
return new Promise(resolve => { |
||||
|
commit('SET_TOKEN', '') |
||||
|
removeToken() |
||||
|
resolve() |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 动态修改权限
|
||||
|
ChangeRoles({ commit, dispatch }, role) { |
||||
|
return new Promise(resolve => { |
||||
|
commit('SET_TOKEN', role) |
||||
|
setToken(role) |
||||
|
getUserInfo(role).then(response => { |
||||
|
const data = response.data |
||||
|
commit('SET_ROLES', data.roles) |
||||
|
commit('SET_NAME', data.name) |
||||
|
commit('SET_AVATAR', data.avatar) |
||||
|
commit('SET_INTRODUCTION', data.introduction) |
||||
|
dispatch('GenerateRoutes', data) // 动态修改权限后 重绘侧边菜单
|
||||
|
resolve() |
||||
|
}) |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
export default user |
||||
@ -0,0 +1,99 @@ |
|||||
|
@import './variables.scss'; |
||||
|
|
||||
|
@mixin colorBtn($color) { |
||||
|
background: $color; |
||||
|
|
||||
|
&:hover { |
||||
|
color: $color; |
||||
|
|
||||
|
&:before, |
||||
|
&:after { |
||||
|
background: $color; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.blue-btn { |
||||
|
@include colorBtn($blue) |
||||
|
} |
||||
|
|
||||
|
.light-blue-btn { |
||||
|
@include colorBtn($light-blue) |
||||
|
} |
||||
|
|
||||
|
.red-btn { |
||||
|
@include colorBtn($red) |
||||
|
} |
||||
|
|
||||
|
.pink-btn { |
||||
|
@include colorBtn($pink) |
||||
|
} |
||||
|
|
||||
|
.green-btn { |
||||
|
@include colorBtn($green) |
||||
|
} |
||||
|
|
||||
|
.tiffany-btn { |
||||
|
@include colorBtn($tiffany) |
||||
|
} |
||||
|
|
||||
|
.yellow-btn { |
||||
|
@include colorBtn($yellow) |
||||
|
} |
||||
|
|
||||
|
.pan-btn { |
||||
|
font-size: 14px; |
||||
|
color: #fff; |
||||
|
padding: 14px 36px; |
||||
|
border-radius: 8px; |
||||
|
border: none; |
||||
|
outline: none; |
||||
|
transition: 600ms ease all; |
||||
|
position: relative; |
||||
|
display: inline-block; |
||||
|
|
||||
|
&:hover { |
||||
|
background: #fff; |
||||
|
|
||||
|
&:before, |
||||
|
&:after { |
||||
|
width: 100%; |
||||
|
transition: 600ms ease all; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
&:before, |
||||
|
&:after { |
||||
|
content: ''; |
||||
|
position: absolute; |
||||
|
top: 0; |
||||
|
right: 0; |
||||
|
height: 2px; |
||||
|
width: 0; |
||||
|
transition: 400ms ease all; |
||||
|
} |
||||
|
|
||||
|
&::after { |
||||
|
right: inherit; |
||||
|
top: inherit; |
||||
|
left: 0; |
||||
|
bottom: 0; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.custom-button { |
||||
|
display: inline-block; |
||||
|
line-height: 1; |
||||
|
white-space: nowrap; |
||||
|
cursor: pointer; |
||||
|
background: #fff; |
||||
|
color: #fff; |
||||
|
-webkit-appearance: none; |
||||
|
text-align: center; |
||||
|
box-sizing: border-box; |
||||
|
outline: 0; |
||||
|
margin: 0; |
||||
|
padding: 10px 15px; |
||||
|
font-size: 14px; |
||||
|
border-radius: 4px; |
||||
|
} |
||||
@ -0,0 +1,100 @@ |
|||||
|
//覆盖一些element-ui样式 |
||||
|
|
||||
|
.el-breadcrumb__inner, |
||||
|
.el-breadcrumb__inner a { |
||||
|
font-weight: 400 !important; |
||||
|
} |
||||
|
|
||||
|
.el-upload { |
||||
|
input[type="file"] { |
||||
|
display: none !important; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.el-upload__input { |
||||
|
display: none; |
||||
|
} |
||||
|
|
||||
|
.cell { |
||||
|
.el-tag { |
||||
|
margin-right: 0px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.small-padding { |
||||
|
.cell { |
||||
|
padding-left: 5px; |
||||
|
padding-right: 5px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.fixed-width { |
||||
|
.el-button--mini { |
||||
|
padding: 7px 10px; |
||||
|
width: 60px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.status-col { |
||||
|
.cell { |
||||
|
padding: 0 10px; |
||||
|
text-align: center; |
||||
|
|
||||
|
.el-tag { |
||||
|
margin-right: 0px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
//暂时性解决dialog 问题 https://github.com/ElemeFE/element/issues/2461 |
||||
|
.el-dialog { |
||||
|
transform: none; |
||||
|
left: 0; |
||||
|
position: relative; |
||||
|
margin: 0 auto; |
||||
|
} |
||||
|
|
||||
|
//文章页textarea修改样式 |
||||
|
.article-textarea { |
||||
|
textarea { |
||||
|
padding-right: 40px; |
||||
|
resize: none; |
||||
|
border: none; |
||||
|
border-radius: 0px; |
||||
|
border-bottom: 1px solid #bfcbd9; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
//element ui upload |
||||
|
.upload-container { |
||||
|
.el-upload { |
||||
|
width: 100%; |
||||
|
|
||||
|
.el-upload-dragger { |
||||
|
width: 100%; |
||||
|
height: 200px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
//dropdown |
||||
|
.el-dropdown-menu { |
||||
|
a { |
||||
|
display: block |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
//选择daterang |
||||
|
.el-date-editor .el-range-separator { |
||||
|
padding: 0; |
||||
|
} |
||||
|
|
||||
|
//修改 el-dialog__body |
||||
|
.el-dialog__body { |
||||
|
padding-top: 5px; |
||||
|
} |
||||
|
|
||||
|
//table |
||||
|
.el-table .success-row { |
||||
|
background: #f0f9eb; |
||||
|
} |
||||
@ -0,0 +1,234 @@ |
|||||
|
@import './variables.scss'; |
||||
|
@import './mixin.scss'; |
||||
|
@import './transition.scss'; |
||||
|
@import './element-ui.scss'; |
||||
|
@import './sidebar.scss'; |
||||
|
@import './btn.scss'; |
||||
|
|
||||
|
body { |
||||
|
height: 100%; |
||||
|
-moz-osx-font-smoothing: grayscale; |
||||
|
-webkit-font-smoothing: antialiased; |
||||
|
text-rendering: optimizeLegibility; |
||||
|
font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif; |
||||
|
} |
||||
|
|
||||
|
label { |
||||
|
font-weight: 700; |
||||
|
} |
||||
|
|
||||
|
html { |
||||
|
height: 100%; |
||||
|
box-sizing: border-box; |
||||
|
} |
||||
|
|
||||
|
#app { |
||||
|
height: 100%; |
||||
|
} |
||||
|
|
||||
|
*, |
||||
|
*:before, |
||||
|
*:after { |
||||
|
box-sizing: border-box; |
||||
|
} |
||||
|
|
||||
|
.no-padding { |
||||
|
padding: 0px !important; |
||||
|
} |
||||
|
|
||||
|
.padding-content { |
||||
|
padding: 4px 0; |
||||
|
} |
||||
|
|
||||
|
a:focus, |
||||
|
a:active { |
||||
|
outline: none; |
||||
|
} |
||||
|
|
||||
|
a, |
||||
|
a:focus, |
||||
|
a:hover { |
||||
|
cursor: pointer; |
||||
|
color: inherit; |
||||
|
text-decoration: none; |
||||
|
} |
||||
|
|
||||
|
div:focus { |
||||
|
outline: none; |
||||
|
} |
||||
|
|
||||
|
.fr { |
||||
|
float: right; |
||||
|
} |
||||
|
|
||||
|
.fl { |
||||
|
float: left; |
||||
|
} |
||||
|
|
||||
|
.pr-5 { |
||||
|
padding-right: 5px; |
||||
|
} |
||||
|
|
||||
|
.pl-5 { |
||||
|
padding-left: 5px; |
||||
|
} |
||||
|
|
||||
|
.block { |
||||
|
display: block; |
||||
|
} |
||||
|
|
||||
|
.pointer { |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.inlineBlock { |
||||
|
display: block; |
||||
|
} |
||||
|
|
||||
|
.clearfix { |
||||
|
&:after { |
||||
|
visibility: hidden; |
||||
|
display: block; |
||||
|
font-size: 0; |
||||
|
content: " "; |
||||
|
clear: both; |
||||
|
height: 0; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
code { |
||||
|
background: #eef1f6; |
||||
|
padding: 15px 16px; |
||||
|
margin-bottom: 20px; |
||||
|
display: block; |
||||
|
line-height: 36px; |
||||
|
font-size: 15px; |
||||
|
font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif; |
||||
|
|
||||
|
a { |
||||
|
color: #337ab7; |
||||
|
cursor: pointer; |
||||
|
|
||||
|
&:hover { |
||||
|
color: rgb(32, 160, 255); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.warn-content { |
||||
|
background: rgba(66, 185, 131, .1); |
||||
|
border-radius: 2px; |
||||
|
padding: 16px; |
||||
|
padding: 1rem; |
||||
|
line-height: 1.6rem; |
||||
|
word-spacing: .05rem; |
||||
|
|
||||
|
a { |
||||
|
color: #42b983; |
||||
|
font-weight: 600; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
//main-container全局样式 |
||||
|
.app-container { |
||||
|
padding: 20px; |
||||
|
} |
||||
|
|
||||
|
.components-container { |
||||
|
margin: 30px 50px; |
||||
|
position: relative; |
||||
|
} |
||||
|
|
||||
|
.pagination-container { |
||||
|
margin-top: 30px; |
||||
|
} |
||||
|
|
||||
|
.text-center { |
||||
|
text-align: center |
||||
|
} |
||||
|
|
||||
|
.sub-navbar { |
||||
|
height: 50px; |
||||
|
line-height: 50px; |
||||
|
position: relative; |
||||
|
width: 100%; |
||||
|
text-align: right; |
||||
|
padding-right: 20px; |
||||
|
transition: 600ms ease position; |
||||
|
background: linear-gradient(90deg, rgba(32, 182, 249, 1) 0%, rgba(32, 182, 249, 1) 0%, rgba(33, 120, 241, 1) 100%, rgba(33, 120, 241, 1) 100%); |
||||
|
|
||||
|
.subtitle { |
||||
|
font-size: 20px; |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
&.draft { |
||||
|
background: #d0d0d0; |
||||
|
} |
||||
|
|
||||
|
&.deleted { |
||||
|
background: #d0d0d0; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.link-type, |
||||
|
.link-type:focus { |
||||
|
color: #337ab7; |
||||
|
cursor: pointer; |
||||
|
|
||||
|
&:hover { |
||||
|
color: rgb(32, 160, 255); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.filter-container { |
||||
|
padding-bottom: 10px; |
||||
|
|
||||
|
.filter-item { |
||||
|
display: inline-block; |
||||
|
vertical-align: middle; |
||||
|
margin-bottom: 10px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
//refine vue-multiselect plugin |
||||
|
.multiselect { |
||||
|
line-height: 16px; |
||||
|
} |
||||
|
|
||||
|
.multiselect--active { |
||||
|
z-index: 1000 !important; |
||||
|
} |
||||
|
|
||||
|
//reset dl dd |
||||
|
dl, dd { |
||||
|
padding: 0; |
||||
|
margin: 0; |
||||
|
} |
||||
|
|
||||
|
//reset h1,h2 |
||||
|
h1, h2, h3 { |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/*滚动条设置，仅对chrome生效*/ |
||||
|
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ |
||||
|
::-webkit-scrollbar { |
||||
|
width: 8px; |
||||
|
height: 8px; |
||||
|
background-color: #F5F5F5; |
||||
|
} |
||||
|
|
||||
|
/*定义滚动条轨道 内阴影+圆角*/ |
||||
|
::-webkit-scrollbar-track { |
||||
|
border-radius: 6px; |
||||
|
background-color: #F5F5F5; |
||||
|
} |
||||
|
|
||||
|
/*定义滑块 内阴影+圆角*/ |
||||
|
::-webkit-scrollbar-thumb { |
||||
|
border-radius: 6px; |
||||
|
background-color: #ccc; |
||||
|
} |
||||
@ -0,0 +1,66 @@ |
|||||
|
@mixin clearfix { |
||||
|
&:after { |
||||
|
content: ""; |
||||
|
display: table; |
||||
|
clear: both; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
@mixin scrollBar { |
||||
|
&::-webkit-scrollbar-track-piece { |
||||
|
background: #d3dce6; |
||||
|
} |
||||
|
|
||||
|
&::-webkit-scrollbar { |
||||
|
width: 6px; |
||||
|
} |
||||
|
|
||||
|
&::-webkit-scrollbar-thumb { |
||||
|
background: #99a9bf; |
||||
|
border-radius: 20px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
@mixin relative { |
||||
|
position: relative; |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
} |
||||
|
|
||||
|
@mixin pct($pct) { |
||||
|
width: #{$pct}; |
||||
|
position: relative; |
||||
|
margin: 0 auto; |
||||
|
} |
||||
|
|
||||
|
@mixin triangle($width, $height, $color, $direction) { |
||||
|
$width: $width/2; |
||||
|
$color-border-style: $height solid $color; |
||||
|
$transparent-border-style: $width solid transparent; |
||||
|
height: 0; |
||||
|
width: 0; |
||||
|
|
||||
|
@if $direction==up { |
||||
|
border-bottom: $color-border-style; |
||||
|
border-left: $transparent-border-style; |
||||
|
border-right: $transparent-border-style; |
||||
|
} |
||||
|
|
||||
|
@else if $direction==right { |
||||
|
border-left: $color-border-style; |
||||
|
border-top: $transparent-border-style; |
||||
|
border-bottom: $transparent-border-style; |
||||
|
} |
||||
|
|
||||
|
@else if $direction==down { |
||||
|
border-top: $color-border-style; |
||||
|
border-left: $transparent-border-style; |
||||
|
border-right: $transparent-border-style; |
||||
|
} |
||||
|
|
||||
|
@else if $direction==left { |
||||
|
border-right: $color-border-style; |
||||
|
border-top: $transparent-border-style; |
||||
|
border-bottom: $transparent-border-style; |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,206 @@ |
|||||
|
#app { |
||||
|
|
||||
|
// 主体区域 Main container |
||||
|
.main-container { |
||||
|
min-height: 100%; |
||||
|
transition: margin-left .28s; |
||||
|
margin-left: $sideBarWidth; |
||||
|
position: relative; |
||||
|
} |
||||
|
|
||||
|
// 侧边栏 Sidebar container |
||||
|
.sidebar-container { |
||||
|
transition: width 0.28s; |
||||
|
width: $sideBarWidth !important; |
||||
|
height: 100%; |
||||
|
position: fixed; |
||||
|
font-size: 0px; |
||||
|
top: 0; |
||||
|
bottom: 0; |
||||
|
left: 0; |
||||
|
z-index: 1001; |
||||
|
overflow: hidden; |
||||
|
|
||||
|
//reset element-ui css |
||||
|
.horizontal-collapse-transition { |
||||
|
transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out; |
||||
|
} |
||||
|
|
||||
|
.scrollbar-wrapper { |
||||
|
overflow-x: hidden !important; |
||||
|
|
||||
|
.el-scrollbar__view { |
||||
|
height: 100%; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.el-scrollbar__bar.is-vertical { |
||||
|
right: 0px; |
||||
|
} |
||||
|
|
||||
|
.is-horizontal { |
||||
|
display: none; |
||||
|
} |
||||
|
|
||||
|
a { |
||||
|
display: inline-block; |
||||
|
width: 100%; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
|
||||
|
.svg-icon { |
||||
|
margin-right: 16px; |
||||
|
} |
||||
|
|
||||
|
.el-menu { |
||||
|
border: none; |
||||
|
height: 100%; |
||||
|
width: 100% !important; |
||||
|
} |
||||
|
|
||||
|
// menu hover |
||||
|
.submenu-title-noDropdown, |
||||
|
.el-submenu__title { |
||||
|
&:hover { |
||||
|
background-color: $menuHover !important; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.is-active>.el-submenu__title { |
||||
|
color: $subMenuActiveText !important; |
||||
|
} |
||||
|
|
||||
|
& .nest-menu .el-submenu>.el-submenu__title, |
||||
|
& .el-submenu .el-menu-item { |
||||
|
min-width: $sideBarWidth !important; |
||||
|
background-color: $subMenuBg !important; |
||||
|
|
||||
|
&:hover { |
||||
|
background-color: $subMenuHover !important; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.hideSidebar { |
||||
|
.sidebar-container { |
||||
|
width: 54px !important; |
||||
|
} |
||||
|
|
||||
|
.main-container { |
||||
|
margin-left: 54px; |
||||
|
} |
||||
|
|
||||
|
.svg-icon { |
||||
|
margin-right: 0px; |
||||
|
} |
||||
|
|
||||
|
.submenu-title-noDropdown { |
||||
|
padding: 0 !important; |
||||
|
position: relative; |
||||
|
|
||||
|
.el-tooltip { |
||||
|
padding: 0 !important; |
||||
|
.svg-icon { |
||||
|
margin-left: 20px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.el-submenu { |
||||
|
overflow: hidden; |
||||
|
|
||||
|
&>.el-submenu__title { |
||||
|
padding: 0 !important; |
||||
|
.svg-icon { |
||||
|
margin-left: 20px; |
||||
|
} |
||||
|
|
||||
|
.el-submenu__icon-arrow { |
||||
|
display: none; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.el-menu--collapse { |
||||
|
.el-submenu { |
||||
|
&>.el-submenu__title { |
||||
|
&>span { |
||||
|
height: 0; |
||||
|
width: 0; |
||||
|
overflow: hidden; |
||||
|
visibility: hidden; |
||||
|
display: inline-block; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.el-menu--collapse .el-menu .el-submenu { |
||||
|
min-width: $sideBarWidth !important; |
||||
|
} |
||||
|
|
||||
|
// 适配移动端, Mobile responsive |
||||
|
.mobile { |
||||
|
.main-container { |
||||
|
margin-left: 0px; |
||||
|
} |
||||
|
|
||||
|
.sidebar-container { |
||||
|
transition: transform .28s; |
||||
|
width: $sideBarWidth !important; |
||||
|
} |
||||
|
|
||||
|
&.hideSidebar { |
||||
|
.sidebar-container { |
||||
|
pointer-events: none; |
||||
|
transition-duration: 0.3s; |
||||
|
transform: translate3d(-$sideBarWidth, 0, 0); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.withoutAnimation { |
||||
|
|
||||
|
.main-container, |
||||
|
.sidebar-container { |
||||
|
transition: none; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
// when menu collapsed |
||||
|
.el-menu--vertical { |
||||
|
&>.el-menu { |
||||
|
.svg-icon { |
||||
|
margin-right: 16px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.nest-menu .el-submenu>.el-submenu__title, |
||||
|
.el-menu-item { |
||||
|
&:hover { |
||||
|
// you can use $subMenuHover |
||||
|
background-color: $menuHover !important; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
// the scroll bar appears when the subMenu is too long |
||||
|
>.el-menu--popup { |
||||
|
max-height: 100vh; |
||||
|
overflow-y: auto; |
||||
|
|
||||
|
&::-webkit-scrollbar-track-piece { |
||||
|
background: #d3dce6; |
||||
|
} |
||||
|
|
||||
|
&::-webkit-scrollbar { |
||||
|
width: 6px; |
||||
|
} |
||||
|
|
||||
|
&::-webkit-scrollbar-thumb { |
||||
|
background: #99a9bf; |
||||
|
border-radius: 20px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,48 @@ |
|||||
|
//globl transition css |
||||
|
|
||||
|
/*fade*/ |
||||
|
.fade-enter-active, |
||||
|
.fade-leave-active { |
||||
|
transition: opacity 0.28s; |
||||
|
} |
||||
|
|
||||
|
.fade-enter, |
||||
|
.fade-leave-active { |
||||
|
opacity: 0; |
||||
|
} |
||||
|
|
||||
|
/*fade-transform*/ |
||||
|
.fade-transform-leave-active, |
||||
|
.fade-transform-enter-active { |
||||
|
transition: all .5s; |
||||
|
} |
||||
|
|
||||
|
.fade-transform-enter { |
||||
|
opacity: 0; |
||||
|
transform: translateX(-30px); |
||||
|
} |
||||
|
|
||||
|
.fade-transform-leave-to { |
||||
|
opacity: 0; |
||||
|
transform: translateX(30px); |
||||
|
} |
||||
|
|
||||
|
/*breadcrumb transition*/ |
||||
|
.breadcrumb-enter-active, |
||||
|
.breadcrumb-leave-active { |
||||
|
transition: all .5s; |
||||
|
} |
||||
|
|
||||
|
.breadcrumb-enter, |
||||
|
.breadcrumb-leave-active { |
||||
|
opacity: 0; |
||||
|
transform: translateX(20px); |
||||
|
} |
||||
|
|
||||
|
.breadcrumb-move { |
||||
|
transition: all .5s; |
||||
|
} |
||||
|
|
||||
|
.breadcrumb-leave-active { |
||||
|
position: absolute; |
||||
|
} |
||||
@ -0,0 +1,36 @@ |
|||||
|
// base color |
||||
|
$blue:#324157; |
||||
|
$light-blue:#3A71A8; |
||||
|
$red:#C03639; |
||||
|
$pink: #E65D6E; |
||||
|
$green: #30B08F; |
||||
|
$tiffany: #4AB7BD; |
||||
|
$yellow:#FEC171; |
||||
|
$panGreen: #30B08F; |
||||
|
|
||||
|
//sidebar |
||||
|
$menuText:#bfcbd9; |
||||
|
$menuActiveText:#409EFF; |
||||
|
$subMenuActiveText:#f4f4f5; //https://github.com/ElemeFE/element/issues/12951 |
||||
|
|
||||
|
$menuBg:#304156; |
||||
|
$menuHover:#263445; |
||||
|
|
||||
|
$subMenuBg:#1f2d3d; |
||||
|
$subMenuHover:#001528; |
||||
|
|
||||
|
$pageBg:#f4f4f5; |
||||
|
$sideBarWidth: 210px; |
||||
|
|
||||
|
// the :export directive is the magic sauce for webpack |
||||
|
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass |
||||
|
:export { |
||||
|
menuText: $menuText; |
||||
|
menuActiveText: $menuActiveText; |
||||
|
subMenuActiveText: $subMenuActiveText; |
||||
|
menuBg: $menuBg; |
||||
|
menuHover: $menuHover; |
||||
|
subMenuBg: $subMenuBg; |
||||
|
subMenuHover: $subMenuHover; |
||||
|
sideBarWidth: $sideBarWidth; |
||||
|
} |
||||
@ -0,0 +1,9 @@ |
|||||
|
export function downLoad(url) { |
||||
|
var oA = document.createElement("a"); |
||||
|
oA.download = '';// 设置下载的文件名，默认是'下载'
|
||||
|
oA.href = url; |
||||
|
oA.target = "_Blank" |
||||
|
document.body.appendChild(oA); |
||||
|
oA.click(); |
||||
|
oA.remove(); // 下载之后把创建的元素删除
|
||||
|
} |
||||
@ -0,0 +1,31 @@ |
|||||
|
// elementui 版本的 myalert
|
||||
|
const myalert = {} |
||||
|
myalert.success = function (msg) { |
||||
|
window._vm.$message({ |
||||
|
message: msg, |
||||
|
type: 'success' |
||||
|
}); |
||||
|
} |
||||
|
myalert.fail = function (msg) { |
||||
|
window._vm.$message.error(msg); |
||||
|
} |
||||
|
myalert.confirm = function (msg) { |
||||
|
return window._vm.$confirm(msg, '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning', |
||||
|
}) |
||||
|
} |
||||
|
//带有输入的提示
|
||||
|
//options seemore http://element.eleme.io/#/zh-CN/component/message-box
|
||||
|
myalert.prompt = function (msg, options) { |
||||
|
return window._vm.$prompt(msg, '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
inputPattern: options.inputPattern, |
||||
|
inputValidator: options.inputValidator, |
||||
|
inputValue: options.inputValue, |
||||
|
inputErrorMessage: options.inputErrorMessage || '格式不正确' |
||||
|
}) |
||||
|
} |
||||
|
export default myalert |
||||
@ -0,0 +1,15 @@ |
|||||
|
import Cookies from 'js-cookie' |
||||
|
|
||||
|
const TokenKey = 'access_token' |
||||
|
|
||||
|
export function getToken() { |
||||
|
return Cookies.get(TokenKey) |
||||
|
} |
||||
|
|
||||
|
export function setToken(token) { |
||||
|
return Cookies.set(TokenKey, token) |
||||
|
} |
||||
|
|
||||
|
export function removeToken() { |
||||
|
return Cookies.remove(TokenKey) |
||||
|
} |
||||
@ -0,0 +1,36 @@ |
|||||
|
import Vue from 'vue' |
||||
|
import Clipboard from 'clipboard' |
||||
|
|
||||
|
function clipboardSuccess() { |
||||
|
Vue.prototype.$message({ |
||||
|
message: 'Copy successfully', |
||||
|
type: 'success', |
||||
|
duration: 1500 |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
function clipboardError() { |
||||
|
Vue.prototype.$message({ |
||||
|
message: 'Copy failed', |
||||
|
type: 'error' |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
export default function handleClipboard(text, event) { |
||||
|
const clipboard = new Clipboard(event.target, { |
||||
|
text: () => text |
||||
|
}) |
||||
|
clipboard.on('success', () => { |
||||
|
clipboardSuccess() |
||||
|
clipboard.off('error') |
||||
|
clipboard.off('success') |
||||
|
clipboard.destroy() |
||||
|
}) |
||||
|
clipboard.on('error', () => { |
||||
|
clipboardError() |
||||
|
clipboard.off('error') |
||||
|
clipboard.off('success') |
||||
|
clipboard.destroy() |
||||
|
}) |
||||
|
clipboard.onClick(event) |
||||
|
} |
||||
@ -0,0 +1,9 @@ |
|||||
|
import Cookie from 'js-cookie' |
||||
|
|
||||
|
export function getCookie(key) { |
||||
|
return Cookie.get(key) |
||||
|
} |
||||
|
|
||||
|
export function setCookie(key, value) { |
||||
|
Cookie.set(key, value, { expires: 7 }); |
||||
|
} |
||||
@ -0,0 +1,49 @@ |
|||||
|
import moment from 'moment' |
||||
|
export function getTimeForQiniu(date) { |
||||
|
if (!date) { |
||||
|
date = new Date() |
||||
|
} |
||||
|
if (typeof date != 'object') { |
||||
|
date = new Date(date) |
||||
|
} |
||||
|
var a = moment(date).format('YYYY_MM_DD/HH_mm_ss_') |
||||
|
return a |
||||
|
} |
||||
|
export function dateFormate(date) { |
||||
|
if (!date) { |
||||
|
date = new Date() |
||||
|
} |
||||
|
if (typeof date != 'object') { |
||||
|
date = new Date(date) |
||||
|
} |
||||
|
var a = moment(date).format('YYYY-MM-DD') |
||||
|
return a |
||||
|
} |
||||
|
export function getToday() { |
||||
|
var date = new Date() |
||||
|
var a = moment(date).format('YYYY-MM-DD') |
||||
|
var b = moment(new Date()).add(-1, 'days').format('YYYY-MM-DD'); |
||||
|
return { |
||||
|
start: a, |
||||
|
end: a, |
||||
|
laststart: b, |
||||
|
lastend: b |
||||
|
} |
||||
|
} |
||||
|
export function getLastWeek() { |
||||
|
return { |
||||
|
start: moment().startOf('isoWeek').format('YYYY-MM-DD'), |
||||
|
end: moment().endOf('isoWeek').format('YYYY-MM-DD'), |
||||
|
laststart: moment().add(-1, 'weeks').startOf('isoWeek').format('YYYY-MM-DD'), |
||||
|
lastend: moment().add(-1, 'weeks').startOf('isoWeek').format('YYYY-MM-DD'), |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
export function getLastMonth() { |
||||
|
return { |
||||
|
start: moment().startOf('months').format('YYYY-MM-DD'), |
||||
|
end: moment().endOf('months').format('YYYY-MM-DD'), |
||||
|
laststart: moment().add(-1, 'months').startOf('isoWeek').format('YYYY-MM-DD'), |
||||
|
lastend: moment().add(-1, 'months').startOf('isoWeek').format('YYYY-MM-DD'), |
||||
|
} |
||||
|
} |
||||
Some files were not shown because too many files changed in this diff
Loading…
Reference in new issue