| | |
| | | <template #header> |
| | | <el-form ref="queryFormRef" :inline="true" :model="queryParams"> |
| | | <el-form-item label="名称" prop="title"> |
| | | <el-input v-model="queryParams.title" style="width: 226.4px" placeholder="名称" clearable /> |
| | | <el-input v-model="queryParams.title" style="width: 226.4px" placeholder="名称" clearable @input="debounceQueryTable" /> |
| | | </el-form-item> |
| | | |
| | | <el-form-item> |
| | |
| | | > |
| | | <el-table-column type="expand" fixed="left"> |
| | | <template #default="scope"> |
| | | <div class="ml-16" v-if="scope.row.alias && Object.keys(scope.row.alias).length"> |
| | | <div class="ml-16" v-if="scope.row.alias && Object.keys(scope.row.alias).length > 0"> |
| | | <h3>别名</h3> |
| | | <div class="mt-3"> |
| | | <div class="mt-3"> |
| | | <div class="w-2/3"> |
| | | <div v-for="key in Object.keys(scope.row.alias)" :key="key"> |
| | | <span>{{key}}:</span> |
| | | <span>{{ key }}:</span> |
| | | <span>{{ scope.row.alias[key].join(',') }}</span> |
| | | </div> |
| | | |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | |
| | | <script setup lang="ts"> |
| | | import { useDraggable } from '@vueuse/core'; |
| | | import { deleteCurrentRow } from '/@/utils/util'; |
| | | import { debounce, deleteCurrentRow } from '/@/utils/util'; |
| | | |
| | | import { onMounted, ref } from 'vue'; |
| | | import { usePageDisplay } from '/@/hooks/usePageDisplay'; |
| | |
| | | const { resetQuery, handleQueryTable, displayTableData } = useQueryTable(tableData, queryParams, () => { |
| | | displayTableData.value = tableData.value; |
| | | }); |
| | | const debounceQueryTable = debounce(handleQueryTable,400) |
| | | |
| | | //#endregion |
| | | |