代码生成新增创建表结构功能

RuoYi

2024-03-01 69c189a0c97cc6efedae19a4d7d89e18cfd4f4e6

 src/views/tool/gen/index.vue

@@ -41,9 +41,19 @@
          type="primary"

          plain

          icon="Download"

          :disabled="multiple"

          @click="handleGenTable"

          v-hasPermi="['tool:gen:code']"

        >生成</el-button>

      </el-col>

      <el-col :span="1.5">

        <el-button

          type="primary"

          plain

          icon="Plus"

          @click="openCreateTable"

          v-hasRole="['admin']"

        >创建</el-button>

      </el-col>

      <el-col :span="1.5">

        <el-button

@@ -107,44 +117,19 @@
      <el-table-column label="操作" align="center" width="330" class-name="small-padding fixed-width">

        <template #default="scope">

          <el-tooltip content="预览" placement="top">

            <el-button

              type="text"

              icon="View"

              @click="handlePreview(scope.row)"

              v-hasPermi="['tool:gen:preview']"

            ></el-button>

            <el-button link type="primary" icon="View" @click="handlePreview(scope.row)" v-hasPermi="['tool:gen:preview']"></el-button>

          </el-tooltip>

          <el-tooltip content="编辑" placement="top">

            <el-button

              type="text"

              icon="Edit"

              @click="handleEditTable(scope.row)"

              v-hasPermi="['tool:gen:edit']"

            ></el-button>

            <el-button link type="primary" icon="Edit" @click="handleEditTable(scope.row)" v-hasPermi="['tool:gen:edit']"></el-button>

          </el-tooltip>

          <el-tooltip content="删除" placement="top">

            <el-button

              type="text"

              icon="Delete"

              @click="handleDelete(scope.row)"

              v-hasPermi="['tool:gen:remove']"

            ></el-button>

            <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['tool:gen:remove']"></el-button>

          </el-tooltip>

          <el-tooltip content="同步" placement="top">

            <el-button

              type="text"

              icon="Refresh"

              @click="handleSynchDb(scope.row)"

              v-hasPermi="['tool:gen:edit']"

            ></el-button>

            <el-button link type="primary" icon="Refresh" @click="handleSynchDb(scope.row)" v-hasPermi="['tool:gen:edit']"></el-button>

          </el-tooltip>

          <el-tooltip content="生成代码" placement="top">

            <el-button

              type="text"

              icon="Download"

              @click="handleGenTable(scope.row)"

              v-hasPermi="['tool:gen:code']"

            ></el-button>

            <el-button link type="primary" icon="Download" @click="handleGenTable(scope.row)" v-hasPermi="['tool:gen:code']"></el-button>

          </el-tooltip>

        </template>

      </el-table-column>

@@ -157,7 +142,7 @@
      @pagination="getList"

    />

    <!-- 预览界面 -->

    <el-dialog :title="preview.title" v-model="preview.open" width="80%" top="5vh" append-to-body custom-class="scrollbar">

    <el-dialog :title="preview.title" v-model="preview.open" width="80%" top="5vh" append-to-body class="scrollbar">

      <el-tabs v-model="preview.activeName">

        <el-tab-pane

          v-for="(value, key) in preview.data"

@@ -171,6 +156,7 @@
      </el-tabs>

    </el-dialog>

    <import-table ref="importRef" @ok="handleQuery" />

    <create-table ref="createRef" @ok="handleQuery" />

  </div>

</template>



@@ -178,6 +164,7 @@
import { listTable, previewTable, delTable, genCode, synchDb } from "@/api/tool/gen";

import router from "@/router";

import importTable from "./importTable";

import createTable from "./createTable";



const route = useRoute();

const { proxy } = getCurrentInstance();

@@ -247,7 +234,7 @@
      proxy.$modal.msgSuccess("成功生成到自定义路径：" + row.genPath);

    });

  } else {

    proxy.$download.zip("/tool/gen/batchGenCode?tables=" + tbNames, "ruoyi");

    proxy.$download.zip("/tool/gen/batchGenCode?tables=" + tbNames, "ruoyi.zip");

  }

}

/** 同步数据库操作 */

@@ -263,6 +250,10 @@
function openImportTable() {

  proxy.$refs["importRef"].show();

}

/** 打开创建表弹窗 */

function openCreateTable() {

  proxy.$refs["createRef"].show();

}

/** 重置按钮操作 */

function resetQuery() {

  dateRange.value = [];