完善

guonan

2025-04-17 e15245c624a20a3b46e428d646f5f2dd863cd1bc

 src/views/left/Simulation.vue

@@ -1,24 +1,24 @@
<template>
  <div style="height: 100%">
    <div class="left-top" style="margin-bottom: 20px;">
    <div class="left-top" style="margin-bottom: 20px">
      <span>新建仿真方案</span>
      <span class="clickable-text" @click="goBack">返回列表</span>
    </div>
    <el-tabs
      style="height: calc(100% - 40px);"
      style="height: calc(100% - 40px)"
      v-model="activeName"
      type="card"
      class="demo-tabs"
      @tab-click="handleClick"
    >
      <el-tab-pane label="行政区划仿真" name="first">
        <city-sim :clickValue="clickValue" />
        <city-sim />
      </el-tab-pane>
      <el-tab-pane label="重点区域仿真" name="second">
        <city-sim :clickValue="clickValue" />
        <city-sim />
      </el-tab-pane>
      <el-tab-pane label="重点沟仿真" name="third">
        <kg-sim :clickValue="clickValue" />
        <kg-sim />
      </el-tab-pane>
    </el-tabs>
  </div>
@@ -28,6 +28,10 @@
import { ref, defineEmits } from "vue";
import citySim from "./CitySim.vue";
import kgSim from "./KGSim.vue";

import { useSimStore } from "@/store/simulation";

const simStore = useSimStore();

// 定义返回事件
const emits = defineEmits(["back"]);
@@ -40,8 +44,7 @@

// 标签点击事件
const handleClick = (tab) => {
  clickValue.value = tab.props.label;
  console.log(clickValue.value);
  simStore.handleClickTab(tab.props.label);
};

// 返回上一级
@@ -58,7 +61,7 @@
  font-weight: 600;
  height: 100%;
}
/deep/.el-tabs__header{
/deep/.el-tabs__header {
  margin: 0px !important;
}
/deep/ .el-tabs__item.is-active,
@@ -77,7 +80,7 @@
  font-size: 14px;
  color: #61f7d4;
}
.el-tab-pane{
.el-tab-pane {
  height: 100%;
}
</style>
</style>