完善拖拽平面图

package.json

@@ -24,6 +24,7 @@
     "echarts": "^5.3.2",
     "element-resize-detector": "^1.2.4",
     "element-ui": "2.13.0",
+    "file-saver": "^2.0.5",
     "gm-crypt": "^0.0.2",
     "html-loader": "^1.1.0",
     "js-base64": "^2.6.2",
@@ -44,6 +45,7 @@
     "vue-pdf": "^4.1.0",
     "vue-print-nb": "^1.7.5",
     "vue-router": "3.0.6",
+    "vue-super-flow": "^1.3.8",
     "vuedraggable": "^2.23.2",
     "vuex": "3.1.0"
   },

src/api/planeGraph.js

+import request from '@/utils/request'
+
+/**
+* 1. 列表查询
+* 2. 查询详细信息
+*/
+
+
+
+// 3. 保存
+// export function addBIchnography(data) {
+//   return request({
+//     url: '/bichnography/add',
+//     method: 'post',
+//     headers : { 'Content-Type' : 'multipart/form-data' },
+//     data: data
+//   })
+// }
+
+
+//  查询最近一条数据
+export function findLatestData() {
+  return request({
+    url: '/bichnography/findLatestData',
+    method: 'get',
+  })
+}
+
+export function addBIchnography(data) {
+  return request({
+    method: 'post',
+    url: '/bichnography/add',
+    headers: {
+      'Content-Type': 'application/json'
+    },
+    data: data
+  })
+}
+
+export function findLabelWithBoxes() {
+  return request({
+    url: '/incomewmsbox/findLabelWithBoxes',
+    method: 'get',
+  })
+}

src/router/index.js

@@ -43,6 +43,11 @@ export const constantRoutes = [
     component: (resolve) => require(['@/views/login/login.vue'], resolve),
     hidden: true
   },
+  {
+    path: '/graphWatch',
+    component: (resolve) => require(['@/views/template/graph/graphWatch.vue'], resolve),
+    hidden: true
+  },
   // {
   //   path: '/forgetPwd',
   //   component: LayoutLogin,

src/views/template/graph/nodeListJson.json

+{
+  "nodeList": [
+    {
+      "id": "nodeNvdvLvfgmmlu7x48",
+      "width": 100,
+      "height": 100,
+      "coordinate": [
+        245.75,
+        286.25
+      ],
+      "meta": {
+        "label": "1",
+        "name": "服务器",
+        "flowName": "",
+        "img": "url('https://img.zcool.cn/community/01671f5541cb2a0000011541dcdc30.jpg@1280w_1l_2o_100sh.jpg')"
+      }
+    },
+    {
+      "id": "noder7mLkSdXagbzVf9m",
+      "width": 120,
+      "height": 40,
+      "coordinate": [
+        183.75,
+        439.25
+      ],
+      "meta": {
+        "label": "5",
+        "name": "标题",
+        "flowName": "",
+        "img": ""
+      }
+    },
+    {
+      "id": "nodeCU2bFuEJwlSV3Wcp",
+      "width": 150,
+      "height": 150,
+      "coordinate": [
+        277.75,
+        91.25
+      ],
+      "meta": {
+        "label": "架子",
+        "name": "架子1313",
+        "flowName": "123",
+        "img": "url('https://img.zcool.cn/community/01671f5541cb2a0000011541dcdc30.jpg@1280w_1l_2o_100sh.jpg')",
+        "desc": "123213"
+      }
+    }
+  ],
+  "linkList": [
+    {
+      "id": "linkDu9RMGNMKklMs7Kd",
+      "startId": "nodeCU2bFuEJwlSV3Wcp",
+      "endId": "nodeNvdvLvfgmmlu7x48",
+      "startAt": [
+        75,
+        150
+      ],
+      "endAt": [
+        50,
+        0
+      ],
+      "meta": null
+    }
+  ],
+  "background": ""
+}
\ No newline at end of file