添加调取stationMap的方法

src/views/SagTraceResult_WX/components/bdMap.vue

@@ -344,6 +344,7 @@ onMounted(() => {
 
 defineExpose({
   setIcon,
+  init
 });
 </script>
 <style lang="scss" scoped>

src/views/SagTraceResult_WX/components/manage/index.vue

@@ -1,6 +1,6 @@
 <template>
   <!-- 项目管理弹框 -->
-  <el-dialog v-model="dialogVisible" title="项目管理" width="1600px">
+  <el-dialog v-model="dialogVisible" title="项目管理" width="1600px" @close="handleDialogClose">
     <!-- <el-card class="transparent-card"> -->
     <div style="display: flex; justify-content: space-between">
       <div>
@@ -132,7 +132,7 @@
     </div>
   </el-dialog>
   <!-- 新增弹框 -->
-  <el-dialog v-model="innerVisible" :title="dialogTitle" width="500px">
+  <el-dialog v-model="innerVisible" :title="dialogTitle" width="500px" >
     <el-form
       ref="ruleFormRef"
       :model="ruleForm"
@@ -155,13 +155,14 @@
           v-model="ruleForm.substionIds"
           placeholder="请选择"
           multiple
+          :teleported="false"
         >
           <el-option
             v-for="item in dataList"
             :key="item.id"
             :label="item.name"
             :value="item.id"
-            :disabled="item.bindFlag==true"
+            :disabled="item.bindFlag == true && !setDisabled?.includes(item.id)"
           />
         </el-select>
       </el-form-item>
@@ -214,6 +215,7 @@ import { useStore } from "vuex";
 
 const emit = defineEmits<{
   (e: "project-change", project: { id: string; name: string }): void;
+  (e: "station-map-updated"): void;
 }>();
 
 const store = useStore();
@@ -236,6 +238,8 @@ const firstForm = ref({
 
 const dataList = ref([]); //变电站
 
+const setDisabled = ref([]);
+
 const params = reactive({
   pageNum: 1,
   pageSize: 10,
@@ -247,7 +251,7 @@ interface RuleForm {
   projectIds: [];
   orderBy: string;
   remark: string;
-  substionIds:[];
+  substionIds: [];
 }
 
 const formSize = ref("default");
@@ -257,7 +261,7 @@ const ruleForm = reactive<RuleForm>({
   projectIds: [],
   orderBy: "100",
   remark: "",
-  substionIds:[],
+  substionIds: [],
 });
 
 const rules = reactive<FormRules<RuleForm>>({
@@ -278,6 +282,10 @@ const rules = reactive<FormRules<RuleForm>>({
   ],
 });
 
+const handleDialogClose = () => {
+  emit('station-map-updated');
+};
+
 const init = () => {
   stationMap({
     deptId: store.state.deptId,
@@ -343,6 +351,8 @@ const onReset = () => {
 const onSubmitadd = () => {
   innerVisible.value = true;
   dialogTitle.value = "新增项目";
+  init();
+  setDisabled.value = [];
   // Object.assign(ruleForm, {});   不生效
   Object.assign(ruleForm, {
     //生效，但是一个个赋值，麻烦
@@ -351,7 +361,7 @@ const onSubmitadd = () => {
     orderBy: "100",
     projectIds: ["1dd1b076e104f15459ac401fc1b902c4"],
     remark: "",
-    substionIds:[],
+    substionIds: [],
   });
   //Object.keys(ruleForm).forEach((key) => delete ruleForm[key]); //生效，但是有默认值的，一进去会直接报校验
 };
@@ -362,6 +372,8 @@ const querdata = (e: any) => {};
 const editd = (row: any) => {
   innerVisible.value = true;
   dialogTitle.value = "修改项目";
+  init();
+  setDisabled.value = JSON.parse(JSON.stringify(row.substionIds));
   // Object.assign(ruleForm, row);
   Object.assign(ruleForm, {
     id: row.id,
@@ -369,7 +381,7 @@ const editd = (row: any) => {
     orderBy: row.orderBy,
     projectIds: row.projectIds,
     remark: row.remark,
-    substionIds:row.substionIds,
+    substionIds: row.substionIds,
   });
 };
 
@@ -382,6 +394,8 @@ const submitForm = async (formEl: FormInstance | undefined) => {
       } else {
         getEdit();
       }
+      init();
+      emit('station-map-updated');
       console.log("submit!");
     } else {
       console.log("error submit!", fields);
@@ -421,6 +435,7 @@ const getEdit = async () => {
 
 const resetForm = () => {
   innerVisible.value = false;
+  emit('station-map-updated')
 };
 
 const onTableSizeChange = (size: number) => {
@@ -537,7 +552,6 @@ const activeItem = (item: any) => {
 
 const open = () => {
   dialogVisible.value = true;
-  init();
 };
 defineExpose({
   open,

src/views/SagTraceResult_WX/components/plan.vue

@@ -5,6 +5,7 @@
       width="100%"
       height="100%"
       @pointClick="pointClick"
+      ref="bdMapRef"
     ></bdMap>
 
     <!-- 添加加载事件监听 -->
@@ -19,7 +20,12 @@
       :key="keyof"
       @load="onIframeLoad"
     ></iframe>
-    <el-button   v-if="!store.state.showMap" class="backButton" @click="backButton" size="small" :icon="Back"
+    <el-button
+      v-if="!store.state.showMap"
+      class="backButton"
+      @click="backButton"
+      size="small"
+      :icon="Back"
       >返回</el-button
     >
   </div>
@@ -35,6 +41,8 @@ const props = defineProps<{
   project: { id: string; name: string } | null;
 }>();
 
+const bdMapRef = ref(null)
+
 const iframeSrc = ref("");
 const keyof = ref(0);
 // 监听 props 变化
@@ -140,6 +148,18 @@ const backButton = () => {
 
   // window.removeEventListener("message", handleMessage);
 };
+
+// 监听 station-map-updated 事件并转发给 bdMap 组件
+const handleStationMapUpdated = () => {
+  if (bdMapRef.value && typeof bdMapRef.value.init === 'function') {
+    bdMapRef.value.init()
+  }
+}
+
+// 暴露方法给父组件调用
+defineExpose({
+  handleStationMapUpdated
+})
 </script>
 <style lang="scss" scoped>
 .plan {

src/views/SagTraceResult_WX/index.vue

@@ -87,13 +87,14 @@
           <Management
             ref="createRef"
             @project-change="onProjectChange"
+            @station-map-updated="handleStationMapUpdated"
           ></Management>
         </div>
         <div class="body-box">
           <!-- 第三行数据 -->
           <div class="content-box">
             <dv-border-box-10 :color="color[0]" style="position: relative">
-              <Plan :project="currentProject" />
+              <Plan :project="currentProject" ref="planRef"/>
               <!-- 将 flag 值传递给 SecurityDetail 组件 -->
               <!-- showDetail从SecurityDetail 组件传过来 -->
               <SecurityDetail
@@ -235,6 +236,8 @@ const onProjectChange = (project: { id: string; name: string }) => {
   currentProject.value = project;
 };
 
+const planRef = ref() // 添加对 Plan 组件的引用
+
 const smsQueriesRef = ref(); // 短信查询组件引用
 const smsConfigRef = ref(); // 短信查询组件引用
 const sendRef = ref(); // 短信查询组件引用
@@ -380,6 +383,14 @@ const createRef = ref();
 const openDialog = () => {
   createRef.value.open();
 };
+
+// 处理 Management 组件发出的 station-map-updated 事件
+const handleStationMapUpdated = () => {
+  // 通过 Plan 组件转发给 bdMap
+  if (planRef.value && typeof planRef.value.handleStationMapUpdated === 'function') {
+    planRef.value.handleStationMapUpdated()
+  }
+}
 </script>
 
 <style lang="scss" scoped>