|
@@ -363,7 +363,43 @@ export default defineComponent({
|
|
|
initBoundaryWrap(subdEl, boxBoundaryInfo);
|
|
|
window.addEventListener('message', iframeHandle);
|
|
|
getDetail();
|
|
|
+ window.addEventListener("resize", resetSize);
|
|
|
});
|
|
|
+
|
|
|
+ const resetSize = ()=>{
|
|
|
+ const subdEl = document.getElementById(`moveNPopover`) as HTMLDivElement;
|
|
|
+ subdEl.style.display = 'none'
|
|
|
+ // const boxBoundaryInfo = reactive({
|
|
|
+ // isBoundary: true,
|
|
|
+ // isBoundaryType: 'right' as any,
|
|
|
+ // mainWidth: '' as any,
|
|
|
+ // mainHeight: '' as any,
|
|
|
+ // subWidth: '' as any,
|
|
|
+ // subHeight: '' as any
|
|
|
+ // });
|
|
|
+
|
|
|
+
|
|
|
+ // boxBoundaryInfo.isBoundary = true;
|
|
|
+ // boxBoundaryInfo.isBoundaryType= 'right'
|
|
|
+ NPopoverRef.value.setShow(false)
|
|
|
+
|
|
|
+ setTimeout(()=>{
|
|
|
+
|
|
|
+ subdEl.style.transition = ''
|
|
|
+ initBoxRectInfo(subdEl, boxBoundaryInfo);
|
|
|
+ initBoundaryWrap(subdEl, boxBoundaryInfo);
|
|
|
+ console.log('resize')
|
|
|
+ subdEl.style.display = 'block'
|
|
|
+ },100)
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+ onUnmounted(()=>{
|
|
|
+ window.removeEventListener("resize", resetSize);
|
|
|
+ })
|
|
|
const initBoundaryWrap = (target: any, wrapInfo: any) => {
|
|
|
target.addEventListener('mouseenter', () => {
|
|
|
if (wrapInfo.isBoundary) {
|