修改看板

src/views/print/externalPrint.vue

@@ -2,7 +2,7 @@
   <div style="width: 100%; height: 100vh; overflow: hidden">
     <div class="left">
       <div class="printTemplateList" v-for=" i in printTemplateList">
-        <el-card @click="setNodes" class="moduleCard" shadow="never"
+        <el-card @click="setNodes(i)" class="moduleCard" shadow="never"
                  :style="{display:'inline-block',margin:'0 4px 4px 0'}"
                  :body-style="{padding:'4px 0'}">
           <template #header>
@@ -113,6 +113,7 @@ import { useRoute } from 'vue-router';
 import { isJSON } from '@/utils/scrin.js';
 import { listPrintTemplateList } from '@/api/system/printTemplateList/index';
 import lineImg from '@/views/boardGenerate/images/lineImg.png';
+import { getSysPrintTemplateNodeList } from '@/api/system/printTemplateNode/index';
 
 const printTemplateList = ref([]);
 const route = useRoute();
@@ -564,30 +565,56 @@ let printNode = `[
 ]`;
 const messageFun = (event) => {
   console.log(event);
-  if (isJSON(event.data)) {
-    let data = JSON.parse(event.data);
+  // if (isJSON(event.data)) {
+  // let data = JSON.parse(event.data);
+  let data = event.data;
     if (data.type === 'print') {
       printFun();
     }
     if (data.type === 'JSONDATA') {
+      console.log(88);
       if (typeof data.message === 'object' && data.message !== null && !Array.isArray(data.message)) {
         pageDatas.value = [data.message];
-        window.chrome?.webview?.postMessage('setDataFinally');
+        // window.chrome?.webview?.postMessage('setDataFinally');
       } else if (Array.isArray(data.message)) {
         pageDatas.value = data.message;
-        window.chrome?.webview?.postMessage('setDataFinally');
+        // window.chrome?.webview?.postMessage('setDataFinally');
       } else {
-        window.chrome?.webview?.postMessage('setDataFail');
+        // window.chrome?.webview?.postMessage('setDataFail');
       }
+      console.log('message', data.message);
     }
     if (data.type === 'setTemplate') {
       nodes.value = JSON.parse(printNode || '[]');
     }
-  }
+  // }
   console.log(event);
 };
-const setNodes = () => {
-  nodes.value = JSON.parse(printNode || '[]');
+const setNodes = (data) => {
+  // nodes.value = JSON.parse(printNode || '[]');
+
+  getSysPrintTemplateNodeList({ templateInfoId: data.templateInfoId }).then(v => {
+    nodes.value = v.data.map(vv => {
+      return {
+        id: vv.id,
+        type: vv.type,
+        name: vv.name,
+        dimensions: {
+          width: vv.width,
+          height: vv.height
+        },
+        handleBounds: {
+          source: null,
+          target: null
+        },
+        position: {
+          x: vv.x,
+          y: vv.y
+        },
+        data: JSON.parse(vv.data)
+      };
+    });
+  });
 };
 onMounted(() => {
   window.chrome?.webview?.addEventListener('message', messageFun);
@@ -673,7 +700,7 @@ const printFun = (e) => {
       });
       Promise.all(pros).then((values) => {
         window.print();
-        window.chrome?.webview?.postMessage('completed');
+        // window.chrome?.webview?.postMessage('completed');
         isPrint.value = false;
         printPngList.value = [];
       });