全局注册通用组件

RuoYi

2021-07-09 ee7607bccaa8d2b60a3b6c6e8bdee36eda41be62

全局注册通用组件

 ruoyi-modules/ruoyi-gen/src/main/resources/vm/vue/index-tree.vue.vm

@@ -258,46 +258,10 @@
import { list${BusinessName}, get${BusinessName}, del${BusinessName}, add${BusinessName}, update${BusinessName}, export${BusinessName} } from "@/api/${moduleName}/${businessName}";

import Treeselect from "@riophae/vue-treeselect";

import "@riophae/vue-treeselect/dist/vue-treeselect.css";

#foreach($column in $columns)

#if($column.insert && !$column.superColumn && !$column.pk && $column.htmlType == "imageUpload")

import ImageUpload from '@/components/ImageUpload';

#break

#end

#end

#foreach($column in $columns)

#if($column.insert && !$column.superColumn && !$column.pk && $column.htmlType == "fileUpload")

import FileUpload from '@/components/FileUpload';

#break

#end

#end

#foreach($column in $columns)

#if($column.insert && !$column.superColumn && !$column.pk && $column.htmlType == "editor")

import Editor from '@/components/Editor';

#break

#end

#end



export default {

  name: "${BusinessName}",

  components: {

#foreach($column in $columns)

#if($column.insert && !$column.superColumn && !$column.pk && $column.htmlType == "imageUpload")

    ImageUpload,

#break

#end

#end

#foreach($column in $columns)

#if($column.insert && !$column.superColumn && !$column.pk && $column.htmlType == "fileUpload")

    FileUpload,

#break

#end

#end

#foreach($column in $columns)

#if($column.insert && !$column.superColumn && !$column.pk && $column.htmlType == "editor")

    Editor,

#break

#end

#end

    Treeselect

  },

  data() {


 ruoyi-modules/ruoyi-gen/src/main/resources/vm/vue/index.vue.vm

@@ -309,47 +309,9 @@


<script>

import { list${BusinessName}, get${BusinessName}, del${BusinessName}, add${BusinessName}, update${BusinessName} } from "@/api/${moduleName}/${businessName}";

#foreach($column in $columns)

#if($column.insert && !$column.superColumn && !$column.pk && $column.htmlType == "imageUpload")

import ImageUpload from '@/components/ImageUpload';

#break

#end

#end

#foreach($column in $columns)

#if($column.insert && !$column.superColumn && !$column.pk && $column.htmlType == "fileUpload")

import FileUpload from '@/components/FileUpload';

#break

#end

#end

#foreach($column in $columns)

#if($column.insert && !$column.superColumn && !$column.pk && $column.htmlType == "editor")

import Editor from '@/components/Editor';

#break

#end

#end



export default {

  name: "${BusinessName}",

  components: {

#foreach($column in $columns)

#if($column.insert && !$column.superColumn && !$column.pk && $column.htmlType == "imageUpload")

    ImageUpload,

#break

#end

#end

#foreach($column in $columns)

#if($column.insert && !$column.superColumn && !$column.pk && $column.htmlType == "fileUpload")

    FileUpload,

#break

#end

#end

#foreach($column in $columns)

#if($column.insert && !$column.superColumn && !$column.pk && $column.htmlType == "editor")

    Editor,

#break

#end

#end

  },

  data() {

    return {

      // 遮罩层


 ruoyi-ui/src/main.js

@@ -10,7 +10,7 @@
import App from './App'

import store from './store'

import router from './router'

import permission from './directive/permission'

import directive from './directive' //directive

import { download } from '@/utils/request'



import './assets/icons' // icon

@@ -21,6 +21,12 @@
import Pagination from "@/components/Pagination";

// 自定义表格工具组件

import RightToolbar from "@/components/RightToolbar"

// 富文本组件

import Editor from "@/components/Editor"

// 文件上传组件

import FileUpload from "@/components/FileUpload"

// 图片上传组件

import ImageUpload from "@/components/ImageUpload"

// 字典标签组件

import DictTag from '@/components/DictTag'

// 头部标签组件

@@ -53,8 +59,11 @@
Vue.component('DictTag', DictTag)

Vue.component('Pagination', Pagination)

Vue.component('RightToolbar', RightToolbar)

Vue.component('Editor', Editor)

Vue.component('FileUpload', FileUpload)

Vue.component('ImageUpload', ImageUpload)



Vue.use(permission)

Vue.use(directive)

Vue.use(VueMeta)



/**


 ruoyi-ui/src/views/system/notice/index.vue

@@ -176,14 +176,10 @@
</template>



<script>

import { listNotice, getNotice, delNotice, addNotice, updateNotice, exportNotice } from "@/api/system/notice";

import Editor from '@/components/Editor';

import { listNotice, getNotice, delNotice, addNotice, updateNotice } from "@/api/system/notice";



export default {

  name: "Notice",

  components: {

    Editor

  },

  data() {

    return {

      // 遮罩层