保留api

guonan

2025-04-22 dd527b7615517c53d7e4de92ae6cc87c18fa844c

 src/views/left/Left.vue

@@ -4,35 +4,24 @@
      <span>仿真推演方案</span>
    </div>
    <div class="left-content">
      <div
        style="
      <div style="
          display: flex;
          justify-content: space-around;
          justify-content: space-evenly;
          padding: 8px 8px 8px 0px;
        "
      >
        <el-button @click="handleClick">新建仿真方案</el-button>
        <!-- <el-button @click="deleteSelectedScheme">删除仿真方案</el-button> -->
        <el-button>删除仿真方案</el-button>
        v-if="btnShow">
        <el-button style="width: 45%;" @click="handleClick">新建仿真方案</el-button>
        <el-button style="width: 45%;" @click="deleteSelectedScheme">删除仿真方案</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" @closeBtn="handleBackFromParent" /> -->
      <schemeCard
        ref="schemeCardRef"
        @start="start"
        @end="end"
      /> -->
      <schemeCard ref="schemeCardRef" @start="start" @end="end" />
        @reset="reset"
        :deleteSim="deleteSim"
        @closeBtn="handleBackFromParent"
      />
    </div>
  </div>
  <div class="left" v-show="showAddIns">
@@ -50,17 +39,10 @@
// 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",
@@ -303,6 +285,7 @@
];
const simStore = useSimStore();
const showAddIns = ref(false);
const btnShow = ref(true);
let divPointList = [];
function handleClick() {
  // currentMock.value = mock.name;
@@ -310,6 +293,11 @@
}
function handleBack(value) {
  showAddIns.value = false; // 隐藏子组件
}
function handleBackFromParent(value) {
  if (value === false) {
    btnShow.value = false
  } else btnShow.value = true
}
function initDevicePoint() {
  list.forEach((item) => {
@@ -410,29 +398,32 @@
  // 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 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);
}
@@ -451,6 +442,17 @@
  });
  divPointList = [];
});

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

function reset() {
  deleteSim.value = false; // 重置标志位
}
function deleteSelectedScheme() {
  deleteSim.value = true;
}
///////////////////////////删除仿真方案///////////////////////////
</script>
<style lang="less" scoped>
.mock {