<template>
  <div class="app-container">
    <h1>子页面2</h1>
    <p>这是第二个子页面，用于测试多级菜单。</p>
    <el-table :data="tableData" style="width: 100%">
      <el-table-column prop="date" label="日期" width="180" />
      <el-table-column prop="name" label="名称" width="180" />
      <el-table-column prop="address" label="地址" />
    </el-table>
  </div>
</template>

<script setup lang="ts">
// 子页面2
const tableData = [
  {
    date: '2023-05-13',
    name: '测试数据1',
    address: '上海市普陀区金沙江路 1518 弄'
  },
  {
    date: '2023-05-14',
    name: '测试数据2',
    address: '上海市普陀区金沙江路 1517 弄'
  }
]
</script>

<style scoped>
.app-container {
  padding: 20px;
}
</style>
