| ¶Ô±ÈÐÂÎļþ |
| | |
| | | <template>
|
| | | <!-- 导å
¥è¡¨ -->
|
| | | <el-dialog title="导å
¥è¡¨" v-model="visible" width="800px" top="5vh" append-to-body>
|
| | | <el-form :model="queryParams" ref="queryRef" :inline="true">
|
| | | <el-form-item label="表åç§°" prop="tableName">
|
| | | <el-input
|
| | | v-model="queryParams.tableName"
|
| | | placeholder="请è¾å
¥è¡¨åç§°"
|
| | | clearable
|
| | | style="width: 180px"
|
| | | @keyup.enter="handleQuery"
|
| | | />
|
| | | </el-form-item>
|
| | | <el-form-item label="表æè¿°" prop="tableComment">
|
| | | <el-input
|
| | | v-model="queryParams.tableComment"
|
| | | placeholder="请è¾å
¥è¡¨æè¿°"
|
| | | clearable
|
| | | style="width: 180px"
|
| | | @keyup.enter="handleQuery"
|
| | | />
|
| | | </el-form-item>
|
| | | <el-form-item>
|
| | | <el-button type="primary" icon="Search" @click="handleQuery">æç´¢</el-button>
|
| | | <el-button icon="Refresh" @click="resetQuery">éç½®</el-button>
|
| | | </el-form-item>
|
| | | </el-form>
|
| | | <el-row>
|
| | | <el-table @row-click="clickRow" ref="table" :data="dbTableList" @selection-change="handleSelectionChange" height="260px">
|
| | | <el-table-column type="selection" width="55"></el-table-column>
|
| | | <el-table-column prop="tableName" label="表åç§°" :show-overflow-tooltip="true"></el-table-column>
|
| | | <el-table-column prop="tableComment" label="表æè¿°" :show-overflow-tooltip="true"></el-table-column>
|
| | | <el-table-column prop="createTime" label="å建æ¶é´"></el-table-column>
|
| | | <el-table-column prop="updateTime" label="æ´æ°æ¶é´"></el-table-column>
|
| | | </el-table>
|
| | | <pagination
|
| | | v-show="total>0"
|
| | | :total="total"
|
| | | v-model:page="queryParams.pageNum"
|
| | | v-model:limit="queryParams.pageSize"
|
| | | @pagination="getList"
|
| | | />
|
| | | </el-row>
|
| | | <template #footer>
|
| | | <div class="dialog-footer">
|
| | | <el-button type="primary" @click="handleImportTable">ç¡® å®</el-button>
|
| | | <el-button @click="visible = false">å æ¶</el-button>
|
| | | </div>
|
| | | </template>
|
| | | </el-dialog>
|
| | | </template>
|
| | |
|
| | | <script setup>
|
| | | import { listDbTable, importTable } from "@/api/tool/gen"
|
| | |
|
| | | const total = ref(0)
|
| | | const visible = ref(false)
|
| | | const tables = ref([])
|
| | | const dbTableList = ref([])
|
| | | const { proxy } = getCurrentInstance()
|
| | |
|
| | | const queryParams = reactive({
|
| | | pageNum: 1,
|
| | | pageSize: 10,
|
| | | tableName: undefined,
|
| | | tableComment: undefined
|
| | | })
|
| | |
|
| | | const emit = defineEmits(["ok"])
|
| | |
|
| | | /** æ¥è¯¢åæ°å表 */
|
| | | function show() {
|
| | | getList()
|
| | | visible.value = true
|
| | | }
|
| | |
|
| | | /** åå»éæ©è¡ */
|
| | | function clickRow(row) {
|
| | | proxy.$refs.table.toggleRowSelection(row)
|
| | | }
|
| | |
|
| | | /** å¤éæ¡é䏿°æ® */
|
| | | function handleSelectionChange(selection) {
|
| | | tables.value = selection.map(item => item.tableName)
|
| | | }
|
| | |
|
| | | /** æ¥è¯¢è¡¨æ°æ® */
|
| | | function getList() {
|
| | | listDbTable(queryParams).then(res => {
|
| | | dbTableList.value = res.rows
|
| | | total.value = res.total
|
| | | })
|
| | | }
|
| | |
|
| | | /** æç´¢æé®æä½ */
|
| | | function handleQuery() {
|
| | | queryParams.pageNum = 1
|
| | | getList()
|
| | | }
|
| | |
|
| | | /** éç½®æé®æä½ */
|
| | | function resetQuery() {
|
| | | proxy.resetForm("queryRef")
|
| | | handleQuery()
|
| | | }
|
| | |
|
| | | /** 导å
¥æé®æä½ */
|
| | | function handleImportTable() {
|
| | | const tableNames = tables.value.join(",")
|
| | | if (tableNames == "") {
|
| | | proxy.$modal.msgError("è¯·éæ©è¦å¯¼å
¥ç表")
|
| | | return
|
| | | }
|
| | | importTable({ tables: tableNames }).then(res => {
|
| | | proxy.$modal.msgSuccess(res.msg)
|
| | | if (res.code === 200) {
|
| | | visible.value = false
|
| | | emit("ok")
|
| | | }
|
| | | })
|
| | | }
|
| | |
|
| | | defineExpose({
|
| | | show,
|
| | | })
|
| | | </script>
|