|
@@ -18,63 +18,66 @@
|
|
|
<template>
|
|
|
<div class="app-container pull-auto">
|
|
|
<basic-container>
|
|
|
+ <el-alert
|
|
|
+ title="路由配置是非常专业的事情,不建议非工程师操作"
|
|
|
+ type="warning">
|
|
|
+ </el-alert>
|
|
|
<vue-json-editor v-model="json" :show-btns="false"></vue-json-editor>
|
|
|
<div align="center">
|
|
|
<el-button @click="edit()">更新</el-button>
|
|
|
- <el-button type="warning" @click="fallback()">回滚</el-button>
|
|
|
</div>
|
|
|
</basic-container>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
-import vueJsonEditor from 'vue-json-editor'
|
|
|
-import {fetchList, putObj,fallback} from '@/api/route'
|
|
|
-export default {
|
|
|
- data () {
|
|
|
- return {
|
|
|
- json: null
|
|
|
- }
|
|
|
- },
|
|
|
-
|
|
|
- // 注入vueJsonEditor组件
|
|
|
- components: {
|
|
|
- vueJsonEditor
|
|
|
- },
|
|
|
+ import vueJsonEditor from 'vue-json-editor'
|
|
|
+ import {fetchList, putObj, fallback} from '@/api/route'
|
|
|
|
|
|
- created () {
|
|
|
- this.getList()
|
|
|
- },
|
|
|
+ export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ json: null
|
|
|
+ }
|
|
|
+ },
|
|
|
|
|
|
- methods: {
|
|
|
- getList () {
|
|
|
- fetchList().then(response => {
|
|
|
- this.json = response.data
|
|
|
- console.log(this.json)
|
|
|
- })
|
|
|
+ // 注入vueJsonEditor组件
|
|
|
+ components: {
|
|
|
+ vueJsonEditor
|
|
|
},
|
|
|
|
|
|
- fallback (){
|
|
|
- fallback(this.json).then(response => {
|
|
|
- this.$notify({
|
|
|
- title: '成功',
|
|
|
- message: '回滚成功',
|
|
|
- type: 'success',
|
|
|
- duration: 2000
|
|
|
- })
|
|
|
- })
|
|
|
+ created() {
|
|
|
+ this.getList()
|
|
|
},
|
|
|
|
|
|
- edit (){
|
|
|
- putObj(this.json).then(response => {
|
|
|
- this.$notify({
|
|
|
- title: '成功',
|
|
|
- message: '更新成功',
|
|
|
- type: 'success',
|
|
|
- duration: 2000
|
|
|
+ methods: {
|
|
|
+ getList() {
|
|
|
+ fetchList().then(response => {
|
|
|
+ let result = response.data.data;
|
|
|
+ for (var i = 0; i < result.length; i++) {
|
|
|
+ let route = result[i]
|
|
|
+ if(route.predicates){
|
|
|
+ let predicates = route.predicates
|
|
|
+ route.predicates = JSON.parse(predicates)
|
|
|
+ }
|
|
|
+ if(route.filters){
|
|
|
+ let filters = route.filters
|
|
|
+ route.filters = JSON.parse(filters)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.json = result
|
|
|
})
|
|
|
- })
|
|
|
- },
|
|
|
+ },
|
|
|
|
|
|
+ edit() {
|
|
|
+ putObj(this.json).then(response => {
|
|
|
+ this.$notify({
|
|
|
+ title: '成功',
|
|
|
+ message: '更新成功',
|
|
|
+ type: 'success',
|
|
|
+ duration: 2000
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
-}
|
|
|
</script>
|