From e048083dfe7cc7c67ec76cb4d071e5b2548c130f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=BE=89?= <814457906@qq.com>
Date: Mon, 1 Jul 2024 11:38:43 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../manage/components/Scriptpreviewopen.vue   |   1 -
 src/views/manage/script/index.vue             |  12 +-
 src/views/system/Scriptpreview/index.vue      | 236 +++--------
 src/views/system/preview/index.vue            | 370 ++++--------------
 4 files changed, 148 insertions(+), 471 deletions(-)

diff --git a/src/views/manage/components/Scriptpreviewopen.vue b/src/views/manage/components/Scriptpreviewopen.vue
index 08798ff..60dcd87 100644
--- a/src/views/manage/components/Scriptpreviewopen.vue
+++ b/src/views/manage/components/Scriptpreviewopen.vue
@@ -158,7 +158,6 @@ import G6Editor from "@antv/g6-editor";
 import mixin from "@/views/system/mianview/mixin";
 import { getFlowScheme } from "@/api/system/preview";
 import { construct } from "netflix-conductor-json-tree/dist/index";
-import Cookies from 'js-cookie'
 export default {
   name: "VueG6Editor",
   props: ['phoneNodeContent'],
diff --git a/src/views/manage/script/index.vue b/src/views/manage/script/index.vue
index 1c063bc..50c4abe 100644
--- a/src/views/manage/script/index.vue
+++ b/src/views/manage/script/index.vue
@@ -247,7 +247,6 @@
 <script>
 import { listScript, getScript, delScript, addScript, updateScript, departmentDisease, department, listDisease, listScriptNum } from "@/api/manage/script";
 import stationAcatar from "../../system/stationAvatar/index.vue";
-import Cookies from 'js-cookie'
 
 export default {
   components: { stationAcatar },
@@ -479,25 +478,22 @@ export default {
     },
     // 话术
     see(row) {
-      Cookies.set("id", row.id)
-      Cookies.set("scriptId", row.scriptId)
       this.$router.push({
         path: "/knowledge/preview",
-      
+        query: {
+          id: row.id,
+          scriptId: row.scriptId
+        },
       });
     },
     seescript(row) {
-      Cookies.set("id", row.id)
-
       this.$router.push({
         path: "/knowledge/Scriptpreview",
         query: {
           id: row.id,
         },
       });
-
     },
-
     // 预览点击
     handlesee(row) {
 
diff --git a/src/views/system/Scriptpreview/index.vue b/src/views/system/Scriptpreview/index.vue
index a669abe..fe00092 100644
--- a/src/views/system/Scriptpreview/index.vue
+++ b/src/views/system/Scriptpreview/index.vue
@@ -22,154 +22,52 @@
           > -->
           <!-- <font-awesome-icon icon="heart" /> -->
           <!-- <FontAwesomeIcon icon="far fa-copy" /> -->
-          <font-awesome-icon
-            data-command="save"
-            class="command fa fa-floppy-o"
-            icon="command far far fa-copy"
-            title="保存"
-          ></font-awesome-icon>
-          <font-awesome-icon
-            style="margin-left: 10px"
-            icon="fas fa-reply-all"
-            title="历史数据"
-            @click="readHistoryData"
-          ></font-awesome-icon>
-          <font-awesome-icon
-            style="margin-left: 10px"
-            class="fa fa-hdd-o"
-            icon="fas fa-file"
-            title="上传数据"
-            @click="readUploadData"
-          ></font-awesome-icon>
-          <font-awesome-icon
-            icon="fas fa-download"
-            style="margin-left: 10px"
-            title="另存为文件"
-            @click="saveAsFile"
-            >文件</font-awesome-icon
-          >
+          <font-awesome-icon data-command="save" class="command fa fa-floppy-o" icon="command far far fa-copy"
+            title="保存"></font-awesome-icon>
+          <font-awesome-icon style="margin-left: 10px" icon="fas fa-reply-all" title="历史数据"
+            @click="readHistoryData"></font-awesome-icon>
+          <font-awesome-icon style="margin-left: 10px" class="fa fa-hdd-o" icon="fas fa-file" title="上传数据"
+            @click="readUploadData"></font-awesome-icon>
+          <font-awesome-icon icon="fas fa-download" style="margin-left: 10px" title="另存为文件"
+            @click="saveAsFile">文件</font-awesome-icon>
           <!-- <FontAwesomeIcon icon="fas fa-image" /> -->
 
-          <font-awesome-icon
-            style="margin-left: 10px"
-            icon="fas fa-image"
-            title="另存为图片"
-            @click="openSaveAsImageDialog"
-          ></font-awesome-icon>
+          <font-awesome-icon style="margin-left: 10px" icon="fas fa-image" title="另存为图片"
+            @click="openSaveAsImageDialog"></font-awesome-icon>
 
-          <font-awesome-icon
-            style="margin-left: 10px"
-            data-command="undo"
-            icon="fas fa-undo"
-            class="command fa fa-undo"
-            title="撤销"
-          ></font-awesome-icon>
-          <font-awesome-icon
-            style="margin-left: 10px"
-            data-command="redo"
-            class="command fa fa-repeat"
-            icon="fas fa-repeat"
-            title="重做"
-          ></font-awesome-icon>
-          <font-awesome-icon
-            style="margin-left: 10px"
-            data-command="delete"
-            class="command fa fa-trash-o"
-            icon="fas fa-trash-alt"
-            title="删除"
-          ></font-awesome-icon>
-          <font-awesome-icon
-            style="margin-left: 10px"
-            data-command="zoomOut"
-            class="command fa fa-search-minus"
-            icon="fas fa-search-minus"
-            title="缩小"
-          ></font-awesome-icon>
-          <font-awesome-icon
-            style="margin-left: 10px"
-            data-command="zoomIn"
-            icon="fas fa-search-plus"
-            class="command fa fa-search-plus"
-            title="放大"
-          ></font-awesome-icon>
-          <font-awesome-icon
-            style="margin-left: 10px"
-            icon="fas fa-eraser"
-            data-command="clear"
-            class="command fa fa-eraser"
-            title="清除画布"
-          ></font-awesome-icon>
-          <font-awesome-icon
-            style="margin-left: 10px"
-            icon="fas fa-arrow-up"
-            data-command="toFront"
-            class="command fa fa-arrow-up"
-            title="提升层级"
-          ></font-awesome-icon>
-          <font-awesome-icon
-            style="margin-left: 10px"
-            icon="fas fa-arrow-down"
-            data-command="toBack"
-            class="command fa fa-arrow-down"
-            title="下降层级"
-          ></font-awesome-icon>
-          <font-awesome-icon
-            style="margin-left: 10px"
-            icon="fas fa-check-square"
-            data-command="selectAll"
-            class="command fa fa-check-square-o"
-            title="全选"
-          ></font-awesome-icon>
-          <font-awesome-icon
-            style="margin-left: 10px"
-            icon="far fa-copy"
-            data-command="copy"
-            class="command fa fa-files-o"
-            title="复制"
-          ></font-awesome-icon>
+          <font-awesome-icon style="margin-left: 10px" data-command="undo" icon="fas fa-undo" class="command fa fa-undo"
+            title="撤销"></font-awesome-icon>
+          <font-awesome-icon style="margin-left: 10px" data-command="redo" class="command fa fa-repeat"
+            icon="fas fa-repeat" title="重做"></font-awesome-icon>
+          <font-awesome-icon style="margin-left: 10px" data-command="delete" class="command fa fa-trash-o"
+            icon="fas fa-trash-alt" title="删除"></font-awesome-icon>
+          <font-awesome-icon style="margin-left: 10px" data-command="zoomOut" class="command fa fa-search-minus"
+            icon="fas fa-search-minus" title="缩小"></font-awesome-icon>
+          <font-awesome-icon style="margin-left: 10px" data-command="zoomIn" icon="fas fa-search-plus"
+            class="command fa fa-search-plus" title="放大"></font-awesome-icon>
+          <font-awesome-icon style="margin-left: 10px" icon="fas fa-eraser" data-command="clear"
+            class="command fa fa-eraser" title="清除画布"></font-awesome-icon>
+          <font-awesome-icon style="margin-left: 10px" icon="fas fa-arrow-up" data-command="toFront"
+            class="command fa fa-arrow-up" title="提升层级"></font-awesome-icon>
+          <font-awesome-icon style="margin-left: 10px" icon="fas fa-arrow-down" data-command="toBack"
+            class="command fa fa-arrow-down" title="下降层级"></font-awesome-icon>
+          <font-awesome-icon style="margin-left: 10px" icon="fas fa-check-square" data-command="selectAll"
+            class="command fa fa-check-square-o" title="全选"></font-awesome-icon>
+          <font-awesome-icon style="margin-left: 10px" icon="far fa-copy" data-command="copy"
+            class="command fa fa-files-o" title="复制"></font-awesome-icon>
 
-          <font-awesome-icon
-            style="margin-left: 10px"
-            icon="fas fa-clone"
-            data-command="paste"
-            class="command fa fa-clipboard"
-            title="粘贴"
-          ></font-awesome-icon>
-          <font-awesome-icon
-            style="margin-left: 10px"
-            icon="fas fa-expand"
-            data-command="autoZoom"
-            class="command fa fa-expand"
-            title="实际大小"
-          ></font-awesome-icon>
-          <font-awesome-icon
-            style="margin-left: 10px"
-            icon="fas fa-compress"
-            data-command="resetZoom"
-            class="command fa fa-compress"
-            title="适应页面"
-          ></font-awesome-icon>
-          <font-awesome-icon
-            style="margin-left: 10px"
-            icon="fas fa-object-group"
-            data-command="addGroup"
-            class="command fa fa-object-group"
-            title="组合"
-          ></font-awesome-icon>
-          <font-awesome-icon
-            style="margin-left: 10px"
-            icon="fas fa-object-ungroup"
-            data-command="unGroup"
-            class="command fa fa-object-ungroup"
-            title="取消组合"
-          ></font-awesome-icon>
-          <font-awesome-icon
-            style="margin-left: 10px"
-            icon="fas fa-crop"
-            data-command="multiSelect"
-            class="command fa fa fa-crop"
-            title="多选"
-          ></font-awesome-icon>
+          <font-awesome-icon style="margin-left: 10px" icon="fas fa-clone" data-command="paste"
+            class="command fa fa-clipboard" title="粘贴"></font-awesome-icon>
+          <font-awesome-icon style="margin-left: 10px" icon="fas fa-expand" data-command="autoZoom"
+            class="command fa fa-expand" title="实际大小"></font-awesome-icon>
+          <font-awesome-icon style="margin-left: 10px" icon="fas fa-compress" data-command="resetZoom"
+            class="command fa fa-compress" title="适应页面"></font-awesome-icon>
+          <font-awesome-icon style="margin-left: 10px" icon="fas fa-object-group" data-command="addGroup"
+            class="command fa fa-object-group" title="组合"></font-awesome-icon>
+          <font-awesome-icon style="margin-left: 10px" icon="fas fa-object-ungroup" data-command="unGroup"
+            class="command fa fa-object-ungroup" title="取消组合"></font-awesome-icon>
+          <font-awesome-icon style="margin-left: 10px" icon="fas fa-crop" data-command="multiSelect"
+            class="command fa fa fa-crop" title="多选"></font-awesome-icon>
         </div>
       </el-col>
     </el-row>
@@ -201,33 +99,23 @@
     <article>
       <!-- 下载图片 -->
       <section class="save-as-image-dialog">
-        <el-dialog
-          title="下载图片"
-          :visible.sync="saveAsImageDialogVisible"
-          width="360px"
-        >
+        <el-dialog title="下载图片" :visible.sync="saveAsImageDialogVisible" width="360px">
           <el-form label-width="100px" label-position="top">
             <el-form-item label="选择图片格式">
               <el-select v-model="saveAsImageFormat">
                 <el-option label="jpg" value="jpg">
                   <span style="float: left">jpg</span>
-                  <span style="float: right; color: #8492a6; font-size: 13px"
-                    >白色背景</span
-                  >
+                  <span style="float: right; color: #8492a6; font-size: 13px">白色背景</span>
                 </el-option>
                 <el-option label="png" value="png">
                   <span style="float: left">png</span>
-                  <span style="float: right; color: #8492a6; font-size: 13px"
-                    >透明背景</span
-                  >
+                  <span style="float: right; color: #8492a6; font-size: 13px">透明背景</span>
                 </el-option>
               </el-select>
             </el-form-item>
           </el-form>
           <span slot="footer">
-            <el-button @click="saveAsImageDialogVisible = false"
-              >取 消</el-button
-            >
+            <el-button @click="saveAsImageDialogVisible = false">取 消</el-button>
             <el-button type="primary" @click="saveAsImage">确 定</el-button>
           </span>
         </el-dialog>
@@ -252,9 +140,7 @@
         </div>
         <div data-status="canvas-selected" class="menu">
           <el-button data-command="undo" class="command">撤销</el-button>
-          <el-button data-command="redo" class="command disable"
-            >重做</el-button
-          >
+          <el-button data-command="redo" class="command disable">重做</el-button>
         </div>
         <div data-status="multi-selected" class="menu">
           <el-button data-command="copy" class="command">复制</el-button>
@@ -270,18 +156,17 @@ import G6Editor from "@antv/g6-editor";
 import mixin from "../mianview/mixin";
 import { selectScriptEdgeNode } from "@/api/system/preview";
 import { construct } from "netflix-conductor-json-tree/dist/index";
-import Cookies from 'js-cookie'
 export default {
   name: "VueG6Editor",
   mixins: [mixin],
   data() {
     return {
       form: {
-      scriptInfoId: null,
-      flowScheme: null,
-      nodes: [],
-      edges: [],
-    },
+        scriptInfoId: null,
+        flowScheme: null,
+        nodes: [],
+        edges: [],
+      },
       // form: {
       //   nodes: [{
       //     color
@@ -641,14 +526,13 @@ export default {
     this.editor.getCurrentPage().read(this.form);
   },
   methods: {
-    getlist(){
-  selectScriptEdgeNode(Cookies.get('id')).then(res=>{
-    this.form=JSON.parse(res.data.flowScheme)
-    this.editor.getCurrentPage().read(this.form);
-    // console.log(this.form,'this.form')
-
-  })
-},
+    getlist() {
+      selectScriptEdgeNode(this.$route.query.id).then(res => {
+        this.form = JSON.parse(res.data.flowScheme)
+        this.editor.getCurrentPage().read(this.form);
+        // console.log(this.form,'this.form')
+      })
+    },
     // 初始化
     initG6Editor() {
       const _this = this;
@@ -669,7 +553,7 @@ export default {
           let needSaveData = editor.getCurrentPage().save();
           console.log(needSaveData, 'needSaveData');
           // JSON.parse(JSON.stringify(needSaveData))
-          const text =JSON.stringify(needSaveData)
+          const text = JSON.stringify(needSaveData)
           console.log(JSON.parse(JSON.stringify(text)), 'text');
           localStorage.setItem("flowData", JSON.stringify(needSaveData));
           _this.save(needSaveData);
diff --git a/src/views/system/preview/index.vue b/src/views/system/preview/index.vue
index bb57470..2aa0961 100644
--- a/src/views/system/preview/index.vue
+++ b/src/views/system/preview/index.vue
@@ -22,154 +22,52 @@
           > -->
           <!-- <font-awesome-icon icon="heart" /> -->
           <!-- <FontAwesomeIcon icon="far fa-copy" /> -->
-          <font-awesome-icon
-            data-command="save"
-            class="command fa fa-floppy-o"
-            icon="command far far fa-copy"
-            title="保存"
-          ></font-awesome-icon>
-          <font-awesome-icon
-            style="margin-left: 10px"
-            icon="fas fa-reply-all"
-            title="历史数据"
-            @click="readHistoryData"
-          ></font-awesome-icon>
-          <font-awesome-icon
-            style="margin-left: 10px"
-            class="fa fa-hdd-o"
-            icon="fas fa-file"
-            title="上传数据"
-            @click="readUploadData"
-          ></font-awesome-icon>
-          <font-awesome-icon
-            icon="fas fa-download"
-            style="margin-left: 10px"
-            title="另存为文件"
-            @click="saveAsFile"
-            >文件</font-awesome-icon
-          >
+          <font-awesome-icon data-command="save" class="command fa fa-floppy-o" icon="command far far fa-copy"
+            title="保存"></font-awesome-icon>
+          <font-awesome-icon style="margin-left: 10px" icon="fas fa-reply-all" title="历史数据"
+            @click="readHistoryData"></font-awesome-icon>
+          <font-awesome-icon style="margin-left: 10px" class="fa fa-hdd-o" icon="fas fa-file" title="上传数据"
+            @click="readUploadData"></font-awesome-icon>
+          <font-awesome-icon icon="fas fa-download" style="margin-left: 10px" title="另存为文件"
+            @click="saveAsFile">文件</font-awesome-icon>
           <!-- <FontAwesomeIcon icon="fas fa-image" /> -->
 
-          <font-awesome-icon
-            style="margin-left: 10px"
-            icon="fas fa-image"
-            title="另存为图片"
-            @click="openSaveAsImageDialog"
-          ></font-awesome-icon>
+          <font-awesome-icon style="margin-left: 10px" icon="fas fa-image" title="另存为图片"
+            @click="openSaveAsImageDialog"></font-awesome-icon>
 
-          <font-awesome-icon
-            style="margin-left: 10px"
-            data-command="undo"
-            icon="fas fa-undo"
-            class="command fa fa-undo"
-            title="撤销"
-          ></font-awesome-icon>
-          <font-awesome-icon
-            style="margin-left: 10px"
-            data-command="redo"
-            class="command fa fa-repeat"
-            icon="fas fa-repeat"
-            title="重做"
-          ></font-awesome-icon>
-          <font-awesome-icon
-            style="margin-left: 10px"
-            data-command="delete"
-            class="command fa fa-trash-o"
-            icon="fas fa-trash-alt"
-            title="删除"
-          ></font-awesome-icon>
-          <font-awesome-icon
-            style="margin-left: 10px"
-            data-command="zoomOut"
-            class="command fa fa-search-minus"
-            icon="fas fa-search-minus"
-            title="缩小"
-          ></font-awesome-icon>
-          <font-awesome-icon
-            style="margin-left: 10px"
-            data-command="zoomIn"
-            icon="fas fa-search-plus"
-            class="command fa fa-search-plus"
-            title="放大"
-          ></font-awesome-icon>
-          <font-awesome-icon
-            style="margin-left: 10px"
-            icon="fas fa-eraser"
-            data-command="clear"
-            class="command fa fa-eraser"
-            title="清除画布"
-          ></font-awesome-icon>
-          <font-awesome-icon
-            style="margin-left: 10px"
-            icon="fas fa-arrow-up"
-            data-command="toFront"
-            class="command fa fa-arrow-up"
-            title="提升层级"
-          ></font-awesome-icon>
-          <font-awesome-icon
-            style="margin-left: 10px"
-            icon="fas fa-arrow-down"
-            data-command="toBack"
-            class="command fa fa-arrow-down"
-            title="下降层级"
-          ></font-awesome-icon>
-          <font-awesome-icon
-            style="margin-left: 10px"
-            icon="fas fa-check-square"
-            data-command="selectAll"
-            class="command fa fa-check-square-o"
-            title="全选"
-          ></font-awesome-icon>
-          <font-awesome-icon
-            style="margin-left: 10px"
-            icon="far fa-copy"
-            data-command="copy"
-            class="command fa fa-files-o"
-            title="复制"
-          ></font-awesome-icon>
+          <font-awesome-icon style="margin-left: 10px" data-command="undo" icon="fas fa-undo" class="command fa fa-undo"
+            title="撤销"></font-awesome-icon>
+          <font-awesome-icon style="margin-left: 10px" data-command="redo" class="command fa fa-repeat"
+            icon="fas fa-repeat" title="重做"></font-awesome-icon>
+          <font-awesome-icon style="margin-left: 10px" data-command="delete" class="command fa fa-trash-o"
+            icon="fas fa-trash-alt" title="删除"></font-awesome-icon>
+          <font-awesome-icon style="margin-left: 10px" data-command="zoomOut" class="command fa fa-search-minus"
+            icon="fas fa-search-minus" title="缩小"></font-awesome-icon>
+          <font-awesome-icon style="margin-left: 10px" data-command="zoomIn" icon="fas fa-search-plus"
+            class="command fa fa-search-plus" title="放大"></font-awesome-icon>
+          <font-awesome-icon style="margin-left: 10px" icon="fas fa-eraser" data-command="clear"
+            class="command fa fa-eraser" title="清除画布"></font-awesome-icon>
+          <font-awesome-icon style="margin-left: 10px" icon="fas fa-arrow-up" data-command="toFront"
+            class="command fa fa-arrow-up" title="提升层级"></font-awesome-icon>
+          <font-awesome-icon style="margin-left: 10px" icon="fas fa-arrow-down" data-command="toBack"
+            class="command fa fa-arrow-down" title="下降层级"></font-awesome-icon>
+          <font-awesome-icon style="margin-left: 10px" icon="fas fa-check-square" data-command="selectAll"
+            class="command fa fa-check-square-o" title="全选"></font-awesome-icon>
+          <font-awesome-icon style="margin-left: 10px" icon="far fa-copy" data-command="copy"
+            class="command fa fa-files-o" title="复制"></font-awesome-icon>
 
-          <font-awesome-icon
-            style="margin-left: 10px"
-            icon="fas fa-clone"
-            data-command="paste"
-            class="command fa fa-clipboard"
-            title="粘贴"
-          ></font-awesome-icon>
-          <font-awesome-icon
-            style="margin-left: 10px"
-            icon="fas fa-expand"
-            data-command="autoZoom"
-            class="command fa fa-expand"
-            title="实际大小"
-          ></font-awesome-icon>
-          <font-awesome-icon
-            style="margin-left: 10px"
-            icon="fas fa-compress"
-            data-command="resetZoom"
-            class="command fa fa-compress"
-            title="适应页面"
-          ></font-awesome-icon>
-          <font-awesome-icon
-            style="margin-left: 10px"
-            icon="fas fa-object-group"
-            data-command="addGroup"
-            class="command fa fa-object-group"
-            title="组合"
-          ></font-awesome-icon>
-          <font-awesome-icon
-            style="margin-left: 10px"
-            icon="fas fa-object-ungroup"
-            data-command="unGroup"
-            class="command fa fa-object-ungroup"
-            title="取消组合"
-          ></font-awesome-icon>
-          <font-awesome-icon
-            style="margin-left: 10px"
-            icon="fas fa-crop"
-            data-command="multiSelect"
-            class="command fa fa fa-crop"
-            title="多选"
-          ></font-awesome-icon>
+          <font-awesome-icon style="margin-left: 10px" icon="fas fa-clone" data-command="paste"
+            class="command fa fa-clipboard" title="粘贴"></font-awesome-icon>
+          <font-awesome-icon style="margin-left: 10px" icon="fas fa-expand" data-command="autoZoom"
+            class="command fa fa-expand" title="实际大小"></font-awesome-icon>
+          <font-awesome-icon style="margin-left: 10px" icon="fas fa-compress" data-command="resetZoom"
+            class="command fa fa-compress" title="适应页面"></font-awesome-icon>
+          <font-awesome-icon style="margin-left: 10px" icon="fas fa-object-group" data-command="addGroup"
+            class="command fa fa-object-group" title="组合"></font-awesome-icon>
+          <font-awesome-icon style="margin-left: 10px" icon="fas fa-object-ungroup" data-command="unGroup"
+            class="command fa fa-object-ungroup" title="取消组合"></font-awesome-icon>
+          <font-awesome-icon style="margin-left: 10px" icon="fas fa-crop" data-command="multiSelect"
+            class="command fa fa fa-crop" title="多选"></font-awesome-icon>
         </div>
       </el-col>
     </el-row>
@@ -179,66 +77,30 @@
       <el-col :span="2">
         <div id="itempannel">
           <!-- 开始节点 -->
-          <div
-            id="startNode"
-            class="getItem"
-            data-type="node"
-            data-shape="flow-circle"
-            data-size="72*72"
-            data-label="开始节点"
-            data-color="#FA8C16"
-            data-nodeType="startNode"
-          >
+          <div id="startNode" class="getItem" data-type="node" data-shape="flow-circle" data-size="72*72"
+            data-label="开始节点" data-color="#FA8C16" data-nodeType="startNode">
             <img draggable="false" :src="startNodeSVGUrl" alt srcset />
           </div>
           <!-- 常规节点 -->
-          <div
-            id="regularNode"
-            class="getItem"
-            data-type="node"
-            data-size="100*50"
-            data-label="常规节点"
-            data-color="#1890ff"
-          >
+          <div id="regularNode" class="getItem" data-type="node" data-size="100*50" data-label="常规节点"
+            data-color="#1890ff">
             <img draggable="false" :src="regularNodeSVGUrl" alt srcset />
           </div>
 
           <!-- 条件节点 -->
-          <div
-            id="judgeNode"
-            class="getItem"
-            data-type="node"
-            data-shape="flow-rhombus"
-            data-size="80*80"
-            data-label="条件节点"
-            data-color="#13C2C2"
-          >
+          <div id="judgeNode" class="getItem" data-type="node" data-shape="flow-rhombus" data-size="80*80"
+            data-label="条件节点" data-color="#13C2C2">
             <img draggable="false" :src="conditionNodeSVGUrl" />
           </div>
           <!-- 自定义节点 -->
-          <div
-            class="getItem"
-            data-type="node"
-            data-shape="customNode"
-            data-size="80*48"
-            data-labeltitle=""
-            data-labelconcent=""
-            data-color="#722ED1"
-          >
+          <div class="getItem" data-type="node" data-shape="customNode" data-size="80*48" data-labeltitle=""
+            data-labelconcent="" data-color="#722ED1">
             <img draggable="false" :src="nNodeSVGUrl" />
           </div>
 
           <!-- 结束节点 -->
-          <div
-            id="endNode"
-            class="getItem"
-            data-type="node"
-            data-shape="flow-circle"
-            data-size="80*80"
-            data-label="结束节点"
-            data-color="#FA8C16"
-            data-nodeType="endNode"
-          >
+          <div id="endNode" class="getItem" data-type="node" data-shape="flow-circle" data-size="80*80"
+            data-label="结束节点" data-color="#FA8C16" data-nodeType="endNode">
             <img draggable="false" :src="endNodeSVGUrl" />
           </div>
         </div>
@@ -254,84 +116,44 @@
         <section class="right-part">
           <div id="detailpannel">
             <!-- 节点属性栏 -->
-            <div
-              id="nodeAttributeBar"
-              class="pannel"
-              data-status="node-selected"
-            >
+            <div id="nodeAttributeBar" class="pannel" data-status="node-selected">
               <div class="title">节点属性</div>
               <div class="main">
-                <el-form
-                  :model="nodeAttributeForm"
-                  label-position="top"
-                  label-width="80px"
-                >
+                <el-form :model="nodeAttributeForm" label-position="top" label-width="80px">
                   <el-form-item label="节点文本" v-if="type != 'customNode'">
-                    <el-input
-                      v-model="nodeAttributeForm.label"
-                      @change="saveNodeAttribute"
-                    ></el-input>
+                    <el-input v-model="nodeAttributeForm.label" @change="saveNodeAttribute"></el-input>
                   </el-form-item>
                   <el-form-item label="标题" v-if="type == 'customNode'">
-                    <el-input
-                      class="bold-input"
-                      v-model="nodeAttributeForm.labeltitle"
-                      @change="saveNodeAttribute"
-                    ></el-input>
+                    <el-input class="bold-input" v-model="nodeAttributeForm.labeltitle"
+                      @change="saveNodeAttribute"></el-input>
                   </el-form-item>
                   <el-form-item label="内容" v-if="type == 'customNode'">
-                    <el-input
-                      type="textarea"
-                      v-model="nodeAttributeForm.labelconcent"
-                      @change="saveNodeAttribute"
-                    ></el-input>
+                    <el-input type="textarea" v-model="nodeAttributeForm.labelconcent"
+                      @change="saveNodeAttribute"></el-input>
                   </el-form-item>
                   <el-form-item label="宽度">
-                    <el-input
-                      v-model="nodeAttributeForm.width"
-                      @change="saveNodeAttribute"
-                    ></el-input>
+                    <el-input v-model="nodeAttributeForm.width" @change="saveNodeAttribute"></el-input>
                   </el-form-item>
                   <el-form-item label="高度">
-                    <el-input
-                      v-model="nodeAttributeForm.height"
-                      @change="saveNodeAttribute"
-                    ></el-input>
+                    <el-input v-model="nodeAttributeForm.height" @change="saveNodeAttribute"></el-input>
                   </el-form-item>
                   <el-form-item label="颜色">
-                    <el-color-picker
-                      v-model="nodeAttributeForm.color"
-                      @change="saveNodeAttribute"
-                    ></el-color-picker>
+                    <el-color-picker v-model="nodeAttributeForm.color" @change="saveNodeAttribute"></el-color-picker>
                   </el-form-item>
                 </el-form>
               </div>
             </div>
             <!-- 边属性栏 -->
-            <div
-              id="edgeAttributeBar"
-              class="pannel"
-              data-status="edge-selected"
-            >
+            <div id="edgeAttributeBar" class="pannel" data-status="edge-selected">
               <div class="title">边属性</div>
               <div class="main">
-                <el-form
-                  :model="edgeAttributeForm"
-                  label-position="top"
-                  label-width="80px"
-                >
+                <el-form :model="edgeAttributeForm" label-position="top" label-width="80px">
                   <el-form-item label="边文本">
-                    <el-input
-                      v-model="edgeAttributeForm.label"
-                      @change="saveEdgeAttribute"
-                    ></el-input>
+                    <el-input v-model="edgeAttributeForm.label" @change="saveEdgeAttribute"></el-input>
                   </el-form-item>
                   <el-form-item label="关键字">
-                    <el-input
-                      type="textarea"
-                      v-model="edgeAttributeForm.keyword"
-                      @change="saveEdgeAttribute"
-                    ></el-input>
+                    <el-input type="textarea" v-model="edgeAttributeForm.keyword"
+                      @change="saveEdgeAttribute"></el-input>
                   </el-form-item>
                   <!-- <el-form-item label="边文本">
                     <el-select
@@ -355,35 +177,20 @@
                 </el-form>
               </div>
             </div>
-            <div
-              id="groupAttributeBar"
-              class="pannel"
-              data-status="group-selected"
-            >
+            <div id="groupAttributeBar" class="pannel" data-status="group-selected">
               <div class="title">群组属性栏</div>
             </div>
-            <div
-              id="canvasAttributeBar"
-              class="pannel"
-              data-status="canvas-selected"
-            >
+            <div id="canvasAttributeBar" class="pannel" data-status="canvas-selected">
               <div class="title">画布属性栏</div>
               <div class="main">
                 <el-form label-width="80px" label-position="right">
                   <el-form-item label="网格对齐">
-                    <el-checkbox
-                      v-model="canvasAttributeForm.grid"
-                      @change="toggleGridShowStatus"
-                    ></el-checkbox>
+                    <el-checkbox v-model="canvasAttributeForm.grid" @change="toggleGridShowStatus"></el-checkbox>
                   </el-form-item>
                 </el-form>
               </div>
             </div>
-            <div
-              id="multiAttributeBar"
-              class="pannel"
-              data-status="multi-selected"
-            >
+            <div id="multiAttributeBar" class="pannel" data-status="multi-selected">
               <div class="title">多选时属性栏</div>
             </div>
           </div>
@@ -398,19 +205,13 @@
     <article>
       <!-- 下载图片 -->
       <section class="save-as-image-dialog">
-        <el-dialog
-          title="生成图片"
-          :visible.sync="saveAsImageDialogVisible"
-          width="360px"
-        >
+        <el-dialog title="生成图片" :visible.sync="saveAsImageDialogVisible" width="360px">
           <el-form label-width="100px" label-position="top">
             <el-form-item label="图片格式">
               <el-select v-model="saveAsImageFormat">
                 <el-option label="jpg" value="jpg">
                   <span style="float: left">jpg</span>
-                  <span style="float: right; color: #8492a6; font-size: 13px"
-                    >白色背景</span
-                  >
+                  <span style="float: right; color: #8492a6; font-size: 13px">白色背景</span>
                 </el-option>
                 <!-- <el-option label="png" value="png">
                   <span style="float: left">png</span>
@@ -422,9 +223,7 @@
             </el-form-item>
           </el-form>
           <span slot="footer">
-            <el-button @click="saveAsImageDialogVisible = false"
-              >取 消</el-button
-            >
+            <el-button @click="saveAsImageDialogVisible = false">取 消</el-button>
             <el-button type="primary" @click="saveAsImage">确 定</el-button>
           </span>
         </el-dialog>
@@ -449,9 +248,7 @@
         </div>
         <div data-status="canvas-selected" class="menu">
           <el-button data-command="undo" class="command">撤销</el-button>
-          <el-button data-command="redo" class="command disable"
-            >重做</el-button
-          >
+          <el-button data-command="redo" class="command disable">重做</el-button>
         </div>
         <div data-status="multi-selected" class="menu">
           <el-button data-command="copy" class="command">复制</el-button>
@@ -558,7 +355,7 @@ export default {
 
   methods: {
     getlist() {
-      selectScriptEdgeNode(Cookies.get('id')).then(res => {
+      selectScriptEdgeNode(this.$route.query.id).then(res => {
         this.form = JSON.parse(res.data.flowScheme)
         this.form = JSON.parse(res.data.flowScheme)
         console.log(this.form)
@@ -603,7 +400,7 @@ export default {
         execute(editor) {
           let needSaveData = editor.getCurrentPage().save();
           let newObj = JSON.parse(JSON.stringify(needSaveData))
-          newObj.scriptInfoId = Cookies.get('id')
+          newObj.scriptInfoId = Number(_this.$route.query.id)
           newObj.flowScheme = JSON.stringify(needSaveData)
           newObj.edges.forEach(e => {
             if (e.keyword) {
@@ -794,8 +591,8 @@ export default {
     base64ToFile(base64Data, filename) {
       const now = new Date();
       const nowdata = now.toTimeString().split(' ')[0]; // 获取时分秒
-      console.log(nowdata,'nowdata')
-      const nowdatanew=nowdata.replace(/:/g, '-')
+      console.log(nowdata, 'nowdata')
+      const nowdatanew = nowdata.replace(/:/g, '-')
       // this.attributeName.replace(/:/g, '-');
       const name = Cookies.get('username')
       // 将base64的数据类型前缀去掉（如果有必要）
@@ -814,7 +611,7 @@ export default {
       // 将二进制数据转换为Blob对象
       const blob = new Blob([bytes], { type: mimeType });
       // 创建File对象
-      const file = new File([blob], Cookies.get('scriptId') + '.jpg', { type: mimeType });
+      const file = new File([blob], this.$route.query.scriptId + '.jpg', { type: mimeType });
       return file;
     },
 
@@ -844,9 +641,9 @@ export default {
       console.log(formDatanew, 'formDatanew')
       uploadScriptInfo(formDatanew).then(response => {
         if (response.code == 200) {
-          var obj={
-            id:Cookies.get('id'),
-            scriptFilePath:response.imgUrl
+          var obj = {
+            id: this.$route.query.id,
+            scriptFilePath: response.imgUrl
           }
 
           edit(obj).then(response => {
@@ -926,5 +723,6 @@ export default {
 .bold-input ::v-deep .el-input__inner {
   font-weight: bold;
 }
+
 @import url("../mianview/index.less");
 </style>