From 6499ec45765ccbcf78c765445d0102aa4d918f98 Mon Sep 17 00:00:00 2001
From: 廖井涛 <2265517004@qq.com>
Date: 星期五, 25 七月 2025 13:32:34 +0800
Subject: [PATCH] dxf异形显示商标拖拽

---
 north-glass-erp/northglass-erp/package.json                                  |    4 
 north-glass-erp/northglass-erp/src/views/sd/order/CreateOrder.vue            |   41 
 north-glass-erp/northglass-erp/src/components/sd/order/UpdateAlienEditor.vue |  149 ++
 north-glass-erp/northglass-erp/package-lock.json                             | 1494 ++++++++++++++++++++++++++++
 north-glass-erp/northglass-erp/src/views/sd/order/UpdateOrderCraft.vue       |  747 ++++++++++++-
 north-glass-erp/src/main/java/com/example/erp/service/sd/OrderService.java   |    4 
 north-glass-erp/northglass-erp/src/views/mm/basicData/canvas.vue             |  695 +++++++++++++
 7 files changed, 3,018 insertions(+), 116 deletions(-)

diff --git a/north-glass-erp/northglass-erp/package-lock.json b/north-glass-erp/northglass-erp/package-lock.json
index 68d93a6..903df15 100644
--- a/north-glass-erp/northglass-erp/package-lock.json
+++ b/north-glass-erp/northglass-erp/package-lock.json
@@ -12,8 +12,12 @@
         "@vue-macros/reactivity-transform": "^0.3.23",
         "axios": "^1.5.1",
         "decimal.js": "^10.4.3",
+        "dxf-parser": "^1.1.2",
+        "dxf-writer": "^1.18.4",
         "element-plus": "^2.9.3",
         "file-saver": "^2.0.5",
+        "leafer-ui": "^1.8.0",
+        "leaflet": "^1.9.4",
         "moment": "^2.30.1",
         "northglass-erp": "file:",
         "pinia": "^2.1.6",
@@ -759,6 +763,461 @@
       "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
       "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
     },
+    "node_modules/@leafer-in/interface": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-in/interface/-/interface-1.8.0.tgz",
+      "integrity": "sha512-j4ucPjPX8/TBIID1RPHv6CA1KtiIh56igvrHBYHd44NS1tzKWhsswKUVRrzK0nqeSh1VL4SzGZgiQNwZq56R4A==",
+      "peerDependencies": {
+        "@leafer-ui/interface": "^1.8.0",
+        "@leafer/interface": "^1.8.0"
+      }
+    },
+    "node_modules/@leafer-ui/app": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-ui/app/-/app-1.8.0.tgz",
+      "integrity": "sha512-IapfZlekYrm32h2KfILlbdzcD7n4ncrzXLeM0h0XBK+4rRCqLrPNScPbzKtNhaMhFvq2NjLdfWVqmy63jXfj2g==",
+      "dependencies": {
+        "@leafer-ui/data": "1.8.0",
+        "@leafer-ui/display": "1.8.0",
+        "@leafer/core": "1.8.0"
+      }
+    },
+    "node_modules/@leafer-ui/bounds": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-ui/bounds/-/bounds-1.8.0.tgz",
+      "integrity": "sha512-k72/biSCoUKNM7Gtk25R1AuBwdebT9b2XVveAqbaAq0CV6Wk0tUbjAnzyarSyzYn4BgrjPCTGl/lYtiPuIAiRQ==",
+      "dependencies": {
+        "@leafer/core": "1.8.0"
+      }
+    },
+    "node_modules/@leafer-ui/color": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-ui/color/-/color-1.8.0.tgz",
+      "integrity": "sha512-WLw7rgA7zgVp8dp1hahWM8v8lo6HClUmpbWrsPTTlA7QXAiNpayfh8bV8NOhhwhQhCtxOEtC6UGKsBcTorwqMQ==",
+      "dependencies": {
+        "@leafer-ui/draw": "1.8.0"
+      }
+    },
+    "node_modules/@leafer-ui/core": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-ui/core/-/core-1.8.0.tgz",
+      "integrity": "sha512-GkFRaNoArkFEEctzP5rKxOzFOnNzTLa9hLbvPQM/CFCBSSDdkx+BsnKBPkwHqvcRvGQLPZ3fhpoatxMoQncPug==",
+      "dependencies": {
+        "@leafer-ui/app": "1.8.0",
+        "@leafer-ui/draw": "1.8.0",
+        "@leafer-ui/event": "1.8.0",
+        "@leafer-ui/hit": "1.8.0",
+        "@leafer-ui/interaction": "1.8.0"
+      }
+    },
+    "node_modules/@leafer-ui/data": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-ui/data/-/data-1.8.0.tgz",
+      "integrity": "sha512-J386mOuGuVbpCU9fYdNg2IAluufYhjP4latizX8YdPEAnS2qGgbz5OahLwyCtBLYH50mT6gMyL/HSFXY4Idj5g==",
+      "dependencies": {
+        "@leafer-ui/external": "1.8.0",
+        "@leafer/core": "1.8.0"
+      }
+    },
+    "node_modules/@leafer-ui/decorator": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-ui/decorator/-/decorator-1.8.0.tgz",
+      "integrity": "sha512-LGY8yqk+7TFhC0VgSV0jz1mHEY/6pLSmX5BNxuyomOBLzKbmW+EaWKl1JtuIBjg5ENXL5ZhVWfDZIs38fxM5Zw==",
+      "dependencies": {
+        "@leafer/core": "1.8.0"
+      }
+    },
+    "node_modules/@leafer-ui/display": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-ui/display/-/display-1.8.0.tgz",
+      "integrity": "sha512-VrDOH5UTrYqAjLb2GIrVpTO33lHznxLDzP0IBqPduTGSe43BPMz7iNqUHwzgZDsV/qBKasLUtbrWcuk7SAp1fA==",
+      "dependencies": {
+        "@leafer-ui/data": "1.8.0",
+        "@leafer-ui/decorator": "1.8.0",
+        "@leafer-ui/display-module": "1.8.0",
+        "@leafer-ui/external": "1.8.0",
+        "@leafer/core": "1.8.0"
+      }
+    },
+    "node_modules/@leafer-ui/display-module": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-ui/display-module/-/display-module-1.8.0.tgz",
+      "integrity": "sha512-69ZsFg+pUGskFa8kfO1OnmAz6q4q0/RNlmqbPE8B2D35J6JVJeITK1PBxGOGB/hKhDdoGUDpkb/MuKeIiIhNoA==",
+      "dependencies": {
+        "@leafer-ui/bounds": "1.8.0",
+        "@leafer-ui/data": "1.8.0",
+        "@leafer-ui/render": "1.8.0"
+      }
+    },
+    "node_modules/@leafer-ui/draw": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-ui/draw/-/draw-1.8.0.tgz",
+      "integrity": "sha512-utYzJ4IIP2GaKWTVaO19gnlrz0HMXmzgvkcsovW5JoOQIi7XpB3yFXf7tUTUb9HdcVMAK7jssz4T0E4EiMaWvQ==",
+      "dependencies": {
+        "@leafer-ui/decorator": "1.8.0",
+        "@leafer-ui/display": "1.8.0",
+        "@leafer-ui/display-module": "1.8.0",
+        "@leafer-ui/external": "1.8.0",
+        "@leafer/core": "1.8.0"
+      }
+    },
+    "node_modules/@leafer-ui/effect": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-ui/effect/-/effect-1.8.0.tgz",
+      "integrity": "sha512-on6jWBrGizw4pV1ZAtauwkA2e/jzf/aULfDrjVwwD5IrzLepcNoCJjE+ZQyabLU2KnRKKmjsvaGfMyYbpnjHfA==",
+      "dependencies": {
+        "@leafer-ui/draw": "1.8.0",
+        "@leafer/core": "1.8.0"
+      }
+    },
+    "node_modules/@leafer-ui/event": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-ui/event/-/event-1.8.0.tgz",
+      "integrity": "sha512-jwaUKogwmq5wjhjiV01DCGxRcEY1MgszrQ5KokpLPnHCVPnxjBzrnJ808OAkXxwtrsNeFSpBDNOCbRvY4A0+qQ==",
+      "dependencies": {
+        "@leafer/core": "1.8.0"
+      }
+    },
+    "node_modules/@leafer-ui/external": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-ui/external/-/external-1.8.0.tgz",
+      "integrity": "sha512-nyyVTkM8X3KPJou7cX3+npc4C9a5YSAUviu95auSEFWlF/OBzdUQ2wwG6JKvN+BZzNOTgWgqByyRNbChI90xXw==",
+      "dependencies": {
+        "@leafer/core": "1.8.0"
+      }
+    },
+    "node_modules/@leafer-ui/hit": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-ui/hit/-/hit-1.8.0.tgz",
+      "integrity": "sha512-LpCoPlELmUOcERtibj0IZpSokhWOJksWJrxxdHWLgS0nDqfuu1OYkLNl3OWsYiejSPyDdODD6R7bLfWSOSjz8Q==",
+      "dependencies": {
+        "@leafer-ui/draw": "1.8.0",
+        "@leafer/core": "1.8.0"
+      }
+    },
+    "node_modules/@leafer-ui/interaction": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-ui/interaction/-/interaction-1.8.0.tgz",
+      "integrity": "sha512-SCIP5nvGNb5z9i1HcCFXiHNk1gNvmIdoH+PcZFwoN35bYAlkIeRx9pDTSxrLBoVpJq4FXxt2qQrR9+IwZuJ3/A==",
+      "dependencies": {
+        "@leafer-ui/draw": "1.8.0",
+        "@leafer-ui/event": "1.8.0",
+        "@leafer/core": "1.8.0"
+      }
+    },
+    "node_modules/@leafer-ui/interaction-web": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-ui/interaction-web/-/interaction-web-1.8.0.tgz",
+      "integrity": "sha512-HhySVSnjHm4BGEyw8mqoNyyzf2fmzV1V/yHw5i5UOrbJol58f12xGY8J6zoMLKrcXh4VfZQ+uaqjOWiYjOiLGw==",
+      "dependencies": {
+        "@leafer-ui/core": "1.8.0",
+        "@leafer/core": "1.8.0"
+      }
+    },
+    "node_modules/@leafer-ui/interface": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-ui/interface/-/interface-1.8.0.tgz",
+      "integrity": "sha512-cwZutgshMWVg22xzJ9+34Ye/HX0W6LxMyQwoPtDlMUMQKvBW5EHRfQ5dv4d16X9PFxA0N7Djm0u7/TIpjrCh0g==",
+      "dependencies": {
+        "@leafer/interface": "1.8.0"
+      }
+    },
+    "node_modules/@leafer-ui/paint": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-ui/paint/-/paint-1.8.0.tgz",
+      "integrity": "sha512-8F5XgJS0lflpA2W6GxJVQw8bjv9H5dCc0JdjHbQEcaKMFk0vQzjm6d61HbjWXEW61jHXZC+rXtDOi3T1MrQVVg==",
+      "dependencies": {
+        "@leafer-ui/draw": "1.8.0",
+        "@leafer/core": "1.8.0"
+      }
+    },
+    "node_modules/@leafer-ui/partner": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-ui/partner/-/partner-1.8.0.tgz",
+      "integrity": "sha512-3VBx61FoR8/zSXslmWstg/u7qulzBvi3e+iMl+fW0ruWeNx95VdM4W3LG3am9RQ92fqnKdF1ebgpoKZcIm5ajQ==",
+      "dependencies": {
+        "@leafer-ui/color": "1.8.0",
+        "@leafer-ui/draw": "1.8.0",
+        "@leafer-ui/effect": "1.8.0",
+        "@leafer-ui/paint": "1.8.0",
+        "@leafer-ui/text": "1.8.0"
+      }
+    },
+    "node_modules/@leafer-ui/render": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-ui/render/-/render-1.8.0.tgz",
+      "integrity": "sha512-1gEx9FmlvyhYMqGrh4ogTv3MuJnti4pIBqPtrI+8grPQ1cpjwS36ghV+7LNhb6y+oPOwqw/22+KIG35ObxVLEA==",
+      "dependencies": {
+        "@leafer-ui/external": "1.8.0"
+      }
+    },
+    "node_modules/@leafer-ui/text": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-ui/text/-/text-1.8.0.tgz",
+      "integrity": "sha512-7IXXDjP8DkzIniOI1ow/6rMlYknBCRltGo7lyFy2besI32mS1yIobXlO60/uTCtfAJVPL5Wtr8ZACm0sf5UrUA==",
+      "dependencies": {
+        "@leafer/core": "1.8.0"
+      }
+    },
+    "node_modules/@leafer-ui/web": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-ui/web/-/web-1.8.0.tgz",
+      "integrity": "sha512-tG0OQl+U2+6dNXmWzQzczReAH63H7eJPNkCwRxSMopipvVLR0ix3YgpHFrCBzd05yH2x1S5xJ9aUJin+bgAUfA==",
+      "dependencies": {
+        "@leafer-in/interface": "1.8.0",
+        "@leafer-ui/core": "1.8.0",
+        "@leafer-ui/draw": "1.8.0",
+        "@leafer-ui/interaction-web": "1.8.0",
+        "@leafer-ui/interface": "1.8.0",
+        "@leafer-ui/partner": "1.8.0",
+        "@leafer/canvas-web": "1.8.0",
+        "@leafer/core": "1.8.0",
+        "@leafer/image-web": "1.8.0",
+        "@leafer/interface": "1.8.0",
+        "@leafer/partner": "1.8.0"
+      }
+    },
+    "node_modules/@leafer/canvas": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/canvas/-/canvas-1.8.0.tgz",
+      "integrity": "sha512-8s02D1lR4cFbNZV63WbjONgr54FuffQS9YRGml2FuRhGwgTHF6UGMQ5u7CWx9YLGgCcW4DdBqS8v1KX1MVJzOA==",
+      "dependencies": {
+        "@leafer/data": "1.8.0",
+        "@leafer/debug": "1.8.0",
+        "@leafer/file": "1.8.0",
+        "@leafer/list": "1.8.0",
+        "@leafer/math": "1.8.0",
+        "@leafer/path": "1.8.0",
+        "@leafer/platform": "1.8.0"
+      }
+    },
+    "node_modules/@leafer/canvas-web": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/canvas-web/-/canvas-web-1.8.0.tgz",
+      "integrity": "sha512-gYRmiK0WATOY1caiUTnHB0xfqvuI2oi9SW1fykIdLI/cVQfANtaOaL8mOajiwQIZv64yK630UEQIFobHkUEA5A==",
+      "dependencies": {
+        "@leafer/core": "1.8.0"
+      }
+    },
+    "node_modules/@leafer/core": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/core/-/core-1.8.0.tgz",
+      "integrity": "sha512-BOvWte6IEv5Tyrf0rx6lplwtfd7It4DtGU9js//rCZwfaocRlJCLTgcGEXk97DkdUiDeJ8gxaJiMp9CTq4CjAA==",
+      "dependencies": {
+        "@leafer/canvas": "1.8.0",
+        "@leafer/data": "1.8.0",
+        "@leafer/debug": "1.8.0",
+        "@leafer/decorator": "1.8.0",
+        "@leafer/display": "1.8.0",
+        "@leafer/display-module": "1.8.0",
+        "@leafer/event": "1.8.0",
+        "@leafer/file": "1.8.0",
+        "@leafer/helper": "1.8.0",
+        "@leafer/image": "1.8.0",
+        "@leafer/layout": "1.8.0",
+        "@leafer/list": "1.8.0",
+        "@leafer/math": "1.8.0",
+        "@leafer/path": "1.8.0",
+        "@leafer/platform": "1.8.0",
+        "@leafer/task": "1.8.0"
+      }
+    },
+    "node_modules/@leafer/data": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/data/-/data-1.8.0.tgz",
+      "integrity": "sha512-qzVFYNlHBJzhF23duqIxWrKwJ+kfidU0h1QiH+zbVwEdIaDGT7obiXZEzwR+kjLPftVb8gyZrZoyHgvWu43ErA=="
+    },
+    "node_modules/@leafer/debug": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/debug/-/debug-1.8.0.tgz",
+      "integrity": "sha512-zqM7091uVP1OCiumJle6/t9Imc7GiM6AlX2FkvMi65YO9Ob9wmzE8X2lzA2/yggiCtbGdLRbC53Ghm1x3PrI3A==",
+      "dependencies": {
+        "@leafer/math": "1.8.0"
+      }
+    },
+    "node_modules/@leafer/decorator": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/decorator/-/decorator-1.8.0.tgz",
+      "integrity": "sha512-kdnN3JydJmBvyGK9dBZRA7mv3bawU3l3mNOclR/OWzH2uESo7tbOsDqqRdKjcKG85reMlsdKPt06Nd3FhrlmTQ==",
+      "dependencies": {
+        "@leafer/data": "1.8.0",
+        "@leafer/debug": "1.8.0",
+        "@leafer/platform": "1.8.0"
+      }
+    },
+    "node_modules/@leafer/display": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/display/-/display-1.8.0.tgz",
+      "integrity": "sha512-rIUOrG8nJhFmK61ulo846zpvgH6ogI9ojZ9RMMBfvVL2N81CYF7/u+7QcgCKJB0GdLlCaDgmyXuCAozuAik7Gg==",
+      "dependencies": {
+        "@leafer/data": "1.8.0",
+        "@leafer/debug": "1.8.0",
+        "@leafer/decorator": "1.8.0",
+        "@leafer/display-module": "1.8.0",
+        "@leafer/event": "1.8.0",
+        "@leafer/helper": "1.8.0",
+        "@leafer/image": "1.8.0",
+        "@leafer/layout": "1.8.0",
+        "@leafer/math": "1.8.0",
+        "@leafer/platform": "1.8.0"
+      }
+    },
+    "node_modules/@leafer/display-module": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/display-module/-/display-module-1.8.0.tgz",
+      "integrity": "sha512-ZdXKjfcYCDHzUSx6GsGJh3SQLyQZFZ3TcRpseF/IAmQpmLwujKvAdltLlN30eNEsil6qqEOORuNqQHGyd6YFQA==",
+      "dependencies": {
+        "@leafer/debug": "1.8.0",
+        "@leafer/event": "1.8.0",
+        "@leafer/helper": "1.8.0",
+        "@leafer/math": "1.8.0"
+      }
+    },
+    "node_modules/@leafer/event": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/event/-/event-1.8.0.tgz",
+      "integrity": "sha512-PHBvoZ2LLnI5HY3L5SyKHvIUoyMFitNj7Nn2fqF6yUHp9BQzhKV2gLuyn7RjhpnPta4Xo88ruLADFO0yWlG5gA==",
+      "dependencies": {
+        "@leafer/decorator": "1.8.0",
+        "@leafer/math": "1.8.0",
+        "@leafer/platform": "1.8.0"
+      }
+    },
+    "node_modules/@leafer/file": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/file/-/file-1.8.0.tgz",
+      "integrity": "sha512-JwYTv1p/cIhAQv5iXT86gRInwHQz/kLKaQAREi7oA9bacyBQ+2cE4r695I7Nok7JyqTFEe5DtK3g2sm3Ueqfgg==",
+      "dependencies": {
+        "@leafer/debug": "1.8.0"
+      }
+    },
+    "node_modules/@leafer/helper": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/helper/-/helper-1.8.0.tgz",
+      "integrity": "sha512-cTai2P/Fy0Rxr+Lno111pseNJF5xU0ctowTV4lFW+6cOnaGpqeJoTGFkO9MeSOFeSRBjxe7ecfsNoGGzm3THoA==",
+      "dependencies": {
+        "@leafer/math": "1.8.0",
+        "@leafer/platform": "1.8.0"
+      }
+    },
+    "node_modules/@leafer/image": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/image/-/image-1.8.0.tgz",
+      "integrity": "sha512-XElWxR5RZeiTKF+ntdTf5d3wxt2xj7BLh3N3q1Z5Y9ymf73P+efcWV/CaNPRpP8M6uXomQLwYE8KbRa79y5ZVw==",
+      "dependencies": {
+        "@leafer/data": "1.8.0",
+        "@leafer/file": "1.8.0",
+        "@leafer/math": "1.8.0",
+        "@leafer/platform": "1.8.0",
+        "@leafer/task": "1.8.0"
+      }
+    },
+    "node_modules/@leafer/image-web": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/image-web/-/image-web-1.8.0.tgz",
+      "integrity": "sha512-OGcBG1ALIeF2pjMoSwJlrfEL1KQbu1TfJDYMqLGydM1Ygt5w/FHJrsqtd/zBJlmjxZSVCmA5C8DDlbFkKpqJOw==",
+      "dependencies": {
+        "@leafer/core": "1.8.0"
+      }
+    },
+    "node_modules/@leafer/interface": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/interface/-/interface-1.8.0.tgz",
+      "integrity": "sha512-76jOG0AabfIw8WMI8nulb1FKylBcVnpucuiTjml5df6P991wcH8xsDSQtRCaOKrsl0C2DbW62BVwst1NHHHalQ=="
+    },
+    "node_modules/@leafer/layout": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/layout/-/layout-1.8.0.tgz",
+      "integrity": "sha512-t6tisD+dcKSwyAaKV/EIPRrrx/HCQn9vGrZxTVSs/sXGdM7Sfhv2Kp9/QJm7lEceVbVmAWWQX/3QMWs1bj8xKA==",
+      "dependencies": {
+        "@leafer/helper": "1.8.0",
+        "@leafer/math": "1.8.0",
+        "@leafer/platform": "1.8.0"
+      }
+    },
+    "node_modules/@leafer/layouter": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/layouter/-/layouter-1.8.0.tgz",
+      "integrity": "sha512-prrsYdlHsUjYSLBuotmmbWYNhML5EkLqD6NPPbl43eBd0nGVZJZMTmgVZNcjn/Ms2MGf15IeVIg1VhAuFlp2fg==",
+      "dependencies": {
+        "@leafer/core": "1.8.0"
+      }
+    },
+    "node_modules/@leafer/list": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/list/-/list-1.8.0.tgz",
+      "integrity": "sha512-eySBH8eRcoW4P9N5Doj6xgFwQ5AqgzG+jR9jhd1VDaV4mVjK+PnBxLWLkg/ZNZgYX38HEtQZ02qMiDFOHmBA6g=="
+    },
+    "node_modules/@leafer/math": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/math/-/math-1.8.0.tgz",
+      "integrity": "sha512-X0VaEqgCOAHZUsiiYWqoENvE5lHrglfuKaX3fkers31UgjPN0wmTSbk+N4kXR9ssq6wq3KzJIRdPyPLVTMoo5A=="
+    },
+    "node_modules/@leafer/partner": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/partner/-/partner-1.8.0.tgz",
+      "integrity": "sha512-qILWj6XIj3wpCgZPs/hh/Z7BgI6/fYcjC/aJRETz87X9anL5GtlrVP7FDvb2O5uD8fiSRkqoeMWhUmVCnIclZg==",
+      "dependencies": {
+        "@leafer/core": "1.8.0",
+        "@leafer/layouter": "1.8.0",
+        "@leafer/renderer": "1.8.0",
+        "@leafer/selector": "1.8.0",
+        "@leafer/watcher": "1.8.0"
+      }
+    },
+    "node_modules/@leafer/path": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/path/-/path-1.8.0.tgz",
+      "integrity": "sha512-FXxkxc4Yckr+zBO+Ejz4aKtIC0mV3Jmx/0Vl8uOVT5GOzpbJvGdZYM4a5jRMddUJn5I/C0F1QWjXTGqHX/6fSA==",
+      "dependencies": {
+        "@leafer/debug": "1.8.0",
+        "@leafer/math": "1.8.0"
+      }
+    },
+    "node_modules/@leafer/platform": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/platform/-/platform-1.8.0.tgz",
+      "integrity": "sha512-EuwwMKowbQ3tcPffa3hFDkAm+odvJmH0f+b8QzSBlS9SXO2H6FMcizxMqrnSt7CmBEQY7PZEazXGxYMaptUflA==",
+      "dependencies": {
+        "@leafer/debug": "1.8.0",
+        "@leafer/layouter": "1.8.0"
+      }
+    },
+    "node_modules/@leafer/renderer": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/renderer/-/renderer-1.8.0.tgz",
+      "integrity": "sha512-rXmSRJW2lDlDJFeJwJEwd7gxU8IPtW7ysJ9xHoj+vqeeIFn8xxBZiYjE4/Y+CNCR4eebOC2qseLYzTV99+QIhA==",
+      "dependencies": {
+        "@leafer/core": "1.8.0"
+      }
+    },
+    "node_modules/@leafer/selector": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/selector/-/selector-1.8.0.tgz",
+      "integrity": "sha512-uljegY6ia0UodTnd8G0wYXo1KbT31+PXgNvnSdrV5Jd+n8snjUoAKA6wkfbTIAZoLFbIEoge5alJ2WMvyF+4QQ==",
+      "dependencies": {
+        "@leafer/core": "1.8.0"
+      }
+    },
+    "node_modules/@leafer/task": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/task/-/task-1.8.0.tgz",
+      "integrity": "sha512-i+oFTC9jX0k4MKek4zhuezkNwH5n1m/TZ2eCy+uw6Hwt8i4LCX2tY/mNcFJGtNztBBHxbT3pe/oCM8Pi2nuYag==",
+      "dependencies": {
+        "@leafer/debug": "1.8.0",
+        "@leafer/math": "1.8.0"
+      }
+    },
+    "node_modules/@leafer/watcher": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/watcher/-/watcher-1.8.0.tgz",
+      "integrity": "sha512-Co37fD2k6sr7ZrKpM1NghpX0iVMvA51NKSPk3MxDbLUyzBRCmbhyLlvT68CW09L1Vb+9WOvuQA3kdQ4QUrOTew==",
+      "dependencies": {
+        "@leafer/data": "1.8.0",
+        "@leafer/event": "1.8.0",
+        "@leafer/list": "1.8.0"
+      }
+    },
     "node_modules/@popperjs/core": {
       "name": "@sxzz/popperjs-es",
       "version": "2.11.7",
@@ -1441,6 +1900,19 @@
       "integrity": "sha512-FKWIhiU96bi3xpP9ewRMgANsoVmMUBnMnmpCT6dPMZOunVYJQmJhSRruoI0XSPoHeIif3kyEuiHbFrOJwEJaEA==",
       "license": "MIT"
     },
+    "node_modules/dxf-parser": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmmirror.com/dxf-parser/-/dxf-parser-1.1.2.tgz",
+      "integrity": "sha512-GPTumUvRkounlIazLIyJMmTWt+nlg+ksS0Hdm8jWvejmZKBTz6gvHTam76wRm4PQMma5sgKLThblQyeIJcH79Q==",
+      "dependencies": {
+        "loglevel": "^1.7.1"
+      }
+    },
+    "node_modules/dxf-writer": {
+      "version": "1.18.4",
+      "resolved": "https://registry.npmmirror.com/dxf-writer/-/dxf-writer-1.18.4.tgz",
+      "integrity": "sha512-JdLOyP+1UyeB30yPowJLJKK0bPROq/dX+QTWcLSplQoepcyo/YMlU0Z27T7mIPxgwiPb+CQWwUIlbcRRfns+ng=="
+    },
     "node_modules/element-plus": {
       "version": "2.9.3",
       "resolved": "https://registry.npmmirror.com/element-plus/-/element-plus-2.9.3.tgz",
@@ -1725,6 +2197,28 @@
       "resolved": "https://registry.npmmirror.com/jsbarcode/-/jsbarcode-3.11.6.tgz",
       "integrity": "sha512-G5TKGyKY1zJo0ZQKFM1IIMfy0nF2rs92BLlCz+cU4/TazIc4ZH+X1GYeDRt7TKjrYqmPfTjwTBkU/QnQlsYiuA=="
     },
+    "node_modules/leafer-ui": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/leafer-ui/-/leafer-ui-1.8.0.tgz",
+      "integrity": "sha512-Y/jXyC3ZJ8DCkifUfIgSqt38fwdf1UJ8//IKWntvCXVlEx9R50vx33rxf1VVHQq0NWcfH6U64k+VzDLSXq/rFA==",
+      "dependencies": {
+        "@leafer-in/interface": "1.8.0",
+        "@leafer-ui/core": "1.8.0",
+        "@leafer-ui/draw": "1.8.0",
+        "@leafer-ui/interaction-web": "1.8.0",
+        "@leafer-ui/interface": "1.8.0",
+        "@leafer-ui/partner": "1.8.0",
+        "@leafer-ui/web": "1.8.0",
+        "@leafer/core": "1.8.0",
+        "@leafer/interface": "1.8.0",
+        "@leafer/partner": "1.8.0"
+      }
+    },
+    "node_modules/leaflet": {
+      "version": "1.9.4",
+      "resolved": "https://registry.npmmirror.com/leaflet/-/leaflet-1.9.4.tgz",
+      "integrity": "sha512-nxS1ynzJOmOlHp+iL3FyWqK89GtNL8U8rvlMOsQdTTssxZwCXh8N2NB3GDQOL+YR3XnWyZAxwQixURb+FA74PA=="
+    },
     "node_modules/local-pkg": {
       "version": "0.4.3",
       "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-0.4.3.tgz",
@@ -1765,6 +2259,18 @@
         "@types/lodash-es": "*",
         "lodash": "*",
         "lodash-es": "*"
+      }
+    },
+    "node_modules/loglevel": {
+      "version": "1.9.2",
+      "resolved": "https://registry.npmmirror.com/loglevel/-/loglevel-1.9.2.tgz",
+      "integrity": "sha512-HgMmCqIJSAKqo68l0rS2AanEWfkxaZ5wNiEFb5ggm08lDs9Xl2KxBlX3PTcaD2chBM1gXAYf491/M2Rv8Jwayg==",
+      "engines": {
+        "node": ">= 0.6.0"
+      },
+      "funding": {
+        "type": "tidelift",
+        "url": "https://tidelift.com/funding/github/npm/loglevel"
       }
     },
     "node_modules/magic-string": {
@@ -8012,6 +8518,458 @@
       "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
       "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
     },
+    "@leafer-in/interface": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-in/interface/-/interface-1.8.0.tgz",
+      "integrity": "sha512-j4ucPjPX8/TBIID1RPHv6CA1KtiIh56igvrHBYHd44NS1tzKWhsswKUVRrzK0nqeSh1VL4SzGZgiQNwZq56R4A==",
+      "requires": {}
+    },
+    "@leafer-ui/app": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-ui/app/-/app-1.8.0.tgz",
+      "integrity": "sha512-IapfZlekYrm32h2KfILlbdzcD7n4ncrzXLeM0h0XBK+4rRCqLrPNScPbzKtNhaMhFvq2NjLdfWVqmy63jXfj2g==",
+      "requires": {
+        "@leafer-ui/data": "1.8.0",
+        "@leafer-ui/display": "1.8.0",
+        "@leafer/core": "1.8.0"
+      }
+    },
+    "@leafer-ui/bounds": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-ui/bounds/-/bounds-1.8.0.tgz",
+      "integrity": "sha512-k72/biSCoUKNM7Gtk25R1AuBwdebT9b2XVveAqbaAq0CV6Wk0tUbjAnzyarSyzYn4BgrjPCTGl/lYtiPuIAiRQ==",
+      "requires": {
+        "@leafer/core": "1.8.0"
+      }
+    },
+    "@leafer-ui/color": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-ui/color/-/color-1.8.0.tgz",
+      "integrity": "sha512-WLw7rgA7zgVp8dp1hahWM8v8lo6HClUmpbWrsPTTlA7QXAiNpayfh8bV8NOhhwhQhCtxOEtC6UGKsBcTorwqMQ==",
+      "requires": {
+        "@leafer-ui/draw": "1.8.0"
+      }
+    },
+    "@leafer-ui/core": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-ui/core/-/core-1.8.0.tgz",
+      "integrity": "sha512-GkFRaNoArkFEEctzP5rKxOzFOnNzTLa9hLbvPQM/CFCBSSDdkx+BsnKBPkwHqvcRvGQLPZ3fhpoatxMoQncPug==",
+      "requires": {
+        "@leafer-ui/app": "1.8.0",
+        "@leafer-ui/draw": "1.8.0",
+        "@leafer-ui/event": "1.8.0",
+        "@leafer-ui/hit": "1.8.0",
+        "@leafer-ui/interaction": "1.8.0"
+      }
+    },
+    "@leafer-ui/data": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-ui/data/-/data-1.8.0.tgz",
+      "integrity": "sha512-J386mOuGuVbpCU9fYdNg2IAluufYhjP4latizX8YdPEAnS2qGgbz5OahLwyCtBLYH50mT6gMyL/HSFXY4Idj5g==",
+      "requires": {
+        "@leafer-ui/external": "1.8.0",
+        "@leafer/core": "1.8.0"
+      }
+    },
+    "@leafer-ui/decorator": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-ui/decorator/-/decorator-1.8.0.tgz",
+      "integrity": "sha512-LGY8yqk+7TFhC0VgSV0jz1mHEY/6pLSmX5BNxuyomOBLzKbmW+EaWKl1JtuIBjg5ENXL5ZhVWfDZIs38fxM5Zw==",
+      "requires": {
+        "@leafer/core": "1.8.0"
+      }
+    },
+    "@leafer-ui/display": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-ui/display/-/display-1.8.0.tgz",
+      "integrity": "sha512-VrDOH5UTrYqAjLb2GIrVpTO33lHznxLDzP0IBqPduTGSe43BPMz7iNqUHwzgZDsV/qBKasLUtbrWcuk7SAp1fA==",
+      "requires": {
+        "@leafer-ui/data": "1.8.0",
+        "@leafer-ui/decorator": "1.8.0",
+        "@leafer-ui/display-module": "1.8.0",
+        "@leafer-ui/external": "1.8.0",
+        "@leafer/core": "1.8.0"
+      }
+    },
+    "@leafer-ui/display-module": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-ui/display-module/-/display-module-1.8.0.tgz",
+      "integrity": "sha512-69ZsFg+pUGskFa8kfO1OnmAz6q4q0/RNlmqbPE8B2D35J6JVJeITK1PBxGOGB/hKhDdoGUDpkb/MuKeIiIhNoA==",
+      "requires": {
+        "@leafer-ui/bounds": "1.8.0",
+        "@leafer-ui/data": "1.8.0",
+        "@leafer-ui/render": "1.8.0"
+      }
+    },
+    "@leafer-ui/draw": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-ui/draw/-/draw-1.8.0.tgz",
+      "integrity": "sha512-utYzJ4IIP2GaKWTVaO19gnlrz0HMXmzgvkcsovW5JoOQIi7XpB3yFXf7tUTUb9HdcVMAK7jssz4T0E4EiMaWvQ==",
+      "requires": {
+        "@leafer-ui/decorator": "1.8.0",
+        "@leafer-ui/display": "1.8.0",
+        "@leafer-ui/display-module": "1.8.0",
+        "@leafer-ui/external": "1.8.0",
+        "@leafer/core": "1.8.0"
+      }
+    },
+    "@leafer-ui/effect": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-ui/effect/-/effect-1.8.0.tgz",
+      "integrity": "sha512-on6jWBrGizw4pV1ZAtauwkA2e/jzf/aULfDrjVwwD5IrzLepcNoCJjE+ZQyabLU2KnRKKmjsvaGfMyYbpnjHfA==",
+      "requires": {
+        "@leafer-ui/draw": "1.8.0",
+        "@leafer/core": "1.8.0"
+      }
+    },
+    "@leafer-ui/event": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-ui/event/-/event-1.8.0.tgz",
+      "integrity": "sha512-jwaUKogwmq5wjhjiV01DCGxRcEY1MgszrQ5KokpLPnHCVPnxjBzrnJ808OAkXxwtrsNeFSpBDNOCbRvY4A0+qQ==",
+      "requires": {
+        "@leafer/core": "1.8.0"
+      }
+    },
+    "@leafer-ui/external": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-ui/external/-/external-1.8.0.tgz",
+      "integrity": "sha512-nyyVTkM8X3KPJou7cX3+npc4C9a5YSAUviu95auSEFWlF/OBzdUQ2wwG6JKvN+BZzNOTgWgqByyRNbChI90xXw==",
+      "requires": {
+        "@leafer/core": "1.8.0"
+      }
+    },
+    "@leafer-ui/hit": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-ui/hit/-/hit-1.8.0.tgz",
+      "integrity": "sha512-LpCoPlELmUOcERtibj0IZpSokhWOJksWJrxxdHWLgS0nDqfuu1OYkLNl3OWsYiejSPyDdODD6R7bLfWSOSjz8Q==",
+      "requires": {
+        "@leafer-ui/draw": "1.8.0",
+        "@leafer/core": "1.8.0"
+      }
+    },
+    "@leafer-ui/interaction": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-ui/interaction/-/interaction-1.8.0.tgz",
+      "integrity": "sha512-SCIP5nvGNb5z9i1HcCFXiHNk1gNvmIdoH+PcZFwoN35bYAlkIeRx9pDTSxrLBoVpJq4FXxt2qQrR9+IwZuJ3/A==",
+      "requires": {
+        "@leafer-ui/draw": "1.8.0",
+        "@leafer-ui/event": "1.8.0",
+        "@leafer/core": "1.8.0"
+      }
+    },
+    "@leafer-ui/interaction-web": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-ui/interaction-web/-/interaction-web-1.8.0.tgz",
+      "integrity": "sha512-HhySVSnjHm4BGEyw8mqoNyyzf2fmzV1V/yHw5i5UOrbJol58f12xGY8J6zoMLKrcXh4VfZQ+uaqjOWiYjOiLGw==",
+      "requires": {
+        "@leafer-ui/core": "1.8.0",
+        "@leafer/core": "1.8.0"
+      }
+    },
+    "@leafer-ui/interface": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-ui/interface/-/interface-1.8.0.tgz",
+      "integrity": "sha512-cwZutgshMWVg22xzJ9+34Ye/HX0W6LxMyQwoPtDlMUMQKvBW5EHRfQ5dv4d16X9PFxA0N7Djm0u7/TIpjrCh0g==",
+      "requires": {
+        "@leafer/interface": "1.8.0"
+      }
+    },
+    "@leafer-ui/paint": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-ui/paint/-/paint-1.8.0.tgz",
+      "integrity": "sha512-8F5XgJS0lflpA2W6GxJVQw8bjv9H5dCc0JdjHbQEcaKMFk0vQzjm6d61HbjWXEW61jHXZC+rXtDOi3T1MrQVVg==",
+      "requires": {
+        "@leafer-ui/draw": "1.8.0",
+        "@leafer/core": "1.8.0"
+      }
+    },
+    "@leafer-ui/partner": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-ui/partner/-/partner-1.8.0.tgz",
+      "integrity": "sha512-3VBx61FoR8/zSXslmWstg/u7qulzBvi3e+iMl+fW0ruWeNx95VdM4W3LG3am9RQ92fqnKdF1ebgpoKZcIm5ajQ==",
+      "requires": {
+        "@leafer-ui/color": "1.8.0",
+        "@leafer-ui/draw": "1.8.0",
+        "@leafer-ui/effect": "1.8.0",
+        "@leafer-ui/paint": "1.8.0",
+        "@leafer-ui/text": "1.8.0"
+      }
+    },
+    "@leafer-ui/render": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-ui/render/-/render-1.8.0.tgz",
+      "integrity": "sha512-1gEx9FmlvyhYMqGrh4ogTv3MuJnti4pIBqPtrI+8grPQ1cpjwS36ghV+7LNhb6y+oPOwqw/22+KIG35ObxVLEA==",
+      "requires": {
+        "@leafer-ui/external": "1.8.0"
+      }
+    },
+    "@leafer-ui/text": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-ui/text/-/text-1.8.0.tgz",
+      "integrity": "sha512-7IXXDjP8DkzIniOI1ow/6rMlYknBCRltGo7lyFy2besI32mS1yIobXlO60/uTCtfAJVPL5Wtr8ZACm0sf5UrUA==",
+      "requires": {
+        "@leafer/core": "1.8.0"
+      }
+    },
+    "@leafer-ui/web": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer-ui/web/-/web-1.8.0.tgz",
+      "integrity": "sha512-tG0OQl+U2+6dNXmWzQzczReAH63H7eJPNkCwRxSMopipvVLR0ix3YgpHFrCBzd05yH2x1S5xJ9aUJin+bgAUfA==",
+      "requires": {
+        "@leafer-in/interface": "1.8.0",
+        "@leafer-ui/core": "1.8.0",
+        "@leafer-ui/draw": "1.8.0",
+        "@leafer-ui/interaction-web": "1.8.0",
+        "@leafer-ui/interface": "1.8.0",
+        "@leafer-ui/partner": "1.8.0",
+        "@leafer/canvas-web": "1.8.0",
+        "@leafer/core": "1.8.0",
+        "@leafer/image-web": "1.8.0",
+        "@leafer/interface": "1.8.0",
+        "@leafer/partner": "1.8.0"
+      }
+    },
+    "@leafer/canvas": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/canvas/-/canvas-1.8.0.tgz",
+      "integrity": "sha512-8s02D1lR4cFbNZV63WbjONgr54FuffQS9YRGml2FuRhGwgTHF6UGMQ5u7CWx9YLGgCcW4DdBqS8v1KX1MVJzOA==",
+      "requires": {
+        "@leafer/data": "1.8.0",
+        "@leafer/debug": "1.8.0",
+        "@leafer/file": "1.8.0",
+        "@leafer/list": "1.8.0",
+        "@leafer/math": "1.8.0",
+        "@leafer/path": "1.8.0",
+        "@leafer/platform": "1.8.0"
+      }
+    },
+    "@leafer/canvas-web": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/canvas-web/-/canvas-web-1.8.0.tgz",
+      "integrity": "sha512-gYRmiK0WATOY1caiUTnHB0xfqvuI2oi9SW1fykIdLI/cVQfANtaOaL8mOajiwQIZv64yK630UEQIFobHkUEA5A==",
+      "requires": {
+        "@leafer/core": "1.8.0"
+      }
+    },
+    "@leafer/core": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/core/-/core-1.8.0.tgz",
+      "integrity": "sha512-BOvWte6IEv5Tyrf0rx6lplwtfd7It4DtGU9js//rCZwfaocRlJCLTgcGEXk97DkdUiDeJ8gxaJiMp9CTq4CjAA==",
+      "requires": {
+        "@leafer/canvas": "1.8.0",
+        "@leafer/data": "1.8.0",
+        "@leafer/debug": "1.8.0",
+        "@leafer/decorator": "1.8.0",
+        "@leafer/display": "1.8.0",
+        "@leafer/display-module": "1.8.0",
+        "@leafer/event": "1.8.0",
+        "@leafer/file": "1.8.0",
+        "@leafer/helper": "1.8.0",
+        "@leafer/image": "1.8.0",
+        "@leafer/layout": "1.8.0",
+        "@leafer/list": "1.8.0",
+        "@leafer/math": "1.8.0",
+        "@leafer/path": "1.8.0",
+        "@leafer/platform": "1.8.0",
+        "@leafer/task": "1.8.0"
+      }
+    },
+    "@leafer/data": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/data/-/data-1.8.0.tgz",
+      "integrity": "sha512-qzVFYNlHBJzhF23duqIxWrKwJ+kfidU0h1QiH+zbVwEdIaDGT7obiXZEzwR+kjLPftVb8gyZrZoyHgvWu43ErA=="
+    },
+    "@leafer/debug": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/debug/-/debug-1.8.0.tgz",
+      "integrity": "sha512-zqM7091uVP1OCiumJle6/t9Imc7GiM6AlX2FkvMi65YO9Ob9wmzE8X2lzA2/yggiCtbGdLRbC53Ghm1x3PrI3A==",
+      "requires": {
+        "@leafer/math": "1.8.0"
+      }
+    },
+    "@leafer/decorator": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/decorator/-/decorator-1.8.0.tgz",
+      "integrity": "sha512-kdnN3JydJmBvyGK9dBZRA7mv3bawU3l3mNOclR/OWzH2uESo7tbOsDqqRdKjcKG85reMlsdKPt06Nd3FhrlmTQ==",
+      "requires": {
+        "@leafer/data": "1.8.0",
+        "@leafer/debug": "1.8.0",
+        "@leafer/platform": "1.8.0"
+      }
+    },
+    "@leafer/display": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/display/-/display-1.8.0.tgz",
+      "integrity": "sha512-rIUOrG8nJhFmK61ulo846zpvgH6ogI9ojZ9RMMBfvVL2N81CYF7/u+7QcgCKJB0GdLlCaDgmyXuCAozuAik7Gg==",
+      "requires": {
+        "@leafer/data": "1.8.0",
+        "@leafer/debug": "1.8.0",
+        "@leafer/decorator": "1.8.0",
+        "@leafer/display-module": "1.8.0",
+        "@leafer/event": "1.8.0",
+        "@leafer/helper": "1.8.0",
+        "@leafer/image": "1.8.0",
+        "@leafer/layout": "1.8.0",
+        "@leafer/math": "1.8.0",
+        "@leafer/platform": "1.8.0"
+      }
+    },
+    "@leafer/display-module": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/display-module/-/display-module-1.8.0.tgz",
+      "integrity": "sha512-ZdXKjfcYCDHzUSx6GsGJh3SQLyQZFZ3TcRpseF/IAmQpmLwujKvAdltLlN30eNEsil6qqEOORuNqQHGyd6YFQA==",
+      "requires": {
+        "@leafer/debug": "1.8.0",
+        "@leafer/event": "1.8.0",
+        "@leafer/helper": "1.8.0",
+        "@leafer/math": "1.8.0"
+      }
+    },
+    "@leafer/event": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/event/-/event-1.8.0.tgz",
+      "integrity": "sha512-PHBvoZ2LLnI5HY3L5SyKHvIUoyMFitNj7Nn2fqF6yUHp9BQzhKV2gLuyn7RjhpnPta4Xo88ruLADFO0yWlG5gA==",
+      "requires": {
+        "@leafer/decorator": "1.8.0",
+        "@leafer/math": "1.8.0",
+        "@leafer/platform": "1.8.0"
+      }
+    },
+    "@leafer/file": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/file/-/file-1.8.0.tgz",
+      "integrity": "sha512-JwYTv1p/cIhAQv5iXT86gRInwHQz/kLKaQAREi7oA9bacyBQ+2cE4r695I7Nok7JyqTFEe5DtK3g2sm3Ueqfgg==",
+      "requires": {
+        "@leafer/debug": "1.8.0"
+      }
+    },
+    "@leafer/helper": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/helper/-/helper-1.8.0.tgz",
+      "integrity": "sha512-cTai2P/Fy0Rxr+Lno111pseNJF5xU0ctowTV4lFW+6cOnaGpqeJoTGFkO9MeSOFeSRBjxe7ecfsNoGGzm3THoA==",
+      "requires": {
+        "@leafer/math": "1.8.0",
+        "@leafer/platform": "1.8.0"
+      }
+    },
+    "@leafer/image": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/image/-/image-1.8.0.tgz",
+      "integrity": "sha512-XElWxR5RZeiTKF+ntdTf5d3wxt2xj7BLh3N3q1Z5Y9ymf73P+efcWV/CaNPRpP8M6uXomQLwYE8KbRa79y5ZVw==",
+      "requires": {
+        "@leafer/data": "1.8.0",
+        "@leafer/file": "1.8.0",
+        "@leafer/math": "1.8.0",
+        "@leafer/platform": "1.8.0",
+        "@leafer/task": "1.8.0"
+      }
+    },
+    "@leafer/image-web": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/image-web/-/image-web-1.8.0.tgz",
+      "integrity": "sha512-OGcBG1ALIeF2pjMoSwJlrfEL1KQbu1TfJDYMqLGydM1Ygt5w/FHJrsqtd/zBJlmjxZSVCmA5C8DDlbFkKpqJOw==",
+      "requires": {
+        "@leafer/core": "1.8.0"
+      }
+    },
+    "@leafer/interface": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/interface/-/interface-1.8.0.tgz",
+      "integrity": "sha512-76jOG0AabfIw8WMI8nulb1FKylBcVnpucuiTjml5df6P991wcH8xsDSQtRCaOKrsl0C2DbW62BVwst1NHHHalQ=="
+    },
+    "@leafer/layout": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/layout/-/layout-1.8.0.tgz",
+      "integrity": "sha512-t6tisD+dcKSwyAaKV/EIPRrrx/HCQn9vGrZxTVSs/sXGdM7Sfhv2Kp9/QJm7lEceVbVmAWWQX/3QMWs1bj8xKA==",
+      "requires": {
+        "@leafer/helper": "1.8.0",
+        "@leafer/math": "1.8.0",
+        "@leafer/platform": "1.8.0"
+      }
+    },
+    "@leafer/layouter": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/layouter/-/layouter-1.8.0.tgz",
+      "integrity": "sha512-prrsYdlHsUjYSLBuotmmbWYNhML5EkLqD6NPPbl43eBd0nGVZJZMTmgVZNcjn/Ms2MGf15IeVIg1VhAuFlp2fg==",
+      "requires": {
+        "@leafer/core": "1.8.0"
+      }
+    },
+    "@leafer/list": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/list/-/list-1.8.0.tgz",
+      "integrity": "sha512-eySBH8eRcoW4P9N5Doj6xgFwQ5AqgzG+jR9jhd1VDaV4mVjK+PnBxLWLkg/ZNZgYX38HEtQZ02qMiDFOHmBA6g=="
+    },
+    "@leafer/math": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/math/-/math-1.8.0.tgz",
+      "integrity": "sha512-X0VaEqgCOAHZUsiiYWqoENvE5lHrglfuKaX3fkers31UgjPN0wmTSbk+N4kXR9ssq6wq3KzJIRdPyPLVTMoo5A=="
+    },
+    "@leafer/partner": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/partner/-/partner-1.8.0.tgz",
+      "integrity": "sha512-qILWj6XIj3wpCgZPs/hh/Z7BgI6/fYcjC/aJRETz87X9anL5GtlrVP7FDvb2O5uD8fiSRkqoeMWhUmVCnIclZg==",
+      "requires": {
+        "@leafer/core": "1.8.0",
+        "@leafer/layouter": "1.8.0",
+        "@leafer/renderer": "1.8.0",
+        "@leafer/selector": "1.8.0",
+        "@leafer/watcher": "1.8.0"
+      }
+    },
+    "@leafer/path": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/path/-/path-1.8.0.tgz",
+      "integrity": "sha512-FXxkxc4Yckr+zBO+Ejz4aKtIC0mV3Jmx/0Vl8uOVT5GOzpbJvGdZYM4a5jRMddUJn5I/C0F1QWjXTGqHX/6fSA==",
+      "requires": {
+        "@leafer/debug": "1.8.0",
+        "@leafer/math": "1.8.0"
+      }
+    },
+    "@leafer/platform": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/platform/-/platform-1.8.0.tgz",
+      "integrity": "sha512-EuwwMKowbQ3tcPffa3hFDkAm+odvJmH0f+b8QzSBlS9SXO2H6FMcizxMqrnSt7CmBEQY7PZEazXGxYMaptUflA==",
+      "requires": {
+        "@leafer/debug": "1.8.0",
+        "@leafer/layouter": "1.8.0"
+      }
+    },
+    "@leafer/renderer": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/renderer/-/renderer-1.8.0.tgz",
+      "integrity": "sha512-rXmSRJW2lDlDJFeJwJEwd7gxU8IPtW7ysJ9xHoj+vqeeIFn8xxBZiYjE4/Y+CNCR4eebOC2qseLYzTV99+QIhA==",
+      "requires": {
+        "@leafer/core": "1.8.0"
+      }
+    },
+    "@leafer/selector": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/selector/-/selector-1.8.0.tgz",
+      "integrity": "sha512-uljegY6ia0UodTnd8G0wYXo1KbT31+PXgNvnSdrV5Jd+n8snjUoAKA6wkfbTIAZoLFbIEoge5alJ2WMvyF+4QQ==",
+      "requires": {
+        "@leafer/core": "1.8.0"
+      }
+    },
+    "@leafer/task": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/task/-/task-1.8.0.tgz",
+      "integrity": "sha512-i+oFTC9jX0k4MKek4zhuezkNwH5n1m/TZ2eCy+uw6Hwt8i4LCX2tY/mNcFJGtNztBBHxbT3pe/oCM8Pi2nuYag==",
+      "requires": {
+        "@leafer/debug": "1.8.0",
+        "@leafer/math": "1.8.0"
+      }
+    },
+    "@leafer/watcher": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@leafer/watcher/-/watcher-1.8.0.tgz",
+      "integrity": "sha512-Co37fD2k6sr7ZrKpM1NghpX0iVMvA51NKSPk3MxDbLUyzBRCmbhyLlvT68CW09L1Vb+9WOvuQA3kdQ4QUrOTew==",
+      "requires": {
+        "@leafer/data": "1.8.0",
+        "@leafer/event": "1.8.0",
+        "@leafer/list": "1.8.0"
+      }
+    },
     "@popperjs/core": {
       "version": "npm:@sxzz/popperjs-es@2.11.7",
       "resolved": "https://registry.npmjs.org/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz",
@@ -8501,6 +9459,19 @@
       "resolved": "https://registry.npmmirror.com/dom-zindex/-/dom-zindex-1.0.6.tgz",
       "integrity": "sha512-FKWIhiU96bi3xpP9ewRMgANsoVmMUBnMnmpCT6dPMZOunVYJQmJhSRruoI0XSPoHeIif3kyEuiHbFrOJwEJaEA=="
     },
+    "dxf-parser": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmmirror.com/dxf-parser/-/dxf-parser-1.1.2.tgz",
+      "integrity": "sha512-GPTumUvRkounlIazLIyJMmTWt+nlg+ksS0Hdm8jWvejmZKBTz6gvHTam76wRm4PQMma5sgKLThblQyeIJcH79Q==",
+      "requires": {
+        "loglevel": "^1.7.1"
+      }
+    },
+    "dxf-writer": {
+      "version": "1.18.4",
+      "resolved": "https://registry.npmmirror.com/dxf-writer/-/dxf-writer-1.18.4.tgz",
+      "integrity": "sha512-JdLOyP+1UyeB30yPowJLJKK0bPROq/dX+QTWcLSplQoepcyo/YMlU0Z27T7mIPxgwiPb+CQWwUIlbcRRfns+ng=="
+    },
     "element-plus": {
       "version": "2.9.3",
       "resolved": "https://registry.npmmirror.com/element-plus/-/element-plus-2.9.3.tgz",
@@ -8714,6 +9685,28 @@
       "resolved": "https://registry.npmmirror.com/jsbarcode/-/jsbarcode-3.11.6.tgz",
       "integrity": "sha512-G5TKGyKY1zJo0ZQKFM1IIMfy0nF2rs92BLlCz+cU4/TazIc4ZH+X1GYeDRt7TKjrYqmPfTjwTBkU/QnQlsYiuA=="
     },
+    "leafer-ui": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/leafer-ui/-/leafer-ui-1.8.0.tgz",
+      "integrity": "sha512-Y/jXyC3ZJ8DCkifUfIgSqt38fwdf1UJ8//IKWntvCXVlEx9R50vx33rxf1VVHQq0NWcfH6U64k+VzDLSXq/rFA==",
+      "requires": {
+        "@leafer-in/interface": "1.8.0",
+        "@leafer-ui/core": "1.8.0",
+        "@leafer-ui/draw": "1.8.0",
+        "@leafer-ui/interaction-web": "1.8.0",
+        "@leafer-ui/interface": "1.8.0",
+        "@leafer-ui/partner": "1.8.0",
+        "@leafer-ui/web": "1.8.0",
+        "@leafer/core": "1.8.0",
+        "@leafer/interface": "1.8.0",
+        "@leafer/partner": "1.8.0"
+      }
+    },
+    "leaflet": {
+      "version": "1.9.4",
+      "resolved": "https://registry.npmmirror.com/leaflet/-/leaflet-1.9.4.tgz",
+      "integrity": "sha512-nxS1ynzJOmOlHp+iL3FyWqK89GtNL8U8rvlMOsQdTTssxZwCXh8N2NB3GDQOL+YR3XnWyZAxwQixURb+FA74PA=="
+    },
     "local-pkg": {
       "version": "0.4.3",
       "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-0.4.3.tgz",
@@ -8742,6 +9735,11 @@
       "resolved": "https://registry.npmjs.org/lodash-unified/-/lodash-unified-1.0.3.tgz",
       "integrity": "sha512-WK9qSozxXOD7ZJQlpSqOT+om2ZfcT4yO+03FuzAHD0wF6S0l0090LRPDx3vhTTLZ8cFKpBn+IOcVXK6qOcIlfQ==",
       "requires": {}
+    },
+    "loglevel": {
+      "version": "1.9.2",
+      "resolved": "https://registry.npmmirror.com/loglevel/-/loglevel-1.9.2.tgz",
+      "integrity": "sha512-HgMmCqIJSAKqo68l0rS2AanEWfkxaZ5wNiEFb5ggm08lDs9Xl2KxBlX3PTcaD2chBM1gXAYf491/M2Rv8Jwayg=="
     },
     "magic-string": {
       "version": "0.30.5",
@@ -8818,8 +9816,12 @@
         "axios": "^1.5.1",
         "decimal.js": "^10.4.3",
         "dom-zindex": "^1.0.4",
+        "dxf-parser": "^1.1.2",
+        "dxf-writer": "^1.18.4",
         "element-plus": "^2.9.3",
         "file-saver": "^2.0.5",
+        "leafer-ui": "^1.8.0",
+        "leaflet": "^1.9.4",
         "moment": "^2.30.1",
         "northglass-erp": "file:",
         "pinia": "^2.1.6",
@@ -9265,6 +10267,458 @@
           "version": "1.4.15",
           "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
           "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
+        },
+        "@leafer-in/interface": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer-in/interface/-/interface-1.8.0.tgz",
+          "integrity": "sha512-j4ucPjPX8/TBIID1RPHv6CA1KtiIh56igvrHBYHd44NS1tzKWhsswKUVRrzK0nqeSh1VL4SzGZgiQNwZq56R4A==",
+          "requires": {}
+        },
+        "@leafer-ui/app": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer-ui/app/-/app-1.8.0.tgz",
+          "integrity": "sha512-IapfZlekYrm32h2KfILlbdzcD7n4ncrzXLeM0h0XBK+4rRCqLrPNScPbzKtNhaMhFvq2NjLdfWVqmy63jXfj2g==",
+          "requires": {
+            "@leafer-ui/data": "1.8.0",
+            "@leafer-ui/display": "1.8.0",
+            "@leafer/core": "1.8.0"
+          }
+        },
+        "@leafer-ui/bounds": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer-ui/bounds/-/bounds-1.8.0.tgz",
+          "integrity": "sha512-k72/biSCoUKNM7Gtk25R1AuBwdebT9b2XVveAqbaAq0CV6Wk0tUbjAnzyarSyzYn4BgrjPCTGl/lYtiPuIAiRQ==",
+          "requires": {
+            "@leafer/core": "1.8.0"
+          }
+        },
+        "@leafer-ui/color": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer-ui/color/-/color-1.8.0.tgz",
+          "integrity": "sha512-WLw7rgA7zgVp8dp1hahWM8v8lo6HClUmpbWrsPTTlA7QXAiNpayfh8bV8NOhhwhQhCtxOEtC6UGKsBcTorwqMQ==",
+          "requires": {
+            "@leafer-ui/draw": "1.8.0"
+          }
+        },
+        "@leafer-ui/core": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer-ui/core/-/core-1.8.0.tgz",
+          "integrity": "sha512-GkFRaNoArkFEEctzP5rKxOzFOnNzTLa9hLbvPQM/CFCBSSDdkx+BsnKBPkwHqvcRvGQLPZ3fhpoatxMoQncPug==",
+          "requires": {
+            "@leafer-ui/app": "1.8.0",
+            "@leafer-ui/draw": "1.8.0",
+            "@leafer-ui/event": "1.8.0",
+            "@leafer-ui/hit": "1.8.0",
+            "@leafer-ui/interaction": "1.8.0"
+          }
+        },
+        "@leafer-ui/data": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer-ui/data/-/data-1.8.0.tgz",
+          "integrity": "sha512-J386mOuGuVbpCU9fYdNg2IAluufYhjP4latizX8YdPEAnS2qGgbz5OahLwyCtBLYH50mT6gMyL/HSFXY4Idj5g==",
+          "requires": {
+            "@leafer-ui/external": "1.8.0",
+            "@leafer/core": "1.8.0"
+          }
+        },
+        "@leafer-ui/decorator": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer-ui/decorator/-/decorator-1.8.0.tgz",
+          "integrity": "sha512-LGY8yqk+7TFhC0VgSV0jz1mHEY/6pLSmX5BNxuyomOBLzKbmW+EaWKl1JtuIBjg5ENXL5ZhVWfDZIs38fxM5Zw==",
+          "requires": {
+            "@leafer/core": "1.8.0"
+          }
+        },
+        "@leafer-ui/display": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer-ui/display/-/display-1.8.0.tgz",
+          "integrity": "sha512-VrDOH5UTrYqAjLb2GIrVpTO33lHznxLDzP0IBqPduTGSe43BPMz7iNqUHwzgZDsV/qBKasLUtbrWcuk7SAp1fA==",
+          "requires": {
+            "@leafer-ui/data": "1.8.0",
+            "@leafer-ui/decorator": "1.8.0",
+            "@leafer-ui/display-module": "1.8.0",
+            "@leafer-ui/external": "1.8.0",
+            "@leafer/core": "1.8.0"
+          }
+        },
+        "@leafer-ui/display-module": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer-ui/display-module/-/display-module-1.8.0.tgz",
+          "integrity": "sha512-69ZsFg+pUGskFa8kfO1OnmAz6q4q0/RNlmqbPE8B2D35J6JVJeITK1PBxGOGB/hKhDdoGUDpkb/MuKeIiIhNoA==",
+          "requires": {
+            "@leafer-ui/bounds": "1.8.0",
+            "@leafer-ui/data": "1.8.0",
+            "@leafer-ui/render": "1.8.0"
+          }
+        },
+        "@leafer-ui/draw": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer-ui/draw/-/draw-1.8.0.tgz",
+          "integrity": "sha512-utYzJ4IIP2GaKWTVaO19gnlrz0HMXmzgvkcsovW5JoOQIi7XpB3yFXf7tUTUb9HdcVMAK7jssz4T0E4EiMaWvQ==",
+          "requires": {
+            "@leafer-ui/decorator": "1.8.0",
+            "@leafer-ui/display": "1.8.0",
+            "@leafer-ui/display-module": "1.8.0",
+            "@leafer-ui/external": "1.8.0",
+            "@leafer/core": "1.8.0"
+          }
+        },
+        "@leafer-ui/effect": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer-ui/effect/-/effect-1.8.0.tgz",
+          "integrity": "sha512-on6jWBrGizw4pV1ZAtauwkA2e/jzf/aULfDrjVwwD5IrzLepcNoCJjE+ZQyabLU2KnRKKmjsvaGfMyYbpnjHfA==",
+          "requires": {
+            "@leafer-ui/draw": "1.8.0",
+            "@leafer/core": "1.8.0"
+          }
+        },
+        "@leafer-ui/event": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer-ui/event/-/event-1.8.0.tgz",
+          "integrity": "sha512-jwaUKogwmq5wjhjiV01DCGxRcEY1MgszrQ5KokpLPnHCVPnxjBzrnJ808OAkXxwtrsNeFSpBDNOCbRvY4A0+qQ==",
+          "requires": {
+            "@leafer/core": "1.8.0"
+          }
+        },
+        "@leafer-ui/external": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer-ui/external/-/external-1.8.0.tgz",
+          "integrity": "sha512-nyyVTkM8X3KPJou7cX3+npc4C9a5YSAUviu95auSEFWlF/OBzdUQ2wwG6JKvN+BZzNOTgWgqByyRNbChI90xXw==",
+          "requires": {
+            "@leafer/core": "1.8.0"
+          }
+        },
+        "@leafer-ui/hit": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer-ui/hit/-/hit-1.8.0.tgz",
+          "integrity": "sha512-LpCoPlELmUOcERtibj0IZpSokhWOJksWJrxxdHWLgS0nDqfuu1OYkLNl3OWsYiejSPyDdODD6R7bLfWSOSjz8Q==",
+          "requires": {
+            "@leafer-ui/draw": "1.8.0",
+            "@leafer/core": "1.8.0"
+          }
+        },
+        "@leafer-ui/interaction": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer-ui/interaction/-/interaction-1.8.0.tgz",
+          "integrity": "sha512-SCIP5nvGNb5z9i1HcCFXiHNk1gNvmIdoH+PcZFwoN35bYAlkIeRx9pDTSxrLBoVpJq4FXxt2qQrR9+IwZuJ3/A==",
+          "requires": {
+            "@leafer-ui/draw": "1.8.0",
+            "@leafer-ui/event": "1.8.0",
+            "@leafer/core": "1.8.0"
+          }
+        },
+        "@leafer-ui/interaction-web": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer-ui/interaction-web/-/interaction-web-1.8.0.tgz",
+          "integrity": "sha512-HhySVSnjHm4BGEyw8mqoNyyzf2fmzV1V/yHw5i5UOrbJol58f12xGY8J6zoMLKrcXh4VfZQ+uaqjOWiYjOiLGw==",
+          "requires": {
+            "@leafer-ui/core": "1.8.0",
+            "@leafer/core": "1.8.0"
+          }
+        },
+        "@leafer-ui/interface": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer-ui/interface/-/interface-1.8.0.tgz",
+          "integrity": "sha512-cwZutgshMWVg22xzJ9+34Ye/HX0W6LxMyQwoPtDlMUMQKvBW5EHRfQ5dv4d16X9PFxA0N7Djm0u7/TIpjrCh0g==",
+          "requires": {
+            "@leafer/interface": "1.8.0"
+          }
+        },
+        "@leafer-ui/paint": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer-ui/paint/-/paint-1.8.0.tgz",
+          "integrity": "sha512-8F5XgJS0lflpA2W6GxJVQw8bjv9H5dCc0JdjHbQEcaKMFk0vQzjm6d61HbjWXEW61jHXZC+rXtDOi3T1MrQVVg==",
+          "requires": {
+            "@leafer-ui/draw": "1.8.0",
+            "@leafer/core": "1.8.0"
+          }
+        },
+        "@leafer-ui/partner": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer-ui/partner/-/partner-1.8.0.tgz",
+          "integrity": "sha512-3VBx61FoR8/zSXslmWstg/u7qulzBvi3e+iMl+fW0ruWeNx95VdM4W3LG3am9RQ92fqnKdF1ebgpoKZcIm5ajQ==",
+          "requires": {
+            "@leafer-ui/color": "1.8.0",
+            "@leafer-ui/draw": "1.8.0",
+            "@leafer-ui/effect": "1.8.0",
+            "@leafer-ui/paint": "1.8.0",
+            "@leafer-ui/text": "1.8.0"
+          }
+        },
+        "@leafer-ui/render": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer-ui/render/-/render-1.8.0.tgz",
+          "integrity": "sha512-1gEx9FmlvyhYMqGrh4ogTv3MuJnti4pIBqPtrI+8grPQ1cpjwS36ghV+7LNhb6y+oPOwqw/22+KIG35ObxVLEA==",
+          "requires": {
+            "@leafer-ui/external": "1.8.0"
+          }
+        },
+        "@leafer-ui/text": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer-ui/text/-/text-1.8.0.tgz",
+          "integrity": "sha512-7IXXDjP8DkzIniOI1ow/6rMlYknBCRltGo7lyFy2besI32mS1yIobXlO60/uTCtfAJVPL5Wtr8ZACm0sf5UrUA==",
+          "requires": {
+            "@leafer/core": "1.8.0"
+          }
+        },
+        "@leafer-ui/web": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer-ui/web/-/web-1.8.0.tgz",
+          "integrity": "sha512-tG0OQl+U2+6dNXmWzQzczReAH63H7eJPNkCwRxSMopipvVLR0ix3YgpHFrCBzd05yH2x1S5xJ9aUJin+bgAUfA==",
+          "requires": {
+            "@leafer-in/interface": "1.8.0",
+            "@leafer-ui/core": "1.8.0",
+            "@leafer-ui/draw": "1.8.0",
+            "@leafer-ui/interaction-web": "1.8.0",
+            "@leafer-ui/interface": "1.8.0",
+            "@leafer-ui/partner": "1.8.0",
+            "@leafer/canvas-web": "1.8.0",
+            "@leafer/core": "1.8.0",
+            "@leafer/image-web": "1.8.0",
+            "@leafer/interface": "1.8.0",
+            "@leafer/partner": "1.8.0"
+          }
+        },
+        "@leafer/canvas": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer/canvas/-/canvas-1.8.0.tgz",
+          "integrity": "sha512-8s02D1lR4cFbNZV63WbjONgr54FuffQS9YRGml2FuRhGwgTHF6UGMQ5u7CWx9YLGgCcW4DdBqS8v1KX1MVJzOA==",
+          "requires": {
+            "@leafer/data": "1.8.0",
+            "@leafer/debug": "1.8.0",
+            "@leafer/file": "1.8.0",
+            "@leafer/list": "1.8.0",
+            "@leafer/math": "1.8.0",
+            "@leafer/path": "1.8.0",
+            "@leafer/platform": "1.8.0"
+          }
+        },
+        "@leafer/canvas-web": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer/canvas-web/-/canvas-web-1.8.0.tgz",
+          "integrity": "sha512-gYRmiK0WATOY1caiUTnHB0xfqvuI2oi9SW1fykIdLI/cVQfANtaOaL8mOajiwQIZv64yK630UEQIFobHkUEA5A==",
+          "requires": {
+            "@leafer/core": "1.8.0"
+          }
+        },
+        "@leafer/core": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer/core/-/core-1.8.0.tgz",
+          "integrity": "sha512-BOvWte6IEv5Tyrf0rx6lplwtfd7It4DtGU9js//rCZwfaocRlJCLTgcGEXk97DkdUiDeJ8gxaJiMp9CTq4CjAA==",
+          "requires": {
+            "@leafer/canvas": "1.8.0",
+            "@leafer/data": "1.8.0",
+            "@leafer/debug": "1.8.0",
+            "@leafer/decorator": "1.8.0",
+            "@leafer/display": "1.8.0",
+            "@leafer/display-module": "1.8.0",
+            "@leafer/event": "1.8.0",
+            "@leafer/file": "1.8.0",
+            "@leafer/helper": "1.8.0",
+            "@leafer/image": "1.8.0",
+            "@leafer/layout": "1.8.0",
+            "@leafer/list": "1.8.0",
+            "@leafer/math": "1.8.0",
+            "@leafer/path": "1.8.0",
+            "@leafer/platform": "1.8.0",
+            "@leafer/task": "1.8.0"
+          }
+        },
+        "@leafer/data": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer/data/-/data-1.8.0.tgz",
+          "integrity": "sha512-qzVFYNlHBJzhF23duqIxWrKwJ+kfidU0h1QiH+zbVwEdIaDGT7obiXZEzwR+kjLPftVb8gyZrZoyHgvWu43ErA=="
+        },
+        "@leafer/debug": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer/debug/-/debug-1.8.0.tgz",
+          "integrity": "sha512-zqM7091uVP1OCiumJle6/t9Imc7GiM6AlX2FkvMi65YO9Ob9wmzE8X2lzA2/yggiCtbGdLRbC53Ghm1x3PrI3A==",
+          "requires": {
+            "@leafer/math": "1.8.0"
+          }
+        },
+        "@leafer/decorator": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer/decorator/-/decorator-1.8.0.tgz",
+          "integrity": "sha512-kdnN3JydJmBvyGK9dBZRA7mv3bawU3l3mNOclR/OWzH2uESo7tbOsDqqRdKjcKG85reMlsdKPt06Nd3FhrlmTQ==",
+          "requires": {
+            "@leafer/data": "1.8.0",
+            "@leafer/debug": "1.8.0",
+            "@leafer/platform": "1.8.0"
+          }
+        },
+        "@leafer/display": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer/display/-/display-1.8.0.tgz",
+          "integrity": "sha512-rIUOrG8nJhFmK61ulo846zpvgH6ogI9ojZ9RMMBfvVL2N81CYF7/u+7QcgCKJB0GdLlCaDgmyXuCAozuAik7Gg==",
+          "requires": {
+            "@leafer/data": "1.8.0",
+            "@leafer/debug": "1.8.0",
+            "@leafer/decorator": "1.8.0",
+            "@leafer/display-module": "1.8.0",
+            "@leafer/event": "1.8.0",
+            "@leafer/helper": "1.8.0",
+            "@leafer/image": "1.8.0",
+            "@leafer/layout": "1.8.0",
+            "@leafer/math": "1.8.0",
+            "@leafer/platform": "1.8.0"
+          }
+        },
+        "@leafer/display-module": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer/display-module/-/display-module-1.8.0.tgz",
+          "integrity": "sha512-ZdXKjfcYCDHzUSx6GsGJh3SQLyQZFZ3TcRpseF/IAmQpmLwujKvAdltLlN30eNEsil6qqEOORuNqQHGyd6YFQA==",
+          "requires": {
+            "@leafer/debug": "1.8.0",
+            "@leafer/event": "1.8.0",
+            "@leafer/helper": "1.8.0",
+            "@leafer/math": "1.8.0"
+          }
+        },
+        "@leafer/event": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer/event/-/event-1.8.0.tgz",
+          "integrity": "sha512-PHBvoZ2LLnI5HY3L5SyKHvIUoyMFitNj7Nn2fqF6yUHp9BQzhKV2gLuyn7RjhpnPta4Xo88ruLADFO0yWlG5gA==",
+          "requires": {
+            "@leafer/decorator": "1.8.0",
+            "@leafer/math": "1.8.0",
+            "@leafer/platform": "1.8.0"
+          }
+        },
+        "@leafer/file": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer/file/-/file-1.8.0.tgz",
+          "integrity": "sha512-JwYTv1p/cIhAQv5iXT86gRInwHQz/kLKaQAREi7oA9bacyBQ+2cE4r695I7Nok7JyqTFEe5DtK3g2sm3Ueqfgg==",
+          "requires": {
+            "@leafer/debug": "1.8.0"
+          }
+        },
+        "@leafer/helper": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer/helper/-/helper-1.8.0.tgz",
+          "integrity": "sha512-cTai2P/Fy0Rxr+Lno111pseNJF5xU0ctowTV4lFW+6cOnaGpqeJoTGFkO9MeSOFeSRBjxe7ecfsNoGGzm3THoA==",
+          "requires": {
+            "@leafer/math": "1.8.0",
+            "@leafer/platform": "1.8.0"
+          }
+        },
+        "@leafer/image": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer/image/-/image-1.8.0.tgz",
+          "integrity": "sha512-XElWxR5RZeiTKF+ntdTf5d3wxt2xj7BLh3N3q1Z5Y9ymf73P+efcWV/CaNPRpP8M6uXomQLwYE8KbRa79y5ZVw==",
+          "requires": {
+            "@leafer/data": "1.8.0",
+            "@leafer/file": "1.8.0",
+            "@leafer/math": "1.8.0",
+            "@leafer/platform": "1.8.0",
+            "@leafer/task": "1.8.0"
+          }
+        },
+        "@leafer/image-web": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer/image-web/-/image-web-1.8.0.tgz",
+          "integrity": "sha512-OGcBG1ALIeF2pjMoSwJlrfEL1KQbu1TfJDYMqLGydM1Ygt5w/FHJrsqtd/zBJlmjxZSVCmA5C8DDlbFkKpqJOw==",
+          "requires": {
+            "@leafer/core": "1.8.0"
+          }
+        },
+        "@leafer/interface": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer/interface/-/interface-1.8.0.tgz",
+          "integrity": "sha512-76jOG0AabfIw8WMI8nulb1FKylBcVnpucuiTjml5df6P991wcH8xsDSQtRCaOKrsl0C2DbW62BVwst1NHHHalQ=="
+        },
+        "@leafer/layout": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer/layout/-/layout-1.8.0.tgz",
+          "integrity": "sha512-t6tisD+dcKSwyAaKV/EIPRrrx/HCQn9vGrZxTVSs/sXGdM7Sfhv2Kp9/QJm7lEceVbVmAWWQX/3QMWs1bj8xKA==",
+          "requires": {
+            "@leafer/helper": "1.8.0",
+            "@leafer/math": "1.8.0",
+            "@leafer/platform": "1.8.0"
+          }
+        },
+        "@leafer/layouter": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer/layouter/-/layouter-1.8.0.tgz",
+          "integrity": "sha512-prrsYdlHsUjYSLBuotmmbWYNhML5EkLqD6NPPbl43eBd0nGVZJZMTmgVZNcjn/Ms2MGf15IeVIg1VhAuFlp2fg==",
+          "requires": {
+            "@leafer/core": "1.8.0"
+          }
+        },
+        "@leafer/list": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer/list/-/list-1.8.0.tgz",
+          "integrity": "sha512-eySBH8eRcoW4P9N5Doj6xgFwQ5AqgzG+jR9jhd1VDaV4mVjK+PnBxLWLkg/ZNZgYX38HEtQZ02qMiDFOHmBA6g=="
+        },
+        "@leafer/math": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer/math/-/math-1.8.0.tgz",
+          "integrity": "sha512-X0VaEqgCOAHZUsiiYWqoENvE5lHrglfuKaX3fkers31UgjPN0wmTSbk+N4kXR9ssq6wq3KzJIRdPyPLVTMoo5A=="
+        },
+        "@leafer/partner": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer/partner/-/partner-1.8.0.tgz",
+          "integrity": "sha512-qILWj6XIj3wpCgZPs/hh/Z7BgI6/fYcjC/aJRETz87X9anL5GtlrVP7FDvb2O5uD8fiSRkqoeMWhUmVCnIclZg==",
+          "requires": {
+            "@leafer/core": "1.8.0",
+            "@leafer/layouter": "1.8.0",
+            "@leafer/renderer": "1.8.0",
+            "@leafer/selector": "1.8.0",
+            "@leafer/watcher": "1.8.0"
+          }
+        },
+        "@leafer/path": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer/path/-/path-1.8.0.tgz",
+          "integrity": "sha512-FXxkxc4Yckr+zBO+Ejz4aKtIC0mV3Jmx/0Vl8uOVT5GOzpbJvGdZYM4a5jRMddUJn5I/C0F1QWjXTGqHX/6fSA==",
+          "requires": {
+            "@leafer/debug": "1.8.0",
+            "@leafer/math": "1.8.0"
+          }
+        },
+        "@leafer/platform": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer/platform/-/platform-1.8.0.tgz",
+          "integrity": "sha512-EuwwMKowbQ3tcPffa3hFDkAm+odvJmH0f+b8QzSBlS9SXO2H6FMcizxMqrnSt7CmBEQY7PZEazXGxYMaptUflA==",
+          "requires": {
+            "@leafer/debug": "1.8.0",
+            "@leafer/layouter": "1.8.0"
+          }
+        },
+        "@leafer/renderer": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer/renderer/-/renderer-1.8.0.tgz",
+          "integrity": "sha512-rXmSRJW2lDlDJFeJwJEwd7gxU8IPtW7ysJ9xHoj+vqeeIFn8xxBZiYjE4/Y+CNCR4eebOC2qseLYzTV99+QIhA==",
+          "requires": {
+            "@leafer/core": "1.8.0"
+          }
+        },
+        "@leafer/selector": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer/selector/-/selector-1.8.0.tgz",
+          "integrity": "sha512-uljegY6ia0UodTnd8G0wYXo1KbT31+PXgNvnSdrV5Jd+n8snjUoAKA6wkfbTIAZoLFbIEoge5alJ2WMvyF+4QQ==",
+          "requires": {
+            "@leafer/core": "1.8.0"
+          }
+        },
+        "@leafer/task": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer/task/-/task-1.8.0.tgz",
+          "integrity": "sha512-i+oFTC9jX0k4MKek4zhuezkNwH5n1m/TZ2eCy+uw6Hwt8i4LCX2tY/mNcFJGtNztBBHxbT3pe/oCM8Pi2nuYag==",
+          "requires": {
+            "@leafer/debug": "1.8.0",
+            "@leafer/math": "1.8.0"
+          }
+        },
+        "@leafer/watcher": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/@leafer/watcher/-/watcher-1.8.0.tgz",
+          "integrity": "sha512-Co37fD2k6sr7ZrKpM1NghpX0iVMvA51NKSPk3MxDbLUyzBRCmbhyLlvT68CW09L1Vb+9WOvuQA3kdQ4QUrOTew==",
+          "requires": {
+            "@leafer/data": "1.8.0",
+            "@leafer/event": "1.8.0",
+            "@leafer/list": "1.8.0"
+          }
         },
         "@popperjs/core": {
           "version": "npm:@sxzz/popperjs-es@2.11.7",
@@ -9755,6 +11209,19 @@
           "resolved": "https://registry.npmmirror.com/dom-zindex/-/dom-zindex-1.0.6.tgz",
           "integrity": "sha512-FKWIhiU96bi3xpP9ewRMgANsoVmMUBnMnmpCT6dPMZOunVYJQmJhSRruoI0XSPoHeIif3kyEuiHbFrOJwEJaEA=="
         },
+        "dxf-parser": {
+          "version": "1.1.2",
+          "resolved": "https://registry.npmmirror.com/dxf-parser/-/dxf-parser-1.1.2.tgz",
+          "integrity": "sha512-GPTumUvRkounlIazLIyJMmTWt+nlg+ksS0Hdm8jWvejmZKBTz6gvHTam76wRm4PQMma5sgKLThblQyeIJcH79Q==",
+          "requires": {
+            "loglevel": "^1.7.1"
+          }
+        },
+        "dxf-writer": {
+          "version": "1.18.4",
+          "resolved": "https://registry.npmmirror.com/dxf-writer/-/dxf-writer-1.18.4.tgz",
+          "integrity": "sha512-JdLOyP+1UyeB30yPowJLJKK0bPROq/dX+QTWcLSplQoepcyo/YMlU0Z27T7mIPxgwiPb+CQWwUIlbcRRfns+ng=="
+        },
         "element-plus": {
           "version": "2.9.3",
           "resolved": "https://registry.npmmirror.com/element-plus/-/element-plus-2.9.3.tgz",
@@ -9968,6 +11435,28 @@
           "resolved": "https://registry.npmmirror.com/jsbarcode/-/jsbarcode-3.11.6.tgz",
           "integrity": "sha512-G5TKGyKY1zJo0ZQKFM1IIMfy0nF2rs92BLlCz+cU4/TazIc4ZH+X1GYeDRt7TKjrYqmPfTjwTBkU/QnQlsYiuA=="
         },
+        "leafer-ui": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmmirror.com/leafer-ui/-/leafer-ui-1.8.0.tgz",
+          "integrity": "sha512-Y/jXyC3ZJ8DCkifUfIgSqt38fwdf1UJ8//IKWntvCXVlEx9R50vx33rxf1VVHQq0NWcfH6U64k+VzDLSXq/rFA==",
+          "requires": {
+            "@leafer-in/interface": "1.8.0",
+            "@leafer-ui/core": "1.8.0",
+            "@leafer-ui/draw": "1.8.0",
+            "@leafer-ui/interaction-web": "1.8.0",
+            "@leafer-ui/interface": "1.8.0",
+            "@leafer-ui/partner": "1.8.0",
+            "@leafer-ui/web": "1.8.0",
+            "@leafer/core": "1.8.0",
+            "@leafer/interface": "1.8.0",
+            "@leafer/partner": "1.8.0"
+          }
+        },
+        "leaflet": {
+          "version": "1.9.4",
+          "resolved": "https://registry.npmmirror.com/leaflet/-/leaflet-1.9.4.tgz",
+          "integrity": "sha512-nxS1ynzJOmOlHp+iL3FyWqK89GtNL8U8rvlMOsQdTTssxZwCXh8N2NB3GDQOL+YR3XnWyZAxwQixURb+FA74PA=="
+        },
         "local-pkg": {
           "version": "0.4.3",
           "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-0.4.3.tgz",
@@ -9997,6 +11486,11 @@
           "integrity": "sha512-WK9qSozxXOD7ZJQlpSqOT+om2ZfcT4yO+03FuzAHD0wF6S0l0090LRPDx3vhTTLZ8cFKpBn+IOcVXK6qOcIlfQ==",
           "requires": {}
         },
+        "loglevel": {
+          "version": "1.9.2",
+          "resolved": "https://registry.npmmirror.com/loglevel/-/loglevel-1.9.2.tgz",
+          "integrity": "sha512-HgMmCqIJSAKqo68l0rS2AanEWfkxaZ5wNiEFb5ggm08lDs9Xl2KxBlX3PTcaD2chBM1gXAYf491/M2Rv8Jwayg=="
+        },
         "magic-string": {
           "version": "0.30.5",
           "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.5.tgz",
diff --git a/north-glass-erp/northglass-erp/package.json b/north-glass-erp/northglass-erp/package.json
index ee50f21..e547e83 100644
--- a/north-glass-erp/northglass-erp/package.json
+++ b/north-glass-erp/northglass-erp/package.json
@@ -12,8 +12,12 @@
     "@vue-macros/reactivity-transform": "^0.3.23",
     "axios": "^1.5.1",
     "decimal.js": "^10.4.3",
+    "dxf-parser": "^1.1.2",
+    "dxf-writer": "^1.18.4",
     "element-plus": "^2.9.3",
     "file-saver": "^2.0.5",
+    "leafer-ui": "^1.8.0",
+    "leaflet": "^1.9.4",
     "moment": "^2.30.1",
     "northglass-erp": "file:",
     "pinia": "^2.1.6",
diff --git a/north-glass-erp/northglass-erp/src/components/sd/order/UpdateAlienEditor.vue b/north-glass-erp/northglass-erp/src/components/sd/order/UpdateAlienEditor.vue
index 9136cc3..83484b9 100644
--- a/north-glass-erp/northglass-erp/src/components/sd/order/UpdateAlienEditor.vue
+++ b/north-glass-erp/northglass-erp/src/components/sd/order/UpdateAlienEditor.vue
@@ -36,8 +36,8 @@
 
 const emits = defineEmits(['getUploadPicture'])
 
-
-
+let fileName=ref(null)
+let fileDate=ref(null)
 let dxfData=ref(null)
 let state=ref(false)
 let points=ref([])
@@ -105,8 +105,8 @@
 const getproject = () => {
   if (state.value){
     leafer = new Leafer({view: 'canvas'})
-    points.value = [datas1.value + (parseInt(data7.value) / big), datas2.value - (parseInt(data8.value) / big), datas3.value + (parseInt(data1.value) / big), datas4.value + (parseInt(data2.value) / big),
-      datas5.value - (parseInt(data3.value) / big), datas6.value + (parseInt(data4.value) / big), datas7.value - (parseInt(data5.value) / big), datas8.value - (parseInt(data6.value) / big)]
+    points.value = [datas1.value + (parseInt(data5.value) / big), datas2.value - (parseInt(data6.value) / big), datas3.value + (parseInt(data1.value) / big), datas4.value + (parseInt(data2.value) / big),
+      datas5.value - (parseInt(data3.value) / big), datas6.value + (parseInt(data4.value) / big), datas7.value - (parseInt(data7.value) / big), datas8.value - (parseInt(data8.value) / big)]
     const polygon = new Polygon({
       points: points.value,
       fill: '#32cd79',
@@ -154,7 +154,8 @@
   const blob = new Blob([dxf.toDxfString()], {type: 'text/plain;charset=utf-8'});
   const base64 = await fileToBase64(blob);
   if(value===1){
-    emits('getUploadPicture', "map.dxf",base64.replace(/^data:.+;base64,/, ""),)
+    fileName.value="map.dxf"
+    fileDate.value=base64.replace(/^data:.+;base64,/, "")
   }
   else if(value===2&&state.value){
     saveAs(blob, 'map.dxf');
@@ -183,6 +184,7 @@
   const main = document.getElementById('mains')
   const width = document.getElementById('width')
   const height = document.getElementById('height')
+  validate()
   if(leafer!==undefined){
     leafer.clear()
   }
@@ -198,7 +200,8 @@
         dxfData.value = parser.parseSync(text);
         handleFileUpload()
 
-        emits('getUploadPicture', file.name,base64.replace(/^data:.+;base64,/, ""))
+        fileName.value=file.name
+        fileDate.value=base64.replace(/^data:.+;base64,/, "")
       } catch (error) {
         console.error('瑙f瀽DXF鏂囦欢鏃跺嚭閿�:', error);
       }
@@ -282,24 +285,17 @@
           main.style.backgroundColor = "#8d9095"
           width.innerHTML = round(maxX - minX, 2)
           height.innerHTML = round(maxY - minY, 2)
-          if(entity.vertices.length==4){
-            state.value=true
-            datas1.value=0
-            datas2.value=(maxY - minY) / big
-            datas3.value=0
-            datas4.value=0
-            datas5.value=(maxX - minX) / big
-            datas6.value=0
-            datas7.value=(maxX - minX) / big
-            datas8.value=(maxY - minY) / big
 
-            points.value=[0, heightAgv, 0, 0, widthAgv, 0, widthAgv,heightAgv]
-
-          }
           let point = entity.vertices.map(v => [
             (v.x - minX) / big,
             toBottomOrigin((v.y - minY) / big, (maxY - minY) / big),
           ]).flat()
+
+
+          if(entity.vertices.length==4){
+            isQuadrilateral(maxY,minY,maxX,minX,point)
+          }
+
           const polygon = new Polygon({
             points: point,
             fill: '#32cd79',
@@ -416,12 +412,120 @@
   validate
 })
 
+const save =  () => {
+  emits('getUploadPicture', fileName.value,fileDate.value)
+}
+
+
+const isQuadrilateral =  (maxY,minY,maxX,minX,point) => {
+  state.value=true
+  datas1.value=0
+  datas2.value=(maxY - minY) / big
+  datas3.value=0
+  datas4.value=0
+  datas5.value=(maxX - minX) / big
+  datas6.value=0
+  datas7.value=(maxX - minX) / big
+  datas8.value=(maxY - minY) / big
+  //points.value=[0, heightAgv, 0, 0, widthAgv, 0, widthAgv,heightAgv]
+
+  let numbers = [point[0], point[2], point[4], point[6]]; // 绀轰緥鏁扮粍
+  let maxX1 = Math.max(...numbers); // 鎵惧埌鏈�澶х殑鏁�
+  let remaining = numbers.filter(num => num !== maxX1); // 绉婚櫎鏈�澶ф暟锛屽墿涓嬬殑鏁扮粍
+  let maxX2 = Math.max(...remaining); // 鍦ㄥ墿浣欑殑鏁颁腑鎵惧埌绗簩澶х殑鏁�
+
+  let arr=[]
+  for (let i=0;i<point.length;i++){
+    let a=[]
+    if(i % 2 === 0){
+      a.push(point[i])
+      a.push((point[i+1]))
+      arr.push(a)
+    }
+
+  }
+  let x=[]
+  let y=[]
+
+  let upperRight=null //鍙充笂
+  let lowerRight=null //鍙充笅
+  let topLeft=null //宸︿笂
+  let lowerLeft=null //宸︿笅
+
+  arr.forEach(item=>{
+    if(item[0]==maxX1||item[0]==maxX2){
+      x.push(item)
+    }else{
+      y.push(item)
+    }
+  })
+
+  if(x[0][1]>x[1][1]){
+    lowerRight=x[0]
+    upperRight=x[1]
+  }else{
+    upperRight=x[0]
+    lowerRight=x[1]
+  }
+
+  if(y[0][1]>y[1][1]){
+    lowerLeft=y[0]
+    topLeft=y[1]
+  }else {
+    topLeft=y[0]
+    lowerLeft=y[1]
+  }
+
+
+  if(lowerLeft[0]*big===0){
+    data5.value=0
+  }else{
+    data5.value=round(lowerLeft[0]*big,0)
+  }
+  if(lowerLeft[1]*big===0){
+    data6.value=0
+  }else{
+    data6.value=round(maxY-minY-lowerLeft[1]*big,0)
+  }
+  if(topLeft[0]*big===0){
+    data1.value=0
+  }else{
+    data1.value=round(topLeft[0]*big,0)
+  }
+  if(topLeft[1]*big===0){
+    data2.value=0
+  }else{
+    data2.value=round(topLeft[1]*big,0)
+  }
+  if(upperRight[0]*big===0){
+    data3.value=0
+  }else{
+    data3.value=round(maxX-minX-upperRight[0]*big,0)
+  }
+  if(upperRight[1]*big===0){
+    data4.value=0
+  }else{
+    data4.value=round(upperRight[1]*big,0)
+  }
+  if(lowerRight[0]*big===0){
+    data7.value=0
+  }else{
+    data7.value=round(maxX-minX-lowerRight[0]*big,0)
+  }
+  if(lowerRight[1]*big===0){
+    data8.value=0
+  }else{
+    data8.value=round(maxY-minY-lowerRight[1]*big,0)
+  }
+}
+
+
 
 </script>
 
 <template>
   <div style="width: 404px;height: 254px;border: 2px solid #000;float: left;
-      position: relative;display: flex;justify-content: center;align-content: center;margin-left: 100px">
+      position: relative;display: flex;justify-content: center;align-content: center;margin-left: 100px;margin-top: 25px;">
     <div id="mains" ref="parent"  >
       <canvas  id="canvas" ></canvas>
     </div>
@@ -445,9 +549,12 @@
   <div id="width" style="height: 20px;position: absolute;top: 322px;left: 320px;">妯�</div>
   <div id="width" style="height: 20px;position: absolute;top: 322px;left: 385px;">绔�</div>
   <div style="float: left;margin-top: 20px;margin-left: 80px;">
-    <input type="file" @change="handleFile" accept=".dxf" />
+    <input style="width: 180px;"  type="file" @change="handleFile" accept=".dxf" />
     <el-button type="primary" @click="exportToDXF(2)">瀵煎嚭DXF</el-button>
   </div>
+  <div style="float: left;margin-top: 20px;margin-left: 80px;">
+    <el-button type="primary" @click="save()">淇濆瓨</el-button>
+  </div>
 
 
 
diff --git a/north-glass-erp/northglass-erp/src/views/mm/basicData/canvas.vue b/north-glass-erp/northglass-erp/src/views/mm/basicData/canvas.vue
index ec0f121..9e895e8 100644
--- a/north-glass-erp/northglass-erp/src/views/mm/basicData/canvas.vue
+++ b/north-glass-erp/northglass-erp/src/views/mm/basicData/canvas.vue
@@ -1,7 +1,696 @@
+
+
+
+
+<script setup>
+import { Leafer, Polygon,Ellipse,Line,Path } from 'leafer-ui'
+import {nextTick, onMounted, onUnmounted, onUpdated, reactive, ref, watch} from "vue"
+import { saveAs } from 'file-saver';
+import DXFWriter from 'dxf-writer';
+import DxfParser from 'dxf-parser';
+import {round} from "xe-utils";
+import request from "@/utils/request";
+import {ElMessage} from "element-plus";
+
+let XMargin=ref(30)
+let YMargin=ref(30)
+let points=ref([])
+let data1=ref(0)
+let data2=ref(0)
+let data3=ref(0)
+let data4=ref(0)
+let data5=ref(0)
+let data6=ref(0)
+let data7=ref(0)
+let data8=ref(0)
+
+let datas1=ref(0)
+let datas2=ref(0)
+let datas3=ref(0)
+let datas4=ref(0)
+let datas5=ref(0)
+let datas6=ref(0)
+let datas7=ref(0)
+let datas8=ref(0)
+let big=0
+let leafer;
+
+onMounted(() => {
+  const main =document.getElementById('mains')
+  const width =document.getElementById('width')
+  const height =document.getElementById('height')
+  const iocn =document.getElementById('iocn')
+  width.innerHTML=1500
+  height.innerHTML=600
+  if(1500/400>600/300){
+    big=1500/400
+  }else{
+    big=600/300
+  }
+  let widthAgv=1500/big
+  let heightAgv=600/big
+  main.style.width=widthAgv+"px"
+  main.style.height=heightAgv+"px"
+  main.style.backgroundColor="white"
+  iocn.style.marginLeft=XMargin.value/big+"px"
+  iocn.style.marginTop=YMargin.value/big+"px"
+  datas2.value=heightAgv
+  datas8.value=heightAgv
+  datas5.value=widthAgv
+  datas7.value=widthAgv
+  leafer=new Leafer({ view: 'canvas' })
+
+  points.value=[0, heightAgv, 0, 0, widthAgv, 0, widthAgv,heightAgv]
+  const polygon = new Polygon({
+    points: points.value,
+    fill: '#32cd79',
+    origin: [0, 0],
+    scale:0.5
+  })
+  leafer.add(polygon)
+
+})
+const getproject = () =>  {
+  leafer=new Leafer({ view: 'canvas' })
+  points.value=[datas1.value+(parseInt(data1.value)/big), datas2.value-(parseInt(data2.value)/big), datas3.value+(parseInt(data3.value)/big), datas4.value+(parseInt(data4.value)/big),
+    datas5.value-(parseInt(data5.value)/big), datas6.value+(parseInt(data6.value)/big), datas7.value-(parseInt(data7.value)/big), datas8.value-(parseInt(data8.value)/big)]
+  const polygon = new Polygon({
+    points: points.value,
+    fill: '#32cd79',
+    origin: [0, 0]
+  })
+  leafer.add(polygon)
+
+}
+
+const exportToDXF = () => {
+  const dxf = new DXFWriter();
+  const polygonPoints = points.value.map((coord, index) => ({
+    x: index % 2 === 0 ? coord : undefined,
+    y: index % 2 !== 0 ? -coord : undefined
+  })).filter(point => point.x !== undefined && point.y !== undefined);
+
+  let arr=[]
+  for (let i=0;i<points.value.length;i++){
+    let a=[]
+    if(i % 2 === 0){
+      a.push(points.value[i]*big)
+      a.push((points.value[i+1]*big))
+      a.push(0)
+      arr.push(a)
+    }
+
+  }
+  let minX = Infinity, minY = Infinity;
+  let maxX = -Infinity, maxY = -Infinity;
+  arr.forEach(p => {
+    minX = Math.min(Math.abs(p[0]),minX );
+    minY = Math.min(Math.abs(p[1]),minY);
+    maxX = Math.max(Math.abs(p[0]),maxX );
+    maxY = Math.max(Math.abs(p[1]),maxY);
+  });
+
+  arr.forEach(p => {
+    p[1]=maxY-minY-p[1]
+  });
+
+
+  dxf.drawPolyline(arr,{ closed: true, layer: '0' })
+
+  const blob = new Blob([dxf.toDxfString()], { type: 'text/plain;charset=utf-8' });
+  saveAs(blob, 'map.dxf');
+}
+
+
+function toBottomOrigin(y, canvasHeight) {
+  return canvasHeight - y; // 灏嗗乏涓婅Y鍧愭爣杞崲涓哄乏涓嬭鍧愭爣绯�
+}
+
+function addPolygonAsLines(dxf, points, layer = '0') {
+  for (let i = 0; i < points.length; i++) {
+    const nextIdx = (i + 1) % points.length;
+    dxf.drawPolygon(
+        points[i].x, points[i].y,
+        points[nextIdx].x, points[nextIdx].y
+    );
+  }
+}
+
+const uploadToServer = (data, fileName) => {
+  request.post('/order/upload-dxf', {
+    fileName: fileName,
+    fileData: data
+  }, {
+    headers: {'Content-Type': 'application/json'}
+  });
+};
+
+const file = ref(null);
+const triggerFileSelect = () => {
+  request.post("/order/selectUploadDxf").then((res) => {
+    if (res.code === "200" ) {
+      console.log(res.data)
+      const b64Data = res.data.data.file_data;
+      const byteCharacters = atob(b64Data);
+      const parser = new DxfParser();
+      const dxfData = parser.parseSync(byteCharacters)
+      console.log(dxfData)
+    }
+  })
+};
+
+
+
+const fileToBase64 = (file) => {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onload = () => resolve(reader.result);
+    reader.onerror = reject;
+    reader.readAsDataURL(file);
+  });
+};
+
+const handleFileUpload =  async (event) => {
+  const main = document.getElementById('mains')
+  const width = document.getElementById('width')
+  const height = document.getElementById('height')
+  leafer.removeAll()
+  leafer = new Leafer({view: 'canvas'});
+  const file = event.target.files[0];
+  try {
+    const base64 = await fileToBase64(file);
+    const pureBase64 = base64.replace(/^data:.+;base64,/, "");
+    uploadToServer(pureBase64, file.name)
+  } catch (error) {
+    console.error('杞崲澶辫触:', error);
+  }
+  if (file) {
+    const reader = new FileReader();
+    reader.onload = async (e) => {
+      const text = e.target.result;
+      try {
+        const parser = new DxfParser();
+        const dxfData = parser.parseSync(text);
+
+        let minX = Infinity, minY = Infinity;
+        let maxX = -Infinity, maxY = -Infinity;
+        dxfData.entities.forEach(entity => {
+          if (entity.type === 'LINE' || entity.type === 'LWPOLYLINE') {
+            entity.vertices.forEach(vertices => {
+              minX = Math.min(Math.abs(vertices.x), minX);
+              minY = Math.min(Math.abs(vertices.y), minY);
+              maxX = Math.max(Math.abs(vertices.x), maxX);
+              maxY = Math.max(Math.abs(vertices.y), maxY);
+            })
+          }
+          if (entity.type === 'ARC') {
+            const center = {x: entity.center.x, y: entity.center.y};
+            const radius = entity.radius;
+            const startAngle = entity.startAngle * (180 / Math.PI);
+            const endAngle = entity.endAngle * (180 / Math.PI);
+
+            const points = [];
+            const steps = 32;
+            for (let i = 0; i <= steps; i++) {
+              const angle = startAngle + (endAngle - startAngle) * (i / steps);
+              const x = center.x + radius * Math.cos(angle * Math.PI / 180);
+              const y = center.y + radius * Math.sin(angle * Math.PI / 180);
+              points.push({x, y});
+            }
+
+
+            points.forEach(p => {
+              minX = Math.min(minX, p.x);
+              minY = Math.min(minY, p.y);
+              maxX = Math.max(maxX, p.x);
+              maxY = Math.max(maxY, p.y);
+            });
+          }
+        });
+        if ((maxX - minX) / 400 > (maxY - minY) / 300) {
+          big = (maxX - minX) / 400
+        } else {
+          big = (maxY - minY) / 300
+        }
+
+        Object.values(dxfData.entities).forEach(entity => {
+          /*const bounds = drawEntity(entity);
+
+          if (bounds) {
+            minX = Math.min(minX, bounds.minX);
+            minY = Math.min(minY, bounds.minY);
+            maxX = Math.max(maxX, bounds.maxX);
+            maxY = Math.max(maxY, bounds.maxY);
+          }*/
+          switch (entity.type) {
+
+            case 'LINE':
+              /*main.style.width=(maxX-minX)+"px"
+              main.style.height=(maxY-minY)+"px"
+              width.innerHTML=round(maxX-minX,2)
+              height.innerHTML=round(maxY-minY,2)
+              const line = new Line({
+                points: [(Math.abs(entity.vertices[0].x)-minX)/big, toBottomOrigin((Math.abs(entity.vertices[0].y)-minY)/big,(maxY-minY)/big),
+                  (Math.abs(entity.vertices[1].x)-minX)/big, toBottomOrigin((Math.abs(entity.vertices[1].y)-minY)/big,(maxY-minY)/big)],
+                stroke: '#f00',
+                strokeWidth: 2
+              })*/
+              main.style.width = (maxX - minX) / big + "px"
+              main.style.height = (maxY - minY) / big + "px"
+              width.innerHTML = round(maxX - minX, 2)
+              height.innerHTML = round(maxY - minY, 2)
+              const line = new Line({
+                points: [(Math.abs(entity.vertices[0].x) - minX) / big, ((maxY - minY) - (Math.abs(entity.vertices[0].y) - minY)) / big,
+                  (Math.abs(entity.vertices[1].x) - minX) / big, ((maxY - minY) - (Math.abs(entity.vertices[1].y) - minY)) / big],
+                stroke: '#f00',
+                strokeWidth: 1
+              })
+              setTimeout(() => {
+                leafer.add(line);
+              }, 30);
+              break;
+            case 'LWPOLYLINE':
+
+              main.style.width = (maxX - minX) / big + "px"
+              main.style.height = (maxY - minY) / big + "px"
+              main.style.backgroundColor = "white"
+              width.innerHTML = round(maxX - minX, 2)
+              height.innerHTML = round(maxY - minY, 2)
+              let point = entity.vertices.map(v => [
+                (Math.abs(v.x) - minX) / big,
+                toBottomOrigin((Math.abs(v.y) - minY) / big, (maxY - minY) / big),
+              ]).flat()
+              const polygon = new Polygon({
+                points: point,
+                fill: '#32cd79',
+              })
+              setTimeout(() => {
+                leafer.add(polygon);
+              }, 30);
+
+              break;
+            case 'CIRCLE':
+              big = (entity.radius * 2) / 400
+              main.style.width = entity.radius * 2 / big + "px"
+              main.style.height = entity.radius * 2 / big + "px"
+              width.innerHTML = round(entity.radius * 2, 2)
+              height.innerHTML = round(entity.radius * 2, 2)
+              const ellipse = new Ellipse({
+                width: entity.radius * 2 / big,
+                height: entity.radius * 2 / big,
+                fill: "#32cd79"
+              })
+              setTimeout(() => {
+                leafer.add(ellipse);
+              }, 30);
+
+              break;
+            case 'ELLIPSE':
+              console.log(entity)
+
+              const {majorAxisEndPoint, axisRatio} = entity;
+
+              const dx = majorAxisEndPoint.x;
+              const dy = majorAxisEndPoint.y;
+              const a = Math.sqrt(dx ** 2 + dy ** 2);
+              const c = a * axisRatio;
+              const 胃 = Math.atan2(dy, dx);
+              const l = axisRatio * (180 / Math.PI);
+
+              if ((a * 2) / 400 > (c * 2) / 300) {
+                big = (a * 2) / 400
+              } else {
+                big = (c * 2) / 300
+              }
+
+              main.style.width = a * 2 / big + "px"
+              main.style.height = c * 2 / big + "px"
+              width.innerHTML = round(a * 2, 2)
+              height.innerHTML = round(c * 2, 2)
+              const ellipse2 = new Ellipse({
+                width: a * 2 / big,
+                height: c * 2 / big,
+                fill: "#32cd79",
+              })
+
+              setTimeout(() => {
+                leafer.add(ellipse2);
+              }, 30);
+
+              break;
+            case 'ARC':
+              const center = {x: entity.center.x, y: entity.center.y};
+              const radius = entity.radius;
+              const startAngle = entity.startAngle * (180 / Math.PI);
+              const endAngle = entity.endAngle * (180 / Math.PI);
+
+              if ((maxX - minX) / 400 > (maxY - minY) / 300) {
+                big = (maxX - minX) / 400
+              } else {
+                big = (maxY - minY) / 300
+              }
+
+
+              // 璁$畻鍦嗗姬鐨勮捣鐐瑰拰缁堢偣
+              const startX = (center.x + radius * Math.cos(entity.startAngle) - minX);
+              const startY = (maxY - minY) - ((center.y + radius * Math.sin(entity.startAngle)) - minY);
+              const endX = (center.x + radius * Math.cos(entity.endAngle) - minX);
+              const endY = (maxY - minY) - ((center.y + radius * Math.sin(entity.endAngle)) - minY);
+
+              // 鍒涘缓鍦嗗姬璺緞
+              const path = new Path({
+                path: `M ${startX / big} ${startY / big} A ${radius / big} ${radius / big} 0 ${endAngle - startAngle > 180 ? 1 : 0} 0 ${endX / big} ${endY / big}`,
+                stroke: '#f00',
+                strokeWidth: 1,
+              });
+
+
+              setTimeout(() => {
+                leafer.add(path);
+              }, 30);
+
+
+              break;
+
+          }
+        })
+        // 鑷姩缂╂斁瑙嗗浘
+        /*if (minX !== Infinity) {
+          const width = maxX - minX;
+          const height = maxY - minY;
+          const centerX = (minX + maxX) / 2;
+          const centerY = (minY + maxY) / 2;
+
+          main.style.width=width/big+"px"
+          main.style.height=height/big+"px"
+
+        }*/
+
+      } catch (error) {
+        console.error('瑙f瀽DXF鏂囦欢鏃跺嚭閿�:', error);
+      }
+    };
+    reader.readAsText(file);
+  }
+};
+
+function drawEntity(entity) {
+  switch (entity.type) {
+    case 'LWPOLYLINE':
+      return drawPolyline(entity);
+    case 'POLYLINE':
+      return drawPolyline(entity);
+    case 'LINE':
+      return drawLine(entity);
+    case 'CIRCLE':
+      return drawCircle(entity);
+    case 'ARC':
+      return drawArc(entity);
+    case 'SPLINE':
+      return drawSpline(entity);
+    default:
+      console.warn('Unsupported entity type:', entity.type);
+      return null;
+  }
+}
+
+let minX = Infinity, minY = Infinity;
+let maxX = -Infinity, maxY = -Infinity;
+// 缁樺埗澶氭绾�
+function drawPolyline(polyline) {
+  const points = polyline.vertices.map(v => {
+    return { x: Math.abs(v.x), y: Math.abs(v.y) }; // 缈昏浆Y鍧愭爣
+  });
+
+  // 澶勭悊闂悎澶氳竟褰�
+  if (polyline.flags && polyline.flags.includes('closed') && points.length > 0) {
+    points.push({...points[0]});
+  }
+
+  // 璁$畻杈圭晫
+
+  points.forEach(p => {
+    minX = Math.min(p.x,minX);
+    minY = Math.min(p.y,minY);
+    maxX = Math.max(p.x,maxX);
+    maxY = Math.max(p.y,maxY);
+  });
+
+  let agvX=maxX-minX
+  let agvY=maxY-minY
+
+
+  // 鍒涘缓Leafer澶氳竟褰�
+  const polygon = new Polygon({
+    points: points.flatMap(p => [(p.x-minX)/big,(agvY-(p.y-minY))/big]),
+    fill: 'rgba(100, 150, 255, 0.3)',
+    stroke: '#32cd79',
+    strokeWidth: 2,
+    cornerRadius: 0,
+    draggable: true
+  });
+
+  // 淇濆瓨鍘熷DXF鏁版嵁
+  polygon.dxfData = {
+    type: polyline.type,
+    layer: polyline.layer || '0',
+    color: polyline.color || 7
+  };
+  setTimeout(() => {
+    leafer.add(polygon);
+  }, 30);
+
+
+  return { minX, minY, maxX, maxY };
+}
+
+// 缁樺埗鐩寸嚎
+function drawLine(line) {
+  const points = line.vertices.map(v => {
+    return { x: Math.abs(v.x), y: Math.abs(v.y) };
+  });
+
+  points.forEach(p => {
+    minX = Math.min(p.x,minX);
+    minY = Math.min(p.y,minY);
+    maxX = Math.max(p.x,maxX);
+    maxY = Math.max(p.y,maxY);
+  });
+
+  let agvX=maxX-minX
+  let agvY=maxY-minY
+
+  const lineObj = new Line({
+    points:[
+      (points[0].x-minX)/big,(agvY-(points[0].y-minY))/big,
+      (points[1].x-minX)/big,(agvY-(points[1].y-minY))/big
+    ],
+    stroke: '#32cd79',
+    strokeWidth: 2
+  });
+
+  setTimeout(() => {
+    leafer.add(lineObj);
+  }, 30);
+
+  return { minX, minY, maxX, maxY };
+}
+
+// 缁樺埗鍦�
+function drawCircle(circle) {
+  const center = { x: circle.center.x, y: circle.center.y };
+  const radius = circle.radius;
+
+   minX = center.x - radius;
+   minY = center.y - radius;
+   maxX = center.x + radius;
+   maxY = center.y + radius;
+
+  const circleObj = new Leafer.Ellipse({
+    x: center.x,
+    y: center.y,
+    radiusX: radius,
+    radiusY: radius,
+    fill: 'rgba(100, 150, 255, 0.3)',
+    stroke: '#32cd79',
+    strokeWidth: 2
+  });
+
+  circleObj.dxfData = {
+    type: 'CIRCLE',
+    layer: circle.layer || '0',
+    color: circle.color || 7
+  };
+
+  leafer.add(circleObj);
+
+  return { minX, minY, maxX, maxY };
+}
+
+// 缁樺埗鍦嗗姬
+function drawArc(arc) {
+  const center = { x: arc.center.x, y: arc.center.y };
+  const radius = arc.radius;
+  const startAngle = arc.startAngle*(180/Math.PI);
+  const endAngle = arc.endAngle*(180/Math.PI);
+
+  const points = [];
+  const steps = 32;
+  for (let i = 0; i <= steps; i++) {
+    const angle = startAngle + (endAngle - startAngle) * (i / steps);
+    const x = center.x + radius * Math.cos(angle * Math.PI / 180);
+    const y = center.y + radius * Math.sin(angle * Math.PI / 180);
+    points.push({ x, y });
+  }
+
+
+  points.forEach(p => {
+    minX = Math.min(minX, p.x);
+    minY = Math.min(minY, p.y);
+    maxX = Math.max(maxX, p.x);
+    maxY = Math.max(maxY, p.y);
+  });
+  let agvX=maxX-minX
+  let agvY=maxY-minY
+
+  // 璁$畻鍦嗗姬鐨勮捣鐐瑰拰缁堢偣
+  const startX = (center.x-minX)/big + radius/big * Math.cos(arc.startAngle);
+  const startY = (agvY-(center.y-minY))/big + radius/big * Math.sin(arc.startAngle);
+  const endX = (center.x-minX)/big + radius/big * Math.cos(arc.endAngle);
+  const endY = (agvY-(center.y-minY))/big + radius/big * Math.sin(arc.endAngle);
+
+  // 鍒涘缓鍦嗗姬璺緞
+  const path = new Path({
+    path: `M ${endX} ${endY} A ${radius/big} ${radius/big} 0 ${endAngle - startAngle > 180 ? 1 : 0} 0 ${startX} ${startY}`,
+    stroke: '#32cd79',
+    strokeWidth: 2,
+  });
+
+
+  setTimeout(() => {
+    leafer.add(path);
+  }, 30);
+
+
+  return { minX, minY, maxX, maxY };
+}
+
+// 缁樺埗鏍锋潯鏇茬嚎锛堢畝鍖栧疄鐜帮級
+function drawSpline(spline) {
+  if (!spline.controlPoints || spline.controlPoints.length < 2) {
+    console.warn('Invalid SPLINE entity');
+    return null;
+  }
+
+  const points = spline.controlPoints.map(p => {
+    return { x: p.x, y: -p.y };
+  });
+
+  // 鍒涘缓鏍锋潯鏇茬嚎璺緞锛堜娇鐢ㄤ笁娆¤礉濉炲皵鏇茬嚎杩戜技锛�
+  let pathData = `M ${points[0].x} ${points[0].y}`;
+
+  if (points.length === 2) {
+    pathData += ` L ${points[1].x} ${points[1].y}`;
+  } else {
+    for (let i = 1; i < points.length; i++) {
+      const p0 = points[i-1];
+      const p1 = points[i];
+      const cp1x = p0.x + (p1.x - p0.x) / 3;
+      const cp1y = p0.y + (p1.y - p0.y) / 3;
+      const cp2x = p1.x - (p1.x - p0.x) / 3;
+      const cp2y = p1.y - (p1.y - p0.y) / 3;
+
+      pathData += ` C ${cp1x} ${cp1y}, ${cp2x} ${cp2y}, ${p1.x} ${p1.y}`;
+    }
+  }
+
+  const path = new Leafer.Path({
+    path: pathData,
+    stroke: '#32cd79',
+    strokeWidth: 2,
+    fill: 'none'
+  });
+
+  path.dxfData = {
+    type: 'SPLINE',
+    layer: spline.layer || '0',
+    color: spline.color || 7
+  };
+
+  leafer.add(path);
+
+  // 璁$畻杈圭晫
+  points.forEach(p => {
+    minX = Math.min(minX, p.x);
+    minY = Math.min(minY, p.y);
+    maxX = Math.max(maxX, p.x);
+    maxY = Math.max(maxY, p.y);
+  });
+
+  return { minX, minY, maxX, maxY };
+}
+
+const handleInputX = (newValue) => {
+  const iocn =document.getElementById('iocn')
+  if(newValue+20*big<=1500){
+    iocn.style.marginLeft=newValue/big+"px"
+  }
+
+};
+const handleInputY = (newValue) => {
+  const iocn =document.getElementById('iocn')
+  iocn.style.marginTop=newValue/big+"px"
+};
+
+
+
+</script>
+
 <template>
-  <div>
-    <input type="file" @change="onFileSelected" accept=".dxf" />
-    <div ref="canvasContainer"></div>
+  <div style="width: 460px;height: 320px;justify-content: center;display: flex;">
+    <div>
+      <div id="width" style="height: 20px;"></div>
+      <div id="height" style="width: 60px;margin-left: -40px;"></div>
+      <div id="mains" style="margin-top: -20px" >
+        <div id="iocn" style="width: 20px;height: 20px;position: absolute;"></div>
+        <canvas  id="canvas" ></canvas>
+      </div>
+    </div>
+
+
   </div>
+
+  <el-input class="contactNumber" @blur="getproject" type="text" v-model="data1" />
+  <el-input class="contactNumber" @blur="getproject" type="text" v-model="data2"  />
+  <el-input class="contactNumber" @blur="getproject" type="text" v-model="data3"  />
+  <el-input class="contactNumber" @blur="getproject" type="text" v-model="data4"  /><br>
+  <el-input class="contactNumber" @blur="getproject" type="text" v-model="data5"  />
+  <el-input class="contactNumber" @blur="getproject" type="text" v-model="data6"  />
+  <el-input class="contactNumber" @blur="getproject" type="text" v-model="data7"  />
+  <el-input class="contactNumber" @blur="getproject" type="text" v-model="data8"  /><br>
+  <el-button type="primary" @click="exportToDXF">瀵煎嚭DXF</el-button>
+  <div>
+    <input type="file" @change="handleFileUpload" accept=".dxf" />
+  </div>
+  <el-input-number @input="handleInputX"   v-model="XMargin"/>
+  <el-input-number @input="handleInputY"   v-model="YMargin"/>
+
+  <button @click="triggerFileSelect">閫夋嫨鏂囦欢</button>
 </template>
 
+<style>
+.contactNumber{
+  width: 60px;
+  height:20px;
+  border: none;
+  box-shadow: none;
+  font-size: 15px;
+}
+
+#mains {
+  position: relative;
+}
+input[type="file"] {
+  margin-top: 10px;
+}
+</style>
\ No newline at end of file
diff --git a/north-glass-erp/northglass-erp/src/views/sd/order/CreateOrder.vue b/north-glass-erp/northglass-erp/src/views/sd/order/CreateOrder.vue
index 5aa1b06..feb4c5a 100644
--- a/north-glass-erp/northglass-erp/src/views/sd/order/CreateOrder.vue
+++ b/north-glass-erp/northglass-erp/src/views/sd/order/CreateOrder.vue
@@ -12,6 +12,7 @@
 import CreateCustomer from "@/views/sd/customer/CreateCustomer.vue"
 import OrderOtherMoney from "@/components/sd/order/OrderOtherMoney.vue"
 import OrderSizeCheck from "@/components/sd/order/OrderSizeCheck.vue"
+import UpdateAlienEditor from "@/components/sd/order/UpdateAlienEditor.vue"
 import {changeFilterEvent,filterChanged} from "@/hook"
 import {addListener,toolbarButtonClickEvent} from "@/hook/mouseMove"
 import downLoadFile from "@/hook/downLoadFile"
@@ -29,6 +30,7 @@
 let sizeCheckVisible = ref(false)
 let dialogTransferVisible = ref(false)
 let uploadPictureVisible = ref(false)
+let alienEditorVisible = ref(false)
 const transferData = ref({
   oldOrderId:null,
   newOrderNumber:null,
@@ -791,8 +793,10 @@
             ElMessage.warning(t('components.pleaseClickToSelectARowFirst'))
             return
           }
-          uploadPictureVisible.value= true
+          rowIndex=row
+          alienEditorVisible.value= true
         }
+
       }
     }
   },
@@ -1498,6 +1502,15 @@
     titleUploadData.value.money=countMoney(xGrid.value.getTableData().fullData).toString()
   }
 }
+
+//鍏抽棴寮傚舰缂栬緫鐣岄潰
+const refAlienEditor = ref()
+const closeAlienEditorDialog = async (done) => {
+  const flag = await refAlienEditor.value.validate()
+  if(flag){
+    done()
+  }
+}
 //鏀瑰彉璁$畻鏂瑰紡
 const changeCalculateType = ()=>{
   const fullData = xGrid.value.getTableData().fullData
@@ -1644,13 +1657,14 @@
 }
 
 //鍥剧墖涓婁紶鍚嶇О
-const getUploadPicture = async (name, file) => {
-  uploadPictureVisible.value = false
+const getUploadPicture = async (name, fileData) => {
   const row = xGrid.value.getCurrentRecord()
-
   row.fileName = name
-  const base64 = await fileToBase64(file.raw);
-  row.fileData = base64.replace(/^data:.+;base64,/, "");
+  row.fileData = fileData
+  row.shape=2
+  ElMessage.success("淇濆瓨鎴愬姛")
+  alienEditorVisible.value=false
+
 }
 
 const fileToBase64 = (file) => {
@@ -1907,6 +1921,19 @@
           :otherMoney="otherMoney"
           style="width: 100%;height: 100%" />
     </el-dialog>
+<!--寮傚舰瀵煎叆-->
+    <el-dialog v-model="alienEditorVisible"
+               :title="$t('')"
+               :close-on-click-modal="false"
+               :close-on-press-escape="false"
+               destroy-on-close
+               style="width: 614px;height:470px ">
+      <update-alien-editor
+          ref="refAlienEditor"
+          :rowIndex="rowIndex"
+          @getUploadPicture="getUploadPicture"
+          style="width: 100%;height: 100%" />
+    </el-dialog>
 
 <!--    灏哄瀹℃牳绐楀彛-->
     <el-dialog
@@ -1945,7 +1972,7 @@
     <el-dialog v-model="uploadPictureVisible"
                :close-on-click-modal="false"
                destroy-on-close width="500">
-      <upload-picture  @getUploadPicture="getUploadPicture"/>
+      <upload-picture  />
     </el-dialog>
 
 
diff --git a/north-glass-erp/northglass-erp/src/views/sd/order/UpdateOrderCraft.vue b/north-glass-erp/northglass-erp/src/views/sd/order/UpdateOrderCraft.vue
index bdd38f4..7eaba9f 100644
--- a/north-glass-erp/northglass-erp/src/views/sd/order/UpdateOrderCraft.vue
+++ b/north-glass-erp/northglass-erp/src/views/sd/order/UpdateOrderCraft.vue
@@ -1,5 +1,5 @@
 <script setup>
-import {computed, onMounted, reactive, ref, watch} from "vue"
+import {computed, onMounted, reactive, ref, watch,onUpdated,onBeforeUnmount} from "vue"
 import {useRouter,useRoute} from "vue-router"
 import request from "@/utils/request"
 import {ElMessage, ElMessageBox} from "element-plus"
@@ -8,6 +8,11 @@
 import {useI18n} from "vue-i18n"
 import companyInfo from "@/stores/sd/companyInfo"
 import UpdateOrderCraft from "@/components/sd/order/UpdateOrderCraft.vue"
+import { saveAs } from 'file-saver';
+import DXFWriter from 'dxf-writer';
+import DxfParser from 'dxf-parser';
+import { Leafer, Polygon,Ellipse,Line,Path } from 'leafer-ui'
+import {round} from "xe-utils";
 const { t } = useI18n()
 
 const router = useRouter()
@@ -328,7 +333,28 @@
 
 //淇敼鍟嗘爣閫夐」
 let trademarkVisible = ref(false)
-const updateTrademark = (row) => {
+let trademarkRow = ref(null)
+let dxfData =ref(null)
+const updateTrademark =  async(row) => {
+  let flowData = ref({
+    orderId: row.orderId,
+    orderNumber: row.orderNumber
+  })
+  await request.post("/order/selectUploadDxf",flowData.value).then((res) => {
+    if (res.code === "200") {
+      if(res.data.data!=null){
+        const b64Data = res.data.data.file_data;
+        const byteCharacters = atob(b64Data);
+        const parser = new DxfParser();
+        dxfData.value = parser.parseSync(byteCharacters)
+      }else{
+        dxfData.value =null
+      }
+
+    }
+  })
+
+  trademarkRow.value=row
   trademarkVisible.value= true
   /*Object.keys(trademarkAttr.value).forEach((key) => {
     if(key==='location'){
@@ -360,12 +386,15 @@
   })
 
   rowIndex.value = row
+
 }
 
 const changeTrademark = ()=>{
+   exportToDXF()
   rowIndex.value.icon = JSON.stringify(trademarkAttr.value)
   trademarkVisible.value=false
   Object.keys(trademarkAttr.value).forEach((key) => (trademarkAttr.value[key] = ''))
+
 }
 
 
@@ -381,6 +410,11 @@
   craftVisible.value= false
 }
 
+onUpdated(() => {
+  if (trademarkVisible.value&&trademarkRow.value!=null) {
+    ongetproject(trademarkRow.value)
+  }
+})
 
 
 //鍒濆鍖栧垽鏂槸鍚︽湁id浼犲叆
@@ -416,7 +450,6 @@
 })
 //淇濆瓨淇敼宸ヨ壓
 const reviewOrderCraft = (state) => {
-
   request.post(`/order/reviewProcessById/${titleUploadData.value.orderId}/${state}`,xGrid.value.getRecordset().updateRecords).then(res =>{
     if(res.code==200){
       gridOptions.toolbarConfig.buttons[2].disabled = true
@@ -444,6 +477,7 @@
       trademarkAttr.value[key] = []
     }
   }
+
 }
 
 const iconChange = () => {
@@ -461,6 +495,576 @@
 let enlargementFlag = ref(false)
 const trademarkenlargement = () => {
   enlargementFlag.value = !enlargementFlag.value
+
+}
+
+
+
+
+
+
+/*dxf鏂囦欢瑙f瀽鍙婂叾瀵煎嚭*/
+
+let state=ref(false)
+let points=ref([])
+let data1=ref(0);let data2=ref(0);let data3=ref(0);let data4=ref(0)
+let data5=ref(0);let data6=ref(0);let data7=ref(0);let data8=ref(0)
+
+let datas1=ref(0);let datas2=ref(0);let datas3=ref(0);let datas4=ref(0)
+let datas5=ref(0);let datas6=ref(0);let datas7=ref(0);let datas8=ref(0)
+let big=10
+let leafer;
+let parsedDXFData = ref([]);
+let orderDetailWidth=ref(0)
+let orderDetailHeight=ref(0)
+let widthAgv=ref(0)
+let heightAgv=ref(0)
+
+const ongetproject = (row) =>  {
+
+  if(dxfData.value==null){
+    orderDetailWidth.value=row.childWidth
+    orderDetailHeight.value=row.childHeight
+    const main =document.getElementById('mains')
+    const width =document.getElementById('width')
+    const height =document.getElementById('height')
+    if(orderDetailWidth.value/400>orderDetailHeight.value/250){
+      big=orderDetailWidth.value/400
+    }else{
+      big=orderDetailHeight.value/250
+    }
+    let widthAgv=orderDetailWidth.value/big
+    let heightAgv=orderDetailHeight.value/big
+    main.style.width=widthAgv+"px"
+    main.style.height=heightAgv+"px"
+    main.style.backgroundColor = "#8d9095"
+    datas2.value=heightAgv
+    datas8.value=heightAgv
+    datas5.value=widthAgv
+    datas7.value=widthAgv
+    if(leafer!=undefined){
+      leafer.clear()
+    }
+    leafer=new Leafer({ view: 'canvas' })
+    points.value=[0, heightAgv, 0, 0, widthAgv, 0, widthAgv,heightAgv]
+    const polygon = new Polygon({
+      points: points.value,
+      fill: '#32cd79',
+      origin: [0, 0]
+    })
+    setTimeout(() => {
+      leafer.add(polygon);
+    }, 30);
+
+    trademarkAttr.value.location = t('craft.lowLeft')
+  }else{
+    state.value=false
+    handleFileUpload()
+  }
+
+
+}
+
+const getproject = () => {
+  if (dxfData.value == null||state.value){
+    leafer = new Leafer({view: 'canvas'})
+    points.value = [datas1.value + (parseInt(data5.value) / big), datas2.value - (parseInt(data6.value) / big), datas3.value + (parseInt(data1.value) / big), datas4.value + (parseInt(data2.value) / big),
+      datas5.value - (parseInt(data3.value) / big), datas6.value + (parseInt(data4.value) / big), datas7.value - (parseInt(data7.value) / big), datas8.value - (parseInt(data8.value) / big)]
+      const polygon = new Polygon({
+       points: points.value,
+      fill: '#32cd79',
+      origin: [0, 0]
+    })
+  leafer.add(polygon)
+  }
+}
+
+
+const exportToDXF = async () => {
+  const dxf = new DXFWriter();
+  const polygonPoints = points.value.map((coord, index) => ({
+    x: index % 2 === 0 ? coord : undefined,
+    y: index % 2 !== 0 ? -coord : undefined
+  })).filter(point => point.x !== undefined && point.y !== undefined);
+
+  let arr=[]
+  for (let i=0;i<points.value.length;i++){
+    let a=[]
+    if(i % 2 === 0){
+      a.push(points.value[i]*big)
+      a.push((points.value[i+1]*big))
+      a.push(0)
+      arr.push(a)
+    }
+
+  }
+  let minX = Infinity, minY = Infinity;
+  let maxX = -Infinity, maxY = -Infinity;
+  arr.forEach(p => {
+    minX = Math.min(Math.abs(p[0]),minX );
+    minY = Math.min(Math.abs(p[1]),minY);
+    maxX = Math.max(Math.abs(p[0]),maxX );
+    maxY = Math.max(Math.abs(p[1]),maxY);
+  });
+
+  arr.forEach(p => {
+    p[1]=maxY-minY-p[1]
+  });
+
+
+  dxf.drawPolyline(arr,{ closed: true, layer: '0' })
+
+  const blob = new Blob([dxf.toDxfString()], {type: 'text/plain;charset=utf-8'});
+  const base64 = await fileToBase64(blob);
+  let filterData=ref({
+    dataBase64:base64.replace(/^data:.+;base64,/, ""),
+    orderId:rowIndex.value.orderId,
+    orderNumber:rowIndex.value.orderNumber
+  })
+  request.post(`/order/updateOrderFile`,filterData.value).then(res =>{
+    if(res.code==200){
+      //saveAs(blob, 'map.dxf');
+    }else{
+      ElMessage.error(res.msg)
+    }
+  })
+  //saveAs(blob, 'map.dxf');
+}
+
+const fileToBase64 = (file) => {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onload = () => resolve(reader.result);
+    reader.onerror = reject;
+    reader.readAsDataURL(file);
+  });
+};
+
+
+function toBottomOrigin(y, canvasHeight) {
+  return canvasHeight - y; // 灏嗗乏涓婅Y鍧愭爣杞崲涓哄乏涓嬭鍧愭爣绯�
+}
+
+
+const handleFileUpload =  () => {
+  const main =document.getElementById('mains')
+  const width =document.getElementById('width')
+  const height =document.getElementById('height')
+  if(leafer!=undefined){
+    leafer.clear()
+  }
+  leafer = new Leafer({ view: 'canvas' });
+      try {
+        let minX = Infinity, minY = Infinity;
+        let maxX = -Infinity, maxY = -Infinity;
+        dxfData.value.entities.forEach(entity => {
+          if (entity.type === 'LINE' || entity.type === 'LWPOLYLINE') {
+            entity.vertices.forEach(vertices => {
+              minX = Math.min(vertices.x, minX);
+              minY = Math.min(vertices.y, minY);
+              maxX = Math.max(vertices.x, maxX);
+              maxY = Math.max(vertices.y, maxY);
+            })
+          }
+          if (entity.type === 'ARC') {
+            const center = {x: entity.center.x, y: entity.center.y};
+            const radius = entity.radius;
+            const startAngle = entity.startAngle * (180 / Math.PI);
+            const endAngle = entity.endAngle * (180 / Math.PI);
+
+            const points = [];
+            const steps = 32;
+            for (let i = 0; i <= steps; i++) {
+              const angle = startAngle + (endAngle - startAngle) * (i / steps);
+              const x = center.x + radius * Math.cos(angle * Math.PI / 180);
+              const y = center.y + radius * Math.sin(angle * Math.PI / 180);
+              points.push({x, y});
+            }
+
+
+            points.forEach(p => {
+              minX = Math.min(minX, p.x);
+              minY = Math.min(minY, p.y);
+              maxX = Math.max(maxX, p.x);
+              maxY = Math.max(maxY, p.y);
+            });
+          }
+        });
+        if ((maxX - minX) / 400 > (maxY - minY) / 250) {
+          big = (maxX - minX) / 400
+        } else {
+          big = (maxY - minY) / 250
+        }
+
+        Object.values(dxfData.value.entities).forEach(entity => {
+          switch (entity.type) {
+            case 'LINE':
+              main.style.width = (maxX - minX) / big + "px"
+              main.style.height = (maxY - minY) / big + "px"
+              main.style.backgroundColor = "#8d9095"
+              width.innerHTML = round(maxX - minX, 2)
+              height.innerHTML = round(maxY - minY, 2)
+              const line = new Line({
+                points: [(entity.vertices[0].x - minX) / big, ((maxY - minY) - (entity.vertices[0].y- minY)) / big,
+                  (entity.vertices[1].x - minX) / big, ((maxY - minY) - (entity.vertices[1].y - minY)) / big],
+                stroke: '#f00',
+                strokeWidth: 1
+              })
+              setTimeout(() => {
+                leafer.add(line);
+              }, 30);
+              break;
+            case 'LWPOLYLINE':
+
+              main.style.width = (maxX - minX) / big + "px"
+              main.style.height = (maxY - minY) / big + "px"
+              main.style.backgroundColor = "#8d9095"
+              width.innerHTML = round(maxX - minX, 2)
+              height.innerHTML = round(maxY - minY, 2)
+
+
+              let point = entity.vertices.map(v => [
+                (v.x - minX) / big,
+                toBottomOrigin((v.y - minY) / big, (maxY - minY) / big),
+              ]).flat()
+
+              if(entity.vertices.length==4){
+                isQuadrilateral(maxY,minY,maxX,minX,point)
+              }
+
+              const polygon = new Polygon({
+                points: point,
+                fill: '#32cd79',
+              })
+              setTimeout(() => {
+                leafer.add(polygon);
+              }, 30);
+
+              break;
+            case 'CIRCLE':
+              big = (entity.radius * 2) / 400
+              main.style.width = entity.radius * 2 / big + "px"
+              main.style.height = entity.radius * 2 / big + "px"
+              width.innerHTML = round(entity.radius * 2, 2)
+              height.innerHTML = round(entity.radius * 2, 2)
+              const ellipse = new Ellipse({
+                width: entity.radius * 2 / big,
+                height: entity.radius * 2 / big,
+                fill: "#32cd79"
+              })
+              setTimeout(() => {
+                leafer.add(ellipse);
+              }, 30);
+
+              break;
+            case 'ELLIPSE':
+              console.log(entity)
+
+              const {majorAxisEndPoint, axisRatio} = entity;
+
+              const dx = majorAxisEndPoint.x;
+              const dy = majorAxisEndPoint.y;
+              const a = Math.sqrt(dx ** 2 + dy ** 2);
+              const c = a * axisRatio;
+              const 胃 = Math.atan2(dy, dx);
+              const l = axisRatio * (180 / Math.PI);
+
+              if ((a * 2) / 400 > (c * 2) / 250) {
+                big = (a * 2) / 400
+              } else {
+                big = (c * 2) / 250
+              }
+
+              main.style.width = a * 2 / big + "px"
+              main.style.height = c * 2 / big + "px"
+              width.innerHTML = round(a * 2, 2)
+              height.innerHTML = round(c * 2, 2)
+              const ellipse2 = new Ellipse({
+                width: a * 2 / big,
+                height: c * 2 / big,
+                fill: "#32cd79",
+              })
+
+              setTimeout(() => {
+                leafer.add(ellipse2);
+              }, 30);
+
+              break;
+            case 'ARC':
+              const center = {x: entity.center.x, y: entity.center.y};
+              const radius = entity.radius;
+              const startAngle = entity.startAngle * (180 / Math.PI);
+              const endAngle = entity.endAngle * (180 / Math.PI);
+
+              if ((maxX - minX) / 400 > (maxY - minY) / 250) {
+                big = (maxX - minX) / 400
+              } else {
+                big = (maxY - minY) / 250
+              }
+
+
+              // 璁$畻鍦嗗姬鐨勮捣鐐瑰拰缁堢偣
+              const startX = (center.x + radius * Math.cos(entity.startAngle) - minX);
+              const startY = (maxY - minY) - ((center.y + radius * Math.sin(entity.startAngle)) - minY);
+              const endX = (center.x + radius * Math.cos(entity.endAngle) - minX);
+              const endY = (maxY - minY) - ((center.y + radius * Math.sin(entity.endAngle)) - minY);
+
+              // 鍒涘缓鍦嗗姬璺緞
+              const path = new Path({
+                path: `M ${startX / big} ${startY / big} A ${radius / big} ${radius / big} 0 ${endAngle - startAngle > 180 ? 1 : 0} 0 ${endX / big} ${endY / big}`,
+                stroke: '#f00',
+                strokeWidth: 1,
+              });
+
+
+              setTimeout(() => {
+                leafer.add(path);
+              }, 30);
+
+
+              break;
+
+          }
+        })
+        trademarkAttr.value.xMargin=trademarkAttr.value.xMargin+1
+        trademarkAttr.value.xMargin=trademarkAttr.value.xMargin-1
+        trademarkAttr.value.location = t('craft.lowLeft')
+      } catch (error) {
+        console.error('瑙f瀽DXF鏂囦欢鏃跺嚭閿�:', error);
+      }
+
+
+};
+const handleClosed = () => {
+  data1.value=0
+  data2.value=0
+  data3.value=0
+  data4.value=0
+  data5.value=0
+  data6.value=0
+  data7.value=0
+  data8.value=0
+  big=0
+}
+
+
+const isQuadrilateral =  (maxY,minY,maxX,minX,point) => {
+  state.value=true
+  datas1.value=0
+  datas2.value=(maxY - minY) / big
+  datas3.value=0
+  datas4.value=0
+  datas5.value=(maxX - minX) / big
+  datas6.value=0
+  datas7.value=(maxX - minX) / big
+  datas8.value=(maxY - minY) / big
+  //points.value=[0, heightAgv, 0, 0, widthAgv, 0, widthAgv,heightAgv]
+
+  if(point[0]*big===0){
+    data5.value=0
+  }else{
+    data5.value=round(point[0]*big,0)
+  }
+  if(point[1]*big===0){
+    data6.value=0
+  }else{
+    data6.value=maxY-minY-round(point[1]*big,0)
+  }
+  if(point[2]*big===0){
+    data1.value=0
+  }else{
+    data1.value=round(point[2]*big,0)
+  }
+  if(point[3]*big===0){
+    data2.value=0
+  }else{
+    data2.value=round(point[3]*big,0)
+  }
+  if(point[4]*big===0){
+    data3.value=0
+  }else{
+    data3.value=maxX-minX-round(point[4]*big,0)
+  }
+  if(point[5]*big===0){
+    data4.value=0
+  }else{
+    data4.value=round(point[5]*big,0)
+  }
+  if(point[6]*big===0){
+    data7.value=0
+  }else{
+    data7.value=maxX-minX-round(point[6]*big,0)
+  }
+  if(point[7]*big===0){
+    data8.value=0
+  }else{
+    data8.value=maxY-minY-round(point[7]*big,0)
+  }
+}
+
+
+/*鍟嗘爣鎷栧姩*/
+
+const parent = ref(null)
+const draggable = ref(null)
+const isDragging = ref(false)
+const startPos = ref({ x: 0, y: 0 })
+
+const startDragUpperLeft = (e) => {
+  const parentRect = parent.value.getBoundingClientRect()
+  isDragging.value = true
+  startPos.value = {
+    x: parentRect.x+trademarkAttr.value.xMargin/big,
+    y: parentRect.y+trademarkAttr.value.yMargin/big
+  }
+
+  document.addEventListener('mousemove', dragUpperLeft)
+  document.addEventListener('mouseup', stopDragUpperLeft)
+}
+
+const dragUpperLeft = (e) => {
+  if (!isDragging.value) return
+
+  // 闄愬埗鍦ㄧ埗鍏冪礌鑼冨洿鍐�
+  const parentRect = parent.value.getBoundingClientRect()
+  const boxRect = draggable.value.getBoundingClientRect()
+
+  let newX = (e.clientX-parentRect.x)
+  let newY = (e.clientY-parentRect.y)
+
+  const maxX = parentRect.width - boxRect.width
+  const maxY = parentRect.height - boxRect.height
+
+  newX = Math.max(0, Math.min(newX, maxX))
+  newY = Math.max(0, Math.min(newY, maxY))
+
+  trademarkAttr.value.xMargin=round(newX*big,0)
+  trademarkAttr.value.yMargin=round(newY*big,0)
+
+}
+
+const stopDragUpperLeft = (e) => {
+  isDragging.value = false
+  document.removeEventListener('mousemove', dragUpperLeft)
+  document.removeEventListener('mouseup', stopDragUpperLeft)
+}
+
+const startDragUpperRight = (e) => {
+  const parentRect = parent.value.getBoundingClientRect()
+  const boxRect = draggable.value.getBoundingClientRect()
+  isDragging.value = true
+
+  startPos.value = {
+    x: parentRect.x+parentRect.width - (trademarkAttr.value.xMargin/big),
+    y: parentRect.y+trademarkAttr.value.yMargin/big
+  }
+  document.addEventListener('mousemove', dragUpperRight)
+  document.addEventListener('mouseup', stopDragUpperRight)
+}
+
+const dragUpperRight = (e) => {
+  if (!isDragging.value) return
+
+  // 闄愬埗鍦ㄧ埗鍏冪礌鑼冨洿鍐�
+  const parentRect = parent.value.getBoundingClientRect()
+  const boxRect = draggable.value.getBoundingClientRect()
+
+  let newX = (parentRect.x+parentRect.width-e.clientX)
+  let newY = (e.clientY-parentRect.y)
+
+  const maxX = parentRect.width - boxRect.width
+  const maxY = parentRect.height - boxRect.height
+
+  newX = Math.max(0, Math.min(newX, maxX))
+  newY = Math.max(0, Math.min(newY, maxY))
+
+  trademarkAttr.value.xMargin=round(newX*big,0)
+  trademarkAttr.value.yMargin=round(newY*big,0)
+
+}
+
+const stopDragUpperRight = (e) => {
+  isDragging.value = false
+  document.removeEventListener('mousemove', dragUpperRight)
+  document.removeEventListener('mouseup', stopDragUpperRight)
+}
+
+const startDragLowLeft = (e) => {
+  isDragging.value = true
+  const parentRect = parent.value.getBoundingClientRect()
+  startPos.value = {
+    x: parentRect.x+trademarkAttr.value.xMargin/big,
+    y: parentRect.y+parentRect.height-trademarkAttr.value.yMargin/big
+  }
+
+  document.addEventListener('mousemove', dragLowLeft)
+  document.addEventListener('mouseup', stopDragLowLeft)
+}
+
+const dragLowLeft = (e) => {
+  if (!isDragging.value) return
+  // 闄愬埗鍦ㄧ埗鍏冪礌鑼冨洿鍐�
+  const parentRect = parent.value.getBoundingClientRect()
+  const boxRect = draggable.value.getBoundingClientRect()
+
+  let newX = (e.clientX-parentRect.x)
+  let newY = (parentRect.y+parentRect.height-e.clientY)
+
+
+  const maxX = parentRect.width - boxRect.width
+  const maxY = parentRect.height - boxRect.height
+
+  newX = Math.max(0, Math.min(newX, maxX))
+  newY = Math.max(0, Math.min(newY, maxY))
+
+  trademarkAttr.value.xMargin=round(newX*big,0)
+  trademarkAttr.value.yMargin=round(newY*big,0)
+}
+
+const stopDragLowLeft = (e) => {
+  isDragging.value = false
+  document.removeEventListener('mousemove', dragLowLeft)
+  document.removeEventListener('mouseup', stopDragLowLeft)
+}
+
+
+const startDragLowRight = (e) => {
+  isDragging.value = true
+  const parentRect = parent.value.getBoundingClientRect()
+  const boxRect = draggable.value.getBoundingClientRect()
+  startPos.value = {
+    x: parentRect.x+parentRect.width-trademarkAttr.value.xMargin/big,
+    y: parentRect.y+parentRect.height-trademarkAttr.value.yMargin/big
+  }
+
+  document.addEventListener('mousemove', dragLowRight)
+  document.addEventListener('mouseup', stopDragLowRight)
+}
+
+const dragLowRight = (e) => {
+  if (!isDragging.value) return
+
+  const parentRect = parent.value.getBoundingClientRect()
+  const boxRect = draggable.value.getBoundingClientRect()
+
+  let newX = (parentRect.x+parentRect.width-e.clientX)
+  let newY = (parentRect.y+parentRect.height-e.clientY)
+
+  const maxX = parentRect.width - boxRect.width
+  const maxY = parentRect.height - boxRect.height
+
+  newX = Math.max(0, Math.min(newX, maxX))
+  newY = Math.max(0, Math.min(newY, maxY))
+
+
+  trademarkAttr.value.xMargin=round(newX*big,0)
+  trademarkAttr.value.yMargin=round(newY*big,0)
+}
+
+const stopDragLowRight = (e) => {
+  isDragging.value = false
+  document.removeEventListener('mousemove', dragLowRight)
+  document.removeEventListener('mouseup', stopDragLowRight)
 }
 
 
@@ -563,6 +1167,7 @@
         :title="$t('craft.TrademarkAttribute')"
         :close-on-click-modal="false"
         :close-on-press-escape="false"
+        @closed="handleClosed"
         style="width: 922px;height:443px ;
         position: relative;" >
       <div style="width: 50%;height: 100%;float: left">
@@ -626,14 +1231,14 @@
         </el-row>
 
         <el-row>
-          <el-col :span="4">{{$t('order.width')}}:</el-col>
+          <el-col :span="4">X:</el-col>
           <el-col :span="6">
             <el-input-number v-model="trademarkAttr.xMargin"/>
           </el-col>
         </el-row>
 
         <el-row>
-          <el-col :span="4">{{$t('order.height')}}:</el-col>
+          <el-col :span="4">Y:</el-col>
           <el-col :span="6">
             <el-input-number v-model="trademarkAttr.yMargin"/>
           </el-col>
@@ -653,93 +1258,54 @@
           </el-col>
         </el-row>
       </div>
-      <div v-if="!enlargementFlag" style="width: 400px;height: 250px;border: 2px solid #000;float: left;position: relative;">
-        <div
-            v-if="tagCheck(t('craft.upperLeft'))"
-            style="float: left;width: 50px;height: 90px;margin-left: 1rem;margin-top: 15px">
-          <el-row class="icon">
-            <el-col class="icon" >
-              <el-image @dblclick="trademarkenlargement" style="width: 100%;height: 100%" :class="{'xStyle':trademarkAttr.xImage,'yStyle':trademarkAttr.yImage}"  :src="iconNickname"/>
-            </el-col>
-          </el-row>
-          <el-row  >
-            <el-col :span="12" >{{$t('order.width')}}:</el-col>
-            <el-col :span="12" >{{trademarkAttr.xMargin}}</el-col>
-          </el-row>
-          <el-row >
-            <el-col :span="12" >{{$t('order.height')}}:</el-col>
-            <el-col :span="12" >{{trademarkAttr.yMargin}}</el-col>
-          </el-row>
-        </div>
+      <div style="width: 404px;height: 254px;border: 2px solid #000;float: left;
+      position: relative;display: flex;justify-content: center;align-content: center;">
 
-        <div
-            v-if="tagCheck(t('craft.upperRight'))"
-            style="float: right;width: 50px;height: 90px;margin-right: 1rem;margin-top: 15px">
-          <el-row class="icon">
-            <el-col class="icon" >
-              <el-image @dblclick="trademarkenlargement" style="width: 100%;height: 100%" :class="{'xStyle':trademarkAttr.xImage,'yStyle':trademarkAttr.yImage}"  :src="iconNickname"/>
-            </el-col>
-          </el-row>
-          <el-row  >
-            <el-col :span="12" >{{$t('order.width')}}:</el-col>
-            <el-col :span="12" >{{trademarkAttr.xMargin}}</el-col>
-          </el-row>
-          <el-row >
-            <el-col :span="12" >{{$t('order.height')}}:</el-col>
-            <el-col :span="12" >{{trademarkAttr.yMargin}}</el-col>
-          </el-row>
-        </div>
-
-
-        <div
-
-            v-if="tagCheck(t('craft.lowLeft'))"
-            style="width: 50px;height: 90px;margin-left: 1rem;float: left;position: absolute;bottom: 15px" >
-          <el-row  >
-            <el-col :span="12" >{{$t('order.width')}}:</el-col>
-            <el-col :span="12" >{{trademarkAttr.xMargin}}</el-col>
-          </el-row>
-          <el-row >
-            <el-col :span="12" >{{$t('order.height')}}:</el-col>
-            <el-col :span="12" >{{trademarkAttr.yMargin}}</el-col>
-          </el-row>
-          <el-row class="icon">
-            <el-col class="icon" >
-              <el-image @dblclick="trademarkenlargement" style="width: 100%;height: 100%" :class="{'xStyle':trademarkAttr.xImage,'yStyle':trademarkAttr.yImage}"  :src="iconNickname"/>
-            </el-col>
-          </el-row>
-
-        </div>
-
-
-        <div
-            v-if="tagCheck(t('craft.lowRight'))"
-            style="width: 50px;height: 90px;position: absolute;bottom: 15px;right: 1rem">
-          <el-row>
-            <el-col :span="12" >{{$t('order.width')}}:</el-col>
-            <el-col :span="12" >{{trademarkAttr.xMargin}}</el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12" >{{$t('order.height')}}:</el-col>
-            <el-col :span="12" >{{trademarkAttr.yMargin}}</el-col>
-          </el-row>
-          <el-row class="icon">
-            <el-col class="icon">
-              <el-image style="width: 100%;height: 100%"  @dblclick="trademarkenlargement" :class="{'xStyle':trademarkAttr.xImage,'yStyle':trademarkAttr.yImage}"  :src="iconNickname"/>
-            </el-col>
-          </el-row>
-
-        </div>
-        <div style="position: absolute;left: 405px;top: 115px;color: red">{{$t('order.height')}}</div>
-        <div style="position: absolute;left: 200px;top: 250px;color: red">{{$t('order.width')}}</div>
+          <div id="mains" ref="parent"  >
+            <div id="iocn" ref="draggable"
+                v-if="tagCheck(t('craft.upperLeft'))"
+                :style="{marginLeft:trademarkAttr.xMargin/big+'px',marginTop:trademarkAttr.yMargin/big+'px'}"
+                style="width: 20px;height: 20px;left: 0;top: 0;background-color: red;position: absolute;"
+                @mousedown="startDragUpperLeft"
+            >
+              <el-image @dblclick="trademarkenlargement" style="width: 100%;height: 100%"   :src="iconNickname"/>
+            </div>
+            <div id="iocn" ref="draggable" v-if="tagCheck(t('craft.upperRight'))"  @mousedown="startDragUpperRight" :style="{marginRight:trademarkAttr.xMargin/big+'px',marginTop:trademarkAttr.yMargin/big+'px'}" style="width: 20px;height: 20px;right: 0;top: 0;background-color: red;position: absolute;">
+              <el-image @dblclick="trademarkenlargement" style="width: 100%;height: 100%"   :src="iconNickname"/>
+            </div>
+            <div id="iocn" ref="draggable" v-if="tagCheck(t('craft.lowLeft'))" @mousedown="startDragLowLeft" :style="{marginLeft:trademarkAttr.xMargin/big+'px',marginBottom:trademarkAttr.yMargin/big+'px'}" style="width: 20px;height: 20px;left: 0;bottom: 0;background-color: red;position: absolute;">
+              <el-image @dblclick="trademarkenlargement" style="width: 100%;height: 100%"   :src="iconNickname"/>
+            </div>
+            <div id="iocn" ref="draggable" v-if="tagCheck(t('craft.lowRight'))" @mousedown="startDragLowRight" :style="{marginRight:trademarkAttr.xMargin/big+'px',marginBottom:trademarkAttr.yMargin/big+'px'}" style="width: 20px;height: 20px;right: 0;bottom: 0;background-color: red;position: absolute;">
+              <el-image @dblclick="trademarkenlargement" style="width: 100%;height: 100%"   :src="iconNickname"/>
+            </div>
+           <canvas  id="canvas" ></canvas>
+          </div>
 
 
       </div>
-      <div v-if="enlargementFlag" style="width: 400px;height: 250px;float: left;position: relative;">
+      <div id="width" style="height: 20px;position: absolute;top: 33px;left: 652px;">{{orderDetailWidth}}</div>
+      <div id="height" style="width: 60px;position: absolute;top: 178px;left: 390px;">{{orderDetailHeight}}</div>
+      <div style="float: left;margin-top: 20px;margin-left: 80px">
+        <el-input class="contactNumber" @blur="getproject" type="text" v-model="data1" />
+        <el-input class="contactNumber" @blur="getproject" type="text" v-model="data2"  />&nbsp;&nbsp;&nbsp;
+        <el-input class="contactNumber" @blur="getproject" type="text" v-model="data3"  />
+        <el-input class="contactNumber" @blur="getproject" type="text" v-model="data4"  /><br>
+        <el-input class="contactNumber" @blur="getproject" type="text" v-model="data5"  />
+        <el-input class="contactNumber" @blur="getproject" type="text" v-model="data6"  />&nbsp;&nbsp;&nbsp;
+        <el-input class="contactNumber" @blur="getproject" type="text" v-model="data7"  />
+        <el-input class="contactNumber" @blur="getproject" type="text" v-model="data8"  /><br>
+      </div>
+      <div id="width" style="height: 20px;position: absolute;top: 332px;left: 520px;">涓�</div>
+      <div id="width" style="height: 20px;position: absolute;top: 354px;left: 520px;">涓�</div>
+      <div id="width" style="height: 20px;position: absolute;top: 312px;left: 562px;">妯�</div>
+      <div id="width" style="height: 20px;position: absolute;top: 312px;left: 625px;">绔�</div>
+      <div id="width" style="height: 20px;position: absolute;top: 312px;left: 695px;">妯�</div>
+      <div id="width" style="height: 20px;position: absolute;top: 312px;left: 760px;">绔�</div>
+      <div v-if="enlargementFlag" style="width: 400px;height: 250px;float: left;position: relative;background-color: red">
         <el-image  @dblclick="trademarkenlargement" style="z-index: 9999;max-width: 100%;max-height: 100%" :src="iconNickname"/>
       </div>
     </el-dialog>
-
   </div>
 </template>
 
@@ -785,4 +1351,15 @@
   width: 50px;
   height: 50px;
 }
+.contactNumber{
+  width: 60px;
+  height:20px;
+  border: none;
+  box-shadow: none;
+  font-size: 15px;
+}
+
+#mains {
+  position: relative;
+}
 </style>
\ No newline at end of file
diff --git a/north-glass-erp/src/main/java/com/example/erp/service/sd/OrderService.java b/north-glass-erp/src/main/java/com/example/erp/service/sd/OrderService.java
index b4a90bf..dd14e75 100644
--- a/north-glass-erp/src/main/java/com/example/erp/service/sd/OrderService.java
+++ b/north-glass-erp/src/main/java/com/example/erp/service/sd/OrderService.java
@@ -295,6 +295,10 @@
                 orderMapper.saveOrderFile(OrderDetails.get(i).getFileName(), OrderDetails.get(i).getFileData(),orderId,OrderDetails.get(i).getOrderNumber());
             }
 
+            if(OrderDetails.get(i).getShape()==null){
+                OrderDetails.get(i).setShape("1");
+            }
+
         }
 
 

--
Gitblit v1.8.0