feat(views): 优化实时监测页面，支持导出图片

src/components/visual-2d/Visual2DPreview.vue

@@ -73,7 +73,12 @@ const sendDeviceData = () => {
 };
 
 const exportImg = () => {
-  console.log('export img');
+  const msg: IframeMsg = {
+    msgType: getVisual2DMsgType(Visual2DMsgType.ExportImg),
+    imgName: '2D组态',
+  };
+
+  iframeRef.value?.contentWindow?.postMessage(msg, '*');
 };
 
 defineExpose({

src/components/visual-2d/index.ts

@@ -18,6 +18,7 @@ export const enum Visual2DMsgType {
   OpenDevCtrlModal = 'open-dev-ctrl-modal',
   PreviewLoaded = 'preview-loaded',
   PreviewClicked = 'preview-clicked',
+  ExportImg = 'export-img',
 }
 
 export const getVisual2DMsgType = (type: Visual2DMsgType) => {