2023-09-26 09:21:27 +08:00
|
|
|
<template>
|
2023-09-26 18:01:41 +08:00
|
|
|
<h3 class="title">数据表选择</h3>
|
2023-09-26 09:21:27 +08:00
|
|
|
<el-menu
|
|
|
|
|
default-active="2"
|
|
|
|
|
class="el-menu-vertical-demo"
|
|
|
|
|
>
|
2023-09-26 18:01:41 +08:00
|
|
|
<el-menu-item v-for="(item,i) in dataList" :index="'data-'+i" :key="i" @click="menuClick(item)">
|
2023-09-26 09:21:27 +08:00
|
|
|
<el-icon><setting /></el-icon>
|
2023-09-26 18:01:41 +08:00
|
|
|
<span>{{item.name}}</span>
|
|
|
|
|
</el-menu-item>
|
|
|
|
|
</el-menu>
|
2023-09-26 09:21:27 +08:00
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script lang="ts" setup>
|
2023-09-26 00:38:10 +08:00
|
|
|
import useTable from '../hooks/useTable'
|
2023-09-26 18:01:41 +08:00
|
|
|
const emit = defineEmits(['selectTable'])
|
2023-09-26 09:21:27 +08:00
|
|
|
|
2023-09-26 18:01:41 +08:00
|
|
|
function menuClick(item) {
|
|
|
|
|
emit('selectTable',item)
|
2023-09-26 09:21:27 +08:00
|
|
|
}
|
2023-09-26 18:01:41 +08:00
|
|
|
const {dataList}=useTable();
|
2023-09-26 09:21:27 +08:00
|
|
|
</script>
|
2023-09-26 18:01:41 +08:00
|
|
|
<style scoped>
|
|
|
|
|
.el-menu-item{
|
|
|
|
|
justify-content: center;
|
|
|
|
|
max-height: 1000px;
|
|
|
|
|
}
|
|
|
|
|
.title
|
|
|
|
|
{
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
