独立出编辑添加页面

wujingjing

2024-08-30 85cb0a27c886a82b08f80d42f17a24d5b8389259

 src/layout/routerView/iframes.vue

@@ -12,17 +12,20 @@
                  style="position: absolute"
                  :data-url="v.path"
                  v-if="getRoutePath === v.path"
                  @load="iframeLoad"
                  ref="iframeRef"
               />
            </transition-group>
         </div>
      </div>
      <AmisPageOptDlg v-model="amisPageShow" :item="amisPageMapRow" @insert="amisPageInsert" @update="amisPageUpdate" />
   </div>
</template>

<script setup lang="ts" name="layoutIframeView">
import { computed, watch, ref, nextTick } from 'vue';
import { useRoute } from 'vue-router';
import AmisPageOptDlg from '/@/views/project/yw/lowCode/sqlAmis/optDlg/OptDlg.vue';

// 定义父组件传过来的值
const props = defineProps({
@@ -98,4 +101,26 @@
      deep: true,
   }
);

const iframeLoad = () => {
   setTimeout(() => {
      window.frames[0].openOptAmisPageDlg = () => {
         amisPageShow.value = true;
      };
   }, 0);
};

//#region ====================== iframe 交互 ======================
const amisPageShow = ref(false);
const amisPageMapRow = ref(null);

const amisPageInsert = (...params) => {
   window.frames?.[0]?.amisPageInsert?.(...params);
};

const amisPageUpdate = (...params) => {
   window.frames?.[0]?.amisPageUpdate?.(...params);
};

//#endregion
</script>