change

wangjuncheng

2025-04-17 c761bc5e98bd6b1fe0900f3cfb1bb4734e1aed47

 src/views/nav/Navigation.vue

@@ -1,6 +1,23 @@
<template>
  <div class="navigation">
    <div class="navigation-content">
    <div class="navigation-contents" v-show="!simBtn">
      <div
        class="navigation-item bg1"
        :class="{ 'bg1-active': currentIndexs == 1 }"
        @click="handleClickHome(1)"
      >
        综合展示
      </div>
      <div
        class="navigation-item bg2"
        :class="{ 'bg2-active': currentIndexs == 2 }"
        @click="handleClickHome(2)"
        style="margin-left: 15%"
      >
        模拟仿真
      </div>
    </div>
    <div class="navigation-content" v-show="simBtn">
      <div
        class="navigation-item bg1"
        :class="{ 'bg1-active': currentIndex == 1 }"
@@ -20,14 +37,14 @@
        :class="{ 'bg3-active': currentIndex == 3 }"
        @click="handleClick(3)"
      >
        模拟仿真
        仿真推演
      </div>
      <div
        class="navigation-item bg4"
        :class="{ 'bg4-active': currentIndex == 4 }"
        @click="handleClick(4)"
      >
        模拟评估
        模拟评价
      </div>
    </div>
    <div class="navigation-bg"></div>
@@ -37,8 +54,10 @@
<script setup>
import { useRouter } from "vue-router";
import { useSimStore } from "@/store/simulation";
import { ref } from "vue";
import { ref,watch} from "vue";

const simBtn = ref(false);
const currentIndexs = ref(1);
const router = useRouter();
const simStore = useSimStore();
const isShow = ref(false);
@@ -67,11 +86,25 @@
    }
    ps.emitMessage(desc);
  }

  // 路由跳转
  const routes = ["", "/yhgl", "/zhjc", "/mnfz", "/mnpg"];
  router.push(routes[index]);
};
watch(
    () => simStore.backToHome,
    (newValue) => {
        if (newValue) {
            simBtn.value = false;
            simStore.setBackToHome(false);
        }
    }
);
const handleClickHome = (index) => {
  if (index === 1) {
    router.push("/");
  } else {
    simBtn.value = true;
  }
};
</script>

<style lang="less" scoped>