新增Vue3前端代码生成模板

RuoYi

2021-12-16 5c90f0bbb75630704869891a15246fbcecb4ff98

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

@@ -136,7 +136,11 @@
#elseif($column.list && "" != $column.dictType)

      <el-table-column label="${comment}" align="center" prop="${javaField}">

        <template slot-scope="scope">

#if($column.htmlType == "checkbox")

          <dict-tag :options="dict.type.${column.dictType}" :value="scope.row.${javaField} ? scope.row.${javaField}.split(',') : []"/>

#else

          <dict-tag :options="dict.type.${column.dictType}" :value="scope.row.${javaField}"/>

#end

        </template>

      </el-table-column>

#elseif($column.list && "" != $javaField)

@@ -360,8 +364,7 @@
        pageSize: 10,

#foreach ($column in $columns)

#if($column.query)

        $column.javaField: null#if($velocityCount != $columns.size()),#end



        $column.javaField: null#if($foreach.count != $columns.size()),#end

#end

#end

      },

@@ -379,8 +382,7 @@
#end

        $column.javaField: [

          { required: true, message: "$comment不能为空", trigger: #if($column.htmlType == "select")"change"#else"blur"#end }

        ]#if($velocityCount != $columns.size()),#end



        ]#if($foreach.count != $columns.size()),#end

#end

#end

      }

@@ -424,14 +426,11 @@
      this.form = {

#foreach ($column in $columns)

#if($column.htmlType == "radio")

        $column.javaField: #if($column.javaType == "Integer" || $column.javaType == "Long")0#else"0"#end#if($velocityCount != $columns.size()),#end



        $column.javaField: #if($column.javaType == "Integer" || $column.javaType == "Long")0#else"0"#end#if($foreach.count != $columns.size()),#end

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

        $column.javaField: []#if($velocityCount != $columns.size()),#end



        $column.javaField: []#if($foreach.count != $columns.size()),#end

#else

        $column.javaField: null#if($velocityCount != $columns.size()),#end



        $column.javaField: null#if($foreach.count != $columns.size()),#end

#end

#end

      };

@@ -500,13 +499,13 @@
#end

          if (this.form.${pkColumn.javaField} != null) {

            update${BusinessName}(this.form).then(response => {

              this.msgSuccess("修改成功");

              this.#[[$modal]]#.msgSuccess("修改成功");

              this.open = false;

              this.getList();

            });

          } else {

            add${BusinessName}(this.form).then(response => {

              this.msgSuccess("新增成功");

              this.#[[$modal]]#.msgSuccess("新增成功");

              this.open = false;

              this.getList();

            });

@@ -517,16 +516,12 @@
    /** 删除按钮操作 */

    handleDelete(row) {

      const ${pkColumn.javaField}s = row.${pkColumn.javaField} || this.ids;

      this.$confirm('是否确认删除${functionName}编号为"' + ${pkColumn.javaField}s + '"的数据项?', "警告", {

          confirmButtonText: "确定",

          cancelButtonText: "取消",

          type: "warning"

        }).then(function() {

          return del${BusinessName}(${pkColumn.javaField}s);

        }).then(() => {

          this.getList();

          this.msgSuccess("删除成功");

        }).catch(() => {});

      this.#[[$modal]]#.confirm('是否确认删除${functionName}编号为"' + ${pkColumn.javaField}s + '"的数据项？').then(function() {

        return del${BusinessName}(${pkColumn.javaField}s);

      }).then(() => {

        this.getList();

        this.#[[$modal]]#.msgSuccess("删除成功");

      }).catch(() => {});

    },

#if($table.sub)

   /** ${subTable.functionName}序号 */

@@ -547,7 +542,7 @@
    /** ${subTable.functionName}删除按钮操作 */

    handleDelete${subClassName}() {

      if (this.checked${subClassName}.length == 0) {

        this.msgError("请先选择要删除的${subTable.functionName}数据");

        this.#[[$modal]]#.msgError("请先选择要删除的${subTable.functionName}数据");

      } else {

        const ${subclassName}List = this.${subclassName}List;

        const checked${subClassName} = this.checked${subClassName};

@@ -565,7 +560,7 @@
    handleExport() {

      this.download('${moduleName}/${businessName}/export', {

        ...this.queryParams

      }, `${moduleName}_${businessName}.xlsx`)

      }, `${businessName}_#[[${new Date().getTime()}]]#.xlsx`)

    }

  }

};