feat: 添加生产驾驶舱路由跳转

yuan

2 天以前 6f3011dd56f545dcdbf56abf744e302ebc6e9c5e

 src/views/reportAnalysis/productionAnalysis/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>