// 环境中心 右侧组件
<template>
  <div class="info-box">
    <DamCard></DamCard>
    <IconInfo
      style="margin-top: 25px"
      :type="1"
      :info="damInfo.data"
    ></IconInfo>
    <PortsCard class="mt20"></PortsCard>
  </div>
</template>

<script>
import { ref, onMounted } from "vue";
import { mapState } from "vuex";

export default {
  computed: mapState(["damInfo"]),
  setup() {
    function init() {}
    function exchangeUrl(icon) {
      return `/${icon}.png`;
    }
    onMounted(() => {
      init();
    });
    return {
      init,
      exchangeUrl,
    };
  },
};
</script>
<style lang="scss" scoped>
</style>