feature：代码初始化。

src/views/tool/gen/index.vue

@@ -0,0 +1,253 @@
+<template>
+  <div class="app-container">
+    <div class="search-con" ref="searchHeightRef">
+      <div class="title">查询条件</div>
+      <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
+        <el-form-item label="表名称" prop="tableName">
+          <el-input v-model="queryParams.tableName" placeholder="请输入表名称" clearable style="width: 200px" @keyup.enter="handleQuery" />
+        </el-form-item>
+        <el-form-item label="表描述" prop="tableComment">
+          <el-input v-model="queryParams.tableComment" placeholder="请输入表描述" clearable style="width: 200px" @keyup.enter="handleQuery" />
+        </el-form-item>
+        <el-form-item label="创建时间" style="width: 308px">
+          <el-date-picker
+            v-model="dateRange"
+            value-format="YYYY-MM-DD"
+            type="daterange"
+            range-separator="-"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+          ></el-date-picker>
+        </el-form-item>
+      </el-form>
+      <div class="search-btn-con">
+        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+        <el-button type="info" icon="Refresh" @click="resetQuery">重置</el-button>
+      </div>
+    </div>
+    <div class="main-con" :style="{ height: mainStyleHeight }">
+      <div class="title-con">
+        <div class="title">基本信息</div>
+        <div class="operate-btn-con">
+          <el-button icon="Download" @click="handleGenTable" v-hasPermi="['tool:gen:code']">生成</el-button>
+          <el-button icon="Upload" @click="openImportTable" v-hasPermi="['tool:gen:import']">导入</el-button>
+          <el-button icon="Edit" :disabled="single" @click="handleEditTable" v-hasPermi="['tool:gen:edit']">修改</el-button>
+          <el-button icon="Delete" :disabled="multiple" @click="handleDelete" v-hasPermi="['tool:gen:remove']">删除</el-button>
+          <!-- <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar> -->
+        </div>
+      </div>
+      <div class="content-con" v-loading="loading">
+        <el-table v-loading="loading" :data="tableList" @selection-change="handleSelectionChange" stripe height="calc(100% - 0.64rem)">
+          <el-table-column type="selection" align="center" width="55"></el-table-column>
+          <el-table-column label="序号" type="index" width="50" align="center">
+            <template #default="scope">
+              <span>{{ (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1 }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="表名称" align="center" prop="tableName" :show-overflow-tooltip="true" />
+          <el-table-column label="表描述" align="center" prop="tableComment" :show-overflow-tooltip="true" />
+          <el-table-column label="实体" align="center" prop="className" :show-overflow-tooltip="true" />
+          <el-table-column label="创建时间" align="center" prop="createTime" width="160" />
+          <el-table-column label="更新时间" align="center" prop="updateTime" width="160" />
+          <el-table-column label="操作" align="center" width="330" class-name="small-padding fixed-width">
+            <template #default="scope">
+              <el-tooltip content="预览" placement="top">
+                <el-button circle icon="View" @click="handlePreview(scope.row)" v-hasPermi="['tool:gen:preview']"></el-button>
+              </el-tooltip>
+              <el-tooltip content="编辑" placement="top">
+                <el-button circle icon="Edit" @click="handleEditTable(scope.row)" v-hasPermi="['tool:gen:edit']"></el-button>
+              </el-tooltip>
+              <el-tooltip content="删除" placement="top">
+                <el-button circle icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['tool:gen:remove']"></el-button>
+              </el-tooltip>
+              <el-tooltip content="同步" placement="top">
+                <el-button circle icon="Refresh" @click="handleSynchDb(scope.row)" v-hasPermi="['tool:gen:edit']"></el-button>
+              </el-tooltip>
+              <el-tooltip content="生成代码" placement="top">
+                <el-button circle icon="Download" @click="handleGenTable(scope.row)" v-hasPermi="['tool:gen:code']"></el-button>
+              </el-tooltip>
+            </template>
+          </el-table-column>
+        </el-table>
+        <el-pagination
+          small
+          background
+          layout="total, prev, pager, next"
+          :total="total"
+          v-model:current-page="currentPage"
+          @current-change="handleCurrentChange"
+        />
+      </div>
+    </div>
+    <!-- 预览界面 -->
+    <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"
+          :label="key.substring(key.lastIndexOf('/') + 1, key.indexOf('.vm'))"
+          :name="key.substring(key.lastIndexOf('/') + 1, key.indexOf('.vm'))"
+          :key="value"
+        >
+          <el-link :underline="false" icon="DocumentCopy" v-copyText="value" v-copyText:callback="copyTextSuccess" style="float: right">&nbsp;复制</el-link>
+          <pre>{{ value }}</pre>
+        </el-tab-pane>
+      </el-tabs>
+    </el-dialog>
+    <import-table ref="importRef" @ok="handleQuery" />
+  </div>
+</template>
+
+<script setup name="Gen">
+import { listTable, previewTable, delTable, genCode, synchDb } from '@/api/tool/gen'
+import router from '@/router'
+import importTable from './importTable'
+
+const route = useRoute()
+const { proxy } = getCurrentInstance()
+const mainStyleHeight = ref(0)
+const searchHeightRef = ref(null)
+const tableList = ref([])
+const loading = ref(true)
+const showSearch = ref(true)
+const ids = ref([])
+const single = ref(true)
+const multiple = ref(true)
+const total = ref(0)
+const tableNames = ref([])
+const dateRange = ref([])
+const uniqueId = ref('')
+const currentPage = ref(1)
+
+const data = reactive({
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    tableName: undefined,
+    tableComment: undefined
+  },
+  preview: {
+    open: false,
+    title: '代码预览',
+    data: {},
+    activeName: 'domain.java'
+  }
+})
+
+const { queryParams, preview } = toRefs(data)
+
+onActivated(() => {
+  const time = route.query.t
+  // eslint-disable-next-line
+  if (time != null && time != uniqueId.value) {
+    uniqueId.value = time
+    queryParams.value.pageNum = Number(route.query.pageNum)
+    dateRange.value = []
+    proxy.resetForm('queryForm')
+    getList()
+  }
+})
+
+/** 查询表集合 */
+function getList() {
+  loading.value = true
+  listTable(proxy.addDateRange(queryParams.value, dateRange.value)).then((response) => {
+    tableList.value = response.rows
+    total.value = response.total
+    loading.value = false
+  })
+}
+/** 搜索按钮操作 */
+function handleQuery() {
+  queryParams.value.pageNum = 1
+  getList()
+}
+/** 生成代码操作 */
+function handleGenTable(row) {
+  const tbNames = row.tableName || tableNames.value
+  // eslint-disable-next-line
+  if (tbNames == '') {
+    proxy.$modal.msgError('请选择要生成的数据')
+    return
+  }
+  if (row.genType === '1') {
+    genCode(row.tableName).then((response) => {
+      proxy.$modal.msgSuccess('成功生成到自定义路径：' + row.genPath)
+    })
+  } else {
+    proxy.$download.zip('/code/gen/batchGenCode?tables=' + tbNames, 'ruoyi.zip')
+  }
+}
+/** 同步数据库操作 */
+function handleSynchDb(row) {
+  const tableName = row.tableName
+  proxy.$modal
+    .confirm('确认要强制同步"' + tableName + '"表结构吗？')
+    .then(function () {
+      return synchDb(tableName)
+    })
+    .then(() => {
+      proxy.$modal.msgSuccess('同步成功')
+    })
+    .catch(() => {})
+}
+/** 打开导入表弹窗 */
+function openImportTable() {
+  // eslint-disable-next-line
+  proxy.$refs['importRef'].show()
+}
+/** 重置按钮操作 */
+function resetQuery() {
+  dateRange.value = []
+  proxy.resetForm('queryRef')
+  currentPage.value = 1
+  handleQuery()
+}
+/** 预览按钮 */
+function handlePreview(row) {
+  previewTable(row.tableId).then((response) => {
+    preview.value.data = response.data
+    preview.value.open = true
+    preview.value.activeName = 'domain.java'
+  })
+}
+/** 复制代码成功 */
+function copyTextSuccess() {
+  proxy.$modal.msgSuccess('复制成功')
+}
+// 多选框选中数据
+function handleSelectionChange(selection) {
+  ids.value = selection.map((item) => item.tableId)
+  tableNames.value = selection.map((item) => item.tableName)
+  // eslint-disable-next-line
+  single.value = selection.length != 1
+  multiple.value = !selection.length
+}
+/** 修改按钮操作 */
+function handleEditTable(row) {
+  const tableId = row.tableId || ids.value[0]
+  router.push({ path: '/tool/gen-edit/index/' + tableId, query: { pageNum: queryParams.value.pageNum } })
+}
+/** 删除按钮操作 */
+function handleDelete(row) {
+  const tableIds = row.tableId || ids.value
+  proxy.$modal
+    .confirm('是否确认删除表编号为"' + tableIds + '"的数据项？')
+    .then(function () {
+      return delTable(tableIds)
+    })
+    .then(() => {
+      getList()
+      proxy.$modal.msgSuccess('删除成功')
+    })
+    .catch(() => {})
+}
+// 分页
+const handleCurrentChange = (val) => {
+  queryParams.value.pageNum = val
+  getList()
+}
+onMounted(() => {
+  mainStyleHeight.value = `calc(100% - ${(searchHeightRef.value.clientHeight + 10) / 100}rem)`
+})
+getList()
+</script>