<template>
  <a-modal class="map-resource-modal" width="1446px" v-model:open="props.openModal" @cancel="emits('update:openModal', false)">
      <template #closeIcon>
        <CloseCircleOutlined />
      </template>
      <a-tabs v-model:activeKey="activeKey">
        <a-tab-pane key="1" tab="服务资源" >
          <ServeResource @handlerAddToLayerList="handlerAddToLayerList"  />
        </a-tab-pane>
        <!-- <a-tab-pane key="2" tab="第三方服务"><ThirdPartyServe /></a-tab-pane>
        <a-tab-pane key="3" tab="离线文件"><OfflineFile /></a-tab-pane> -->
      </a-tabs>
    </a-modal>
</template>

<script setup lang="ts">
import {CloseCircleOutlined } from '@ant-design/icons-vue' 
import { defineProps, defineEmits, ref} from "vue"
import ServeResource from './ServeResource/index.vue'
import ThirdPartyServe from './ThirdPartyServe/index.vue'
import OfflineFile from './OfflineFile/index.vue'
import './index.scss'
const props = defineProps(['openModal'])
const emits = defineEmits(['changeOpenModal','update:openModal','handlerAddToLayerList'])
const activeKey = ref('1')

const handlerAddToLayerList = (item) => {
  emits("handlerAddToLayerList",item)
}
</script>

<style lang="scss" scoped>
</style>
