升级组件依赖到最新版本

RuoYi

2022-11-17 750a09d5b702f8e857f09ccc124565796f601d3f

 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,7 +41,6 @@
          type="primary"

          plain

          icon="Download"

          size="mini"

          @click="handleGenTable"

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

        >生成</el-button>

@@ -53,7 +50,6 @@
          type="info"

          plain

          icon="Upload"

          size="mini"

          @click="openImportTable"

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

        >导入</el-button>

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

          plain

          icon="Edit"

          size="mini"

          :disabled="single"

          @click="handleEditTable"

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

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

          plain

          icon="Delete"

          size="mini"

          :disabled="multiple"

          @click="handleDelete"

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

@@ -108,45 +102,50 @@
        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

              type="text"

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

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

            <el-button

              type="text"

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

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

            <el-button

              type="text"

              icon="Download"

              @click="handleGenTable(scope.row)"

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

            ></el-button>

          </el-tooltip>

        </template>

      </el-table-column>

    </el-table>

@@ -164,8 +163,9 @@
          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>

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

const tableNames = ref([]);

const dateRange = ref([]);

const uniqueId = ref("");



const data = reactive({

  queryParams: {

@@ -208,6 +209,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() {

@@ -265,6 +277,10 @@
    preview.value.activeName = "domain.java";

  });

}

/** 复制代码成功 */

function copyTextSuccess() {

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

}

// 多选框选中数据

function handleSelectionChange(selection) {

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

@@ -275,7 +291,7 @@
/** 修改按钮操作 */

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) {