feat: 添加进销存数据分析路由跳转

yuan

2 天以前 eca77cbce809165ea09fed36b12152c3acaa3db0

 src/views/reportAnalysis/PSIDataAnalysis/components/PanelHeader.vue

@@ -1,17 +1,35 @@
<template>
  <div class="panel-header">
  <div
    class="panel-header"
    :class="{ clickable: !!to }"
    @click="handleClick"
  >
    <span class="panel-title">{{ title }}</span>
  </div>
</template>

<script setup>
defineProps({
import { useRouter } from 'vue-router'

const props = defineProps({
  title: {
    type: String,
    required: true,
    default: ''
  },
  to: {
    type: String,
    default: ''
  }
})

const router = useRouter()

const handleClick = () => {
  if (props.to) {
    router.push(props.to)
  }
}
</script>

<style scoped>
@@ -30,4 +48,12 @@
  padding-left: 46px;
  line-height: 36px;
}

.panel-header.clickable {
  cursor: pointer;
}

.panel-header.clickable:hover .panel-title {
  color: #43e8fc;
}
</style>