代码生成支持富文本控件

RuoYi

2020-09-15 acb99302249209e0d94fcd79aed2780482bc1083

代码生成支持富文本控件

 src/main/java/com/ruoyi/common/constant/GenConstants.java

@@ -74,6 +74,9 @@
    /** 日期控件 */

    public static final String HTML_DATETIME = "datetime";



    /** 富文本控件 */

    public static final String HTML_EDITOR = "editor";



    /** 字符串类型 */

    public static final String TYPE_STRING = "String";




 src/main/java/com/ruoyi/project/tool/gen/domain/GenTableColumn.java

@@ -59,7 +59,7 @@
    /** 查询方式（EQ等于、NE不等于、GT大于、LT小于、LIKE模糊、BETWEEN范围） */

    private String queryType;



    /** 显示类型（input文本框、textarea文本域、select下拉框、checkbox复选框、radio单选框、datetime日期控件） */

    /** 显示类型（input文本框、textarea文本域、select下拉框、checkbox复选框、radio单选框、datetime日期控件、editor富文本控件） */

    private String htmlType;



    /** 字典类型 */


 src/main/java/com/ruoyi/project/tool/gen/util/GenUtils.java

@@ -111,6 +111,11 @@
        {

            column.setHtmlType(GenConstants.HTML_SELECT);

        }

        // 内容字段设置富文本控件

        else if (StringUtils.endsWithIgnoreCase(columnName, "content"))

        {

            column.setHtmlType(GenConstants.HTML_EDITOR);

        }

    }



    /**


 src/main/resources/vm/vue/index-tree.vue.vm

@@ -139,6 +139,10 @@
        <el-form-item label="${comment}" prop="${field}">

          <el-input v-model="form.${field}" placeholder="请输入${comment}" />

        </el-form-item>

#elseif($column.htmlType == "editor")

        <el-form-item label="${comment}">

          <editor v-model="form.${field}" :min-height="192"/>

        </el-form-item>

#elseif($column.htmlType == "select" && "" != $dictType)

        <el-form-item label="${comment}" prop="${field}">

          <el-select v-model="form.${field}" placeholder="请选择${comment}">

@@ -221,10 +225,24 @@
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 == "editor")

import Editor from '@/components/Editor';

#break

#end

#end



export default {

  name: "${BusinessName}",

  components: { Treeselect },

  components: {

#foreach($column in $columns)

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

    Editor,

#break

#end

#end

    Treeselect

  },

  data() {

    return {

      // 遮罩层


 src/main/resources/vm/vue/index.vue.vm

@@ -168,6 +168,10 @@
        <el-form-item label="${comment}" prop="${field}">

          <el-input v-model="form.${field}" placeholder="请输入${comment}" />

        </el-form-item>

#elseif($column.htmlType == "editor")

        <el-form-item label="${comment}">

          <editor v-model="form.${field}" :min-height="192"/>

        </el-form-item>

#elseif($column.htmlType == "select" && "" != $dictType)

        <el-form-item label="${comment}" prop="${field}">

          <el-select v-model="form.${field}" placeholder="请选择${comment}">

@@ -248,9 +252,21 @@


<script>

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

#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}",

#foreach($column in $columns)

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

  components: { Editor },

#break

#end

#end

  data() {

    return {

      // 遮罩层