change

wangjuncheng

2025-04-15 080ff408e2b954fd1d1f812e51a49c0fc0e42f32

change

 src/views/left/CitySim.vue

@@ -1,6 +1,6 @@
<template>
  <div style="width: 100%; height: 100%">
    <div class="left-top" v-if="disForm == '行政区划仿真'">
    <div class="left-top" v-if="disForm == '行政区划仿真'" style="margin-top: 0px;">
      行政区划仿真（30m精度）
    </div>
    <div class="left-top" v-if="disForm == '重点区域仿真'">
@@ -38,10 +38,7 @@
            />
          </el-select>
        </el-form-item>

       

        <el-form-item label="重点区域" v-if="disForm == '重点区域仿真'">
        <el-form-item label="重点区域:" v-if="disForm == '重点区域仿真'">
          <el-select
            v-model="forms.eares"
            placeholder="Select"

 src/views/left/KGSim.vue

@@ -38,10 +38,10 @@
        <HistorySimulation :selectedArea="selectedArea" />
      </div>
      <div v-if="selectedSimulation === '实时模拟'">
        <RealTimeSimulation :selectedArea="selectedArea" />
        <!-- <RealTimeSimulation :selectedArea="selectedArea" /> -->
      </div>
      <div v-if="selectedSimulation === '预测模拟'">
        <PredictiveSimulation :selectedArea="selectedArea" />
        <!-- <PredictiveSimulation :selectedArea="selectedArea" /> -->
      </div>
    </div>
  </div>
@@ -91,6 +91,7 @@
<style scoped>
.simulation-module {
  color: #61f7d4;
  font-size: 14px;
}

.simulation-area {

 src/views/left/Left.vue

@@ -35,7 +35,7 @@
    </div>
  </div>
  <div class="left" v-show="showAddIns">
    <simulation @start="start" @end="end"/>
    <simulation @start="start" @end="end" @back="handleBack" />
  </div>
</template>

@@ -306,7 +306,9 @@
  // currentMock.value = mock.name;
  showAddIns.value = true;
}

function handleBack(value) {
  showAddIns.value = false; // 隐藏子组件
}
function initDevicePoint() {
  list.forEach((item) => {
    item.id = item.id + item.alias;

 src/views/left/Simulation.vue

@@ -1,24 +1,27 @@
<template>
  <el-tabs
    style="height: 100%"
    v-model="activeName"
    type="card"
    class="demo-tabs"
    @tab-click="handleClick"
  >
    <el-tab-pane label="行政区划仿真" name="first"
      ><city-sim :clickValue="clickValue" />
      <!-- ><city-sim :clickValue="clickValue" @start="start" @end="end"/> -->
    </el-tab-pane>
    <el-tab-pane label="重点区域仿真" name="second">
      <city-sim :clickValue="clickValue" />
      <!-- <city-sim :clickValue="clickValue" @start="start" @end="end"/> -->
    </el-tab-pane>
    <el-tab-pane label="重点沟仿真" name="third">
      <!-- <kg-sim :clickValue="clickValue" @start="start" @end="end" /> -->
      <kg-sim :clickValue="clickValue" />
    </el-tab-pane>
  </el-tabs>
  <div style="height: 100%">
    <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);"
      v-model="activeName"
      type="card"
      class="demo-tabs"
      @tab-click="handleClick"
    >
      <el-tab-pane label="行政区划仿真" name="first">
        <city-sim :clickValue="clickValue" />
      </el-tab-pane>
      <el-tab-pane label="重点区域仿真" name="second">
        <city-sim :clickValue="clickValue" />
      </el-tab-pane>
      <el-tab-pane label="重点沟仿真" name="third">
        <kg-sim :clickValue="clickValue" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script setup>
@@ -26,23 +29,25 @@
import citySim from "./CitySim.vue";
import kgSim from "./KGSim.vue";

// 定义返回事件
const emits = defineEmits(["back"]);

// 当前激活的标签页
const activeName = ref("first");

// 点击值
const clickValue = ref("");

// 标签点击事件
const handleClick = (tab) => {
  clickValue.value = tab.props.label;
  console.log(clickValue.value);
};
// const emits = defineEmits(["start", "end"]);

// function start() {
//   emits("start");
//   console.log("开始模拟");
// }
// function end() {
//   emits("end");
// }
// 返回上一级
const goBack = () => {
  emits("back", clickValue.value);
};
</script>

<style lang="less" scoped>
@@ -53,19 +58,23 @@
  font-weight: 600;
  height: 100%;
}
/deep/.el-tabs__header{
  margin: 0px !important;
}
/deep/ .el-tabs__item.is-active,
/deep/ .el-tabs__item:hover {
  color: #fff;
}

/deep/ .el-tabs__item {
  padding: 0 18px;
  color: #fff;
  background-color: #009688;
}
// /deep/ .el-tabs__content {
//   background-color: #fff;
// }
.el-tab-pane {
  height: 100%;
.clickable-text {
  margin-left: 85px;
  cursor: pointer;
  font-size: 14px;
  color: #61f7d4;
}
</style>
</style>