完善

guonan

2025-04-17 e15245c624a20a3b46e428d646f5f2dd863cd1bc

 src/views/left/Left.vue

@@ -12,53 +12,43 @@
        "
      >
        <el-button @click="handleClick">新建仿真方案</el-button>
        <el-button>删除仿真方案</el-button>
        <el-button @click="deleteSelectedScheme">删除仿真方案</el-button>
        <!-- <el-button>删除仿真方案</el-button> -->
      </div>
      <!-- <div class="mock">
        <div
          class="mock-item"
          :class="item.name == currentMock ? 'active' : ''"
          v-for="item in mockList"
          :key="item.id"
          @click="handleClick(item)"
        >
          <div class="mock-item-text">{{ item.name }}</div>
        </div>
      </div> -->
      <!-- <RiverLevel v-show="currentMock === '删除仿真方案'" />
      <listInfo
        v-show="currentMock === '新建仿真方案'"
      <!-- 接口版本删除该代码块 -->
      <schemeCard
        ref="schemeCardRef"
        @start="start"
        @end="end"
        @reset="reset"
      />
      <!-- <schemeCard
        ref="schemeCardRef"
        @start="start"
        @end="end"
        @reset="reset"
        :deleteSim="deleteSim"
      /> -->
      <schemeCard @start="start" @end="end" />
    </div>
  </div>
  <div class="left" v-show="showAddIns">
    <simulation @start="start" @end="end"/>
    <simulation @start="start" @end="end" @back="handleBack" />
  </div>
</template>

<script setup>
import { ElMessageBox, ElMessage } from "element-plus";
import { ref, onMounted, onBeforeUnmount, defineEmits } from "vue";
import Simulation from "./Simulation.vue";
import schemeCard from "@/components/monifangzhen/schemeCard.vue";

import { useSimStore } from "@/store/simulation.js";
// import listInfo from "@/components/monifangzhen/listInfo.vue";
// import RiverLevel from "@/components/monifangzhen/RiverLevel.vue";
import { createPoint, removeEntities } from "@/utils/map";
// import { deviceDictList, getDictName } from "@/constant/dict.js";
import { getDeviceData } from "@/api/index";
const emits = defineEmits(["start", "end"]);
// const currentMock = ref("新建仿真方案");
// const mockList = ref([
//   {
//     name: "删除仿真方案",
//   },
//   {
//     name: "新建仿真方案",
//   },
// ]);

const list = [
  {
    alias: "孙胡沟主沟断面1",
@@ -299,14 +289,16 @@
    y: 4492925.204,
  },
];

const simStore = useSimStore();
const showAddIns = ref(false);
let divPointList = [];
function handleClick() {
  // currentMock.value = mock.name;
  showAddIns.value = true;
}

function handleBack(value) {
  showAddIns.value = false; // 隐藏子组件
}
function initDevicePoint() {
  list.forEach((item) => {
    item.id = item.id + item.alias;
@@ -405,6 +397,32 @@
  const entity = viewer.entities.add(model);
  // entities.push(entity)
}
const schemeCardRef = ref(null);

function deleteSelectedScheme() {
  const selectedId = schemeCardRef.value.getSelectedId();
  const selectedScheme = simStore.schemCard.find(
    (item) => item.id === selectedId
  );
  if (!selectedId) {
    ElMessage.warning("请先选择一个方案！");
    return;
  }
  ElMessageBox.confirm(
    `确定要删除  "${selectedScheme.name}" 方案吗？`,
    "删除确认",
    {
      confirmButtonText: "确定",
      cancelButtonText: "取消",
      type: "warning",
    }
  )
    .then(() => {
      simStore.removeSchemCardItem(selectedId);
      ElMessage.success(`方案 "${selectedScheme.name}" 删除成功！`);
    })
    .catch(() => {});
}

function start(form) {
  emits("start", form);
@@ -424,9 +442,19 @@
  });
  divPointList = [];
});

///////////////////////////删除仿真方案///////////////////////////
// const deleteSim = ref(false);

// function reset() {
//   deleteSim.value = false; // 重置标志位
// }
// function deleteSelectedScheme() {
//   deleteSim.value = true;
// }
///////////////////////////删除仿真方案///////////////////////////
</script>
<style lang="less" scoped>
@import url("../../assets/css/left.css");
.mock {
  padding-top: 10px;
  padding-right: 10px;