<template>
  <div class="app-container">
    <el-card shadow="never">
      <template #header><div class="card-header"><span>天气云图</span><el-tag>GIS地图图层叠加显示</el-tag></div></template>
      <el-alert title="云图数据作为GIS地图的图层叠加显示，在GIS地图页面勾选对应图层即可查看" type="info" :closable="false" show-icon style="margin-bottom:12px" />
      <el-table :data="list" stripe v-loading="loading" border>
        <el-table-column type="index" label="序号" width="60" />
        <el-table-column prop="filename" label="文件名称" min-width="200" show-overflow-tooltip />
        <el-table-column prop="filedate" label="日期" width="120" />
        <el-table-column prop="filetype" label="类型" width="80" />
      </el-table>
    </el-card>
  </div>
</template>

<script setup name="Weather">
import { getCloudList } from '@/api/slgc/weather/index'
const loading = ref(true); const list = ref([])
onMounted(() => {
  getCloudList().then(res => {
    list.value = res.data || res.rows || []
    loading.value = false
  })
})
</script>
<style scoped>.card-header { font-weight:600;font-size:16px;display:flex;justify-content:space-between;align-items:center; }</style>
