优化代码

RuoYi

2024-06-28 6666ce5526b1ed17f5c3906c94620cad586745a5

 src/views/tool/gen/index.vue

@@ -1,12 +1,12 @@
<template>

  <div class="app-container">

    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">

    <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

          size="small"

          style="width: 200px"

          @keyup.enter="handleQuery"

        />

      </el-form-item>

@@ -15,15 +15,13 @@
          v-model="queryParams.tableComment"

          placeholder="请输入表描述"

          clearable

          size="small"

          style="width: 200px"

          @keyup.enter="handleQuery"

        />

      </el-form-item>

      <el-form-item label="创建时间">

      <el-form-item label="创建时间" style="width: 308px">

        <el-date-picker

          v-model="dateRange"

          size="small"

          style="width: 240px"

          value-format="YYYY-MM-DD"

          type="daterange"

          range-separator="-"

@@ -32,8 +30,8 @@
        ></el-date-picker>

      </el-form-item>

      <el-form-item>

        <el-button type="primary" icon="Search" size="mini" @click="handleQuery">搜索</el-button>

        <el-button icon="Refresh" size="mini" @click="resetQuery">重置</el-button>

        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>

        <el-button icon="Refresh" @click="resetQuery">重置</el-button>

      </el-form-item>

    </el-form>



@@ -43,17 +41,25 @@
          type="primary"

          plain

          icon="Download"

          size="mini"

          :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

          type="info"

          plain

          icon="Upload"

          size="mini"

          @click="openImportTable"

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

        >导入</el-button>

@@ -63,7 +69,6 @@
          type="success"

          plain

          icon="Edit"

          size="mini"

          :disabled="single"

          @click="handleEditTable"

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

@@ -74,7 +79,6 @@
          type="danger"

          plain

          icon="Delete"

          size="mini"

          :disabled="multiple"

          @click="handleDelete"

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

@@ -108,45 +112,25 @@
        prop="className"

        :show-overflow-tooltip="true"

      />

      <el-table-column label="创建时间" align="center" prop="createTime" width="150" />

      <el-table-column label="更新时间" align="center" prop="updateTime" width="150" />

      <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-button

            type="text"

            size="small"

            icon="View"

            @click="handlePreview(scope.row)"

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

          >预览</el-button>

          <el-button

            type="text"

            size="small"

            icon="Edit"

            @click="handleEditTable(scope.row)"

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

          >编辑</el-button>

          <el-button

            type="text"

            size="small"

            icon="Delete"

            @click="handleDelete(scope.row)"

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

          >删除</el-button>

          <el-button

            type="text"

            size="small"

            icon="Refresh"

            @click="handleSynchDb(scope.row)"

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

          >同步</el-button>

          <el-button

            type="text"

            size="small"

            icon="Download"

            @click="handleGenTable(scope.row)"

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

          >生成代码</el-button>

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

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

          </el-tooltip>

        </template>

      </el-table-column>

    </el-table>

@@ -158,19 +142,21 @@
      @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"

          :label="key.substring(key.lastIndexOf('/')+1,key.indexOf('.vm'))"

          :name="key.substring(key.lastIndexOf('/')+1,key.indexOf('.vm'))"

          :key="key"

          :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" />

    <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();

@@ -191,6 +178,7 @@
const total = ref(0);

const tableNames = ref([]);

const dateRange = ref([]);

const uniqueId = ref("");



const data = reactive({

  queryParams: {

@@ -209,6 +197,17 @@


const { queryParams, preview } = toRefs(data);



onActivated(() => {

  const time = route.query.t;

  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;

@@ -218,11 +217,13 @@
    loading.value = false;

  });

}



/** 搜索按钮操作 */

function handleQuery() {

  queryParams.value.pageNum = 1;

  getList();

}



/** 生成代码操作 */

function handleGenTable(row) {

  const tbNames = row.tableName || tableNames.value;

@@ -235,9 +236,10 @@
      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");

  }

}



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

function handleSynchDb(row) {

  const tableName = row.tableName;

@@ -247,16 +249,24 @@
    proxy.$modal.msgSuccess("同步成功");

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

}



/** 打开导入表弹窗 */

function openImportTable() {

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

}



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

function openCreateTable() {

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

}



/** 重置按钮操作 */

function resetQuery() {

  dateRange.value = [];

  proxy.resetForm("queryRef");

  handleQuery();

}



/** 预览按钮 */

function handlePreview(row) {

  previewTable(row.tableId).then(response => {

@@ -265,6 +275,12 @@
    preview.value.activeName = "domain.java";

  });

}



/** 复制代码成功 */

function copyTextSuccess() {

  proxy.$modal.msgSuccess("复制成功");

}



// 多选框选中数据

function handleSelectionChange(selection) {

  ids.value = selection.map(item => item.tableId);

@@ -272,11 +288,13 @@
  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", query: { tableId: tableId, pageNum: queryParams.value.pageNum } });

  router.push({ path: "/tool/gen-edit/index/" + tableId, query: { pageNum: queryParams.value.pageNum } });

}



/** 删除按钮操作 */

function handleDelete(row) {

  const tableIds = row.tableId || ids.value;