guonan
2025-05-20 f1fbe8049ba01186f033037e6ae36d51915c7418
src/views/left/Left.vue
@@ -7,28 +7,28 @@
      <div
        style="
          display: flex;
          justify-content: space-around;
          justify-content: space-evenly;
          padding: 8px 8px 8px 0px;
        "
        v-if="btnShow"
      >
        <el-button @click="handleClick">新建仿真方案</el-button>
        <el-button @click="deleteSelectedScheme">删除仿真方案</el-button>
        <!-- <el-button>删除仿真方案</el-button> -->
        <el-button style="width: 45%" @click="handleClick"
          >新建仿真方案</el-button
        >
        <el-button style="width: 45%" @click="deleteSelectedScheme"
          >删除仿真方案</el-button
        >
      </div>
      <!-- 接口版本删除该代码块 -->
      <!-- <schemeCard ref="schemeCardRef" @start="start" @end="end" @reset="reset" @closeBtn="handleBackFromParent" /> -->
      <schemeCard
        ref="schemeCardRef"
        @start="start"
        @end="end"
        @reset="reset"
      />
      <!-- <schemeCard
        ref="schemeCardRef"
        @start="start"
        @end="end"
        @reset="reset"
        :deleteSim="deleteSim"
      /> -->
        :showAddIns="showAddIns"
        @closeBtn="handleBackFromParent"
      />
    </div>
  </div>
  <div class="left" v-show="showAddIns">
@@ -46,7 +46,7 @@
// 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 list = [
@@ -291,6 +291,7 @@
];
const simStore = useSimStore();
const showAddIns = ref(false);
const btnShow = ref(true);
let divPointList = [];
function handleClick() {
  // currentMock.value = mock.name;
@@ -298,6 +299,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) => {
@@ -342,11 +348,7 @@
    // createPoint(item)
  });
}
function getData() {
  getDeviceData().then((res) => {
    devicetList.value = res.data;
  });
}
function createLabel(item) {
  const { name, x, y, showBillboard = false } = item;
  let position = Cesium.Cartesian3.for(x, y);
@@ -399,31 +401,6 @@
}
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);
}
@@ -431,7 +408,6 @@
  emits("end");
}
onMounted(() => {
  // getData()
  // initDevicePoint()
});
@@ -444,14 +420,14 @@
});
///////////////////////////删除仿真方案///////////////////////////
// const deleteSim = ref(false);
const deleteSim = ref(false);
// function reset() {
//   deleteSim.value = false; // 重置标志位
// }
// function deleteSelectedScheme() {
//   deleteSim.value = true;
// }
function reset() {
  deleteSim.value = false; // 重置标志位
}
function deleteSelectedScheme() {
  deleteSim.value = true;
}
///////////////////////////删除仿真方案///////////////////////////
</script>
<style lang="less" scoped>