<!-- eslint-disable vue/multi-word-component-names -->
<template>
  <ModuleBasic :title="config.moduleName" :version="config.showStyle?.version" :size="config.showStyle?.size" :position="config.showStyle?.position">
    <!-- <CostumeHeader v-model:value="selectedDeviceID" :options="options">
      <template #select>
        <div></div>
      </template>
      <div> </div>
    </CostumeHeader> -->
    <!-- <div class="flex justify-around mt-10px">
    <MiniBoard v-for="item in configs" :key="item.prop" :label="item.label" :value="selectedDevice[item.prop]" />
  </div> -->
  </ModuleBasic>
</template>
<script lang="ts" setup>
  import { onMounted, ref } from 'vue';
  // import CostumeHeader from './CostumeHeader.vue';
  // import { RightCircleOutlined } from '@ant-design/icons-vue';
  import ModuleBasic from './moduleBasic.vue';
  // import MiniBoard from './MiniBoard.vue';
  // import { useInitDevices } from '../hooks/useInit';
  // import { get } from '../../billboard/utils';
  // import mapComponent from './components/3Dmap/index.vue';

  // 设备类别，是个枚举 TODO: 将手动换为自动获取类别
  // const devicekind = 'fanlocal';

  const config = ref({
    moduleName: '通风设施远程控制',
    showStyle: {
      size: 'width:450px;height:280px;',
      position: 'left:0;top:640px;',
      version: 'enhanced',
    },
  });
  // const { configs, fetchConfig } = useInitConfig(devicekind);
  // const { options, selectedDevice, selectedDeviceID, fetchDevices } = useInitDevices(devicekind);

  onMounted(() => {
    // fetchConfig();
    // fetchDevices();
  });
</script>
<style scoped></style>
