<!--<template>--> <!-- <a-card :bordered="false" style="height: 100%">--> <!-- <div style="padding-bottom: 2px">--> <!-- <a-alert type="warning" show-icon>--> <!-- <div slot="message" style="width: 100%">--> <!-- <span>路由配置请慎重</span>--> <!-- <span style="display:inline-block;float:right;padding-right: 5px">--> <!-- <a @click="clearRedis"><a-icon type="reload" />清除缓存</a>--> <!-- </span>--> <!-- </div>--> <!-- </a-alert>--> <!-- </div>--> <!-- <div :id="eleId" :style="{ height: editorHeight + 'px', width: '100%' }"></div>--> <!-- <div style="text-align: center;padding-top:10px">--> <!-- <a-button type="primary" @click="submitForm" style="width:160px">保存</a-button>--> <!-- </div>--> <!-- </a-card>--> <!--</template>--> <!--<script>--> <!-- import JsonEditor from 'jsoneditor'--> <!-- import 'jsoneditor/dist/jsoneditor.min.css'--> <!-- import { getAction, postAction } from '@/api/manage'--> <!-- export default {--> <!-- name: "SysGatewayRouteList",--> <!-- data () {--> <!-- return {--> <!-- eleId:'jsoneditor',--> <!-- description: 'gateway路由管理管理页面',--> <!-- editor: null,--> <!-- editorWidth:400,--> <!-- editorHeight:500,--> <!-- url:{--> <!-- list: '/sys/gatewayRoute/list',--> <!-- update: '/sys/gatewayRoute/updateAll',--> <!-- clear: '/sys/gatewayRoute/clearRedis'--> <!-- },--> <!-- }--> <!-- },--> <!-- created() {--> <!-- let winWidth = window.innerWidth;--> <!-- console.log("页面宽度",winWidth)--> <!-- this.editorWidth = winWidth--> <!-- },--> <!-- mounted(){--> <!-- this.initJsonEditor();--> <!-- },--> <!-- methods: {--> <!-- initJsonEditor() {--> <!-- let container = document.getElementById(this.eleId);--> <!-- let options = {--> <!-- modes: ['text', 'code', 'tree', 'form', 'view'],--> <!-- mode: 'tree',--> <!-- ace: ace,--> <!-- sortObjectKeys: 'code',--> <!-- mainMenuBar:['format']--> <!-- };--> <!-- this.editor = new JsonEditor(container, options);--> <!-- this.initRouteData();--> <!-- },--> <!-- initRouteData(){--> <!-- getAction(this.url.list).then(res=>{--> <!-- if(res.success){--> <!-- let array = res.result--> <!-- console.log('当前路由配置信息为', array)--> <!-- this.editor.set(array)--> <!-- }--> <!-- })--> <!-- },--> <!-- // 获取json--> <!-- submitForm() {--> <!-- let text = this.editor.getText()--> <!-- console.log("保存的json数据",text)--> <!-- if(!text || text.length<=0 || text=='{}' || text=='[]'){--> <!-- this.$message.warning('未录入任何信息')--> <!-- return ;--> <!-- }--> <!-- postAction(this.url.update,{--> <!-- routes:text--> <!-- }).then(res=>{--> <!-- if(res.success){--> <!-- this.$message.success(res.message)--> <!-- }else{--> <!-- this.$message.error(res.message)--> <!-- }--> <!-- })--> <!-- },--> <!-- clearRedis(){--> <!-- getAction(this.url.clear).then(res=>{--> <!-- if(res.success){--> <!-- this.$message.success(res.message)--> <!-- }--> <!-- })--> <!-- }--> <!-- }--> <!-- }--> <!--</script>-->