<script setup lang="ts">
import { useRouter } from 'vue-router'

const router = useRouter()
const knowMore = (dickMapKey:string|undefined,dickMapValue:string|undefined)=>{
  router.push({
    path:'/creditDynamicsDetail',
    query:{
      dickMapKey,
      dickMapValue
    }
  });
}
</script>

<template>
  <div class="bg-white">
    <div class="w-117px border-solid border-#003aac border-b-3px h-32px">
      <img src="/src/assets/img/小图标1.png" />
      <span class="text-#003aac text-16px font-bold ">通知公告</span>
    </div>
    <div class="mt-20px ml-10px flex flex-wrap w-100%">
      <div class="m-10px text-12px color-#030303 w-118px h-52px line-height-52px bg-#cce2ff text-center cursor-pointer" @click="knowMore('provincialDynamics','省内动态')">省内公告</div>
      <div class="m-10px text-12px color-#030303 w-118px h-52px line-height-52px bg-#ecf4ff text-center cursor-pointer" @click="knowMore('outsideProvincialDynamics','省外动态')">省外公告</div>
      <div class="m-10px text-12px color-#030303 w-118px h-52px line-height-52px bg-#cce2ff text-center cursor-pointer" @click="knowMore('currentCityDynamics','本市动态')">本市公告</div>
      <div class="m-10px text-12px color-#030303 w-118px h-52px line-height-52px bg-#ecf4ff text-center cursor-pointer" @click="knowMore('parkDynamics','园区动态')">园区公告</div>
    </div>
  </div>
</template>

<style scoped>

</style>