Hello {target}! @amis-editor
; + } +} diff --git a/tansci-boot-ui-editor/src/route/Editor.tsx b/tansci-boot-ui-editor/src/route/Editor.tsx new file mode 100644 index 0000000..46c560b --- /dev/null +++ b/tansci-boot-ui-editor/src/route/Editor.tsx @@ -0,0 +1,202 @@ +import React from 'react'; +import {Editor, ShortcutKey} from 'amis-editor'; +import {inject, observer} from 'mobx-react'; +import {RouteComponentProps} from 'react-router-dom'; +import {toast, Select} from 'amis'; +import {currentLocale} from 'i18n-runtime'; +import {Icon} from '../icons/index'; +import {IMainStore} from '../store'; +import '../editor/DisabledEditorPlugin'; // 用于隐藏一些不需要的Editor预置组件 +import '../renderer/MyRenderer'; +import '../editor/MyRenderer'; +import axios from 'axios'; + +let currentIndex = -1; +let host = `${window.location.protocol}//${window.location.host}`; +let iframeUrl = '/editor.html'; + +const schemaUrl = `${host}/schema.json`; + +const editorLanguages = [ + { + label: '简体中文', + value: 'zh-CN' + }, + { + label: 'English', + value: 'en-US' + } +]; + +// 获取页面ID +const query = window.location.href.split('?')[1]; +let id:string = '' +let token:string = '' +if(query){ + let val = query.substr(3); + val = window.atob(val) + id = val.split(",")[0] + token = val.split(",")[1] +} + +let _token = window.common.TOKEN_KEY +const apiQueryUrl = window.common.API_QUERY_URL +const apiSaveUrl = window.common.API_SAVE_URL + +export default inject('store')( + observer(function ({ + store, + location, + history, + match + }: {store: IMainStore} & RouteComponentProps<{id: string}>) { + const index: number = parseInt(match.params.id, 10); + const curLanguage = currentLocale(); // 获取当前语料类型 + + if (index !== currentIndex) { + currentIndex = index; + //store.updateSchema(store.pages[index].schema); + // 从数据库获取页面JSON + if(id && id != ''){ + axios.get(apiQueryUrl + id, {headers:{[_token]:token}}).then(function (res:any){ + if(res.data.result && res.data.result.pageschema){ + store.updateSchema(JSON.parse(res.data.result.pageschema)); + } else { + toast.error('服务器异常，请联系管理员！', '提示'); + } + }).catch(function (e:any){ + console.log(e) + toast.error('服务器异常，请联系管理员！', '提示'); + }) + } else { + store.updateSchema({}); + setTimeout(() => { + toast.error('服务器异常，请联系管理员！', '提示'); + }, 1000); + } + + } + + function save() { + store.updatePageSchemaAt(index); + toast.success('保存成功', '提示'); + } + + function onChange(value: any) { + store.updateSchema(value); + store.updatePageSchemaAt(index); + } + + function changeLocale(value: string) { + localStorage.setItem('suda-i18n-locale', value); + window.location.reload(); + } + + function exit() { + history.push(`/${store.pages[index].path}`); + } + + // 保存到数据库 + function onSaveOrUpdate(this: any, e:any) { + if(id && id != ''){ + store.updatePageSchemaAt(index); + let schema = store.pages[index].schema; + axios.post(apiSaveUrl, {id:id, pageschema: JSON.stringify(schema)}, {headers:{[_token]:token}}).then(function (res:any){ + console.log("保存:", res) + if(res.data.code == 200){ + toast.success("操作成功！", '提示'); + } else { + toast.error(res.data.message, '提示'); + } + }).catch(function (e:any){ + console.log(e) + toast.error("服务器异常，请联系管理员！", '提示'); + }) + } + } + + return ( +