| | |
| | | <template> |
| | | <div class="listCard"> |
| | | <!-- <div>方案数量: {{ simStore.schemCard.length }}</div> --> |
| | | <el-card v-if="!schemeInfoShow" v-for="(item, key) in schemeList" :key="key" |
| | | :class="{ selected: selectedId === item.id }" @click="selectScheme(item.id)"> |
| | | <el-card |
| | | v-if="!schemeInfoShow" |
| | | v-for="(item, key) in schemeList" |
| | | :key="key" |
| | | :class="{ selected: selectedId === item.id }" |
| | | @click="selectScheme(item.id)" |
| | | > |
| | | <div> |
| | | <p>方案名称 : {{ item.name }}</p> |
| | | <p>创建时间 : {{ formatTime(item.createTime) }}</p> |
| | |
| | | </div> |
| | | <div class="cardMenu"> |
| | | <div style="float: right; margin-top: 3px"> |
| | | <el-button size="small" @click="setSchemClick(item)">方案详情</el-button> |
| | | <el-button size="small" @click="setSchemClick(item)" |
| | | >方案详情</el-button |
| | | > |
| | | <el-button size="small" @click="startPlay(item)">进入模拟</el-button> |
| | | <!-- :disabled="item.taskStatus !== 2" --> |
| | | </div> |
| | | </div> |
| | | </el-card> |
| | | <schemeInfo v-if="schemeInfoShow" :selectedScheme="currentScheme" @back="handleBack" /> |
| | | <schemeInfo |
| | | v-if="schemeInfoShow" |
| | | :selectedScheme="currentScheme" |
| | | @back="handleBack" |
| | | /> |
| | | </div> |
| | | <Message @close="close" class="mess" v-show="messageShow" :mesData="mesData" /> |
| | | <Message |
| | | @close="close" |
| | | class="mess" |
| | | v-show="messageShow" |
| | | :mesData="mesData" |
| | | /> |
| | | </template> |
| | | |
| | | <script setup> |
| | |
| | | // alert("当前方案尚未完成,无法进入模拟!"); |
| | | // return; |
| | | // } |
| | | simStore.setSelectedScheme(item) |
| | | simStore.setSelectedScheme(item); |
| | | |
| | | currentScheme.value = item; |
| | | schemeInfoShow.value = true; |
| | |
| | | |
| | | // 注册事件监听器 |
| | | EventBus.on("hide-schemeInfo", handleHideSchemeInfo); |
| | | |
| | | |
| | | /////////////////////// 调用接口(使用时打开) /////////////////////// |
| | | import { getRegionData, getSimData, deleteSimData } from "@/api/trApi.js"; |
| | |
| | | }); |
| | | return; |
| | | } |
| | | const selectedScheme = schemeList.value.find((item) => item.id === selectedId.value); |
| | | const selectedScheme = schemeList.value.find( |
| | | (item) => item.id === selectedId.value |
| | | ); |
| | | const schemeName = selectedScheme ? selectedScheme.name : "未知方案"; |
| | | ElMessageBox.confirm( |
| | | `确定要删除方案 "${schemeName}" 吗?`, |
| | | "删除方案", |
| | | { |
| | | confirmButtonText: "确定", |
| | | cancelButtonText: "取消", |
| | | type: "warning", |
| | | } |
| | | ) |
| | | ElMessageBox.confirm(`确定要删除方案 "${schemeName}" 吗?`, "删除方案", { |
| | | confirmButtonText: "确定", |
| | | cancelButtonText: "取消", |
| | | type: "warning", |
| | | }) |
| | | .then(() => { |
| | | deleteSimData(selectedId.value).then((res) => { |
| | | getScheme(); |
| | |
| | | message: `方案 "${schemeName}" 删除成功`, |
| | | }); |
| | | }) |
| | | .catch(() => { |
| | | }); |
| | | .catch(() => {}); |
| | | }; |
| | | /////////////////////// 调用接口结束 /////////////////////// |
| | | onUnmounted(() => { |