commit
Showing
6 changed files
with
122 additions
and
3 deletions
| ... | @@ -3441,6 +3441,29 @@ | ... | @@ -3441,6 +3441,29 @@ |
| 3441 | "stream-shift": "^1.0.0" | 3441 | "stream-shift": "^1.0.0" |
| 3442 | } | 3442 | } |
| 3443 | }, | 3443 | }, |
| 3444 | "echarts": { | ||
| 3445 | "version": "4.9.0", | ||
| 3446 | "resolved": "https://registry.npmjs.org/echarts/-/echarts-4.9.0.tgz", | ||
| 3447 | "integrity": "sha512-+ugizgtJ+KmsJyyDPxaw2Br5FqzuBnyOWwcxPKO6y0gc5caYcfnEUIlNStx02necw8jmKmTafmpHhGo4XDtEIA==", | ||
| 3448 | "requires": { | ||
| 3449 | "zrender": "4.3.2" | ||
| 3450 | } | ||
| 3451 | }, | ||
| 3452 | "echarts-amap": { | ||
| 3453 | "version": "1.0.0-rc.6", | ||
| 3454 | "resolved": "https://registry.npmjs.org/echarts-amap/-/echarts-amap-1.0.0-rc.6.tgz", | ||
| 3455 | "integrity": "sha1-V4KnTa7lLtRM4/j2JXdWF4PwnhY=" | ||
| 3456 | }, | ||
| 3457 | "echarts-liquidfill": { | ||
| 3458 | "version": "2.0.6", | ||
| 3459 | "resolved": "https://registry.npmjs.org/echarts-liquidfill/-/echarts-liquidfill-2.0.6.tgz", | ||
| 3460 | "integrity": "sha512-p+AH0O9/BtwXMQQyhjJbMZo+GwRAgWG/DCyK5r27PQzpS0UWrgXu57MyEFc0A8Ub3sRuqEu08BuxwHICBkSWSQ==" | ||
| 3461 | }, | ||
| 3462 | "echarts-wordcloud": { | ||
| 3463 | "version": "1.1.3", | ||
| 3464 | "resolved": "https://registry.npmjs.org/echarts-wordcloud/-/echarts-wordcloud-1.1.3.tgz", | ||
| 3465 | "integrity": "sha512-Et8D5xEAoYkidmHun+hEH+2lF9dhCt6D0JJ390vlr2r/1zwhhZAbcL01CEvG93QcMcJpSvSPK8vRiGkTbMHRxg==" | ||
| 3466 | }, | ||
| 3444 | "ee-first": { | 3467 | "ee-first": { |
| 3445 | "version": "1.1.1", | 3468 | "version": "1.1.1", |
| 3446 | "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz", | 3469 | "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz", |
| ... | @@ -6044,6 +6067,11 @@ | ... | @@ -6044,6 +6067,11 @@ |
| 6044 | "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=", | 6067 | "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=", |
| 6045 | "dev": true | 6068 | "dev": true |
| 6046 | }, | 6069 | }, |
| 6070 | "numerify": { | ||
| 6071 | "version": "1.2.9", | ||
| 6072 | "resolved": "https://registry.npmjs.org/numerify/-/numerify-1.2.9.tgz", | ||
| 6073 | "integrity": "sha512-X4QzQiytV5ZN3TVLhzbtFzjTarUNnaa1pgNDFqt7u7Nqhxe7FvY2eYrGt4WYHlYXDqgtfC/n/a5nJ2y0LijV8w==" | ||
| 6074 | }, | ||
| 6047 | "object-assign": { | 6075 | "object-assign": { |
| 6048 | "version": "4.1.1", | 6076 | "version": "4.1.1", |
| 6049 | "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", | 6077 | "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", |
| ... | @@ -10691,6 +10719,11 @@ | ... | @@ -10691,6 +10719,11 @@ |
| 10691 | "integrity": "sha1-ihagXURWV6Oupe7MWxKk+lN5dyw=", | 10719 | "integrity": "sha1-ihagXURWV6Oupe7MWxKk+lN5dyw=", |
| 10692 | "dev": true | 10720 | "dev": true |
| 10693 | }, | 10721 | }, |
| 10722 | "utils-lite": { | ||
| 10723 | "version": "0.1.10", | ||
| 10724 | "resolved": "https://registry.npmjs.org/utils-lite/-/utils-lite-0.1.10.tgz", | ||
| 10725 | "integrity": "sha512-jlHvdtI8MyWURF/3u+ufIjf1Cs5WjN6WZl9qO8dEkZsVjaI7X5YMUhaCFzkvB69ljt6fo4Dd7V/Oj2NJOFDFOQ==" | ||
| 10726 | }, | ||
| 10694 | "utils-merge": { | 10727 | "utils-merge": { |
| 10695 | "version": "1.0.1", | 10728 | "version": "1.0.1", |
| 10696 | "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz", | 10729 | "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz", |
| ... | @@ -10703,6 +10736,18 @@ | ... | @@ -10703,6 +10736,18 @@ |
| 10703 | "integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==", | 10736 | "integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==", |
| 10704 | "dev": true | 10737 | "dev": true |
| 10705 | }, | 10738 | }, |
| 10739 | "v-charts": { | ||
| 10740 | "version": "1.19.0", | ||
| 10741 | "resolved": "https://registry.npmjs.org/v-charts/-/v-charts-1.19.0.tgz", | ||
| 10742 | "integrity": "sha512-vm2HBUmxAsXK0ivwce9LytcpqrItDA5JSPLYVxZXtiuoyhcn80XX1/3dPJd/1GqG1OYv3jfBo1s9ra4q8GowqA==", | ||
| 10743 | "requires": { | ||
| 10744 | "echarts-amap": "1.0.0-rc.6", | ||
| 10745 | "echarts-liquidfill": "^2.0.2", | ||
| 10746 | "echarts-wordcloud": "^1.1.3", | ||
| 10747 | "numerify": "1.2.9", | ||
| 10748 | "utils-lite": "0.1.10" | ||
| 10749 | } | ||
| 10750 | }, | ||
| 10706 | "validate-npm-package-license": { | 10751 | "validate-npm-package-license": { |
| 10707 | "version": "3.0.4", | 10752 | "version": "3.0.4", |
| 10708 | "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz", | 10753 | "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz", |
| ... | @@ -11820,6 +11865,11 @@ | ... | @@ -11820,6 +11865,11 @@ |
| 11820 | "dev": true | 11865 | "dev": true |
| 11821 | } | 11866 | } |
| 11822 | } | 11867 | } |
| 11868 | }, | ||
| 11869 | "zrender": { | ||
| 11870 | "version": "4.3.2", | ||
| 11871 | "resolved": "https://registry.npmjs.org/zrender/-/zrender-4.3.2.tgz", | ||
| 11872 | "integrity": "sha512-bIusJLS8c4DkIcdiK+s13HiQ/zjQQVgpNohtd8d94Y2DnJqgM1yjh/jpDb8DoL6hd7r8Awagw8e3qK/oLaWr3g==" | ||
| 11823 | } | 11873 | } |
| 11824 | } | 11874 | } |
| 11825 | } | 11875 | } | ... | ... |
| ... | @@ -11,8 +11,10 @@ | ... | @@ -11,8 +11,10 @@ |
| 11 | }, | 11 | }, |
| 12 | "dependencies": { | 12 | "dependencies": { |
| 13 | "axios": "^0.20.0", | 13 | "axios": "^0.20.0", |
| 14 | "echarts": "^4.9.0", | ||
| 14 | "element-ui": "^2.13.2", | 15 | "element-ui": "^2.13.2", |
| 15 | "qs": "^6.9.4", | 16 | "qs": "^6.9.4", |
| 17 | "v-charts": "^1.19.0", | ||
| 16 | "vue": "^2.5.2", | 18 | "vue": "^2.5.2", |
| 17 | "vue-clipboard2": "^0.3.1", | 19 | "vue-clipboard2": "^0.3.1", |
| 18 | "vue-json-viewer": "^2.2.15", | 20 | "vue-json-viewer": "^2.2.15", | ... | ... |
| ... | @@ -4,11 +4,12 @@ import Vue from 'vue' | ... | @@ -4,11 +4,12 @@ import Vue from 'vue' |
| 4 | import App from './App' | 4 | import App from './App' |
| 5 | import router from './router' | 5 | import router from './router' |
| 6 | import axios from 'axios' | 6 | import axios from 'axios' |
| 7 | import Element from 'element-ui'; | 7 | import Element from 'element-ui' |
| 8 | import 'element-ui/lib/theme-chalk/index.css'; | 8 | import 'element-ui/lib/theme-chalk/index.css' |
| 9 | import qs from 'qs' | 9 | import qs from 'qs' |
| 10 | import vueClipboard from 'vue-clipboard2' | 10 | import vueClipboard from 'vue-clipboard2' |
| 11 | import JsonViewer from 'vue-json-viewer' | 11 | import JsonViewer from 'vue-json-viewer' |
| 12 | import VCharts from 'v-charts' | ||
| 12 | 13 | ||
| 13 | Vue.config.productionTip = false | 14 | Vue.config.productionTip = false |
| 14 | Vue.prototype.$http = axios | 15 | Vue.prototype.$http = axios |
| ... | @@ -18,7 +19,8 @@ axios.defaults.baseURL = 'http://192.168.8.113:9090' | ... | @@ -18,7 +19,8 @@ axios.defaults.baseURL = 'http://192.168.8.113:9090' |
| 18 | 19 | ||
| 19 | Vue.use(Element, { size: 'small', zIndex: 3000 }); | 20 | Vue.use(Element, { size: 'small', zIndex: 3000 }); |
| 20 | Vue.use(vueClipboard); | 21 | Vue.use(vueClipboard); |
| 21 | Vue.use(JsonViewer) | 22 | Vue.use(JsonViewer); |
| 23 | Vue.use(VCharts); | ||
| 22 | 24 | ||
| 23 | router.beforeEach((to, from, next) => { | 25 | router.beforeEach((to, from, next) => { |
| 24 | if (to.meta.title) { | 26 | if (to.meta.title) { | ... | ... |
src/page/hadoop.vue
0 → 100644
| 1 | <template xmlns:el-col="http://www.w3.org/1999/html"> | ||
| 2 | <div> | ||
| 3 | <h4>接口调用次数统计(每小时更新一次,统计最近100个小时的数据)</h4> | ||
| 4 | <ve-line :data="chartData"></ve-line> | ||
| 5 | </div> | ||
| 6 | </template> | ||
| 7 | |||
| 8 | <script> | ||
| 9 | export default { | ||
| 10 | data() { | ||
| 11 | return { | ||
| 12 | hadoopApis: [], | ||
| 13 | chartData: { | ||
| 14 | columns: ["时间", "总次数", "成功次数", "失败次数"], | ||
| 15 | rows: [] | ||
| 16 | } | ||
| 17 | } | ||
| 18 | }, | ||
| 19 | mounted() { | ||
| 20 | // this.activity() | ||
| 21 | }, | ||
| 22 | methods: { | ||
| 23 | activity() { | ||
| 24 | const loading = this.$loading({ | ||
| 25 | lock: true, | ||
| 26 | text: '加载中...', | ||
| 27 | spinner: 'el-icon-loading', | ||
| 28 | background: 'rgba(0, 0, 0, 0.7)' | ||
| 29 | }); | ||
| 30 | let config = { | ||
| 31 | headers: { | ||
| 32 | 'Content-Type': 'application/x-www-form-urlencoded' | ||
| 33 | } | ||
| 34 | } | ||
| 35 | this.$http.get('/tool/queryhadoopTotal?'+this.$qs.stringify({ | ||
| 36 | }),config).then((res)=>{ | ||
| 37 | console.log(res.data) | ||
| 38 | this.chartData.rows=res.data.hadoopApis | ||
| 39 | loading.close(); | ||
| 40 | }).catch(error=>{ | ||
| 41 | console.log(error); | ||
| 42 | loading.close(); | ||
| 43 | this.$message({ | ||
| 44 | showClose: true, | ||
| 45 | message: '服务器处理失败,请核对参数!', | ||
| 46 | type: 'error' | ||
| 47 | }); | ||
| 48 | }) | ||
| 49 | } | ||
| 50 | } | ||
| 51 | } | ||
| 52 | </script> |
| ... | @@ -22,6 +22,10 @@ | ... | @@ -22,6 +22,10 @@ |
| 22 | <el-menu-item index="/tjUser">线上账号</el-menu-item> | 22 | <el-menu-item index="/tjUser">线上账号</el-menu-item> |
| 23 | </el-submenu> | 23 | </el-submenu> |
| 24 | <el-submenu index="4"> | 24 | <el-submenu index="4"> |
| 25 | <template slot="title">大数据</template> | ||
| 26 | <el-menu-item index="/hadoop">线上账号</el-menu-item> | ||
| 27 | </el-submenu> | ||
| 28 | <el-submenu index="5"> | ||
| 25 | <template slot="title">常用链接</template> | 29 | <template slot="title">常用链接</template> |
| 26 | <el-menu-item><a class="link" href="http://192.168.8.113:8080/jenkins/" target="_blank">测试jenkins</a></el-menu-item> | 30 | <el-menu-item><a class="link" href="http://192.168.8.113:8080/jenkins/" target="_blank">测试jenkins</a></el-menu-item> |
| 27 | <el-menu-item><a class="link" href="http://192.168.8.211/www/index.php?m=project&f=task" target="_blank">禅道</a></el-menu-item> | 31 | <el-menu-item><a class="link" href="http://192.168.8.211/www/index.php?m=project&f=task" target="_blank">禅道</a></el-menu-item> | ... | ... |
| ... | @@ -11,6 +11,7 @@ import tjUser from '@/page/tjUser' | ... | @@ -11,6 +11,7 @@ import tjUser from '@/page/tjUser' |
| 11 | import nlp from '@/page/nlp' | 11 | import nlp from '@/page/nlp' |
| 12 | import toolAime from '@/page/toolAime' | 12 | import toolAime from '@/page/toolAime' |
| 13 | import nlpApi from '@/page/nlpApi' | 13 | import nlpApi from '@/page/nlpApi' |
| 14 | import hadoop from '@/page/hadoop' | ||
| 14 | 15 | ||
| 15 | Vue.use(Router) | 16 | Vue.use(Router) |
| 16 | 17 | ||
| ... | @@ -84,6 +85,14 @@ export default new Router({ | ... | @@ -84,6 +85,14 @@ export default new Router({ |
| 84 | meta: { | 85 | meta: { |
| 85 | title: '测试工具平台' | 86 | title: '测试工具平台' |
| 86 | } | 87 | } |
| 88 | }, | ||
| 89 | { | ||
| 90 | path: '/hadoop', | ||
| 91 | component: hadoop, | ||
| 92 | name: 'hadoop', | ||
| 93 | meta: { | ||
| 94 | title: '测试工具平台' | ||
| 95 | } | ||
| 87 | } | 96 | } |
| 88 | ] | 97 | ] |
| 89 | }, | 98 | }, | ... | ... |
-
Please register or sign in to post a comment