fix: 表单设计器富文本加载错误
tony
parent
3cf79bd188
commit
c1b786e0e8
|
|
@ -1,86 +1,92 @@
|
||||||
import Vue from 'vue'
|
import Vue from 'vue'
|
||||||
|
|
||||||
import Cookies from 'js-cookie'
|
import Cookies from 'js-cookie'
|
||||||
|
|
||||||
import Element from 'element-ui'
|
import Element from 'element-ui'
|
||||||
import './assets/styles/element-variables.scss'
|
import './assets/styles/element-variables.scss'
|
||||||
|
|
||||||
import '@/assets/styles/index.scss' // global css
|
import '@/assets/styles/index.scss' // global css
|
||||||
import '@/assets/styles/ruoyi.scss' // ruoyi css
|
import '@/assets/styles/ruoyi.scss' // ruoyi css
|
||||||
import App from './App'
|
import App from './App'
|
||||||
import store from './store'
|
import store from './store'
|
||||||
import router from './router'
|
import router from './router'
|
||||||
import directive from './directive' // directive
|
import directive from './directive' // directive
|
||||||
import plugins from './plugins' // plugins
|
import plugins from './plugins' // plugins
|
||||||
import { download } from '@/utils/request'
|
import { download } from '@/utils/request'
|
||||||
|
|
||||||
import './assets/icons' // icon
|
import './assets/icons' // icon
|
||||||
import './permission' // permission control
|
import './permission' // permission control
|
||||||
import { getDicts } from "@/api/system/dict/data";
|
import { getDicts } from "@/api/system/dict/data";
|
||||||
import { getConfigKey } from "@/api/system/config";
|
import { getConfigKey } from "@/api/system/config";
|
||||||
import { parseTime, resetForm, addDateRange, selectDictLabel, selectDictLabels, handleTree } from "@/utils/ruoyi";
|
import { parseTime, resetForm, addDateRange, selectDictLabel, selectDictLabels, handleTree } from "@/utils/ruoyi";
|
||||||
// 分页组件
|
// 分页组件
|
||||||
import Pagination from "@/components/Pagination";
|
import Pagination from "@/components/Pagination";
|
||||||
// 自定义表格工具组件
|
// 自定义表格工具组件
|
||||||
import RightToolbar from "@/components/RightToolbar"
|
import RightToolbar from "@/components/RightToolbar"
|
||||||
// 富文本组件
|
// 富文本组件
|
||||||
import Editor from "@/components/Editor"
|
import Editor from "@/components/Editor"
|
||||||
// 文件上传组件
|
// 文件上传组件
|
||||||
import FileUpload from "@/components/FileUpload"
|
import FileUpload from "@/components/FileUpload"
|
||||||
// 图片上传组件
|
// 图片上传组件
|
||||||
import ImageUpload from "@/components/ImageUpload"
|
import ImageUpload from "@/components/ImageUpload"
|
||||||
// 图片预览组件
|
// 图片预览组件
|
||||||
import ImagePreview from "@/components/ImagePreview"
|
import ImagePreview from "@/components/ImagePreview"
|
||||||
// 字典标签组件
|
// 字典标签组件
|
||||||
import DictTag from '@/components/DictTag'
|
import DictTag from '@/components/DictTag'
|
||||||
// 头部标签组件
|
// 头部标签组件
|
||||||
import VueMeta from 'vue-meta'
|
import VueMeta from 'vue-meta'
|
||||||
// 字典数据组件
|
// 字典数据组件
|
||||||
import DictData from '@/components/DictData'
|
import DictData from '@/components/DictData'
|
||||||
|
|
||||||
// 全局方法挂载
|
import Tinymce from '@/components/tinymce/index.vue'
|
||||||
Vue.prototype.getDicts = getDicts
|
|
||||||
Vue.prototype.getConfigKey = getConfigKey
|
|
||||||
Vue.prototype.parseTime = parseTime
|
|
||||||
Vue.prototype.resetForm = resetForm
|
|
||||||
Vue.prototype.addDateRange = addDateRange
|
// 全局方法挂载
|
||||||
Vue.prototype.selectDictLabel = selectDictLabel
|
Vue.prototype.getDicts = getDicts
|
||||||
Vue.prototype.selectDictLabels = selectDictLabels
|
Vue.prototype.getConfigKey = getConfigKey
|
||||||
Vue.prototype.download = download
|
Vue.prototype.parseTime = parseTime
|
||||||
Vue.prototype.handleTree = handleTree
|
Vue.prototype.resetForm = resetForm
|
||||||
|
Vue.prototype.addDateRange = addDateRange
|
||||||
// 全局组件挂载
|
Vue.prototype.selectDictLabel = selectDictLabel
|
||||||
Vue.component('DictTag', DictTag)
|
Vue.prototype.selectDictLabels = selectDictLabels
|
||||||
Vue.component('Pagination', Pagination)
|
Vue.prototype.download = download
|
||||||
Vue.component('RightToolbar', RightToolbar)
|
Vue.prototype.handleTree = handleTree
|
||||||
Vue.component('Editor', Editor)
|
|
||||||
Vue.component('FileUpload', FileUpload)
|
// 全局组件挂载
|
||||||
Vue.component('ImageUpload', ImageUpload)
|
Vue.component('DictTag', DictTag)
|
||||||
Vue.component('ImagePreview', ImagePreview)
|
Vue.component('Pagination', Pagination)
|
||||||
|
Vue.component('RightToolbar', RightToolbar)
|
||||||
Vue.use(directive)
|
Vue.component('Editor', Editor)
|
||||||
Vue.use(plugins)
|
Vue.component('FileUpload', FileUpload)
|
||||||
Vue.use(VueMeta)
|
Vue.component('ImageUpload', ImageUpload)
|
||||||
DictData.install()
|
Vue.component('ImagePreview', ImagePreview)
|
||||||
|
Vue.component('tinymce', Tinymce)
|
||||||
/**
|
|
||||||
* If you don't want to use mock-server
|
Vue.use(directive)
|
||||||
* you want to use MockJs for mock api
|
Vue.use(plugins)
|
||||||
* you can execute: mockXHR()
|
Vue.use(VueMeta)
|
||||||
*
|
DictData.install()
|
||||||
* Currently MockJs will be used in the production environment,
|
|
||||||
* please remove it before going online! ! !
|
/**
|
||||||
*/
|
* If you don't want to use mock-server
|
||||||
|
* you want to use MockJs for mock api
|
||||||
Vue.use(Element, {
|
* you can execute: mockXHR()
|
||||||
size: Cookies.get('size') || 'medium' // set element-ui default size
|
*
|
||||||
})
|
* Currently MockJs will be used in the production environment,
|
||||||
|
* please remove it before going online! ! !
|
||||||
Vue.config.productionTip = false
|
*/
|
||||||
|
|
||||||
new Vue({
|
Vue.use(Element, {
|
||||||
el: '#app',
|
size: Cookies.get('size') || 'medium' // set element-ui default size
|
||||||
router,
|
})
|
||||||
store,
|
|
||||||
render: h => h(App)
|
Vue.config.productionTip = false
|
||||||
})
|
|
||||||
|
new Vue({
|
||||||
|
el: '#app',
|
||||||
|
router,
|
||||||
|
store,
|
||||||
|
render: h => h(App)
|
||||||
|
})
|
||||||
|
|
|
||||||
|
|
@ -546,84 +546,84 @@ export const layoutComponents = [
|
||||||
circle: false,
|
circle: false,
|
||||||
disabled: false
|
disabled: false
|
||||||
},
|
},
|
||||||
{
|
// {
|
||||||
__config__: {
|
// __config__: {
|
||||||
layout: 'colFormItem',
|
// layout: 'colFormItem',
|
||||||
tagIcon: 'table',
|
// tagIcon: 'table',
|
||||||
tag: 'el-table',
|
// tag: 'el-table',
|
||||||
document: 'https://element.eleme.cn/#/zh-CN/component/table',
|
// document: 'https://element.eleme.cn/#/zh-CN/component/table',
|
||||||
span: 24,
|
// span: 24,
|
||||||
formId: 101,
|
// formId: 101,
|
||||||
renderKey: 1595761764203,
|
// renderKey: 1595761764203,
|
||||||
componentName: 'row101',
|
// componentName: 'row101',
|
||||||
showLabel: true,
|
// showLabel: true,
|
||||||
changeTag: true,
|
// changeTag: true,
|
||||||
labelWidth: null,
|
// labelWidth: null,
|
||||||
label: '表格[开发中]',
|
// label: '表格[开发中]',
|
||||||
dataType: 'dynamic',
|
// dataType: 'dynamic',
|
||||||
method: 'get',
|
// method: 'get',
|
||||||
dataPath: 'list',
|
// dataPath: 'list',
|
||||||
dataConsumer: 'data',
|
// dataConsumer: 'data',
|
||||||
url: 'https://www.fastmock.site/mock/f8d7a54fb1e60561e2f720d5a810009d/fg/tableData',
|
// url: 'https://www.fastmock.site/mock/f8d7a54fb1e60561e2f720d5a810009d/fg/tableData',
|
||||||
children: [{
|
// children: [{
|
||||||
__config__: {
|
// __config__: {
|
||||||
layout: 'raw',
|
// layout: 'raw',
|
||||||
tag: 'el-table-column',
|
// tag: 'el-table-column',
|
||||||
renderKey: 15957617660153
|
// renderKey: 15957617660153
|
||||||
},
|
// },
|
||||||
prop: 'date',
|
// prop: 'date',
|
||||||
label: '日期'
|
// label: '日期'
|
||||||
}, {
|
// }, {
|
||||||
__config__: {
|
// __config__: {
|
||||||
layout: 'raw',
|
// layout: 'raw',
|
||||||
tag: 'el-table-column',
|
// tag: 'el-table-column',
|
||||||
renderKey: 15957617660152
|
// renderKey: 15957617660152
|
||||||
},
|
// },
|
||||||
prop: 'address',
|
// prop: 'address',
|
||||||
label: '地址'
|
// label: '地址'
|
||||||
}, {
|
// }, {
|
||||||
__config__: {
|
// __config__: {
|
||||||
layout: 'raw',
|
// layout: 'raw',
|
||||||
tag: 'el-table-column',
|
// tag: 'el-table-column',
|
||||||
renderKey: 15957617660151
|
// renderKey: 15957617660151
|
||||||
},
|
// },
|
||||||
prop: 'name',
|
// prop: 'name',
|
||||||
label: '名称'
|
// label: '名称'
|
||||||
}, {
|
// }, {
|
||||||
__config__: {
|
// __config__: {
|
||||||
layout: 'raw',
|
// layout: 'raw',
|
||||||
tag: 'el-table-column',
|
// tag: 'el-table-column',
|
||||||
renderKey: 1595774496335,
|
// renderKey: 1595774496335,
|
||||||
children: [
|
// children: [
|
||||||
{
|
// {
|
||||||
__config__: {
|
// __config__: {
|
||||||
label: '按钮',
|
// label: '按钮',
|
||||||
tag: 'el-button',
|
// tag: 'el-button',
|
||||||
tagIcon: 'button',
|
// tagIcon: 'button',
|
||||||
layout: 'raw',
|
// layout: 'raw',
|
||||||
renderKey: 1595779809901
|
// renderKey: 1595779809901
|
||||||
},
|
// },
|
||||||
__slot__: {
|
// __slot__: {
|
||||||
default: '主要按钮'
|
// default: '主要按钮'
|
||||||
},
|
// },
|
||||||
type: 'primary',
|
// type: 'primary',
|
||||||
icon: 'el-icon-search',
|
// icon: 'el-icon-search',
|
||||||
round: false,
|
// round: false,
|
||||||
size: 'medium'
|
// size: 'medium'
|
||||||
}
|
// }
|
||||||
]
|
// ]
|
||||||
},
|
// },
|
||||||
label: '操作'
|
// label: '操作'
|
||||||
}]
|
// }]
|
||||||
},
|
// },
|
||||||
data: [],
|
// data: [],
|
||||||
directives: [{
|
// directives: [{
|
||||||
name: 'loading',
|
// name: 'loading',
|
||||||
value: true
|
// value: true
|
||||||
}],
|
// }],
|
||||||
border: true,
|
// border: true,
|
||||||
type: 'default',
|
// type: 'default',
|
||||||
justify: 'start',
|
// justify: 'start',
|
||||||
align: 'top'
|
// align: 'top'
|
||||||
}
|
// }
|
||||||
]
|
]
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue