NslWeb.git - Gitblit

			@@ -7,58 +7,49 @@
			<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>删除仿真方案</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)"
			<el-button style="width: 45%" @click="handleClick"
			>新建仿真方案</el-button
			>
			<div class="mock-item-text">{{ item.name }}</div>
			</div>
			</div> -->
			<!-- <RiverLevel v-show="currentMock === '删除仿真方案'" />
			<listInfo
			v-show="currentMock === '新建仿真方案'"
			<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"
			/> -->
			<schemeCard @start="start" @end="end" />
			@reset="reset"
			:deleteSim="deleteSim"
			:showAddIns="showAddIns"
			@closeBtn="handleBackFromParent"
			/>
			</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 +290,22 @@
			y: 4492925.204,
			},
			];

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

			function handleBack(value) {
			showAddIns.value = false; // 隐藏子组件
			}
			function handleBackFromParent(value) {
			if (value === false) {
			btnShow.value = false;
			} else btnShow.value = true;
			}
			function initDevicePoint() {
			list.forEach((item) => {
			item.id = item.id + item.alias;
			@@ -405,6 +404,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 +449,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;