Skip to content

T
traffic-front
Commit 5da704a3 authored by Cheng's avatar Cheng
Browse files
Options

Orange Heap

parent 21302bd6
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 804 additions and 0 deletions
atms-orangeheap/.gitignore 0 → 100644
View file @ 5da704a3
.DS_Store
node_modules
/dist
# 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*
atms-orangeheap/README.md 0 → 100644
View file @ 5da704a3
<<<<<<< HEAD
# didi2
## Project setup
```
yarn install
```
### Compiles and hot-reloads for development
```
yarn run serve
```
### Compiles and minifies for production
```
yarn run build
```
### Run your tests
```
yarn run test
```
### Lints and fixes files
```
yarn run lint
```
### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
=======
# ProjectK
#### Description
{**When you're done, you can delete the content in this README and update the file with details for others getting started with your repository**}
#### Software Architecture
Software architecture description
#### Installation
1. xxxx
2. xxxx
3. xxxx
#### Instructions
1. xxxx
2. xxxx
3. xxxx
#### Contribution
1. Fork the repository
2. Create Feat_xxx branch
3. Commit your code
4. Create Pull Request
#### Gitee Feature
1. You can use Readme\_XXX.md to support different languages, such as Readme\_en.md, Readme\_zh.md
2. Gitee blog [blog.gitee.com](https://blog.gitee.com)
3. Explore open source project [https://gitee.com/explore](https://gitee.com/explore)
4. The most valuable open source project [GVP](https://gitee.com/gvp)
5. The manual of Gitee [https://gitee.com/help](https://gitee.com/help)
6. The most popular members [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)
>>>>>>> e40bf8c2d8938c71eee9c06c9efc53631bdc03fd
atms-orangeheap/babel.config.js 0 → 100644
View file @ 5da704a3
module.exports = {
presets: [
'@vue/app'
]
}
atms-orangeheap/orangeheap/css/app.cf16809e.css 0 → 100644
View file @ 5da704a3
.icon{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}
\ No newline at end of file
atms-orangeheap/orangeheap/css/chunk-vendors.1d7fe95e.css 0 → 100644
View file @ 5da704a3
This source diff could not be displayed because it is too large. You can view the blob instead.
atms-orangeheap/orangeheap/index.html 0 → 100644
View file @ 5da704a3
<!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"><link rel=icon href=favicon.ico><title>didi2</title><link rel=stylesheet href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900"><link rel=stylesheet href="https://fonts.googleapis.com/css?family=Material+Icons"><link href=js/about.173a42f4.js rel=prefetch><link href=css/app.cf16809e.css rel=preload as=style><link href=css/chunk-vendors.1d7fe95e.css rel=preload as=style><link href=js/app.e06965e0.js rel=preload as=script><link href=js/chunk-vendors.cc3f6466.js rel=preload as=script><link href=css/chunk-vendors.1d7fe95e.css rel=stylesheet><link href=css/app.cf16809e.css rel=stylesheet></head><body><noscript><strong>We're sorry but didi2 doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=js/chunk-vendors.cc3f6466.js></script><script src=js/app.e06965e0.js></script></body></html>
\ No newline at end of file
atms-orangeheap/orangeheap/js/about.173a42f4.js 0 → 100644
View file @ 5da704a3
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["about"],{f820:function(t,e,n){"use strict";n.r(e);var a=function(){var t=this,e=t.$createElement;t._self._c;return t._m(0)},s=[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"about"},[n("h1",[t._v("This is an about page")])])}],u=n("2877"),c={},i=Object(u["a"])(c,a,s,!1,null,null,null);e["default"]=i.exports}}]);
//# sourceMappingURL=about.173a42f4.js.map
\ No newline at end of file
atms-orangeheap/orangeheap/js/about.173a42f4.js.map 0 → 100644
View file @ 5da704a3
{"version":3,"sources":["webpack:///./src/views/About.vue?cd20","webpack:///./src/views/About.vue"],"names":["render","_vm","this","_h","$createElement","_self","_c","_m","staticRenderFns","staticClass","_v","script","component","Object","componentNormalizer","__webpack_exports__"],"mappings":"8GAAA,IAAAA,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BH,EAAAI,MAAAC,GAAwB,OAAAL,EAAAM,GAAA,IACzFC,EAAA,YAAoC,IAAAP,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BE,EAAAL,EAAAI,MAAAC,IAAAH,EAAwB,OAAAG,EAAA,OAAiBG,YAAA,SAAoB,CAAAH,EAAA,MAAAL,EAAAS,GAAA,2CCAxIC,EAAA,GAKAC,EAAgBC,OAAAC,EAAA,KAAAD,CAChBF,EACEX,EACAQ,GACF,EACA,KACA,KACA,MAIeO,EAAA,WAAAH","file":"js/about.173a42f4.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"about\"},[_c('h1',[_vm._v(\"This is an about page\")])])}]\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./About.vue?vue&type=template&id=1ae8a7be&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""}
\ No newline at end of file
atms-orangeheap/orangeheap/js/app.e06965e0.js 0 → 100644
View file @ 5da704a3
This source diff could not be displayed because it is too large. You can view the blob instead.
atms-orangeheap/orangeheap/js/app.e06965e0.js.map 0 → 100644
View file @ 5da704a3
This diff is collapsed.
atms-orangeheap/orangeheap/js/chunk-vendors.cc3f6466.js 0 → 100644
View file @ 5da704a3
This source diff could not be displayed because it is too large. You can view the blob instead.
atms-orangeheap/orangeheap/js/chunk-vendors.cc3f6466.js.map 0 → 100644
View file @ 5da704a3
This diff is collapsed.
atms-orangeheap/orangeweb/css/app.cf16809e.css 0 → 100644
View file @ 5da704a3
.icon{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}
\ No newline at end of file
atms-orangeheap/orangeweb/css/chunk-vendors.1d7fe95e.css 0 → 100644
View file @ 5da704a3
This source diff could not be displayed because it is too large. You can view the blob instead.
atms-orangeheap/orangeweb/index.html 0 → 100644
View file @ 5da704a3
<!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"><link rel=icon href=favicon.ico><title>didi2</title><link rel=stylesheet href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900"><link rel=stylesheet href="https://fonts.googleapis.com/css?family=Material+Icons"><link href=js/about.17654e8a.js rel=prefetch><link href=css/app.cf16809e.css rel=preload as=style><link href=css/chunk-vendors.1d7fe95e.css rel=preload as=style><link href=js/app.4bce033e.js rel=preload as=script><link href=js/chunk-vendors.cc3f6466.js rel=preload as=script><link href=css/chunk-vendors.1d7fe95e.css rel=stylesheet><link href=css/app.cf16809e.css rel=stylesheet></head><body><noscript><strong>We're sorry but didi2 doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=js/chunk-vendors.cc3f6466.js></script><script src=js/app.4bce033e.js></script></body></html>
\ No newline at end of file
atms-orangeheap/orangeweb/js/about.17654e8a.js 0 → 100644
View file @ 5da704a3
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["about"],{f820:function(t,e,n){"use strict";n.r(e);var a=function(){var t=this,e=t.$createElement;t._self._c;return t._m(0)},s=[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"about"},[n("h1",[t._v("This is an about page")])])}],u=n("2877"),c={},i=Object(u["a"])(c,a,s,!1,null,null,null);e["default"]=i.exports}}]);
//# sourceMappingURL=about.17654e8a.js.map
\ No newline at end of file
atms-orangeheap/orangeweb/js/about.17654e8a.js.map 0 → 100644
View file @ 5da704a3
{"version":3,"sources":["webpack:///./src/views/About.vue?12dc","webpack:///./src/views/About.vue"],"names":["render","_vm","this","_h","$createElement","_self","_c","_m","staticRenderFns","staticClass","_v","script","component","Object","componentNormalizer","__webpack_exports__"],"mappings":"8GAAA,IAAAA,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BH,EAAAI,MAAAC,GAAwB,OAAAL,EAAAM,GAAA,IACzFC,EAAA,YAAoC,IAAAP,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BE,EAAAL,EAAAI,MAAAC,IAAAH,EAAwB,OAAAG,EAAA,OAAiBG,YAAA,SAAoB,CAAAH,EAAA,MAAAL,EAAAS,GAAA,2CCAxIC,EAAA,GAKAC,EAAgBC,OAAAC,EAAA,KAAAD,CAChBF,EACEX,EACAQ,GACF,EACA,KACA,KACA,MAIeO,EAAA,WAAAH","file":"js/about.17654e8a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"about\"},[_c('h1',[_vm._v(\"This is an about page\")])])}]\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./About.vue?vue&type=template&id=0391505c&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""}
\ No newline at end of file
atms-orangeheap/orangeweb/js/app.4bce033e.js 0 → 100644
View file @ 5da704a3
This source diff could not be displayed because it is too large. You can view the blob instead.
atms-orangeheap/orangeweb/js/app.4bce033e.js.map 0 → 100644
View file @ 5da704a3
This diff is collapsed.
atms-orangeheap/orangeweb/js/chunk-vendors.cc3f6466.js 0 → 100644
View file @ 5da704a3
This source diff could not be displayed because it is too large. You can view the blob instead.
atms-orangeheap/orangeweb/js/chunk-vendors.cc3f6466.js.map 0 → 100644
View file @ 5da704a3
This diff is collapsed.
atms-orangeheap/package-lock.json 0 → 100644
View file @ 5da704a3
This diff is collapsed.
atms-orangeheap/package.json 0 → 100644
View file @ 5da704a3
{
"name": "didi2",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
"dependencies": {
"axios": "^0.18.0",
"compression-webpack-plugin": "^2.0.0",
"vue": "^2.6.6",
"vue-router": "^3.0.1",
"vuetify": "^1.5.5",
"vuex": "^3.0.1"
},
"devDependencies": {
"@vue/cli-plugin-babel": "^3.5.0",
"@vue/cli-plugin-eslint": "^3.5.0",
"@vue/cli-service": "^3.5.0",
"babel-eslint": "^10.0.1",
"eslint": "^5.8.0",
"eslint-plugin-vue": "^5.0.0",
"stylus": "^0.54.5",
"stylus-loader": "^3.0.1",
"vue-cli-plugin-vuetify": "^0.5.0",
"vue-template-compiler": "^2.5.21",
"vuetify-loader": "^1.0.5"
}
}
atms-orangeheap/postcss.config.js 0 → 100644
View file @ 5da704a3
module.exports = {
plugins: {
autoprefixer: {}
}
}
atms-orangeheap/public/index.html 0 → 100644
View file @ 5da704a3
<!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>didi2</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Material+Icons">
</head>
<body>
<noscript>
<strong>We're sorry but didi2 doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
atms-orangeheap/src/App.vue 0 → 100644
View file @ 5da704a3
<template>
<v-app>
<v-content>
<ChartApp/>
</v-content>
</v-app>
</template>
<script>
import ChartApp from './views/ChartApp'
export default {
name: 'App',
components: {
ChartApp
},
data() {
return {
//
}
}
}
</script>
atms-orangeheap/src/assets/iconfont/globalcss.css 0 → 100644
View file @ 5da704a3
.icon {
width: 1em;
height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
\ No newline at end of file
atms-orangeheap/src/assets/iconfont/iconfont.js 0 → 100644
View file @ 5da704a3
This diff is collapsed.
atms-orangeheap/src/assets/logo.svg 0 → 100644
View file @ 5da704a3
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 87.5 100"><defs><style>.cls-1{fill:#1697f6;}.cls-2{fill:#7bc6ff;}.cls-3{fill:#1867c0;}.cls-4{fill:#aeddff;}</style></defs><title>Artboard 46</title><polyline class="cls-1" points="43.75 0 23.31 0 43.75 48.32"/><polygon class="cls-2" points="43.75 62.5 43.75 100 0 14.58 22.92 14.58 43.75 62.5"/><polyline class="cls-3" points="43.75 0 64.19 0 43.75 48.32"/><polygon class="cls-4" points="64.58 14.58 87.5 14.58 43.75 100 43.75 62.5 64.58 14.58"/></svg>
atms-orangeheap/src/assets/tableaujs.js 0 → 100644
View file @ 5da704a3
This source diff could not be displayed because it is too large. You can view the blob instead.
atms-orangeheap/src/components/Mine.vue 0 → 100644
View file @ 5da704a3
<template>
<v-content style="margin-top: 20%">
<v-container fluid fill-height>
<v-layout align-center justify-center>
<v-flex>
<div class="v-card-profile">
<v-avatar
slot="offset"
class="mx-auto d-block"
size="130"
>
<img src="https://demos.creative-tim.com/vue-material-dashboard/img/marc.aba54d65.jpg">
</v-avatar>
<v-card-text class="text-xs-center">
<h6 class="category text-gray font-weight-thin mb-9"></h6>
<h4 class="card-title" v-text="userName"></h4>
<!-- <p class="card-description font-weight-light">Don't be scared of the truth because we need to-->
<!-- restart the human foundation in truth And I love you like Kanye loves Kanye I love Rick-->
<!-- Owens’ bed design but the back is...</p>-->
<!-- <v-btn-->
<!-- color="success"-->
<!-- round-->
<!-- class="font-weight-light"-->
<!-- >Follow-->
<!-- </v-btn>-->
</v-card-text>
</div>
</v-flex>
</v-layout>
</v-container>
</v-content>
</template>
<script>
export default {
name: 'Mine',
data: () => ({
userName: "杨铖的号头"
})
//
}
</script>
\ No newline at end of file
atms-orangeheap/src/components/Panel.vue 0 → 100644
View file @ 5da704a3
<template>
<v-container>
<v-navigation-drawer
v-model="drawerRight"
fixed
right
clipped
app
>
<!-- <v-list dense>-->
<!-- <v-list-tile @click.stop="right = !right">-->
<!-- <v-list-tile-action>-->
<!-- <v-icon>exit_to_app</v-icon>-->
<!-- </v-list-tile-action>-->
<!-- <v-list-tile-content>-->
<!-- <v-list-tile-title>Ope Temporary Drawer</v-list-tile-title>-->
<!-- </v-list-tile-content>-->
<!-- </v-list-tile>-->
<v-list subheader>
<v-subheader>列表</v-subheader>
<v-list-tile
v-for="item in items"
:key="item.title"
@click="switchTable(item)"
avatar
>
<v-list-tile-action>
<svg class="icon" aria-hidden="true">
<use :xlink:href="item.iconName"></use>
</svg>
</v-list-tile-action>
<v-list-tile-content>
<v-list-tile-title v-html="item.title"></v-list-tile-title>
</v-list-tile-content>
<v-list-tile-action>
<v-icon v-show="item.active"
color="green"
>check
</v-icon>
</v-list-tile-action>
</v-list-tile>
</v-list>
</v-navigation-drawer>
<v-toolbar
fixed
app
clipped-right
>
<!-- <v-toolbar-side-icon @click.stop="drawer = !drawer"></v-toolbar-side-icon>-->
<v-toolbar-title>仪表盘</v-toolbar-title>
<v-spacer></v-spacer>
<span class="body-2"
@click.stop="drawerRight = !drawerRight"
>
<svg class="icon" aria-hidden="true" style="vertical-align: middle; margin-right: 5px"><use
:xlink:href="selectedItem.iconName"></use></svg>
<span style="vertical-align: middle; margin-right: 2px" v-text="selectedItem.title"></span>
<v-icon style="vertical-align: middle">menu</v-icon>
</span>
<!-- <v-btn large-->
<!-- left-->
<!-- @click.stop="drawerRight = !drawerRight">-->
<!-- 未返还税金分析-->
<!-- <v-icon>menu</v-icon>-->
<!-- </v-btn>-->
<!-- <v-toolbar-side-icon @click.stop="drawerRight = !drawerRight"></v-toolbar-side-icon>-->
</v-toolbar>
<v-container ma-0 pa-0>
<Tableau :url="chartUrl"
width="100%"
ref="tableau"
:apiUrl="tableauApiUrl"
>
</Tableau>
</v-container>
</v-container>
</template>
<script>
import Tableau from './Tableau'
export default {
data: () => ({
chartUrl: process.env.VUE_APP_TABLEAU_API + 'unreturnedTax',
tableauApiUrl: require('../assets/tableaujs.js'),
// tableauApiUrl: 'https://public.tableau.com/javascripts/api/tableau-2.2.2.min.js',
drawer: null,
drawerRight: null,
right: false,
left: false,
items: [
{
iconName: '#d-iconyihuankuanbufen',
active: false,
title: '未返还税金分析',
avatar: 'https://cdn.vuetifyjs.com/images/lists/1.jpg',
chartUrl: process.env.VUE_APP_TABLEAU_API + 'unreturnedTax',
},
{
iconName: '#d-iconCompare',
active: false,
title: '未返还/返还后税金比较',
avatar: 'https://cdn.vuetifyjs.com/images/lists/2.jpg',
chartUrl: process.env.VUE_APP_TABLEAU_API + 'unreturnedTax',
},
{
iconName: '#d-iconhuaban',
active: false,
title: '利润/亏损分析',
avatar: 'https://cdn.vuetifyjs.com/images/lists/4.jpg',
chartUrl: process.env.VUE_APP_TABLEAU_API + 'unreturnedTax',
},
{
iconName: '#d-iconqita1',
active: false,
title: '其他国内数据',
avatar: 'https://cdn.vuetifyjs.com/images/lists/4.jpg',
chartUrl: 'https://public.tableau.com/views/RegionalSampleWorkbookwithAutodoc/DashboardsWorksheetsandDataSources',
},
{
iconName: '#d-iconarchive-paper',
active: false,
title: '档案归档情况',
avatar: 'https://cdn.vuetifyjs.com/images/lists/4.jpg',
chartUrl: 'https://public.tableau.com/views/RegionalSampleWorkbookwithAutodoc/DashboardsWorksheetsandDataSources',
},
{
iconName: '#d-iconfeiyong',
active: false,
title: '费用分析',
avatar: 'https://cdn.vuetifyjs.com/images/lists/3.jpg',
chartUrl: 'https://public.tableau.com/views/RegionalSampleWorkbookwithAutodoc/DashboardsWorksheetsandDataSources',
},
{
iconName: '#d-iconquanqiu',
active: false,
title: '全球概览',
avatar: 'https://cdn.vuetifyjs.com/images/lists/4.jpg',
chartUrl: 'https://public.tableau.com/views/RegionalSampleWorkbookwithAutodoc/DashboardsWorksheetsandDataSources',
},
{
iconName: "#d-iconmexico",
active: false,
title: '墨西哥税务分析',
avatar: 'https://cdn.vuetifyjs.com/images/lists/4.jpg',
chartUrl: 'https://public.tableau.com/views/RegionalSampleWorkbookwithAutodoc/DashboardsWorksheetsandDataSources',
},
{
iconName: '#d-iconaodaliya',
active: false,
title: '澳洲税务分析',
avatar: 'https://cdn.vuetifyjs.com/images/lists/4.jpg',
chartUrl: 'https://public.tableau.com/views/RegionalSampleWorkbookwithAutodoc/DashboardsWorksheetsandDataSources',
},
{
iconName: '#d-iconbaxi',
active: false,
title: '巴西税务分析',
avatar: 'https://cdn.vuetifyjs.com/images/lists/4.jpg',
chartUrl: 'https://public.tableau.com/views/RegionalSampleWorkbookwithAutodoc/DashboardsWorksheetsandDataSources',
},
{
iconName: '#d-iconqita',
active: false,
title: '其他国家税务分析',
avatar: 'https://cdn.vuetifyjs.com/images/lists/4.jpg',
chartUrl: 'https://public.tableau.com/views/RegionalSampleWorkbookwithAutodoc/DashboardsWorksheetsandDataSources',
},
],
selectedItem: null
}),
props: {
source: String
},
components: {
Tableau
},
created() {
this.selectTable(this.items[0])
this.$axios({
method: 'get',
url: 'https://api.coindesk.com/v1/bpi/currentprice.json',
}).then((response) => { //这里使用了ES6的语法
console.log(response) //请求成功返回的数据
}).catch((error) => {
console.log(error) //请求失败返回的数据
})
},
mounted() {
console.log(process.env.VUE_APP_TABLEAU_API)
},
methods: {
selectTable(item) {
if (this.selectedItem != null) {
this.selectedItem.active = false
}
item.active = true
this.selectedItem = item
},
switchTable(item) {
this.selectTable(item)
this.drawerRight = !this.drawerRight
this.chartUrl = this.selectedItem.chartUrl
}
}
}
</script>
<style scoped>
</style>
\ No newline at end of file
atms-orangeheap/src/components/Tableau.vue 0 → 100644
View file @ 5da704a3
<template>
<div id="tableau">
<!-- <button @click="initViz">nice</button>-->
</div>
</template>
<script>
export default {
name: 'Tableau',
props: {
url: '',
options: {},
width: '',
height: '',
filters: {},
apiUrl: {
// default: 'https://public.tableau.com/javascripts/api/tableau-2.2.2.min.js'
default: require('../assets/tableaujs.js')
}
},
data() {
return {
viz: {},
workBook: {}
}
},
watch: {
url() {
if (this.viz) {
this.viz.dispose()
}
this.initViz()
},
height(val) {
this.viz.setFrameSize(parseInt(this.width), parseInt(val))
},
width(val) {
this.viz.setFrameSize(parseInt(val), parseInt(this.height))
},
filters() {
if (this.viz) {
this.viz.dispose()
}
this.initViz()
}
},
computed: {
worksheet() {
return this.workBook.getActiveSheet()
}
},
methods: {
reloadViz() {
if (this.viz) {
this.viz.dispose()
}
this.initViz()
},
initViz() {
this.$axios({
method: 'get',
url: this.url
}).then((response) => { //这里使用了ES6的语法
let tableauUrl = response.data.data //请求成功返回的数据
const containerDiv = document.getElementById("tableau")
// Setting up constructor options
let options = {}
if (!this.options) {
options = {
height: this.height ? this.height : 1000,
width: this.width ? this.width : 1000,
hideTabs: true,
hideToolbar: true,
onFirstInteractive: () => {
this.workBook = this.viz.getWorkbook()
}
}
if (this.filters) {
Object.keys(this.filters).map((el) => {
options[el.toString()] = this.filters[el.toString()]
})
}
} else {
options = this.options
}
this.viz = new window.tableau.Viz(containerDiv, tableauUrl, options)
}).catch((error) => {
console.log(error) //请求失败返回的数据
})
}
},
mounted() {
let recaptchaScript = document.createElement('script')
// recaptchaScript.async = true
recaptchaScript.setAttribute('src', this.apiUrl)
this.tableauScript = document.head.appendChild(recaptchaScript)
// window.addEventListener('load', () => {
// this.initViz()
// })
this.initViz()
},
beforeDestroy() {
// this.viz.dispose()
}
}
</script>
<style scoped>
</style>
\ No newline at end of file
atms-orangeheap/src/main.js 0 → 100644
View file @ 5da704a3
import Vue from 'vue'
import './plugins/vuetify'
import App from './App.vue'
import router from './router'
import store from './store'
// import FlagIcon from 'vue-flag-icon'
// import './assets/iconfont/iconfont.css'
import './assets/iconfont/iconfont.js'
import './assets/iconfont/globalcss.css'
import axios from 'axios'
Vue.config.productionTip = false
Vue.prototype.$axios = axios
// Vue.use(FlagIcon)
new Vue({
router,
store,
render: h => h(App)
}).$mount('#app')
atms-orangeheap/src/plugins/vuetify.js 0 → 100644
View file @ 5da704a3
import Vue from 'vue'
import Vuetify from 'vuetify/lib'
import 'vuetify/src/stylus/app.styl'
Vue.use(Vuetify, {
iconfont: 'md',
})
atms-orangeheap/src/router.js 0 → 100644
View file @ 5da704a3
import Vue from 'vue'
import Router from 'vue-router'
import ChartApp from './views/ChartApp'
import Panel from './components/Panel'
import Mine from './components/Mine'
Vue.use(Router)
export default new Router({
routes: [
{
path: '/',
name: '',
component: ChartApp,
children: [
{path: '/', name: 'panel', component: Panel},
{path: 'mine', name: 'mine', component: Mine}
]
},
{
path: '/about',
name: 'about',
// route level code-splitting
// this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited.
component: () => import(/* webpackChunkName: "about" */ './views/About.vue')
}
]
})
atms-orangeheap/src/store.js 0 → 100644
View file @ 5da704a3
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
export default new Vuex.Store({
state: {
},
mutations: {
},
actions: {
}
})
atms-orangeheap/src/views/About.vue 0 → 100644
View file @ 5da704a3
<template>
<div class="about">
<h1>This is an about page</h1>
</div>
</template>
atms-orangeheap/src/views/ChartApp.vue 0 → 100644
View file @ 5da704a3
<template>
<v-content class="ma-0 pa-0">
<v-container ma-0 pa-0 flat>
<router-view></router-view>
<v-bottom-nav
:active.sync="bottomNav"
:value="true"
absolute
style=" overflow: hidden;
position: fixed;
bottom: 0;
width: 100%;"
>
<v-btn
color="teal"
flat
value="panel"
depressed
:to="{name: 'panel'}"
>
<span>仪表盘</span>
<v-icon>table_chart</v-icon>
</v-btn>
<v-btn
color="teal"
flat
value="mine"
depressed
:to="{name: 'mine'}"
>
<span>我的</span>
<v-icon>account_box</v-icon>
</v-btn>
</v-bottom-nav>
</v-container>
</v-content>
</template>
<script>
export default {
data() {
return {
bottomNav: 'panel'
}
},
components: {}
}
</script>
<style scoped>
</style>
\ No newline at end of file
atms-orangeheap/vue.config.js 0 → 100644
View file @ 5da704a3
module.exports = {
/** 区分打包环境与开发环境
* process.env.NODE_ENV==='production' (打包环境)
* process.env.NODE_ENV==='development' (开发环境)
* baseUrl: process.env.NODE_ENV==='production'?"https://cdn.didabisai.com/front/":'front/',
*/
// 基本路径
publicPath: './',
// 输出文件目录
outputDir: 'orangeweb',
// eslint-loader 是否在保存的时候检查
// lintOnSave: true,
// use the full build with in-browser compiler?
// https://vuejs.org/v2/guide/installation.html#Runtime-Compiler-vs-Runtime-only
//compiler: false,
// webpack配置
// see https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md
chainWebpack: () => {
},
configureWebpack: () => {
},
//如果想要引入babel-polyfill可以这样写
// configureWebpack: (config) => {
// config.entry = ["babel-polyfill", "./src/main.js"]
// },
// vue-loader 配置项
// https://vue-loader.vuejs.org/en/options.html
//vueLoader: {},
// 生产环境是否生成 sourceMap 文件
// productionSourceMap: true,
// css相关配置
//css: {
// 是否使用css分离插件 ExtractTextPlugin
// extract: true,
// 开启 CSS source maps?
// sourceMap: false,
// css预设器配置项
// loaderOptions: {},
// 启用 CSS modules for all css / pre-processor files.
// modules: false
// },
// use thread-loader for babel & TS in production build
// enabled by default if the machine has more than 1 cores
//parallel: require('os').cpus().length > 1,
// 是否启用dll
// See https://github.com/vuejs/vue-cli/blob/dev/docs/cli-service.md#dll-mode
// dll: false,
// PWA 插件相关配置
// see https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa
// pwa: {},
// webpack-dev-server 相关配置
devServer: {
open: process.platform === 'darwin',
host: '127.0.0.1',
port: 9099,
https: false,
hotOnly: false,
proxy: null, // 设置代理
before: app => {
}
},
// 第三方插件配置
pluginOptions: {
// ...
}
}
\ No newline at end of file
atms-orangeheap/yarn.lock 0 → 100644
View file @ 5da704a3
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment