<template>
  <div class="container">
    <div class="item" @click="SettingReport(menu.name)" v-for="menu of menuList">
      <img class="img" :src="menu.img_url" alt="" />
    </div>

    <CommonButton class="back-btn" msg="返回" type="info" @click="router.push('/home')" />
  </div>
</template>

<script setup>
import { useRouter } from 'vue-router';
import cal_exp from '@/assets/image/dataManage/cal_exp.png';
import formal_exp from '@/assets/image/dataManage/formal_exp.png';
const menuList = [
  {
    name: '/cal_expData',
    img_url: cal_exp
  },
  {
    name: '/formal_expData',
    img_url: formal_exp
  }
];

const router = useRouter();

const SettingReport = (path) => {
  console.log(path, '---------');
  router.push(path);
};
</script>

<style lang="less" scoped>
.container {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  position: relative;
  .item {
    width: 386px;
    cursor: pointer;
    img {
      width: 100%;
    }
  }
  .back-btn {
    position: absolute;
    right: 40px;
    bottom: 30px;
  }
}
</style>
