<!-- 采集数据/存储管理 -->
<script lang="ts" setup name="collect/strong">
import tab from './tab.vue'
import collect from './collect.vue'
import storage from './storage.vue'
const tablistData = ref([
  {
    id: '1',
    title: '采集参数',
  },
  {
    id: '2',
    title: '存储管理',
  },
])
const select = ref('')
const confirm = (selectp: string) => {
  console.log(selectp, 'selectp')
  select.value = selectp
}
</script>

<template>
  <div>
    <!-- tab切换 -->
    <tab :tablist-data="tablistData" @confirm="confirm" />
    <!-- <app-container> -->
    <collect v-if="select === '采集参数'" />
    <storage v-else />
    <!-- </app-container> -->
  </div>
</template>

<style lang="scss" scoped>
.normal-input {
  width: 130px !important;
}

.normal-date {
  width: 130px !important;
}

.normal-select {
  width: 130px !important;
}

:deep(.el-table__header) {
  background-color: #bbb;
}
</style>