32 lines
703 B
Vue
32 lines
703 B
Vue
|
<template>
|
||
|
|
<div class="pro-table-container">
|
||
|
|
<component :is="mapColumn[type]"></component>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup lang="ts">
|
||
|
|
import DesignTable from "../components/DesignTable/index.vue"
|
||
|
|
import DemandTable from "../components/DemandTable/index.vue"
|
||
|
|
import CaseTable from "../components/CaseTable/index.vue"
|
||
|
|
|
||
|
|
/* 导入columns看能不能行 */
|
||
|
|
// useColumns使用对应关系
|
||
|
|
const mapColumn = {
|
||
|
|
design: DesignTable,
|
||
|
|
demand: DemandTable,
|
||
|
|
case: CaseTable
|
||
|
|
}
|
||
|
|
// props
|
||
|
|
const { type } = defineProps<{
|
||
|
|
type: string
|
||
|
|
}>()
|
||
|
|
|
||
|
|
// query - 根据不同类型进行请求，传递轮次
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="less" scoped>
|
||
|
|
.pro-table-container{
|
||
|
|
padding: 5px;
|
||
|
|
}
|
||
|
|
</style>
|