2023-09-24 23:41:26 +08:00
|
|
|
<template>
|
2023-09-26 09:21:27 +08:00
|
|
|
<el-row>
|
2023-09-26 18:01:41 +08:00
|
|
|
<el-col :span="4"> <TableList @selectTable="selectTable"></TableList></el-col>
|
|
|
|
|
<el-col :span="20"> <FieldList class="fileList" :table="table"></FieldList></el-col>
|
2023-09-26 09:21:27 +08:00
|
|
|
</el-row>
|
2023-09-24 23:41:26 +08:00
|
|
|
</template>
|
|
|
|
|
<script setup>
|
2023-09-26 18:01:41 +08:00
|
|
|
import { ref ,watch} from 'vue'
|
2023-09-24 23:41:26 +08:00
|
|
|
import FieldList from './components/FieldList.vue'
|
2023-09-26 09:21:27 +08:00
|
|
|
import TableList from './components/TableList.vue'
|
2023-09-26 18:01:41 +08:00
|
|
|
const table=ref({});
|
|
|
|
|
const options = ref({})
|
|
|
|
|
const selectTable=(table)=>{
|
|
|
|
|
options.value = table
|
|
|
|
|
}
|
|
|
|
|
watch(() => options.value,val => {
|
|
|
|
|
table.value = val
|
|
|
|
|
},{deep:true})
|
2023-09-26 09:21:27 +08:00
|
|
|
</script>
|
|
|
|
|
<style scoped>
|
|
|
|
|
.fileList{
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
.tableList{
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
</style>
|
