no message
Former-commit-id: 854dacd28d5d176d72cc1fbdc625917326be6daf Former-commit-id: 889bcea85881a67a17a791d3c445cdb43fdb1a85 Former-commit-id: adb66c36629380ccf256313d10dd99a34f993e50
This commit is contained in:
@@ -30,12 +30,6 @@ export default {
|
|||||||
padding: [40, 40, 50, 60]
|
padding: [40, 40, 50, 60]
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
created () {
|
|
||||||
// 打印信息
|
|
||||||
this.$log('G2', ...[
|
|
||||||
`version ${this.G2.version}`
|
|
||||||
])
|
|
||||||
},
|
|
||||||
mounted () {
|
mounted () {
|
||||||
// 如果设置了在 mounted 后自动初始化 就在这里初始化
|
// 如果设置了在 mounted 后自动初始化 就在这里初始化
|
||||||
if (this.mountedInit) {
|
if (this.mountedInit) {
|
||||||
@@ -47,6 +41,7 @@ export default {
|
|||||||
watch: {
|
watch: {
|
||||||
// 数据改变
|
// 数据改变
|
||||||
data () {
|
data () {
|
||||||
|
console.log('111')
|
||||||
this.changeData()
|
this.changeData()
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -50,7 +50,7 @@ export default {
|
|||||||
},
|
},
|
||||||
// 从 url 加载原始数据
|
// 从 url 加载原始数据
|
||||||
async getReadme (name) {
|
async getReadme (name) {
|
||||||
const data = await this.$http.get(name)
|
const data = await this.$axios.get(name)
|
||||||
return this.marked(data)
|
return this.marked(data)
|
||||||
},
|
},
|
||||||
marked (data) {
|
marked (data) {
|
||||||
|
|||||||
19
src/mock/chart/G2Line1.js
Normal file
19
src/mock/chart/G2Line1.js
Normal file
@@ -0,0 +1,19 @@
|
|||||||
|
import Mock from 'mockjs'
|
||||||
|
|
||||||
|
Mock.mock('/api/chart/G2Line1', () => {
|
||||||
|
return {
|
||||||
|
code: 0,
|
||||||
|
msg: '请求成功',
|
||||||
|
data: [
|
||||||
|
{ year: '1991', value: 3 },
|
||||||
|
{ year: '1992', value: 4 },
|
||||||
|
{ year: '1993', value: 3.5 },
|
||||||
|
{ year: '1994', value: 5 },
|
||||||
|
{ year: '1995', value: 4.9 },
|
||||||
|
{ year: '1996', value: 6 },
|
||||||
|
{ year: '1997', value: 7 },
|
||||||
|
{ year: '1998', value: 9 },
|
||||||
|
{ year: '1999', value: 13 }
|
||||||
|
]
|
||||||
|
}
|
||||||
|
})
|
||||||
@@ -1,3 +1,5 @@
|
|||||||
import '@/mock/demo/001'
|
import '@/mock/demo/001'
|
||||||
|
|
||||||
import '@/mock/login'
|
import '@/mock/login'
|
||||||
|
|
||||||
|
import '@/mock/chart/G2Line1'
|
||||||
|
|||||||
@@ -67,7 +67,7 @@ export default {
|
|||||||
this.$refs.loginForm.validate((valid) => {
|
this.$refs.loginForm.validate((valid) => {
|
||||||
if (valid) {
|
if (valid) {
|
||||||
// 开始请求登录接口
|
// 开始请求登录接口
|
||||||
this.$http({
|
this.$axios({
|
||||||
method: 'post',
|
method: 'post',
|
||||||
url: '/login',
|
url: '/login',
|
||||||
data: {
|
data: {
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
<Container type="ghost" :responsive="true" class="demo-chart-index">
|
<Container type="ghost" :responsive="true" class="demo-chart-index">
|
||||||
<GridLayout v-bind="layout">
|
<GridLayout v-bind="layout">
|
||||||
<GridItem v-bind="layout.layout[0]" @resize="resizeHandler('G2Line1')" @resized="resizedHandler('G2Line1')">
|
<GridItem v-bind="layout.layout[0]" @resize="resizeHandler('G2Line1')" @resized="resizedHandler('G2Line1')">
|
||||||
<el-card><G2Line1 ref="G2Line1" :data="G2Line1Data"></G2Line1></el-card>
|
<el-card><G2Line1 ref="G2Line1" :data="G2Line1"></G2Line1></el-card>
|
||||||
</GridItem>
|
</GridItem>
|
||||||
</GridLayout>
|
</GridLayout>
|
||||||
</Container>
|
</Container>
|
||||||
@@ -29,23 +29,20 @@ export default {
|
|||||||
margin: [10, 10],
|
margin: [10, 10],
|
||||||
useCssTransforms: true
|
useCssTransforms: true
|
||||||
},
|
},
|
||||||
G2Line1Data: []
|
// 数据
|
||||||
|
G2Line1: []
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted () {
|
mounted () {
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
this.G2Line1Data = [
|
const api = [
|
||||||
{ year: '1991', value: 3 },
|
'/api/chart/G2Line1'
|
||||||
{ year: '1992', value: 4 },
|
|
||||||
{ year: '1993', value: 3.5 },
|
|
||||||
{ year: '1994', value: 5 },
|
|
||||||
{ year: '1995', value: 4.9 },
|
|
||||||
{ year: '1996', value: 6 },
|
|
||||||
{ year: '1997', value: 7 },
|
|
||||||
{ year: '1998', value: 9 },
|
|
||||||
{ year: '1999', value: 13 }
|
|
||||||
]
|
]
|
||||||
}, 3000)
|
this.$axios.all(api.map(e => this.$axios.get(e)))
|
||||||
|
.then(this.$axios.spread((G2Line1) => {
|
||||||
|
this.G2Line1 = G2Line1
|
||||||
|
}))
|
||||||
|
}, 300)
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
// 改变尺寸
|
// 改变尺寸
|
||||||
|
|||||||
@@ -36,7 +36,7 @@ export default {
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
async getReadme () {
|
async getReadme () {
|
||||||
const data = await this.$http.get('/static/markdownFiles/demo/baseMarkdowmFile.md')
|
const data = await this.$axios.get('/static/markdownFiles/demo/baseMarkdowmFile.md')
|
||||||
return data
|
return data
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -41,7 +41,7 @@ export default {
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
async getReadme () {
|
async getReadme () {
|
||||||
const data = await this.$http.get('/static/markdownFiles/demo/baseMarkdowmFile.md')
|
const data = await this.$axios.get('/static/markdownFiles/demo/baseMarkdowmFile.md')
|
||||||
return data
|
return data
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -32,7 +32,7 @@ export default {
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
ajax () {
|
ajax () {
|
||||||
this.$http.get('/api/demo/001')
|
this.$axios.get('/api/demo/001')
|
||||||
.then(res => {
|
.then(res => {
|
||||||
this.table.columns = Object.keys(res.data.list[0]).map(e => ({
|
this.table.columns = Object.keys(res.data.list[0]).map(e => ({
|
||||||
label: e,
|
label: e,
|
||||||
|
|||||||
@@ -18,4 +18,4 @@ axios.interceptors.response.use(res => {
|
|||||||
return Promise.reject(err)
|
return Promise.reject(err)
|
||||||
})
|
})
|
||||||
|
|
||||||
Vue.prototype.$http = axios
|
Vue.prototype.$axios = axios
|
||||||
|
|||||||
Reference in New Issue
Block a user