|
@@ -18,10 +18,8 @@
|
|
|
<template>
|
|
|
<div class="execution">
|
|
|
<basic-container>
|
|
|
- <el-alert
|
|
|
- title="路由配置是非常专业的事情,不建议非工程师操作"
|
|
|
- type="warning"/>
|
|
|
- <vue-json-editor v-model="json" :show-btns="false"/>
|
|
|
+ <el-alert title="路由配置是非常专业的事情,不建议非工程师操作" type="warning" />
|
|
|
+ <vue-json-editor v-model="json" :show-btns="false" />
|
|
|
<div align="center">
|
|
|
<el-button @click="edit()">更新</el-button>
|
|
|
</div>
|
|
@@ -29,11 +27,10 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
-import vueJsonEditor from 'vue-json-editor'
|
|
|
-import { fetchList, putObj, refreshObj } from '@/api/admin/route'
|
|
|
+import vueJsonEditor from "vue-json-editor";
|
|
|
+import { fetchList, putObj, refreshObj } from "@/api/admin/route";
|
|
|
|
|
|
export default {
|
|
|
-
|
|
|
// 注入vueJsonEditor组件
|
|
|
components: {
|
|
|
vueJsonEditor
|
|
@@ -41,44 +38,50 @@ export default {
|
|
|
data() {
|
|
|
return {
|
|
|
json: null
|
|
|
- }
|
|
|
+ };
|
|
|
},
|
|
|
|
|
|
created() {
|
|
|
- this.getList()
|
|
|
+ this.getList();
|
|
|
},
|
|
|
|
|
|
methods: {
|
|
|
getList() {
|
|
|
fetchList().then(response => {
|
|
|
- const result = response.data.data
|
|
|
+ const result = response.data.data;
|
|
|
for (var i = 0; i < result.length; i++) {
|
|
|
- const route = result[i]
|
|
|
+ const route = result[i];
|
|
|
if (route.predicates) {
|
|
|
- const predicates = route.predicates
|
|
|
- route.predicates = JSON.parse(predicates)
|
|
|
+ const predicates = route.predicates;
|
|
|
+ route.predicates = JSON.parse(predicates);
|
|
|
}
|
|
|
if (route.filters) {
|
|
|
- const filters = route.filters
|
|
|
- route.filters = JSON.parse(filters)
|
|
|
+ const filters = route.filters;
|
|
|
+ route.filters = JSON.parse(filters);
|
|
|
}
|
|
|
}
|
|
|
- this.json = result
|
|
|
- })
|
|
|
+ this.json = result;
|
|
|
+ });
|
|
|
},
|
|
|
|
|
|
edit() {
|
|
|
putObj(this.json).then(() => {
|
|
|
refreshObj().then(() => {
|
|
|
this.$notify({
|
|
|
- title: '成功',
|
|
|
- message: '更新成功',
|
|
|
- type: 'success',
|
|
|
+ title: "成功",
|
|
|
+ message: "更新成功",
|
|
|
+ type: "success",
|
|
|
duration: 2000
|
|
|
- })
|
|
|
- })
|
|
|
- })
|
|
|
+ });
|
|
|
+ });
|
|
|
+ });
|
|
|
}
|
|
|
}
|
|
|
-}
|
|
|
+};
|
|
|
</script>
|
|
|
+
|
|
|
+<style lang="scss">
|
|
|
+div.jsoneditor-contextmenu div.jsoneditor-icon {
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+</style>
|