From 7b2f6d5acdd8014ec3d426b59c26b8294c28b850 Mon Sep 17 00:00:00 2001
From: xiebin <vip_xiaobin810@163.com>
Date: Tue, 29 Apr 2025 10:05:32 +0800
Subject: [PATCH] Merge branch 'test' into prod

---
 src/views/tickets/ticket.vue                  | 1396 +++++++++++++------------
 src/views/tickets/orderLog.vue                |  356 ++++--
 package.json                                  |    1 
 src/components/map-container/mapContainer.vue |   33 
 pnpm-lock.yaml                                | 1381 ++++++++++++++++++++++++++
 5 files changed, 2,335 insertions(+), 832 deletions(-)

diff --git a/package.json b/package.json
index 8129f79..f601572 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
         "@element-plus/icons-vue": "^2.3.1",
         "@saber/nf-design-base-elp": "^1.2.0",
         "@smallwei/avue": "^3.4.4",
+        "@turf/turf": "6.5.0",
         "animate.css": "^4.1.1",
         "avue-plugin-ueditor": "^1.0.3",
         "axios": "^0.21.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 600b57a..4637136 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -20,6 +20,9 @@
   '@smallwei/avue':
     specifier: ^3.4.4
     version: 3.4.6(element-plus@2.9.7)(vue@3.4.30)
+  '@turf/turf':
+    specifier: 6.5.0
+    version: 6.5.0
   animate.css:
     specifier: ^4.1.1
     version: 4.1.1
@@ -670,12 +673,1046 @@
     resolution: {integrity: sha512-VeJbUb0wEKbcwaSlj5n+LscBl9IPgLPkHVGBkh00cztv6X4L/TJXK58LzFuBKX7/GAfiGhIwH67YTLTlzvIzBA==}
     dev: false
 
+  /@turf/along@6.5.0:
+    resolution: {integrity: sha512-LLyWQ0AARqJCmMcIEAXF4GEu8usmd4Kbz3qk1Oy5HoRNpZX47+i5exQtmIWKdqJ1MMhW26fCTXgpsEs5zgJ5gw==}
+    dependencies:
+      '@turf/bearing': 6.5.0
+      '@turf/destination': 6.5.0
+      '@turf/distance': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+    dev: false
+
+  /@turf/angle@6.5.0:
+    resolution: {integrity: sha512-4pXMbWhFofJJAOvTMCns6N4C8CMd5Ih4O2jSAG9b3dDHakj3O4yN1+Zbm+NUei+eVEZ9gFeVp9svE3aMDenIkw==}
+    dependencies:
+      '@turf/bearing': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+      '@turf/rhumb-bearing': 6.5.0
+    dev: false
+
+  /@turf/area@6.5.0:
+    resolution: {integrity: sha512-xCZdiuojokLbQ+29qR6qoMD89hv+JAgWjLrwSEWL+3JV8IXKeNFl6XkEJz9HGkVpnXvQKJoRz4/liT+8ZZ5Jyg==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+      '@turf/meta': 6.5.0
+    dev: false
+
+  /@turf/bbox-clip@6.5.0:
+    resolution: {integrity: sha512-F6PaIRF8WMp8EmgU/Ke5B1Y6/pia14UAYB5TiBC668w5rVVjy5L8rTm/m2lEkkDMHlzoP9vNY4pxpNthE7rLcQ==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+    dev: false
+
+  /@turf/bbox-polygon@6.5.0:
+    resolution: {integrity: sha512-+/r0NyL1lOG3zKZmmf6L8ommU07HliP4dgYToMoTxqzsWzyLjaj/OzgQ8rBmv703WJX+aS6yCmLuIhYqyufyuw==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+    dev: false
+
+  /@turf/bbox@6.5.0:
+    resolution: {integrity: sha512-RBbLaao5hXTYyyg577iuMtDB8ehxMlUqHEJiMs8jT1GHkFhr6sYre3lmLsPeYEi/ZKj5TP5tt7fkzNdJ4GIVyw==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+      '@turf/meta': 6.5.0
+    dev: false
+
+  /@turf/bearing@6.5.0:
+    resolution: {integrity: sha512-dxINYhIEMzgDOztyMZc20I7ssYVNEpSv04VbMo5YPQsqa80KO3TFvbuCahMsCAW5z8Tncc8dwBlEFrmRjJG33A==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+    dev: false
+
+  /@turf/bezier-spline@6.5.0:
+    resolution: {integrity: sha512-vokPaurTd4PF96rRgGVm6zYYC5r1u98ZsG+wZEv9y3kJTuJRX/O3xIY2QnTGTdbVmAJN1ouOsD0RoZYaVoXORQ==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+    dev: false
+
+  /@turf/boolean-clockwise@6.5.0:
+    resolution: {integrity: sha512-45+C7LC5RMbRWrxh3Z0Eihsc8db1VGBO5d9BLTOAwU4jR6SgsunTfRWR16X7JUwIDYlCVEmnjcXJNi/kIU3VIw==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+    dev: false
+
+  /@turf/boolean-contains@6.5.0:
+    resolution: {integrity: sha512-4m8cJpbw+YQcKVGi8y0cHhBUnYT+QRfx6wzM4GI1IdtYH3p4oh/DOBJKrepQyiDzFDaNIjxuWXBh0ai1zVwOQQ==}
+    dependencies:
+      '@turf/bbox': 6.5.0
+      '@turf/boolean-point-in-polygon': 6.5.0
+      '@turf/boolean-point-on-line': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+    dev: false
+
+  /@turf/boolean-crosses@6.5.0:
+    resolution: {integrity: sha512-gvshbTPhAHporTlQwBJqyfW+2yV8q/mOTxG6PzRVl6ARsqNoqYQWkd4MLug7OmAqVyBzLK3201uAeBjxbGw0Ng==}
+    dependencies:
+      '@turf/boolean-point-in-polygon': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+      '@turf/line-intersect': 6.5.0
+      '@turf/polygon-to-line': 6.5.0
+    dev: false
+
+  /@turf/boolean-disjoint@6.5.0:
+    resolution: {integrity: sha512-rZ2ozlrRLIAGo2bjQ/ZUu4oZ/+ZjGvLkN5CKXSKBcu6xFO6k2bgqeM8a1836tAW+Pqp/ZFsTA5fZHsJZvP2D5g==}
+    dependencies:
+      '@turf/boolean-point-in-polygon': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/line-intersect': 6.5.0
+      '@turf/meta': 6.5.0
+      '@turf/polygon-to-line': 6.5.0
+    dev: false
+
+  /@turf/boolean-equal@6.5.0:
+    resolution: {integrity: sha512-cY0M3yoLC26mhAnjv1gyYNQjn7wxIXmL2hBmI/qs8g5uKuC2hRWi13ydufE3k4x0aNRjFGlg41fjoYLwaVF+9Q==}
+    dependencies:
+      '@turf/clean-coords': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+      geojson-equality: 0.1.6
+    dev: false
+
+  /@turf/boolean-intersects@6.5.0:
+    resolution: {integrity: sha512-nIxkizjRdjKCYFQMnml6cjPsDOBCThrt+nkqtSEcxkKMhAQj5OO7o2CecioNTaX8EayqwMGVKcsz27oP4mKPTw==}
+    dependencies:
+      '@turf/boolean-disjoint': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/meta': 6.5.0
+    dev: false
+
+  /@turf/boolean-overlap@6.5.0:
+    resolution: {integrity: sha512-8btMIdnbXVWUa1M7D4shyaSGxLRw6NjMcqKBcsTXcZdnaixl22k7ar7BvIzkaRYN3SFECk9VGXfLncNS3ckQUw==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+      '@turf/line-intersect': 6.5.0
+      '@turf/line-overlap': 6.5.0
+      '@turf/meta': 6.5.0
+      geojson-equality: 0.1.6
+    dev: false
+
+  /@turf/boolean-parallel@6.5.0:
+    resolution: {integrity: sha512-aSHJsr1nq9e5TthZGZ9CZYeXklJyRgR5kCLm5X4urz7+MotMOp/LsGOsvKvK9NeUl9+8OUmfMn8EFTT8LkcvIQ==}
+    dependencies:
+      '@turf/clean-coords': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/line-segment': 6.5.0
+      '@turf/rhumb-bearing': 6.5.0
+    dev: false
+
+  /@turf/boolean-point-in-polygon@6.5.0:
+    resolution: {integrity: sha512-DtSuVFB26SI+hj0SjrvXowGTUCHlgevPAIsukssW6BG5MlNSBQAo70wpICBNJL6RjukXg8d2eXaAWuD/CqL00A==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+    dev: false
+
+  /@turf/boolean-point-on-line@6.5.0:
+    resolution: {integrity: sha512-A1BbuQ0LceLHvq7F/P7w3QvfpmZqbmViIUPHdNLvZimFNLo4e6IQunmzbe+8aSStH9QRZm3VOflyvNeXvvpZEQ==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+    dev: false
+
+  /@turf/boolean-within@6.5.0:
+    resolution: {integrity: sha512-YQB3oU18Inx35C/LU930D36RAVe7LDXk1kWsQ8mLmuqYn9YdPsDQTMTkLJMhoQ8EbN7QTdy333xRQ4MYgToteQ==}
+    dependencies:
+      '@turf/bbox': 6.5.0
+      '@turf/boolean-point-in-polygon': 6.5.0
+      '@turf/boolean-point-on-line': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+    dev: false
+
+  /@turf/buffer@6.5.0:
+    resolution: {integrity: sha512-qeX4N6+PPWbKqp1AVkBVWFerGjMYMUyencwfnkCesoznU6qvfugFHNAngNqIBVnJjZ5n8IFyOf+akcxnrt9sNg==}
+    dependencies:
+      '@turf/bbox': 6.5.0
+      '@turf/center': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/meta': 6.5.0
+      '@turf/projection': 6.5.0
+      d3-geo: 1.7.1
+      turf-jsts: 1.2.3
+    dev: false
+
+  /@turf/center-mean@6.5.0:
+    resolution: {integrity: sha512-AAX6f4bVn12pTVrMUiB9KrnV94BgeBKpyg3YpfnEbBpkN/znfVhL8dG8IxMAxAoSZ61Zt9WLY34HfENveuOZ7Q==}
+    dependencies:
+      '@turf/bbox': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/meta': 6.5.0
+    dev: false
+
+  /@turf/center-median@6.5.0:
+    resolution: {integrity: sha512-dT8Ndu5CiZkPrj15PBvslpuf01ky41DEYEPxS01LOxp5HOUHXp1oJxsPxvc+i/wK4BwccPNzU1vzJ0S4emd1KQ==}
+    dependencies:
+      '@turf/center-mean': 6.5.0
+      '@turf/centroid': 6.5.0
+      '@turf/distance': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/meta': 6.5.0
+    dev: false
+
+  /@turf/center-of-mass@6.5.0:
+    resolution: {integrity: sha512-EWrriU6LraOfPN7m1jZi+1NLTKNkuIsGLZc2+Y8zbGruvUW+QV7K0nhf7iZWutlxHXTBqEXHbKue/o79IumAsQ==}
+    dependencies:
+      '@turf/centroid': 6.5.0
+      '@turf/convex': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+      '@turf/meta': 6.5.0
+    dev: false
+
+  /@turf/center@6.5.0:
+    resolution: {integrity: sha512-T8KtMTfSATWcAX088rEDKjyvQCBkUsLnK/Txb6/8WUXIeOZyHu42G7MkdkHRoHtwieLdduDdmPLFyTdG5/e7ZQ==}
+    dependencies:
+      '@turf/bbox': 6.5.0
+      '@turf/helpers': 6.5.0
+    dev: false
+
+  /@turf/centroid@6.5.0:
+    resolution: {integrity: sha512-MwE1oq5E3isewPprEClbfU5pXljIK/GUOMbn22UM3IFPDJX0KeoyLNwghszkdmFp/qMGL/M13MMWvU+GNLXP/A==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+      '@turf/meta': 6.5.0
+    dev: false
+
+  /@turf/circle@6.5.0:
+    resolution: {integrity: sha512-oU1+Kq9DgRnoSbWFHKnnUdTmtcRUMmHoV9DjTXu9vOLNV5OWtAAh1VZ+mzsioGGzoDNT/V5igbFOkMfBQc0B6A==}
+    dependencies:
+      '@turf/destination': 6.5.0
+      '@turf/helpers': 6.5.0
+    dev: false
+
+  /@turf/clean-coords@6.5.0:
+    resolution: {integrity: sha512-EMX7gyZz0WTH/ET7xV8MyrExywfm9qUi0/MY89yNffzGIEHuFfqwhcCqZ8O00rZIPZHUTxpmsxQSTfzJJA1CPw==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+    dev: false
+
+  /@turf/clone@6.5.0:
+    resolution: {integrity: sha512-mzVtTFj/QycXOn6ig+annKrM6ZlimreKYz6f/GSERytOpgzodbQyOgkfwru100O1KQhhjSudKK4DsQ0oyi9cTw==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+    dev: false
+
+  /@turf/clusters-dbscan@6.5.0:
+    resolution: {integrity: sha512-SxZEE4kADU9DqLRiT53QZBBhu8EP9skviSyl+FGj08Y01xfICM/RR9ACUdM0aEQimhpu+ZpRVcUK+2jtiCGrYQ==}
+    dependencies:
+      '@turf/clone': 6.5.0
+      '@turf/distance': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/meta': 6.5.0
+      density-clustering: 1.3.0
+    dev: false
+
+  /@turf/clusters-kmeans@6.5.0:
+    resolution: {integrity: sha512-DwacD5+YO8kwDPKaXwT9DV46tMBVNsbi1IzdajZu1JDSWoN7yc7N9Qt88oi+p30583O0UPVkAK+A10WAQv4mUw==}
+    dependencies:
+      '@turf/clone': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+      '@turf/meta': 6.5.0
+      skmeans: 0.9.7
+    dev: false
+
+  /@turf/clusters@6.5.0:
+    resolution: {integrity: sha512-Y6gfnTJzQ1hdLfCsyd5zApNbfLIxYEpmDibHUqR5z03Lpe02pa78JtgrgUNt1seeO/aJ4TG1NLN8V5gOrHk04g==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+      '@turf/meta': 6.5.0
+    dev: false
+
+  /@turf/collect@6.5.0:
+    resolution: {integrity: sha512-4dN/T6LNnRg099m97BJeOcTA5fSI8cu87Ydgfibewd2KQwBexO69AnjEFqfPX3Wj+Zvisj1uAVIZbPmSSrZkjg==}
+    dependencies:
+      '@turf/bbox': 6.5.0
+      '@turf/boolean-point-in-polygon': 6.5.0
+      '@turf/helpers': 6.5.0
+      rbush: 2.0.2
+    dev: false
+
+  /@turf/combine@6.5.0:
+    resolution: {integrity: sha512-Q8EIC4OtAcHiJB3C4R+FpB4LANiT90t17uOd851qkM2/o6m39bfN5Mv0PWqMZIHWrrosZqRqoY9dJnzz/rJxYQ==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+      '@turf/meta': 6.5.0
+    dev: false
+
+  /@turf/concave@6.5.0:
+    resolution: {integrity: sha512-I/sUmUC8TC5h/E2vPwxVht+nRt+TnXIPRoztDFvS8/Y0+cBDple9inLSo9nnPXMXidrBlGXZ9vQx/BjZUJgsRQ==}
+    dependencies:
+      '@turf/clone': 6.5.0
+      '@turf/distance': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+      '@turf/meta': 6.5.0
+      '@turf/tin': 6.5.0
+      topojson-client: 3.1.0
+      topojson-server: 3.0.1
+    dev: false
+
+  /@turf/convex@6.5.0:
+    resolution: {integrity: sha512-x7ZwC5z7PJB0SBwNh7JCeCNx7Iu+QSrH7fYgK0RhhNop13TqUlvHMirMLRgf2db1DqUetrAO2qHJeIuasquUWg==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+      '@turf/meta': 6.5.0
+      concaveman: 1.2.1
+    dev: false
+
+  /@turf/destination@6.5.0:
+    resolution: {integrity: sha512-4cnWQlNC8d1tItOz9B4pmJdWpXqS0vEvv65bI/Pj/genJnsL7evI0/Xw42RvEGROS481MPiU80xzvwxEvhQiMQ==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+    dev: false
+
+  /@turf/difference@6.5.0:
+    resolution: {integrity: sha512-l8iR5uJqvI+5Fs6leNbhPY5t/a3vipUF/3AeVLpwPQcgmedNXyheYuy07PcMGH5Jdpi5gItOiTqwiU/bUH4b3A==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+      polygon-clipping: 0.15.7
+    dev: false
+
+  /@turf/dissolve@6.5.0:
+    resolution: {integrity: sha512-WBVbpm9zLTp0Bl9CE35NomTaOL1c4TQCtEoO43YaAhNEWJOOIhZMFJyr8mbvYruKl817KinT3x7aYjjCMjTAsQ==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+      '@turf/meta': 6.5.0
+      polygon-clipping: 0.15.7
+    dev: false
+
+  /@turf/distance-weight@6.5.0:
+    resolution: {integrity: sha512-a8qBKkgVNvPKBfZfEJZnC3DV7dfIsC3UIdpRci/iap/wZLH41EmS90nM+BokAJflUHYy8PqE44wySGWHN1FXrQ==}
+    dependencies:
+      '@turf/centroid': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+      '@turf/meta': 6.5.0
+    dev: false
+
+  /@turf/distance@6.5.0:
+    resolution: {integrity: sha512-xzykSLfoURec5qvQJcfifw/1mJa+5UwByZZ5TZ8iaqjGYN0vomhV9aiSLeYdUGtYRESZ+DYC/OzY+4RclZYgMg==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+    dev: false
+
+  /@turf/ellipse@6.5.0:
+    resolution: {integrity: sha512-kuXtwFviw/JqnyJXF1mrR/cb496zDTSbGKtSiolWMNImYzGGkbsAsFTjwJYgD7+4FixHjp0uQPzo70KDf3AIBw==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+      '@turf/rhumb-destination': 6.5.0
+      '@turf/transform-rotate': 6.5.0
+    dev: false
+
+  /@turf/envelope@6.5.0:
+    resolution: {integrity: sha512-9Z+FnBWvOGOU4X+fMZxYFs1HjFlkKqsddLuMknRaqcJd6t+NIv5DWvPtDL8ATD2GEExYDiFLwMdckfr1yqJgHA==}
+    dependencies:
+      '@turf/bbox': 6.5.0
+      '@turf/bbox-polygon': 6.5.0
+      '@turf/helpers': 6.5.0
+    dev: false
+
+  /@turf/explode@6.5.0:
+    resolution: {integrity: sha512-6cSvMrnHm2qAsace6pw9cDmK2buAlw8+tjeJVXMfMyY+w7ZUi1rprWMsY92J7s2Dar63Bv09n56/1V7+tcj52Q==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+      '@turf/meta': 6.5.0
+    dev: false
+
+  /@turf/flatten@6.5.0:
+    resolution: {integrity: sha512-IBZVwoNLVNT6U/bcUUllubgElzpMsNoCw8tLqBw6dfYg9ObGmpEjf9BIYLr7a2Yn5ZR4l7YIj2T7kD5uJjZADQ==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+      '@turf/meta': 6.5.0
+    dev: false
+
+  /@turf/flip@6.5.0:
+    resolution: {integrity: sha512-oyikJFNjt2LmIXQqgOGLvt70RgE2lyzPMloYWM7OR5oIFGRiBvqVD2hA6MNw6JewIm30fWZ8DQJw1NHXJTJPbg==}
+    dependencies:
+      '@turf/clone': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/meta': 6.5.0
+    dev: false
+
+  /@turf/great-circle@6.5.0:
+    resolution: {integrity: sha512-7ovyi3HaKOXdFyN7yy1yOMa8IyOvV46RC1QOQTT+RYUN8ke10eyqExwBpL9RFUPvlpoTzoYbM/+lWPogQlFncg==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+    dev: false
+
+  /@turf/helpers@6.5.0:
+    resolution: {integrity: sha512-VbI1dV5bLFzohYYdgqwikdMVpe7pJ9X3E+dlr425wa2/sMJqYDhTO++ec38/pcPvPE6oD9WEEeU3Xu3gza+VPw==}
+    dev: false
+
+  /@turf/hex-grid@6.5.0:
+    resolution: {integrity: sha512-Ln3tc2tgZT8etDOldgc6e741Smg1CsMKAz1/Mlel+MEL5Ynv2mhx3m0q4J9IB1F3a4MNjDeVvm8drAaf9SF33g==}
+    dependencies:
+      '@turf/distance': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/intersect': 6.5.0
+      '@turf/invariant': 6.5.0
+    dev: false
+
+  /@turf/interpolate@6.5.0:
+    resolution: {integrity: sha512-LSH5fMeiGyuDZ4WrDJNgh81d2DnNDUVJtuFryJFup8PV8jbs46lQGfI3r1DJ2p1IlEJIz3pmAZYeTfMMoeeohw==}
+    dependencies:
+      '@turf/bbox': 6.5.0
+      '@turf/centroid': 6.5.0
+      '@turf/clone': 6.5.0
+      '@turf/distance': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/hex-grid': 6.5.0
+      '@turf/invariant': 6.5.0
+      '@turf/meta': 6.5.0
+      '@turf/point-grid': 6.5.0
+      '@turf/square-grid': 6.5.0
+      '@turf/triangle-grid': 6.5.0
+    dev: false
+
+  /@turf/intersect@6.5.0:
+    resolution: {integrity: sha512-2legGJeKrfFkzntcd4GouPugoqPUjexPZnOvfez+3SfIMrHvulw8qV8u7pfVyn2Yqs53yoVCEjS5sEpvQ5YRQg==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+      polygon-clipping: 0.15.7
+    dev: false
+
+  /@turf/invariant@6.5.0:
+    resolution: {integrity: sha512-Wv8PRNCtPD31UVbdJE/KVAWKe7l6US+lJItRR/HOEW3eh+U/JwRCSUl/KZ7bmjM/C+zLNoreM2TU6OoLACs4eg==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+    dev: false
+
+  /@turf/isobands@6.5.0:
+    resolution: {integrity: sha512-4h6sjBPhRwMVuFaVBv70YB7eGz+iw0bhPRnp+8JBdX1UPJSXhoi/ZF2rACemRUr0HkdVB/a1r9gC32vn5IAEkw==}
+    dependencies:
+      '@turf/area': 6.5.0
+      '@turf/bbox': 6.5.0
+      '@turf/boolean-point-in-polygon': 6.5.0
+      '@turf/explode': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+      '@turf/meta': 6.5.0
+      object-assign: 4.1.1
+    dev: false
+
+  /@turf/isolines@6.5.0:
+    resolution: {integrity: sha512-6ElhiLCopxWlv4tPoxiCzASWt/jMRvmp6mRYrpzOm3EUl75OhHKa/Pu6Y9nWtCMmVC/RcWtiiweUocbPLZLm0A==}
+    dependencies:
+      '@turf/bbox': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+      '@turf/meta': 6.5.0
+      object-assign: 4.1.1
+    dev: false
+
+  /@turf/kinks@6.5.0:
+    resolution: {integrity: sha512-ViCngdPt1eEL7hYUHR2eHR662GvCgTc35ZJFaNR6kRtr6D8plLaDju0FILeFFWSc+o8e3fwxZEJKmFj9IzPiIQ==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+    dev: false
+
+  /@turf/length@6.5.0:
+    resolution: {integrity: sha512-5pL5/pnw52fck3oRsHDcSGrj9HibvtlrZ0QNy2OcW8qBFDNgZ4jtl6U7eATVoyWPKBHszW3dWETW+iLV7UARig==}
+    dependencies:
+      '@turf/distance': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/meta': 6.5.0
+    dev: false
+
+  /@turf/line-arc@6.5.0:
+    resolution: {integrity: sha512-I6c+V6mIyEwbtg9P9zSFF89T7QPe1DPTG3MJJ6Cm1MrAY0MdejwQKOpsvNl8LDU2ekHOlz2kHpPVR7VJsoMllA==}
+    dependencies:
+      '@turf/circle': 6.5.0
+      '@turf/destination': 6.5.0
+      '@turf/helpers': 6.5.0
+    dev: false
+
+  /@turf/line-chunk@6.5.0:
+    resolution: {integrity: sha512-i1FGE6YJaaYa+IJesTfyRRQZP31QouS+wh/pa6O3CC0q4T7LtHigyBSYjrbjSLfn2EVPYGlPCMFEqNWCOkC6zg==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+      '@turf/length': 6.5.0
+      '@turf/line-slice-along': 6.5.0
+      '@turf/meta': 6.5.0
+    dev: false
+
+  /@turf/line-intersect@6.5.0:
+    resolution: {integrity: sha512-CS6R1tZvVQD390G9Ea4pmpM6mJGPWoL82jD46y0q1KSor9s6HupMIo1kY4Ny+AEYQl9jd21V3Scz20eldpbTVA==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+      '@turf/line-segment': 6.5.0
+      '@turf/meta': 6.5.0
+      geojson-rbush: 3.2.0
+    dev: false
+
+  /@turf/line-offset@6.5.0:
+    resolution: {integrity: sha512-CEXZbKgyz8r72qRvPchK0dxqsq8IQBdH275FE6o4MrBkzMcoZsfSjghtXzKaz9vvro+HfIXal0sTk2mqV1lQTw==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+      '@turf/meta': 6.5.0
+    dev: false
+
+  /@turf/line-overlap@6.5.0:
+    resolution: {integrity: sha512-xHOaWLd0hkaC/1OLcStCpfq55lPHpPNadZySDXYiYjEz5HXr1oKmtMYpn0wGizsLwrOixRdEp+j7bL8dPt4ojQ==}
+    dependencies:
+      '@turf/boolean-point-on-line': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+      '@turf/line-segment': 6.5.0
+      '@turf/meta': 6.5.0
+      '@turf/nearest-point-on-line': 6.5.0
+      deep-equal: 1.1.2
+      geojson-rbush: 3.2.0
+    dev: false
+
+  /@turf/line-segment@6.5.0:
+    resolution: {integrity: sha512-jI625Ho4jSuJESNq66Mmi290ZJ5pPZiQZruPVpmHkUw257Pew0alMmb6YrqYNnLUuiVVONxAAKXUVeeUGtycfw==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+      '@turf/meta': 6.5.0
+    dev: false
+
+  /@turf/line-slice-along@6.5.0:
+    resolution: {integrity: sha512-KHJRU6KpHrAj+BTgTNqby6VCTnDzG6a1sJx/I3hNvqMBLvWVA2IrkR9L9DtsQsVY63IBwVdQDqiwCuZLDQh4Ng==}
+    dependencies:
+      '@turf/bearing': 6.5.0
+      '@turf/destination': 6.5.0
+      '@turf/distance': 6.5.0
+      '@turf/helpers': 6.5.0
+    dev: false
+
+  /@turf/line-slice@6.5.0:
+    resolution: {integrity: sha512-vDqJxve9tBHhOaVVFXqVjF5qDzGtKWviyjbyi2QnSnxyFAmLlLnBfMX8TLQCAf2GxHibB95RO5FBE6I2KVPRuw==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+      '@turf/nearest-point-on-line': 6.5.0
+    dev: false
+
+  /@turf/line-split@6.5.0:
+    resolution: {integrity: sha512-/rwUMVr9OI2ccJjw7/6eTN53URtGThNSD5I0GgxyFXMtxWiloRJ9MTff8jBbtPWrRka/Sh2GkwucVRAEakx9Sw==}
+    dependencies:
+      '@turf/bbox': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+      '@turf/line-intersect': 6.5.0
+      '@turf/line-segment': 6.5.0
+      '@turf/meta': 6.5.0
+      '@turf/nearest-point-on-line': 6.5.0
+      '@turf/square': 6.5.0
+      '@turf/truncate': 6.5.0
+      geojson-rbush: 3.2.0
+    dev: false
+
+  /@turf/line-to-polygon@6.5.0:
+    resolution: {integrity: sha512-qYBuRCJJL8Gx27OwCD1TMijM/9XjRgXH/m/TyuND4OXedBpIWlK5VbTIO2gJ8OCfznBBddpjiObLBrkuxTpN4Q==}
+    dependencies:
+      '@turf/bbox': 6.5.0
+      '@turf/clone': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+    dev: false
+
+  /@turf/mask@6.5.0:
+    resolution: {integrity: sha512-RQha4aU8LpBrmrkH8CPaaoAfk0Egj5OuXtv6HuCQnHeGNOQt3TQVibTA3Sh4iduq4EPxnZfDjgsOeKtrCA19lg==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+      polygon-clipping: 0.15.7
+    dev: false
+
+  /@turf/meta@6.5.0:
+    resolution: {integrity: sha512-RrArvtsV0vdsCBegoBtOalgdSOfkBrTJ07VkpiCnq/491W67hnMWmDu7e6Ztw0C3WldRYTXkg3SumfdzZxLBHA==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+    dev: false
+
+  /@turf/midpoint@6.5.0:
+    resolution: {integrity: sha512-MyTzV44IwmVI6ec9fB2OgZ53JGNlgOpaYl9ArKoF49rXpL84F9rNATndbe0+MQIhdkw8IlzA6xVP4lZzfMNVCw==}
+    dependencies:
+      '@turf/bearing': 6.5.0
+      '@turf/destination': 6.5.0
+      '@turf/distance': 6.5.0
+      '@turf/helpers': 6.5.0
+    dev: false
+
+  /@turf/moran-index@6.5.0:
+    resolution: {integrity: sha512-ItsnhrU2XYtTtTudrM8so4afBCYWNaB0Mfy28NZwLjB5jWuAsvyV+YW+J88+neK/ougKMTawkmjQqodNJaBeLQ==}
+    dependencies:
+      '@turf/distance-weight': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/meta': 6.5.0
+    dev: false
+
+  /@turf/nearest-point-on-line@6.5.0:
+    resolution: {integrity: sha512-WthrvddddvmymnC+Vf7BrkHGbDOUu6Z3/6bFYUGv1kxw8tiZ6n83/VG6kHz4poHOfS0RaNflzXSkmCi64fLBlg==}
+    dependencies:
+      '@turf/bearing': 6.5.0
+      '@turf/destination': 6.5.0
+      '@turf/distance': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+      '@turf/line-intersect': 6.5.0
+      '@turf/meta': 6.5.0
+    dev: false
+
+  /@turf/nearest-point-to-line@6.5.0:
+    resolution: {integrity: sha512-PXV7cN0BVzUZdjj6oeb/ESnzXSfWmEMrsfZSDRgqyZ9ytdiIj/eRsnOXLR13LkTdXVOJYDBuf7xt1mLhM4p6+Q==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+      '@turf/meta': 6.5.0
+      '@turf/point-to-line-distance': 6.5.0
+      object-assign: 4.1.1
+    dev: false
+
+  /@turf/nearest-point@6.5.0:
+    resolution: {integrity: sha512-fguV09QxilZv/p94s8SMsXILIAMiaXI5PATq9d7YWijLxWUj6Q/r43kxyoi78Zmwwh1Zfqz9w+bCYUAxZ5+euA==}
+    dependencies:
+      '@turf/clone': 6.5.0
+      '@turf/distance': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/meta': 6.5.0
+    dev: false
+
+  /@turf/planepoint@6.5.0:
+    resolution: {integrity: sha512-R3AahA6DUvtFbka1kcJHqZ7DMHmPXDEQpbU5WaglNn7NaCQg9HB0XM0ZfqWcd5u92YXV+Gg8QhC8x5XojfcM4Q==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+    dev: false
+
+  /@turf/point-grid@6.5.0:
+    resolution: {integrity: sha512-Iq38lFokNNtQJnOj/RBKmyt6dlof0yhaHEDELaWHuECm1lIZLY3ZbVMwbs+nXkwTAHjKfS/OtMheUBkw+ee49w==}
+    dependencies:
+      '@turf/boolean-within': 6.5.0
+      '@turf/distance': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+    dev: false
+
+  /@turf/point-on-feature@6.5.0:
+    resolution: {integrity: sha512-bDpuIlvugJhfcF/0awAQ+QI6Om1Y1FFYE8Y/YdxGRongivix850dTeXCo0mDylFdWFPGDo7Mmh9Vo4VxNwW/TA==}
+    dependencies:
+      '@turf/boolean-point-in-polygon': 6.5.0
+      '@turf/center': 6.5.0
+      '@turf/explode': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/nearest-point': 6.5.0
+    dev: false
+
+  /@turf/point-to-line-distance@6.5.0:
+    resolution: {integrity: sha512-opHVQ4vjUhNBly1bob6RWy+F+hsZDH9SA0UW36pIRzfpu27qipU18xup0XXEePfY6+wvhF6yL/WgCO2IbrLqEA==}
+    dependencies:
+      '@turf/bearing': 6.5.0
+      '@turf/distance': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+      '@turf/meta': 6.5.0
+      '@turf/projection': 6.5.0
+      '@turf/rhumb-bearing': 6.5.0
+      '@turf/rhumb-distance': 6.5.0
+    dev: false
+
+  /@turf/points-within-polygon@6.5.0:
+    resolution: {integrity: sha512-YyuheKqjliDsBDt3Ho73QVZk1VXX1+zIA2gwWvuz8bR1HXOkcuwk/1J76HuFMOQI3WK78wyAi+xbkx268PkQzQ==}
+    dependencies:
+      '@turf/boolean-point-in-polygon': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/meta': 6.5.0
+    dev: false
+
+  /@turf/polygon-smooth@6.5.0:
+    resolution: {integrity: sha512-LO/X/5hfh/Rk4EfkDBpLlVwt3i6IXdtQccDT9rMjXEP32tRgy0VMFmdkNaXoGlSSKf/1mGqLl4y4wHd86DqKbg==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+      '@turf/meta': 6.5.0
+    dev: false
+
+  /@turf/polygon-tangents@6.5.0:
+    resolution: {integrity: sha512-sB4/IUqJMYRQH9jVBwqS/XDitkEfbyqRy+EH/cMRJURTg78eHunvJ708x5r6umXsbiUyQU4eqgPzEylWEQiunw==}
+    dependencies:
+      '@turf/bbox': 6.5.0
+      '@turf/boolean-within': 6.5.0
+      '@turf/explode': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+      '@turf/nearest-point': 6.5.0
+    dev: false
+
+  /@turf/polygon-to-line@6.5.0:
+    resolution: {integrity: sha512-5p4n/ij97EIttAq+ewSnKt0ruvuM+LIDzuczSzuHTpq4oS7Oq8yqg5TQ4nzMVuK41r/tALCk7nAoBuw3Su4Gcw==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+    dev: false
+
+  /@turf/polygonize@6.5.0:
+    resolution: {integrity: sha512-a/3GzHRaCyzg7tVYHo43QUChCspa99oK4yPqooVIwTC61npFzdrmnywMv0S+WZjHZwK37BrFJGFrZGf6ocmY5w==}
+    dependencies:
+      '@turf/boolean-point-in-polygon': 6.5.0
+      '@turf/envelope': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+      '@turf/meta': 6.5.0
+    dev: false
+
+  /@turf/projection@6.5.0:
+    resolution: {integrity: sha512-/Pgh9mDvQWWu8HRxqpM+tKz8OzgauV+DiOcr3FCjD6ubDnrrmMJlsf6fFJmggw93mtVPrZRL6yyi9aYCQBOIvg==}
+    dependencies:
+      '@turf/clone': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/meta': 6.5.0
+    dev: false
+
+  /@turf/random@6.5.0:
+    resolution: {integrity: sha512-8Q25gQ/XbA7HJAe+eXp4UhcXM9aOOJFaxZ02+XSNwMvY8gtWSCBLVqRcW4OhqilgZ8PeuQDWgBxeo+BIqqFWFQ==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+    dev: false
+
+  /@turf/rectangle-grid@6.5.0:
+    resolution: {integrity: sha512-yQZ/1vbW68O2KsSB3OZYK+72aWz/Adnf7m2CMKcC+aq6TwjxZjAvlbCOsNUnMAuldRUVN1ph6RXMG4e9KEvKvg==}
+    dependencies:
+      '@turf/boolean-intersects': 6.5.0
+      '@turf/distance': 6.5.0
+      '@turf/helpers': 6.5.0
+    dev: false
+
+  /@turf/rewind@6.5.0:
+    resolution: {integrity: sha512-IoUAMcHWotBWYwSYuYypw/LlqZmO+wcBpn8ysrBNbazkFNkLf3btSDZMkKJO/bvOzl55imr/Xj4fi3DdsLsbzQ==}
+    dependencies:
+      '@turf/boolean-clockwise': 6.5.0
+      '@turf/clone': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+      '@turf/meta': 6.5.0
+    dev: false
+
+  /@turf/rhumb-bearing@6.5.0:
+    resolution: {integrity: sha512-jMyqiMRK4hzREjQmnLXmkJ+VTNTx1ii8vuqRwJPcTlKbNWfjDz/5JqJlb5NaFDcdMpftWovkW5GevfnuzHnOYA==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+    dev: false
+
+  /@turf/rhumb-destination@6.5.0:
+    resolution: {integrity: sha512-RHNP1Oy+7xTTdRrTt375jOZeHceFbjwohPHlr9Hf68VdHHPMAWgAKqiX2YgSWDcvECVmiGaBKWus1Df+N7eE4Q==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+    dev: false
+
+  /@turf/rhumb-distance@6.5.0:
+    resolution: {integrity: sha512-oKp8KFE8E4huC2Z1a1KNcFwjVOqa99isxNOwfo4g3SUABQ6NezjKDDrnvC4yI5YZ3/huDjULLBvhed45xdCrzg==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+    dev: false
+
+  /@turf/sample@6.5.0:
+    resolution: {integrity: sha512-kSdCwY7el15xQjnXYW520heKUrHwRvnzx8ka4eYxX9NFeOxaFITLW2G7UtXb6LJK8mmPXI8Aexv23F2ERqzGFg==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+    dev: false
+
+  /@turf/sector@6.5.0:
+    resolution: {integrity: sha512-cYUOkgCTWqa23SOJBqxoFAc/yGCUsPRdn/ovbRTn1zNTm/Spmk6hVB84LCKOgHqvSF25i0d2kWqpZDzLDdAPbw==}
+    dependencies:
+      '@turf/circle': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+      '@turf/line-arc': 6.5.0
+      '@turf/meta': 6.5.0
+    dev: false
+
+  /@turf/shortest-path@6.5.0:
+    resolution: {integrity: sha512-4de5+G7+P4hgSoPwn+SO9QSi9HY5NEV/xRJ+cmoFVRwv2CDsuOPDheHKeuIAhKyeKDvPvPt04XYWbac4insJMg==}
+    dependencies:
+      '@turf/bbox': 6.5.0
+      '@turf/bbox-polygon': 6.5.0
+      '@turf/boolean-point-in-polygon': 6.5.0
+      '@turf/clean-coords': 6.5.0
+      '@turf/distance': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+      '@turf/meta': 6.5.0
+      '@turf/transform-scale': 6.5.0
+    dev: false
+
+  /@turf/simplify@6.5.0:
+    resolution: {integrity: sha512-USas3QqffPHUY184dwQdP8qsvcVH/PWBYdXY5am7YTBACaQOMAlf6AKJs9FT8jiO6fQpxfgxuEtwmox+pBtlOg==}
+    dependencies:
+      '@turf/clean-coords': 6.5.0
+      '@turf/clone': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/meta': 6.5.0
+    dev: false
+
+  /@turf/square-grid@6.5.0:
+    resolution: {integrity: sha512-mlR0ayUdA+L4c9h7p4k3pX6gPWHNGuZkt2c5II1TJRmhLkW2557d6b/Vjfd1z9OVaajb1HinIs1FMSAPXuuUrA==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+      '@turf/rectangle-grid': 6.5.0
+    dev: false
+
+  /@turf/square@6.5.0:
+    resolution: {integrity: sha512-BM2UyWDmiuHCadVhHXKIx5CQQbNCpOxB6S/aCNOCLbhCeypKX5Q0Aosc5YcmCJgkwO5BERCC6Ee7NMbNB2vHmQ==}
+    dependencies:
+      '@turf/distance': 6.5.0
+      '@turf/helpers': 6.5.0
+    dev: false
+
+  /@turf/standard-deviational-ellipse@6.5.0:
+    resolution: {integrity: sha512-02CAlz8POvGPFK2BKK8uHGUk/LXb0MK459JVjKxLC2yJYieOBTqEbjP0qaWhiBhGzIxSMaqe8WxZ0KvqdnstHA==}
+    dependencies:
+      '@turf/center-mean': 6.5.0
+      '@turf/ellipse': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+      '@turf/meta': 6.5.0
+      '@turf/points-within-polygon': 6.5.0
+    dev: false
+
+  /@turf/tag@6.5.0:
+    resolution: {integrity: sha512-XwlBvrOV38CQsrNfrxvBaAPBQgXMljeU0DV8ExOyGM7/hvuGHJw3y8kKnQ4lmEQcmcrycjDQhP7JqoRv8vFssg==}
+    dependencies:
+      '@turf/boolean-point-in-polygon': 6.5.0
+      '@turf/clone': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/meta': 6.5.0
+    dev: false
+
+  /@turf/tesselate@6.5.0:
+    resolution: {integrity: sha512-M1HXuyZFCfEIIKkglh/r5L9H3c5QTEsnMBoZOFQiRnGPGmJWcaBissGb7mTFX2+DKE7FNWXh4TDnZlaLABB0dQ==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+      earcut: 2.2.4
+    dev: false
+
+  /@turf/tin@6.5.0:
+    resolution: {integrity: sha512-YLYikRzKisfwj7+F+Tmyy/LE3d2H7D4kajajIfc9mlik2+esG7IolsX/+oUz1biguDYsG0DUA8kVYXDkobukfg==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+    dev: false
+
+  /@turf/transform-rotate@6.5.0:
+    resolution: {integrity: sha512-A2Ip1v4246ZmpssxpcL0hhiVBEf4L8lGnSPWTgSv5bWBEoya2fa/0SnFX9xJgP40rMP+ZzRaCN37vLHbv1Guag==}
+    dependencies:
+      '@turf/centroid': 6.5.0
+      '@turf/clone': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+      '@turf/meta': 6.5.0
+      '@turf/rhumb-bearing': 6.5.0
+      '@turf/rhumb-destination': 6.5.0
+      '@turf/rhumb-distance': 6.5.0
+    dev: false
+
+  /@turf/transform-scale@6.5.0:
+    resolution: {integrity: sha512-VsATGXC9rYM8qTjbQJ/P7BswKWXHdnSJ35JlV4OsZyHBMxJQHftvmZJsFbOqVtQnIQIzf2OAly6rfzVV9QLr7g==}
+    dependencies:
+      '@turf/bbox': 6.5.0
+      '@turf/center': 6.5.0
+      '@turf/centroid': 6.5.0
+      '@turf/clone': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+      '@turf/meta': 6.5.0
+      '@turf/rhumb-bearing': 6.5.0
+      '@turf/rhumb-destination': 6.5.0
+      '@turf/rhumb-distance': 6.5.0
+    dev: false
+
+  /@turf/transform-translate@6.5.0:
+    resolution: {integrity: sha512-NABLw5VdtJt/9vSstChp93pc6oel4qXEos56RBMsPlYB8hzNTEKYtC146XJvyF4twJeeYS8RVe1u7KhoFwEM5w==}
+    dependencies:
+      '@turf/clone': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+      '@turf/meta': 6.5.0
+      '@turf/rhumb-destination': 6.5.0
+    dev: false
+
+  /@turf/triangle-grid@6.5.0:
+    resolution: {integrity: sha512-2jToUSAS1R1htq4TyLQYPTIsoy6wg3e3BQXjm2rANzw4wPQCXGOxrur1Fy9RtzwqwljlC7DF4tg0OnWr8RjmfA==}
+    dependencies:
+      '@turf/distance': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/intersect': 6.5.0
+    dev: false
+
+  /@turf/truncate@6.5.0:
+    resolution: {integrity: sha512-pFxg71pLk+eJj134Z9yUoRhIi8vqnnKvCYwdT4x/DQl/19RVdq1tV3yqOT3gcTQNfniteylL5qV1uTBDV5sgrg==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+      '@turf/meta': 6.5.0
+    dev: false
+
+  /@turf/turf@6.5.0:
+    resolution: {integrity: sha512-ipMCPnhu59bh92MNt8+pr1VZQhHVuTMHklciQURo54heoxRzt1neNYZOBR6jdL+hNsbDGAECMuIpAutX+a3Y+w==}
+    dependencies:
+      '@turf/along': 6.5.0
+      '@turf/angle': 6.5.0
+      '@turf/area': 6.5.0
+      '@turf/bbox': 6.5.0
+      '@turf/bbox-clip': 6.5.0
+      '@turf/bbox-polygon': 6.5.0
+      '@turf/bearing': 6.5.0
+      '@turf/bezier-spline': 6.5.0
+      '@turf/boolean-clockwise': 6.5.0
+      '@turf/boolean-contains': 6.5.0
+      '@turf/boolean-crosses': 6.5.0
+      '@turf/boolean-disjoint': 6.5.0
+      '@turf/boolean-equal': 6.5.0
+      '@turf/boolean-intersects': 6.5.0
+      '@turf/boolean-overlap': 6.5.0
+      '@turf/boolean-parallel': 6.5.0
+      '@turf/boolean-point-in-polygon': 6.5.0
+      '@turf/boolean-point-on-line': 6.5.0
+      '@turf/boolean-within': 6.5.0
+      '@turf/buffer': 6.5.0
+      '@turf/center': 6.5.0
+      '@turf/center-mean': 6.5.0
+      '@turf/center-median': 6.5.0
+      '@turf/center-of-mass': 6.5.0
+      '@turf/centroid': 6.5.0
+      '@turf/circle': 6.5.0
+      '@turf/clean-coords': 6.5.0
+      '@turf/clone': 6.5.0
+      '@turf/clusters': 6.5.0
+      '@turf/clusters-dbscan': 6.5.0
+      '@turf/clusters-kmeans': 6.5.0
+      '@turf/collect': 6.5.0
+      '@turf/combine': 6.5.0
+      '@turf/concave': 6.5.0
+      '@turf/convex': 6.5.0
+      '@turf/destination': 6.5.0
+      '@turf/difference': 6.5.0
+      '@turf/dissolve': 6.5.0
+      '@turf/distance': 6.5.0
+      '@turf/distance-weight': 6.5.0
+      '@turf/ellipse': 6.5.0
+      '@turf/envelope': 6.5.0
+      '@turf/explode': 6.5.0
+      '@turf/flatten': 6.5.0
+      '@turf/flip': 6.5.0
+      '@turf/great-circle': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/hex-grid': 6.5.0
+      '@turf/interpolate': 6.5.0
+      '@turf/intersect': 6.5.0
+      '@turf/invariant': 6.5.0
+      '@turf/isobands': 6.5.0
+      '@turf/isolines': 6.5.0
+      '@turf/kinks': 6.5.0
+      '@turf/length': 6.5.0
+      '@turf/line-arc': 6.5.0
+      '@turf/line-chunk': 6.5.0
+      '@turf/line-intersect': 6.5.0
+      '@turf/line-offset': 6.5.0
+      '@turf/line-overlap': 6.5.0
+      '@turf/line-segment': 6.5.0
+      '@turf/line-slice': 6.5.0
+      '@turf/line-slice-along': 6.5.0
+      '@turf/line-split': 6.5.0
+      '@turf/line-to-polygon': 6.5.0
+      '@turf/mask': 6.5.0
+      '@turf/meta': 6.5.0
+      '@turf/midpoint': 6.5.0
+      '@turf/moran-index': 6.5.0
+      '@turf/nearest-point': 6.5.0
+      '@turf/nearest-point-on-line': 6.5.0
+      '@turf/nearest-point-to-line': 6.5.0
+      '@turf/planepoint': 6.5.0
+      '@turf/point-grid': 6.5.0
+      '@turf/point-on-feature': 6.5.0
+      '@turf/point-to-line-distance': 6.5.0
+      '@turf/points-within-polygon': 6.5.0
+      '@turf/polygon-smooth': 6.5.0
+      '@turf/polygon-tangents': 6.5.0
+      '@turf/polygon-to-line': 6.5.0
+      '@turf/polygonize': 6.5.0
+      '@turf/projection': 6.5.0
+      '@turf/random': 6.5.0
+      '@turf/rewind': 6.5.0
+      '@turf/rhumb-bearing': 6.5.0
+      '@turf/rhumb-destination': 6.5.0
+      '@turf/rhumb-distance': 6.5.0
+      '@turf/sample': 6.5.0
+      '@turf/sector': 6.5.0
+      '@turf/shortest-path': 6.5.0
+      '@turf/simplify': 6.5.0
+      '@turf/square': 6.5.0
+      '@turf/square-grid': 6.5.0
+      '@turf/standard-deviational-ellipse': 6.5.0
+      '@turf/tag': 6.5.0
+      '@turf/tesselate': 6.5.0
+      '@turf/tin': 6.5.0
+      '@turf/transform-rotate': 6.5.0
+      '@turf/transform-scale': 6.5.0
+      '@turf/transform-translate': 6.5.0
+      '@turf/triangle-grid': 6.5.0
+      '@turf/truncate': 6.5.0
+      '@turf/union': 6.5.0
+      '@turf/unkink-polygon': 6.5.0
+      '@turf/voronoi': 6.5.0
+    dev: false
+
+  /@turf/union@6.5.0:
+    resolution: {integrity: sha512-igYWCwP/f0RFHIlC2c0SKDuM/ObBaqSljI3IdV/x71805QbIvY/BYGcJdyNcgEA6cylIGl/0VSlIbpJHZ9ldhw==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+      polygon-clipping: 0.15.7
+    dev: false
+
+  /@turf/unkink-polygon@6.5.0:
+    resolution: {integrity: sha512-8QswkzC0UqKmN1DT6HpA9upfa1HdAA5n6bbuzHy8NJOX8oVizVAqfEPY0wqqTgboDjmBR4yyImsdPGUl3gZ8JQ==}
+    dependencies:
+      '@turf/area': 6.5.0
+      '@turf/boolean-point-in-polygon': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/meta': 6.5.0
+      rbush: 2.0.2
+    dev: false
+
+  /@turf/voronoi@6.5.0:
+    resolution: {integrity: sha512-C/xUsywYX+7h1UyNqnydHXiun4UPjK88VDghtoRypR9cLlb7qozkiLRphQxxsCM0KxyxpVPHBVQXdAL3+Yurow==}
+    dependencies:
+      '@turf/helpers': 6.5.0
+      '@turf/invariant': 6.5.0
+      d3-voronoi: 1.1.2
+    dev: false
+
   /@types/estree@1.0.5:
     resolution: {integrity: sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==}
     dev: true
 
   /@types/event-emitter@0.3.5:
     resolution: {integrity: sha512-zx2/Gg0Eg7gwEiOIIh5w9TrhKKTeQh7CPCOPNc0el4pLSwzebA8SmnHwZs2dWlLONvyulykSwGSQxQHLhjGLvQ==}
+    dev: false
+
+  /@types/geojson@7946.0.8:
+    resolution: {integrity: sha512-1rkryxURpr6aWP7R786/UQOkJ3PcpQiWkAXBmdWc7ryFWqN6a4xfK7BtjXvFBKO9LjQ+MWQSWxYeZX1OApnArA==}
     dev: false
 
   /@types/lodash-es@4.17.12:
@@ -1121,6 +2158,32 @@
     resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
     dev: true
 
+  /call-bind-apply-helpers@1.0.2:
+    resolution: {integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      es-errors: 1.3.0
+      function-bind: 1.1.2
+    dev: false
+
+  /call-bind@1.0.8:
+    resolution: {integrity: sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-define-property: 1.0.1
+      get-intrinsic: 1.3.0
+      set-function-length: 1.2.2
+    dev: false
+
+  /call-bound@1.0.4:
+    resolution: {integrity: sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      get-intrinsic: 1.3.0
+    dev: false
+
   /cfb@1.2.2:
     resolution: {integrity: sha512-KfdUZsSOw19/ObEWasvBP/Ac4reZvAGauZhs6S/gqNhXhI7cKwvlH7ulj+dOEYnca4bm4SGo8C1bTAQvnTjgQA==}
     engines: {node: '>=0.8'}
@@ -1175,7 +2238,6 @@
 
   /commander@2.20.3:
     resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
-    dev: true
 
   /component-event@0.2.1:
     resolution: {integrity: sha512-wGA++isMqiDq1jPYeyv2as/Bt/u+3iLW0rEa+8NQ82jAv3TgqMiCM+B2SaBdn2DfLilLjjq736YcezihRYhfxw==}
@@ -1183,6 +2245,15 @@
 
   /compute-scroll-into-view@1.0.20:
     resolution: {integrity: sha512-UCB0ioiyj8CRjtrvaceBLqqhZCVP+1B8+NWQhmdsm0VXOJtobBCf1dBQmebCCo34qZmUwZfIH2MZLqNHazrfjg==}
+    dev: false
+
+  /concaveman@1.2.1:
+    resolution: {integrity: sha512-PwZYKaM/ckQSa8peP5JpVr7IMJ4Nn/MHIaWUjP4be+KoZ7Botgs8seAZGpmaOM+UZXawcdYRao/px9ycrCihHw==}
+    dependencies:
+      point-in-polygon: 1.1.0
+      rbush: 3.0.1
+      robust-predicates: 2.0.4
+      tinyqueue: 2.0.3
     dev: false
 
   /confbox@0.1.7:
@@ -1209,6 +2280,20 @@
 
   /csstype@3.1.3:
     resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
+
+  /d3-array@1.2.4:
+    resolution: {integrity: sha512-KHW6M86R+FUPYGb3R5XiYjXPq7VzwxZ22buHhAEVG5ztoEcZZMLov530mmccaqA1GghZArjQV46fuc8kUqhhHw==}
+    dev: false
+
+  /d3-geo@1.7.1:
+    resolution: {integrity: sha512-O4AempWAr+P5qbk2bC2FuN/sDW4z+dN2wDf9QV3bxQt4M5HfOEeXLgJ/UKQW0+o1Dj8BE+L5kiDbdWUMjsmQpw==}
+    dependencies:
+      d3-array: 1.2.4
+    dev: false
+
+  /d3-voronoi@1.1.2:
+    resolution: {integrity: sha512-RhGS1u2vavcO7ay7ZNAPo4xeDh/VYeGof3x5ZLJBQgYhLegxr3s5IykvWmJ94FTU6mcbtp4sloqZ54mP6R4Utw==}
+    dev: false
 
   /d@1.0.2:
     resolution: {integrity: sha512-MOqHvMWF9/9MX6nza0KgvFH4HpMU0EF5uUDXqX/BtxtU8NfB0QzRtJ8Oe/6SuS4kbhyzVJwjd97EA4PKrzJ8bw==}
@@ -1244,6 +2329,40 @@
     dependencies:
       ms: 2.1.2
     dev: true
+
+  /deep-equal@1.1.2:
+    resolution: {integrity: sha512-5tdhKF6DbU7iIzrIOa1AOUt39ZRm13cmL1cGEh//aqR8x9+tNfbywRf0n5FD/18OKMdo7DNEtrX2t22ZAkI+eg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      is-arguments: 1.2.0
+      is-date-object: 1.1.0
+      is-regex: 1.2.1
+      object-is: 1.1.6
+      object-keys: 1.1.1
+      regexp.prototype.flags: 1.5.4
+    dev: false
+
+  /define-data-property@1.1.4:
+    resolution: {integrity: sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      es-define-property: 1.0.1
+      es-errors: 1.3.0
+      gopd: 1.2.0
+    dev: false
+
+  /define-properties@1.2.1:
+    resolution: {integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      define-data-property: 1.1.4
+      has-property-descriptors: 1.0.2
+      object-keys: 1.1.1
+    dev: false
+
+  /density-clustering@1.3.0:
+    resolution: {integrity: sha512-icpmBubVTwLnsaor9qH/4tG5+7+f61VcqMN3V3pm9sxxSCt2Jcs0zWOgwZW9ARJYaKD3FumIgHiMOcIMRRAzFQ==}
+    dev: false
 
   /depd@2.0.0:
     resolution: {integrity: sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==}
@@ -1294,6 +2413,19 @@
     resolution: {integrity: sha512-m4yreHcUWHBncGVV7U+yQzc12vIlq0jMrtHZ5mW6dQMiL/7skSYNVX9wqKwOtyO9SGCgevrAFEgOCAHmamHTUA==}
     dev: false
 
+  /dunder-proto@1.0.1:
+    resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-errors: 1.3.0
+      gopd: 1.2.0
+    dev: false
+
+  /earcut@2.2.4:
+    resolution: {integrity: sha512-/pjZsA1b4RPHbeWZQn66SWS8nZZWLQQ23oE3Eam7aroEFGEvwKAsJfZ9ytiEMycfzXWpca4FA9QIOehf7PocBQ==}
+    dev: false
+
   /ee-first@1.1.1:
     resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
     dev: false
@@ -1336,6 +2468,23 @@
   /entities@4.5.0:
     resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
     engines: {node: '>=0.12'}
+
+  /es-define-property@1.0.1:
+    resolution: {integrity: sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==}
+    engines: {node: '>= 0.4'}
+    dev: false
+
+  /es-errors@1.3.0:
+    resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
+    engines: {node: '>= 0.4'}
+    dev: false
+
+  /es-object-atoms@1.1.1:
+    resolution: {integrity: sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      es-errors: 1.3.0
+    dev: false
 
   /es5-ext@0.10.64:
     resolution: {integrity: sha512-p2snDhiLaXe6dahss1LddxqEm+SkuDvV8dnIQG0MWjyHpcMNfXKPE+/Cc0y+PhxJX3A4xGNeFCj5oc0BUh6deg==}
@@ -1506,12 +2655,65 @@
     dev: true
     optional: true
 
+  /function-bind@1.1.2:
+    resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
+    dev: false
+
+  /functions-have-names@1.2.3:
+    resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
+    dev: false
+
+  /geojson-equality@0.1.6:
+    resolution: {integrity: sha512-TqG8YbqizP3EfwP5Uw4aLu6pKkg6JQK9uq/XZ1lXQntvTHD1BBKJWhNpJ2M0ax6TuWMP3oyx6Oq7FCIfznrgpQ==}
+    dependencies:
+      deep-equal: 1.1.2
+    dev: false
+
+  /geojson-rbush@3.2.0:
+    resolution: {integrity: sha512-oVltQTXolxvsz1sZnutlSuLDEcQAKYC/uXt9zDzJJ6bu0W+baTI8LZBaTup5afzibEH4N3jlq2p+a152wlBJ7w==}
+    dependencies:
+      '@turf/bbox': 6.5.0
+      '@turf/helpers': 6.5.0
+      '@turf/meta': 6.5.0
+      '@types/geojson': 7946.0.8
+      rbush: 3.0.1
+    dev: false
+
+  /get-intrinsic@1.3.0:
+    resolution: {integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-define-property: 1.0.1
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.1
+      function-bind: 1.1.2
+      get-proto: 1.0.1
+      gopd: 1.2.0
+      has-symbols: 1.1.0
+      hasown: 2.0.2
+      math-intrinsics: 1.1.0
+    dev: false
+
+  /get-proto@1.0.1:
+    resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      dunder-proto: 1.0.1
+      es-object-atoms: 1.1.1
+    dev: false
+
   /glob-parent@5.1.2:
     resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
     engines: {node: '>= 6'}
     dependencies:
       is-glob: 4.0.3
     dev: true
+
+  /gopd@1.2.0:
+    resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
+    engines: {node: '>= 0.4'}
+    dev: false
 
   /graceful-fs@4.2.11:
     resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
@@ -1525,6 +2727,31 @@
     resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
     engines: {node: '>=8'}
     dev: true
+
+  /has-property-descriptors@1.0.2:
+    resolution: {integrity: sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==}
+    dependencies:
+      es-define-property: 1.0.1
+    dev: false
+
+  /has-symbols@1.1.0:
+    resolution: {integrity: sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==}
+    engines: {node: '>= 0.4'}
+    dev: false
+
+  /has-tostringtag@1.0.2:
+    resolution: {integrity: sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-symbols: 1.1.0
+    dev: false
+
+  /hasown@2.0.2:
+    resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      function-bind: 1.1.2
+    dev: false
 
   /htm@3.1.1:
     resolution: {integrity: sha512-983Vyg8NwUE7JkZ6NmOqpCZ+sh1bKv2iYTlUkzlWmA5JD2acKoxd4KVxbMmxX/85mtfdnDmTFoNKcg5DGAvxNQ==}
@@ -1575,12 +2802,28 @@
     resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
     dev: false
 
+  /is-arguments@1.2.0:
+    resolution: {integrity: sha512-7bVbi0huj/wrIAOzb8U1aszg9kdi3KN/CyU19CTI7tAoZYEZoL9yCDXpbXN+uPsuWnP02cyug1gleqq+TU+YCA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bound: 1.0.4
+      has-tostringtag: 1.0.2
+    dev: false
+
   /is-binary-path@2.1.0:
     resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
     engines: {node: '>=8'}
     dependencies:
       binary-extensions: 2.3.0
     dev: true
+
+  /is-date-object@1.1.0:
+    resolution: {integrity: sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bound: 1.0.4
+      has-tostringtag: 1.0.2
+    dev: false
 
   /is-extglob@2.1.1:
     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
@@ -1606,6 +2849,16 @@
   /is-plain-object@5.0.0:
     resolution: {integrity: sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==}
     engines: {node: '>=0.10.0'}
+    dev: false
+
+  /is-regex@1.2.1:
+    resolution: {integrity: sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bound: 1.0.4
+      gopd: 1.2.0
+      has-tostringtag: 1.0.2
+      hasown: 2.0.2
     dev: false
 
   /is-url@1.2.4:
@@ -1733,6 +2986,11 @@
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
 
+  /math-intrinsics@1.1.0:
+    resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
+    engines: {node: '>= 0.4'}
+    dev: false
+
   /memoize-one@6.0.0:
     resolution: {integrity: sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==}
     dev: false
@@ -1843,6 +3101,24 @@
     resolution: {integrity: sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA==}
     dev: false
 
+  /object-assign@4.1.1:
+    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
+    engines: {node: '>=0.10.0'}
+    dev: false
+
+  /object-is@1.1.6:
+    resolution: {integrity: sha512-F8cZ+KfGlSGi09lJT7/Nd6KJZ9ygtvYC0/UYYLI9nmQKLMnydpB9yvbv9K1uSkEu7FU9vYPmVwLg328tX+ot3Q==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.8
+      define-properties: 1.2.1
+    dev: false
+
+  /object-keys@1.1.1:
+    resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
+    engines: {node: '>= 0.4'}
+    dev: false
+
   /object-refs@0.3.0:
     resolution: {integrity: sha512-eP0ywuoWOaDoiake/6kTJlPJhs+k0qNm4nYRzXLNHj6vh+5M3i9R1epJTdxIPGlhWc4fNRQ7a6XJNCX+/L4FOQ==}
     dev: false
@@ -1887,6 +3163,17 @@
       pathe: 1.1.2
     dev: true
 
+  /point-in-polygon@1.1.0:
+    resolution: {integrity: sha512-3ojrFwjnnw8Q9242TzgXuTD+eKiutbzyslcq1ydfu82Db2y+Ogbmyrkpv0Hgj31qwT3lbS9+QAAO/pIQM35XRw==}
+    dev: false
+
+  /polygon-clipping@0.15.7:
+    resolution: {integrity: sha512-nhfdr83ECBg6xtqOAJab1tbksbBAOMUltN60bU+llHVOL0e5Onm1WpAXXWXVB39L8AJFssoIhEVuy/S90MmotA==}
+    dependencies:
+      robust-predicates: 3.0.2
+      splaytree: 3.1.2
+    dev: false
+
   /postcss@8.4.38:
     resolution: {integrity: sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==}
     engines: {node: ^10 || ^12 || >=14}
@@ -1918,6 +3205,14 @@
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
     dev: true
 
+  /quickselect@1.1.1:
+    resolution: {integrity: sha512-qN0Gqdw4c4KGPsBOQafj6yj/PA6c/L63f6CaZ/DCF/xF4Esu3jVmKLUDYxghFx8Kb/O7y9tI7x2RjTSXwdK1iQ==}
+    dev: false
+
+  /quickselect@2.0.0:
+    resolution: {integrity: sha512-RKJ22hX8mHe3Y6wH/N3wCM6BWtjaxIyyUIkpHOvfFnxdI4yD4tBXEBKSbriGujF6jnSVkJrffuo6vxACiSSxIw==}
+    dev: false
+
   /randomcolor@0.6.2:
     resolution: {integrity: sha512-Mn6TbyYpFgwFuQ8KJKqf3bqqY9O1y37/0jgSK/61PUxV4QfIMv0+K2ioq8DfOjkBslcjwSzRfIDEXfzA9aCx7A==}
     dev: false
@@ -1925,6 +3220,18 @@
   /range-parser@1.2.1:
     resolution: {integrity: sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==}
     engines: {node: '>= 0.6'}
+    dev: false
+
+  /rbush@2.0.2:
+    resolution: {integrity: sha512-XBOuALcTm+O/H8G90b6pzu6nX6v2zCKiFG4BJho8a+bY6AER6t8uQUZdi5bomQc0AprCWhEGa7ncAbbRap0bRA==}
+    dependencies:
+      quickselect: 1.1.1
+    dev: false
+
+  /rbush@3.0.1:
+    resolution: {integrity: sha512-XRaVO0YecOpEuIvbhbpTrZgoiI6xBlz6hnlr6EHhd+0x9ase6EmeN+hdwwUaJvLcsFFQ8iWVF1GAK1yB0BWi0w==}
+    dependencies:
+      quickselect: 2.0.0
     dev: false
 
   /readable-stream@2.3.8:
@@ -1954,10 +3261,30 @@
     resolution: {integrity: sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==}
     dev: false
 
+  /regexp.prototype.flags@1.5.4:
+    resolution: {integrity: sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.8
+      define-properties: 1.2.1
+      es-errors: 1.3.0
+      get-proto: 1.0.1
+      gopd: 1.2.0
+      set-function-name: 2.0.2
+    dev: false
+
   /reusify@1.0.4:
     resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
     engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
     dev: true
+
+  /robust-predicates@2.0.4:
+    resolution: {integrity: sha512-l4NwboJM74Ilm4VKfbAtFeGq7aEjWL+5kVFcmgFA2MrdnQWx9iE/tUGvxY5HyMI7o/WpSIUFLbC5fbeaHgSCYg==}
+    dev: false
+
+  /robust-predicates@3.0.2:
+    resolution: {integrity: sha512-IXgzBWvWQwE6PrDI05OvmXUIruQTcoMDzRsOd5CDvHCVLcLHMTSYvOK5Cm46kWqlV3yAbuSpBZdJ5oP5OUoStg==}
+    dev: false
 
   /rollup@4.18.0:
     resolution: {integrity: sha512-QmJz14PX3rzbJCN1SG4Xe/bAAX2a6NpCP8ab2vfu2GiUr8AQcr2nCV/oEO3yneFarB67zk8ShlIyWb2LGTb3Sg==}
@@ -2052,12 +3379,38 @@
       - supports-color
     dev: false
 
+  /set-function-length@1.2.2:
+    resolution: {integrity: sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      define-data-property: 1.1.4
+      es-errors: 1.3.0
+      function-bind: 1.1.2
+      get-intrinsic: 1.3.0
+      gopd: 1.2.0
+      has-property-descriptors: 1.0.2
+    dev: false
+
+  /set-function-name@2.0.2:
+    resolution: {integrity: sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      define-data-property: 1.1.4
+      es-errors: 1.3.0
+      functions-have-names: 1.2.3
+      has-property-descriptors: 1.0.2
+    dev: false
+
   /setimmediate@1.0.5:
     resolution: {integrity: sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==}
     dev: false
 
   /setprototypeof@1.2.0:
     resolution: {integrity: sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==}
+    dev: false
+
+  /skmeans@0.9.7:
+    resolution: {integrity: sha512-hNj1/oZ7ygsfmPZ7ZfN5MUBRoGg1gtpnImuJBgLO0ljQ67DtJuiQaiYdS4lUA6s0KCwnPhGivtC/WRwIZLkHyg==}
     dev: false
 
   /slate-history@0.66.0(slate@0.72.8):
@@ -2108,6 +3461,10 @@
     resolution: {integrity: sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==}
     deprecated: Please use @jridgewell/sourcemap-codec instead
     dev: true
+
+  /splaytree@3.1.2:
+    resolution: {integrity: sha512-4OM2BJgC5UzrhVnnJA4BkHKGtjXNzzUfpQjCO8I05xYPsfS/VuQDwjCGGMi8rYQilHEV4j8NBqTFbls/PZEE7A==}
+    dev: false
 
   /ssf@0.11.2:
     resolution: {integrity: sha512-+idbmIXoYET47hH+d7dfm2epdOMUDjqcB4648sTZ+t2JwoyBFL/insLfB/racrDmsKB3diwsDA696pZMieAC5g==}
@@ -2163,6 +3520,10 @@
     resolution: {integrity: sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==}
     dev: false
 
+  /tinyqueue@2.0.3:
+    resolution: {integrity: sha512-ppJZNDuKGgxzkHihX8v9v9G5f+18gzaTfrukGrq6ueg0lmH4nqVnA2IPG0AEH3jKEk2GRJCUhDoqpoiw3PHLBA==}
+    dev: false
+
   /to-fast-properties@2.0.0:
     resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==}
     engines: {node: '>=4'}
@@ -2179,6 +3540,24 @@
     engines: {node: '>=0.6'}
     dev: false
 
+  /topojson-client@3.1.0:
+    resolution: {integrity: sha512-605uxS6bcYxGXw9qi62XyrV6Q3xwbndjachmNxu8HWTtVPxZfEJN9fd/SZS1Q54Sn2y0TMyMxFj/cJINqGHrKw==}
+    hasBin: true
+    dependencies:
+      commander: 2.20.3
+    dev: false
+
+  /topojson-server@3.0.1:
+    resolution: {integrity: sha512-/VS9j/ffKr2XAOjlZ9CgyyeLmgJ9dMwq6Y0YEON8O7p/tGGk+dCWnrE03zEdu7i4L7YsFZLEPZPzCvcB7lEEXw==}
+    hasBin: true
+    dependencies:
+      commander: 2.20.3
+    dev: false
+
+  /turf-jsts@1.2.3:
+    resolution: {integrity: sha512-Ja03QIJlPuHt4IQ2FfGex4F4JAr8m3jpaHbFbQrgwr7s7L6U8ocrHiF3J1+wf9jzhGKxvDeaCAnGDot8OjGFyA==}
+    dev: false
+
   /type@2.7.3:
     resolution: {integrity: sha512-8j+1QmAbPvLZow5Qpi6NCaN8FB60p/6x8/vfNqOk/hC+HuvFZhL4+WfekuhQLiqFZXOgQdrs3B+XxEmCc6b3FQ==}
     dev: false
diff --git a/src/components/map-container/mapContainer.vue b/src/components/map-container/mapContainer.vue
index 4f8effb..5cae64e 100644
--- a/src/components/map-container/mapContainer.vue
+++ b/src/components/map-container/mapContainer.vue
@@ -2,7 +2,7 @@
  * @Author: shuishen 1109946754@qq.com
  * @Date: 2024-10-25 15:07:51
  * @LastEditors: shuishen 1109946754@qq.com
- * @LastEditTime: 2025-04-15 21:54:01
+ * @LastEditTime: 2025-04-28 11:34:40
  * @FilePath: \drone-web-manage\src\components\map-container\mapContainer.vue
  * @Description: 
  * 
@@ -19,6 +19,8 @@
 </template>
 
 <script setup>
+import * as turf from '@turf/turf'
+
 import { nextTick, onMounted, onUnmounted } from 'vue'
 import { read } from 'xlsx'
 
@@ -65,8 +67,13 @@
         credit: 'stand_tc',
     })
 
-    window.$viewer = new DC.Viewer('viewer-container')
+    window.$viewer = new DC.Viewer('viewer-container', {
+        "sceneMode": 2 //1: 2.5D,2: 2D,3: 3D
+    })
+
     window.$viewer.locationBar.enable = false
+
+    window.$viewer?.zoomToPosition(new DC.Position(115.892151, 28.676493, 1000000, 0, -90, 0))
 
     window.$viewer?.imageryLayers.addImageryProvider(imageryProvider_stand)
     window.$viewer?.imageryLayers.addImageryProvider(imageryProvider_standZh)
@@ -133,15 +140,27 @@
 
     let polyline = new DC.Polyline(positionStr)
     polyline.setStyle({
-        width: 20,
-        material: new DC.PolylineLightingTrailMaterialProperty({
-            color: DC.Color.BLUE,
-            speed: 5.0
+        width: 4,
+        material: new DC.PolylineTrailMaterialProperty({
+            color: DC.Color.DEEPSKYBLUE,
+            speed: 10
         }),
         clampToGround: true
     })
     polylineLayer.addOverlay(polyline)
-    window.$viewer?.zoomTo(polylineLayer)
+
+    const line = turf.lineString(positionStr.split(';').map(i => i.split(',')))
+    const bbox = turf.bbox(line)
+    const bboxPolygon = turf.bboxPolygon(bbox)
+    const scaledPolygon = turf.transformScale(bboxPolygon, 3)
+    const newBbox = turf.bbox(scaledPolygon)
+
+    window.$viewer?.flyToBounds(
+        newBbox,
+        { heading: 0, pitch: -90, roll: 0 },
+        () => { },
+        0
+    )
 }
 
 onMounted(() => {
diff --git a/src/views/tickets/orderLog.vue b/src/views/tickets/orderLog.vue
index 09e5af3..40e8f5e 100644
--- a/src/views/tickets/orderLog.vue
+++ b/src/views/tickets/orderLog.vue
@@ -2,7 +2,7 @@
  * @Author: shuishen 1109946754@qq.com
  * @Date: 2025-04-15 20:02:29
  * @LastEditors: shuishen 1109946754@qq.com
- * @LastEditTime: 2025-04-15 21:56:14
+ * @LastEditTime: 2025-04-28 11:38:16
  * @FilePath: \drone-web-manage\src\views\tickets\orderLog.vue
  * @Description: 
  * 
@@ -11,12 +11,13 @@
 <template>
     <basic-container>
         <el-tabs v-model="activeTab" @tab-click="handleTabChange">
-            <el-tab-pane v-for="tab in filteredTabs" :key="tab.name" :label="`${tab.label} (${tab.count})`" :name="tab.name">
+            <el-tab-pane v-for="tab in filteredTabs" :key="tab.name" :label="`${tab.label} (${tab.count})`"
+                :name="tab.name">
                 <div class="tab-content">
                     <!-- 查询条件筛选栏 -->
                     <div class="filter-bar">
-                        <el-input v-model="filters.key_word" placeholder="输入工单编号/名称/内容/姓名" class="filter-item" clearable
-                            @keyup.enter="handleSearch" />
+                        <el-input style="width: 250px" v-model="filters.key_word" placeholder="输入工单编号/名称/内容/姓名"
+                            class="filter-item" clearable @keyup.enter="handleSearch" />
 
                         <el-select placeholder="请选择所属单位" v-model="filters.create_dept" @change="handleDepartmentChange"
                             class="filter-item" clearable>
@@ -24,9 +25,11 @@
                                 :value="dept.value" />
                         </el-select>
 
-                        <el-date-picker v-model="filters.dateRange" type="datetimerange" range-separator="至"
-                            start-placeholder="开始日期" end-placeholder="结束日期" class="filter-item" style="width: 100px" />
-                        <el-select v-model="filters.file_id" placeholder="请选择关联航线" class="filter-item" clearable>
+                        <el-date-picker v-model="filters.dateRange" type="daterange" range-separator="至"
+                            start-placeholder="开始日期" end-placeholder="结束日期" class="filter-item" style="width: 100px"
+                            :default-value="datePickerDefaultVal" />
+                        <el-select v-model="filters.file_id" placeholder="请选择关联航线" class="filter-item frequency"
+                            clearable>
                             <el-option v-for="item in wayLineList" :key="item.wayline_id" :label="item.name"
                                 :value="item.wayline_id" />
                         </el-select>
@@ -46,16 +49,17 @@
                                 :value="item.value" />
 
                         </el-select>
-                        <el-date-picker v-model="filters.cycleDateRange" type="datetimerange" range-separator="至"
+                        <!-- <el-date-picker v-model="filters.cycleDateRange" type="datetimerange" range-separator="至"
                             start-placeholder="工单周期开始日期" end-placeholder="工单周期结束时间日期" class="filter-item"
-                            style="width: 240px !important" />
-                        <el-select v-model="filters.rep_fre_type" placeholder="请选择频次" class="filter-item">
-                            <el-option v-for="item in cycles" :key="item" :label="item" :value="item" />
-                        </el-select>
-                        <el-time-picker style="width: 100px" v-model="filters.deal_time" placeholder="请选择执行时间"
+                            style="width: 220px !important" /> -->
+                        <el-time-picker style="width: 250px" v-model="filters.deal_time" placeholder="请选择执行时间"
                             prop="deal_time" value-format="HH:mm" :picker-options="{
                                 selectableRange: '00:00 - 23:59',
                             }" />
+                        <el-select v-model="filters.rep_fre_type" placeholder="请选择频次" class="filter-item frequency">
+                            <el-option v-for="item in cycles" :key="item" :label="item" :value="item" />
+                        </el-select>
+
                         <el-col :span="8">
                         </el-col>
                         <el-button type="primary" icon="el-icon-search" @click="handleSearch">查询</el-button>
@@ -67,42 +71,43 @@
                         :table-loading="loading" @current-change="currentChange" @refresh-change="refreshChange"
                         @on-load="onLoad" @search-change="searchChange" @size-change="sizeChange">
                         <template #menu-left>
-                            <el-button v-if="hasAddBtnPermission()&&activeTab!='WAIT_AUDIT'" type="primary" icon="el-icon-plus" @click="handleAdd" >新建工单</el-button>
+                            <el-button v-if="hasAddBtnPermission() && activeTab != 'WAIT_AUDIT'" type="primary"
+                                icon="el-icon-plus" @click="handleAdd">新建工单</el-button>
                             <el-button type="success" plain icon="el-icon-download" @click="exportData">导出</el-button>
                         </template>
 
                         <template #menu="{ row }">
-                            <div v-if="row.status == 1">
-                                <el-button v-if="hasPaddingBtnPermission()" type="text" icon="el-icon-view" @click="handleViewDetail(row)">审核</el-button>
-                             
-                            </div>
-
-                            <div v-if="userInfo.user_id == row.create_user || hasRecallPaddingBtnPermission()">
-                                <!--待审核状态-->
+                            <div class="menu-custom-box">
                                 <div v-if="row.status == 1">
-                                    <el-button type="text" icon="el-icon-warning-outline"
+                                    <el-button class="audit-btn" v-if="hasPaddingBtnPermission()" type="text"
+                                        icon="el-icon-view" @click="handleViewDetail(row)">审核</el-button>
+                                </div>
+
+                                <div
+                                    v-if="(userInfo.user_id == row.create_user || hasRecallPaddingBtnPermission()) && row.status == 1">
+                                    <!--待审核状态-->
+                                    <el-button class="withdraw-btn" type="text" icon="el-icon-warning"
                                         @click="orderLogRecall(row.id)">撤回</el-button>
                                 </div>
+                                <!--已驳回-->
+                                <div v-if="row.status == 2">
+                                    <el-button class="reject-reason-btn" type="text" icon="el-icon-warning"
+                                        @click="rejectDetail(row.id)">驳回原因</el-button>
+                                </div>
+                                <!--草稿-->
+                                <div v-if="row.status == 0 && userInfo.user_id == row.create_user">
+                                    <el-button class="edit-btn" type="text" icon="el-icon-edit-outline"
+                                        @click="handleViewDetail(row)">编辑</el-button>
+                                    <el-button class="publish-btn" type="text" icon="el-icon-position"
+                                        @click="userPublishPush(row.id)">发布</el-button>
+                                    <el-button class="delete-btn" type="text" icon="el-icon-delete"
+                                        @click="deleteOrderLog(row.id)">删除</el-button>
+                                </div>
+                                <div v-if="row.status == 3 || row.status == 1 || row.status == 2">
+                                    <el-button class="detail-btn" type="text" icon="el-icon-view"
+                                        @click="handleViewDetail(row)">详情</el-button>
+                                </div>
                             </div>
-                            <!--已驳回-->
-                            <div v-if="row.status == 2">
-                                <el-button type="text" icon="el-icon-warning-outline"
-                                    @click="rejectDetail(row.id)">驳回原因</el-button>
-                            </div>
-                            <!--草稿-->
-                            <div v-if="row.status == 0 && userInfo.user_id == row.create_user">
-                                <el-button type="text" icon="el-icon-edit-outline"
-                                    @click="handleViewDetail(row)">编辑</el-button>
-                                <el-button type="text" icon="el-icon-position"
-                                    @click="userPublishPush(row.id)">发布</el-button>
-                                <el-button type="text" icon="el-icon-delete"
-                                    @click="deleteOrderLog(row.id)">删除</el-button>
-                            </div>
-                        <div v-if="row.status == 3 || row.status == 1 || row.status == 2">
-                            
-                              <el-button type="text" icon="el-icon-view" @click="handleViewDetail(row)">详情</el-button>
-                            </div>
-
                         </template>
                         <template #status="{ row }">
                             <el-tag :type="getStatusTagType(row.status)">{{ mapStatus(row.status) }}</el-tag>
@@ -118,14 +123,15 @@
         </el-tabs>
 
         <!-- 新建工单对话框 -->
-        <el-dialog  v-model="dialogVisible" title="新建工单" width="70%" :close-on-click-modal="false" @close="resetForm">
-           
-       
+        <el-dialog v-model="dialogVisible" title="新建工单" width="70%" :close-on-click-modal="false" @close="resetForm">
+
+
             <el-form :model="form" :rules="rules" ref="testform" label-width="100px">
                 <el-row :gutter="20">
                     <el-col :span="12">
                         <el-form-item label="工单名称" prop="name">
-                            <el-input v-model="form.name" placeholder="请输入工单名称"  maxlength="100" show-word-limit></el-input>
+                            <el-input v-model="form.name" placeholder="请输入工单名称" maxlength="100"
+                                show-word-limit></el-input>
                         </el-form-item>
                     </el-col>
                     <el-col :span="12">
@@ -140,14 +146,10 @@
                 <el-row :gutter="20">
                     <el-col :span="12">
                         <el-form-item label="关联机巢" prop="device_sns">
-                           
+
                             <el-select v-model="form.device_sns" placeholder="请选择机巢" multiple>
-                                <el-option
-                                    v-for="item in device_sns"
-                                    :key="item.device_sn"
-                                    :label="item.nickname" 
-                                    :value="item.device_sn" 
-                                />
+                                <el-option v-for="item in device_sns" :key="item.device_sn" :label="item.nickname"
+                                    :value="item.device_sn" />
                             </el-select>
                         </el-form-item>
                     </el-col>
@@ -164,14 +166,8 @@
                 <el-row :gutter="20">
                     <el-col :span="12">
                         <el-form-item label="工单内容" prop="content">
-                            <el-input
-                                type="textarea"
-                                v-model="form.content"
-                                rows="4"
-                                placeholder="请输入工单内容"
-                                maxlength="255"
-                                show-word-limit
-                            ></el-input>
+                            <el-input type="textarea" v-model="form.content" rows="4" placeholder="请输入工单内容"
+                                maxlength="255" show-word-limit></el-input>
                         </el-form-item>
                     </el-col>
 
@@ -181,8 +177,6 @@
                                 start-placeholder="开始日期" end-placeholder="结束日期" class="date-picker" />
                         </el-form-item>
 
-                        <el-button type="danger" @click="submitForm(1)">发布</el-button>
-                        <el-button type="primary" @click="submitForm(0)">存草稿</el-button>
                     </el-col>
                     <el-col :span="3">
                         <el-select v-model="form.rep_fre_type" placeholder="请选择频次">
@@ -205,12 +199,20 @@
                     </el-col>
 
                 </el-row>
+
+                <el-row>
+                    <div class="add-box-btns">
+                        <el-button type="danger" @click="submitForm(1)">发布</el-button>
+                        <el-button type="primary" @click="submitForm(0)">存草稿</el-button>
+                    </div>
+                </el-row>
             </el-form>
         </el-dialog>
 
         <!-- 工单详情对话框 -->
-        <el-dialog v-model="detailVisible" :title="detailTitle" width="70%" :close-on-click-modal="false" @close="resetForm" >
-              <div class="event-title-center">{{ form.name}}</div>
+        <el-dialog v-model="detailVisible" :title="detailTitle" width="70%" :close-on-click-modal="false"
+            @close="resetForm">
+            <div class="event-title-center">{{ form.name }}</div>
             <el-form :model="form" ref="testform" label-width="100px">
                 <div class="custom-steps-container">
                     <!-- 标题行 -->
@@ -268,12 +270,8 @@
                     <el-col :span="12">
                         <el-form-item label="关联机巢" prop="device_sns">
                             <el-select v-model="form.device_sns" placeholder="请选择机巢" multiple>
-                                <el-option
-                                    v-for="item in device_sns"
-                                    :key="item.device_sn"
-                                    :label="item.nickname" 
-                                    :value="item.device_sn" 
-                                />
+                                <el-option v-for="item in device_sns" :key="item.device_sn" :label="item.nickname"
+                                    :value="item.device_sn" />
                             </el-select>
                         </el-form-item>
                     </el-col>
@@ -290,14 +288,8 @@
                 <el-row :gutter="20">
                     <el-col :span="12">
                         <el-form-item label="工单内容" prop="content">
-                            <el-input
-                                type="textarea"
-                                v-model="form.content"
-                                rows="4"
-                                placeholder="请输入工单内容"
-                                maxlength="255"
-                                show-word-limit
-                            ></el-input>
+                            <el-input type="textarea" v-model="form.content" rows="4" placeholder="请输入工单内容"
+                                maxlength="255" show-word-limit></el-input>
                         </el-form-item>
                     </el-col>
 
@@ -372,6 +364,26 @@
 export default {
     name: 'TicketPage',
     data() {
+        const calculateDefaultRange = () => {
+            const now = new Date()
+            const currentYear = now.getFullYear()
+            const currentMonth = now.getMonth() // 0-11
+
+            // 计算上个月
+            let lastMonthYear = currentYear
+            let lastMonth = currentMonth - 1
+            if (lastMonth < 0) {
+                lastMonth = 11
+                lastMonthYear = currentYear - 1
+            }
+
+            // 设置默认范围 [上个月, 当前月]
+            return [
+                new Date(lastMonthYear, lastMonth, 1),
+                new Date(currentYear, currentMonth, 1)
+            ]
+        }
+
         return {
             activeTab: 'all',
 
@@ -397,7 +409,7 @@
             device_sns: [],
             ai_types: [],
             wayLineList: [],
-            detailTitle:"编辑工单",
+            detailTitle: "编辑工单",
 
             statuses: [
                 { label: '草稿', value: '0' },
@@ -410,9 +422,11 @@
 
             tableData: [],
             option: {
+                indexFixed: true,
+
+                align: 'center',
                 border: true,
                 stripe: true,
-                menuWidth: 150,
                 searchShow: true,
                 searchBtnText: '搜索',
                 searchMenuSpan: 6,
@@ -421,34 +435,35 @@
                 viewBtn: false,
                 editBtn: false,
                 delBtn: false,
-                menu: true,
                 cancelBtn: true,
                 cancelBtnText: '取消',
+
+                menu: true,
+                menuWidth: 210,
+                menuClassName: 'cur-menu',
                 column: [
-                    { label: '序号', prop: 'id', width: 50, ellipsis: true },
+                    { label: '序号', prop: 'id', width: 72, ellipsis: true },
                     { label: '工单编号', prop: 'job_info_num', width: 100, ellipsis: true, overHidden: true },
                     { label: '工单名称', prop: 'name', width: 100, ellipsis: true, overHidden: true },
                     { label: '所属单位', prop: 'dept_name', width: 100, ellipsis: true },
-                    { label: '发起时间', prop: 'create_time', width: 100, ellipsis: true },
+                    { label: '发起时间', prop: 'create_time', width: 144, ellipsis: true },
                     { label: '工单内容', prop: 'content', width: 160, ellipsis: true, overHidden: true },
                     { label: '关联航线', prop: 'wayline_name', width: 100, ellipsis: true, overHidden: true },
                     { label: '关联算法', prop: 'ai_type_str', width: 100, ellipsis: true, overHidden: true },
                     { label: '关联机巢', prop: 'device_names', width: 100, ellipsis: true, overHidden: true },
 
-                    { label: '创建人', prop: 'creator_name', width: 50, ellipsis: true, overHidden: true },
-                    { label: '关联机巢', prop: 'device_names', width: 80, ellipsis: true, overHidden: true },
+                    { label: '创建人', prop: 'creator_name', width: 96, ellipsis: true, overHidden: true },
+                    { label: '关联机巢', prop: 'device_names', width: 112, ellipsis: true, overHidden: true },
                     {
                         label: '工单周期频次',
                         prop: '',
-                        width: 108,
+                        width: 110,
                         formatter: row => this.formatCycleTime(row),
                         html: true,
-                        ellipsis: true, overHidden: true
-
-
-
+                        ellipsis: true,
+                        // overHidden: true
                     },
-                    { label: '工单状态', prop: 'status', width: 60 },
+                    { label: '工单状态', prop: 'status', width: 96 },
                 ],
             },
 
@@ -463,7 +478,7 @@
             form: {},
             rules: {
                 name: [{ required: true, message: '请输入工单名称', trigger: 'blur' },
-                          { max: 100, message: '工单名称不能超过100个字', trigger: 'blur' },
+                { max: 100, message: '工单名称不能超过100个字', trigger: 'blur' },
                 ],
                 file_id: [{ required: true, message: '需要选择航线', trigger: 'change' }],
                 device_sns: [{ required: true, message: '请选择机巢', trigger: 'change' }],
@@ -479,13 +494,16 @@
             loading: false,
             globalCounts: {},
             mapLoaded: false,
+
+            // 配置时间选择器默认配置
+            datePickerDefaultVal: calculateDefaultRange()
         }
     },
     async created() {
         var response = await getDictionaryByCode('SF')
-        var word_order_typeResponse = await getDictionaryByCode('WORK_ORDER_TYPE' )
+        var word_order_typeResponse = await getDictionaryByCode('WORK_ORDER_TYPE')
         this.ai_types = response.data.data['SF']
-        this.types = word_order_typeResponse.data.data['WORK_ORDER_TYPE'];
+        this.types = word_order_typeResponse.data.data['WORK_ORDER_TYPE']
         //获取航线
         this.asyncgetWaylineFileListByArea()
         const response2 = await getTicketInfo()
@@ -502,16 +520,16 @@
         ...mapGetters(['userInfo', 'permission']),
         filteredTabs() {
             // rejection_and_draft 权限控制“已驳回”和“草稿”tab
-            const canShowRejectAndDraft = this.permission?.rejection_and_draft === true;
+            const canShowRejectAndDraft = this.permission?.rejection_and_draft === true
             return this.tabs.map(tab => {
                 if (tab.name === 'DRAFT') {
-                    return { ...tab, isShow: canShowRejectAndDraft };
+                    return { ...tab, isShow: canShowRejectAndDraft }
                 }
                 if (tab.name === 'REJECTED') {
-                    return { ...tab, isShow: canShowRejectAndDraft };
+                    return { ...tab, isShow: canShowRejectAndDraft }
                 }
-                return { ...tab, isShow: true };
-            }).filter(tab => tab.isShow);
+                return { ...tab, isShow: true }
+            }).filter(tab => tab.isShow)
         },
     },
 
@@ -554,8 +572,7 @@
             }
         },
         formatCycleTime(row) {
-            return row.begin_time + '-' + row.end_time + '<br/>'
-                 + row.rep_rule_val
+            return `${row.cycle_time_value}`
         },
 
         async fetchTableData() {
@@ -574,7 +591,7 @@
                 })
 
 
-                console.log('权限检查:', this.permission);
+                console.log('权限检查:', this.permission)
                 this.page.total = total || 0
                 this.updateGlobalCounts()
             } catch (error) {
@@ -630,7 +647,7 @@
             this.page.pageSize = pageSize
         },
         async submitForm(status) {
-           
+
             this.$refs.testform.validate(async valid => {
 
                 if (valid) {
@@ -739,14 +756,14 @@
                 PASS: 0,
 
             }
-            var reponse = await jobStatusNum();
-            console.log("统计" + reponse.data.data);
+            var reponse = await jobStatusNum()
+            console.log("统计" + reponse.data.data)
             reponse.data.data.forEach(item => {
-                const tab = this.tabs.find(t => t.name === item.dict_key);
+                const tab = this.tabs.find(t => t.name === item.dict_key)
                 if (tab) {
-                    tab.count = item.num;
+                    tab.count = item.num
                 }
-            });
+            })
 
         },
 
@@ -781,21 +798,21 @@
             return `${location[0].toFixed(6)}, ${location[1].toFixed(6)}`
         },
         async handleViewDetail(row) {
-             console.log("工单名称1111:");
-            const response = await orderLogDetails(row.id);
-            const data = response.data.data;
+            console.log("工单名称1111:")
+            const response = await orderLogDetails(row.id)
+            const data = response.data.data
 
             this.form = {
                 ...data,
-            };
+            }
 
 
-            this.detailVisible = true;
+            this.detailVisible = true
 
             // 更新机巢列表
             this.device_sns = data.device_list;
-          (this.permission && (this.permission.order_log_review  || this.permission.order_log_recall))&& (data.status==1||data.status==3||data.status==2) ? this.detailTitle="工单详情":this.detailTitle="编辑工单";
-          console.log("工单名称:"+this.detailTitle);
+            (this.permission && (this.permission.order_log_review || this.permission.order_log_recall)) && (data.status == 1 || data.status == 3 || data.status == 2) ? this.detailTitle = "工单详情" : this.detailTitle = "编辑工单"
+            console.log("工单名称:" + this.detailTitle)
         },
         //导出
         async exportData() {
@@ -814,24 +831,24 @@
         },
         hasAddBtnPermission() {
             // undefined 或 false 都返回 false,只有 true 返回 true
-            console.log('this.permission.order_log_add :', this.permission.order_log_add );
-            return this.permission && this.permission.order_log_add === true;
+            console.log('this.permission.order_log_add :', this.permission.order_log_add)
+            return this.permission && this.permission.order_log_add === true
         },
         hasPaddingBtnPermission() {
             // undefined 或 false 都返回 false,只有 true 返回 true
-            console.log('权限检查:', this.permission);
-            return this.permission && this.permission.order_log_review === true;
+            console.log('权限检查:', this.permission)
+            return this.permission && this.permission.order_log_review === true
         },
-            hasRecallPaddingBtnPermission() {
+        hasRecallPaddingBtnPermission() {
             // undefined 或 false 都返回 false,只有 true 返回 true
-            console.log('权限检查:', this.permission);
-            return this.permission && this.permission.order_log_recall === true;
+            console.log('权限检查:', this.permission)
+            return this.permission && this.permission.order_log_recall === true
         },
         //驳回按钮权限
-          hasRejectionBtnPermission() {
+        hasRejectionBtnPermission() {
             // undefined 或 false 都返回 false,只有 true 返回 true
-            console.log('权限检查:', this.permission);
-            return this.permission && this.permission.rejection_btn === true;
+            console.log('权限检查:', this.permission)
+            return this.permission && this.permission.rejection_btn === true
         },
         //自己点发布
         userPublishPush(id) {
@@ -840,9 +857,9 @@
                 cancelButtonText: '取消',
                 type: 'warning',
             }).then(() => {
-                let response = userPublish(id);
-                this.$message.success('发布成功');
-                this.fetchTableData();
+                let response = userPublish(id)
+                this.$message.success('发布成功')
+                this.fetchTableData()
 
             })
         },
@@ -854,9 +871,9 @@
                 cancelButtonText: '取消',
                 type: 'warning',
             }).then(() => {
-                let response = deleteOrderLog(id);
-                this.$message.success('删除');
-                this.fetchTableData();
+                let response = deleteOrderLog(id)
+                this.$message.success('删除')
+                this.fetchTableData()
 
             })
         },
@@ -974,22 +991,36 @@
     },
 }
 </script>
-
+<style></style>
 <style lang="scss" scoped>
+:deep(.el-textarea__inner) {
+    padding: 8px 12px;
+}
+
+:deep(.el-input__inner),
+:deep(.el-select),
+:deep(.el-select .el-input) {
+    width: 100%; // 确保所有输入框和选择框宽度一致
+}
+
 .tab-content {
     padding: 10px;
 }
 
 .filter-bar {
     display: flex;
-    align-items: center;
+    // align-items: center;
     margin-bottom: 15px;
     flex-wrap: wrap;
 
     .filter-item {
-        margin-right: 10px;
+        margin-right: 20px;
         margin-bottom: 10px;
         width: 200px;
+    }
+
+    .frequency {
+        margin-left: 20px;
     }
 
     .date-picker {
@@ -1097,13 +1128,58 @@
     color: #666;
     line-height: 1.5;
 }
+
 .event-title-center {
-  text-align: center;
-  font-size: 20px;
-  font-weight: bold;
-  margin-bottom: 12px;
-  color: #333;
+    text-align: center;
+    font-size: 20px;
+    font-weight: bold;
+    margin-bottom: 12px;
+    color: #333;
+}
+
+.cur-menu {
+    .menu-custom-box {
+        display: flex;
+        justify-content: center;
+
+        &>div {
+            flex: 1;
+        }
+
+        .audit-btn {
+            color: #1BA0FF;
+        }
+
+        .withdraw-btn {
+            color: #FF5D9E;
+        }
+
+        .reject-reason-btn {
+            color: #FF6A00;
+        }
+
+        .edit-btn {
+            color: #00B187;
+        }
+
+        .publish-btn {
+            color: #5E00FF;
+        }
+
+        .delete-btn {
+            color: #FE0202;
+        }
+
+        .detail-btn {
+            color: #1F4AFF;
+        }
+    }
+}
+
+.add-box-btns {
+    width: 100%;
+    display: flex;
+    justify-content: center;
 }
 </style>
 `
-
diff --git a/src/views/tickets/ticket.vue b/src/views/tickets/ticket.vue
index c3934b7..bbc5b33 100644
--- a/src/views/tickets/ticket.vue
+++ b/src/views/tickets/ticket.vue
@@ -5,26 +5,26 @@
         <div class="tab-content">
           <!-- 查询条件筛选栏 -->
           <div class="filter-bar">
-            <el-input v-model="filters.keyword" placeholder="请输入关键字" class="filter-item" size="small" clearable
+            <el-input v-model="filters.keyword" placeholder="请输入关键字" class="filter-item" clearable
               @keyup.enter="handleSearch" />
-            <el-select v-model="filters.department" placeholder="请选择所属单位" class="filter-item" size="small" clearable>
+            <el-select v-model="filters.department" placeholder="请选择所属单位" class="filter-item" clearable>
               <el-option v-for="item in departments" :key="item.value" :label="item.label" :value="item.value" />
             </el-select>
-            <el-select v-model="filters.type" placeholder="请选择工单类型" class="filter-item" size="small" clearable>
+            <el-select v-model="filters.type" placeholder="请选择工单类型" class="filter-item" clearable>
               <el-option v-for="item in types" :key="item.value" :label="item.label" :value="item.value" />
             </el-select>
-            <el-date-picker v-model="filters.dateRange" type="daterange" class="filter-item" size="small"
-              range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
+            <el-date-picker v-model="filters.dateRange" type="daterange" class="filter-item" range-separator="至"
+              start-placeholder="开始日期" end-placeholder="结束日期">
             </el-date-picker>
-            <el-select v-model="filters.status" placeholder="请选择状态" class="filter-item" size="small" clearable>
+            <el-select v-model="filters.status" placeholder="请选择状态" class="filter-item" clearable>
               <el-option v-for="item in statuses" :key="item.value" :label="item.label" :value="item.value" />
             </el-select>
-            <el-select v-model="filters.algorithm" placeholder="请选择关联算法" class="filter-item" size="small" clearable>
+            <el-select v-model="filters.algorithm" placeholder="请选择关联算法" class="filter-item" clearable>
               <el-option v-for="item in algorithms" :key="item.dict_key" :label="item.dict_value"
                 :value="item.dict_key" />
             </el-select>
-            <el-button type="primary" icon="el-icon-search" size="small" @click="handleSearch">查询</el-button>
-            <el-button icon="el-icon-refresh" size="small" @click="handleReset">重置</el-button>
+            <el-button type="primary" icon="el-icon-search" @click="handleSearch">查询</el-button>
+            <el-button icon="el-icon-refresh" @click="handleReset">重置</el-button>
           </div>
 
           <!-- 表格部分 -->
@@ -50,7 +50,9 @@
               </template>
             </template>
             <template #status="{ row }">
-              <el-tag :type="getStatusTagType(row.status)">{{ mapStatus(row.status) }}</el-tag>
+              <span :style="getStatusTagType(row.status) ? 'color:' + getStatusTagType(row.status) : ''">
+                {{ mapStatus(row.status) }}
+              </span>
             </template>
             <template #keyData="{ row }">
               <span>{{ row.address }}</span>
@@ -116,8 +118,8 @@
                     </el-button>
                   </avue-input-map>
                   <!-- <div v-if="form.location?.length >= 3">
-  {{ form.location[2] || '获取地址中...' }}
-</div> -->
+	{{ form.location[2] || '获取地址中...' }}
+  </div> -->
                 </div>
               </el-form-item>
             </el-col>
@@ -131,17 +133,9 @@
             </el-col>
             <el-col :span="12">
               <el-form-item label="附件图片" prop="photos" required class="upload-wrapper">
-                <el-upload ref="upload" 
-                  :action="'#'" 
-                  :auto-upload="false" 
-                  list-type="picture-card"
-                  :on-change="handleFileChange" 
-                  :on-remove="handleUploadRemove" 
-                  :before-upload="beforeUpload"
-                  :file-list="form.photos" 
-                  :limit="1" 
-                  accept="image/*" 
-                  class="create-upload">
+                <el-upload ref="upload" :action="'#'" :auto-upload="false" list-type="picture-card"
+                  :on-change="handleFileChange" :on-remove="handleUploadRemove" :before-upload="beforeUpload"
+                  :file-list="form.photos" :limit="1" accept="image/*" class="create-upload">
                   <template v-if="form.photos.length < 1">
                     <i class="el-icon-plus">+</i>
                   </template>
@@ -173,9 +167,6 @@
         <div class="custom-steps-container">
           <!-- 标题行 -->
           <div class="steps-titles">
-            <div class="step-title active">
-              {{ workType === 1 ? '发起工单' : '发起任务' }}
-            </div>
             <div v-for="(status, index) in stepStatusList" :key="index" :class="{
               'step-title': true,
               'active': index <= stepStatusList.indexOf(String(currentDetail.status))
@@ -185,22 +176,7 @@
           </div>
 
           <!-- Element Steps 组件 -->
-          <el-steps :active="getActiveStep()" align-center class="custom-steps">
-            <el-step>
-              <template #description>
-                <span class="step-description">
-                  {{ currentDetail.creator || '未知' }}
-                </span>
-                <div class="step-description">
-                  <template v-if="workType === 0">
-                    {{ currentDetail.job_create_time || currentDetail.startTime || '未知时间' }}
-                  </template>
-                  <template v-else>
-                    {{ currentDetail.startTime || '未知时间' }}
-                  </template>
-                </div>
-              </template>
-            </el-step>
+          <el-steps :active="getActiveStep() - 1" align-center class="custom-steps">
             <el-step v-for="(status, index) in stepStatusList" :key="index">
               <template #description>
                 <span class="step-description">
@@ -242,7 +218,8 @@
           <el-table-column prop="label2" label="基本信息" width="150">
             <template #default="{ row }">
               <!-- 添加必填星号的标签 -->
-              <span v-if="currentDetail.status === 0 && (row.label2 === '工单类型' || row.label2 === '工单内容')" class="required-label">
+              <span v-if="currentDetail.status === 0 && (row.label2 === '工单类型' || row.label2 === '工单内容')"
+                class="required-label">
                 <span class="required-star">*</span>{{ row.label2 }}
               </span>
               <span v-else>{{ row.label2 }}</span>
@@ -257,7 +234,8 @@
                 </el-select>
               </template>
               <template v-else-if="currentDetail.status === 0 && row.label2 === '工单内容' && hasProcessingBtnPermission()">
-                <el-input type="textarea" v-model="currentDetail.content" placeholder="请输入工单内容" class="required-input" />
+                <el-input type="textarea" v-model="currentDetail.content" placeholder="请输入工单内容"
+                  class="required-input" />
               </template>
               <template v-else>{{ row.value2 }}</template>
             </template>
@@ -303,17 +281,9 @@
               上传图片
             </template>
           </div>
-          <el-upload v-if="hasProcessedAndOverBtnPermission()" 
-            ref="upload" 
-            :action="'#'" 
-            :auto-upload="false"
-            list-type="picture-card" 
-            :on-change="handleFileChange" 
-            :on-remove="handleUploadRemove"
-            :before-upload="beforeUpload" 
-            :file-list="currentDetail.photos || []" 
-            :limit="1"
-            accept="image/*"
+          <el-upload v-if="hasProcessedAndOverBtnPermission()" ref="upload" :action="'#'" :auto-upload="false"
+            list-type="picture-card" :on-change="handleFileChange" :on-remove="handleUploadRemove"
+            :before-upload="beforeUpload" :file-list="currentDetail.photos || []" :limit="1" accept="image/*"
             class="detail-upload">
             <template v-if="!currentDetail.photos || currentDetail.photos.length < 1">
               <i class="el-icon-plus">+</i>
@@ -358,8 +328,7 @@
                   <div class="media-title">工单处理图片</div>
                   <div class="media-content">
                     <el-image v-if="currentDetail.updatePhotoUrl" :src="getThumbUrl(currentDetail.updatePhotoUrl)"
-                      :preview-src-list="[getPreviewUrl(currentDetail.updatePhotoUrl)]" fit="fill"
-                      style="width: 700px; height: 520px; cursor: pointer;">
+                      :preview-src-list="[getPreviewUrl(currentDetail.updatePhotoUrl)]" fit="fill">
                       <template #placeholder>
                         <div class="image-placeholder">
                           <i class="el-icon-picture-outline"></i>
@@ -379,9 +348,7 @@
                 <template v-else>
                   <div class="media-title">地图标记事件点</div>
                   <div class="media-content">
-                    <div id="map-container" style="width: 700px; height: 520px; background: #f5f5f5;">
-                      <map-container v-if='detailVisible' ref="MapContainer"></map-container>
-                    </div>
+                    <map-container v-if='detailVisible' ref="MapContainer"></map-container>
                   </div>
                 </template>
               </div>
@@ -447,7 +414,8 @@
     </el-dialog>
 
     <!-- 添加在其他 dialog 组件之后 -->
-    <el-dialog v-model="reviewDialogVisible" title="批量审核" width="70%" append-to-body custom-class="review-dialog"   @close="cancleBatchReject">
+    <el-dialog v-model="reviewDialogVisible" title="批量审核" width="70%" append-to-body custom-class="review-dialog"
+      @close="cancleBatchReject">
       <div class="review-container">
         <div class="review-image-wrapper">
           <!-- 修改左右箭头的显示条件 -->
@@ -495,15 +463,15 @@
 </template>
 
 <script>
-import { getList, createTicket, getTicketInfo, flowEvent, getstatusCount, getStepInfo } from '@/api/tickets/ticket';
-import { export_json_to_excel } from '@/utils/exportExcel';
+import { getList, createTicket, getTicketInfo, flowEvent, getstatusCount, getStepInfo } from '@/api/tickets/ticket'
+import { export_json_to_excel } from '@/utils/exportExcel'
 import geoJson from '@/assets/geoJson.json'
 
 import { mapGetters } from 'vuex'
 import { getAdcodeObj } from '@/utils/disposeData'
 export default {
   name: "TicketPage",
-  data() {
+  data () {
     return {
       submitLoading: false, // 新增loading状态
       draftLoading: false,
@@ -564,22 +532,22 @@
         page: true,
         column: [
           // { label: "序号", prop: "id", width: 70 },
-          { label: "工单编号", prop: "orderNumber", width: 150 },
+          { label: "工单编号", prop: "orderNumber", width: 150, overHidden: true, tooltip: true },
           { label: "工单名称", prop: "orderName", width: 170, overHidden: true, tooltip: true },
-          { label: "所属单位", prop: "department", width: 100 },
+          { label: "所属单位", prop: "department", width: 100, overHidden: true, tooltip: true },
           { label: "发起时间", prop: "startTime", width: 160 },
-          { label: "关联算法", prop: "aiType", width: 160 },
-          { label: "工单类型", prop: "type", width: 108 },
+          { label: "关联算法", prop: "aiType", width: 160, overHidden: true, tooltip: true },
+          { label: "工单类型", prop: "type", width: 120, overHidden: true, tooltip: true },
           {
             label: "工单内容",
             prop: "content",
             slot: true,
-            width: 212,
+            width: 190,
             overHidden: true
           },
           { label: "创建人", prop: "creator", width: 100 },
           { label: "处理人", prop: "handler", width: 100 },
-          { label: "工单状态", prop: "status", slot: true, width: 100 }
+          { label: "工单状态", prop: "status", slot: true, width: 90 }
         ],
       },
       page: {
@@ -612,19 +580,19 @@
         location: [{
           validator: (rule, value, callback) => {
             if (!value || value.length < 2) {
-              callback(new Error('请选择位置信息'));
+              callback(new Error('请选择位置信息'))
             } else {
-              callback();
+              callback()
             }
           },
-          trigger: 'change'
+          trigger: 'blur'
         }],
         photos: [{
           validator: (rule, value, callback) => {
             if (!this.form.photos || this.form.photos.length === 0) {
-              callback(new Error('请上传工单图片'));
+              callback(new Error('请上传工单图片'))
             } else {
-              callback();
+              callback()
             }
           },
           trigger: 'change'
@@ -660,34 +628,34 @@
       currentImageIndex: 1, // 新增:当前图片索引
       totalTime: '',
       isShowInfo: false,
-    };
-  },
-  created() {
-    let orderNumber = new URLSearchParams(window.location.search).get('orderNumber');
-    if (orderNumber) {
-      this.filters.keyword = orderNumber;
-      this.isShowInfo = true;
     }
-    this.loadAMapScripts();
-    this.fetchDropdownData();
-    this.fetchTabCounts(); // 新增:初始化时获取 tab 数据
-    console.log('permission.tickets_processing_btn', this.permission.tickets_processing_btn);
-    console.log('permission', this.permission.tickets_tab_pending);
   },
-  mounted() {
-    this.fetchTableData();
+  created () {
+    let orderNumber = new URLSearchParams(window.location.search).get('orderNumber')
+    if (orderNumber) {
+      this.filters.keyword = orderNumber
+      this.isShowInfo = true
+    }
+    this.loadAMapScripts()
+    this.fetchDropdownData()
+    this.fetchTabCounts() // 新增:初始化时获取 tab 数据
+    console.log('permission.tickets_processing_btn', this.permission.tickets_processing_btn)
+    console.log('permission', this.permission.tickets_tab_pending)
+  },
+  mounted () {
+    this.fetchTableData()
   },
   computed: {
-    firstRowData() {
-      return this.tableData.length > 0 ? this.tableData[0] : null;
+    firstRowData () {
+      return this.tableData.length > 0 ? this.tableData[0] : null
     },
-    availableHandlers() {
-      return this.form.department ? (this.departmentUsers[this.form.department] || []) : [];
+    availableHandlers () {
+      return this.form.department ? (this.departmentUsers[this.form.department] || []) : []
     },
-    availableDispatchHandlers() {
-      return this.dispatchForm.department ? (this.departmentUsers[this.dispatchForm.department] || []) : [];
+    availableDispatchHandlers () {
+      return this.dispatchForm.department ? (this.departmentUsers[this.dispatchForm.department] || []) : []
     },
-    detailTableData() {
+    detailTableData () {
       return [
         {
           label: "工单名称",
@@ -743,9 +711,9 @@
           editable: this.currentDetail.status === 0,
           type: "textarea",
         },
-      ];
+      ]
     },
-    detailFields() {
+    detailFields () {
       return [
         { label: "工单名称", value: this.currentDetail.orderName, editable: this.currentDetail.status === 0, type: "input" },
         { label: "关键任务", value: this.currentDetail.keyData, editable: false },
@@ -757,9 +725,9 @@
         { label: "发起单位", value: this.currentDetail.department, editable: false },
         { label: "发起任务时间", value: this.currentDetail.startTime, editable: false },
         { label: "工单内容", value: this.currentDetail.content, editable: this.currentDetail.status === 0, type: "textarea" },
-      ];
+      ]
     },
-    formattedDetailFields() {
+    formattedDetailFields () {
       const fields = [
         { label: "工单名称", value: this.currentDetail.orderName },
         { label: "工单类型", value: this.currentDetail.type },
@@ -771,116 +739,116 @@
         { label: "发起单位", value: this.currentDetail.department },
         { label: "发起任务时间", value: this.currentDetail.startTime },
         { label: "工单内容", value: this.currentDetail.content },
-      ];
+      ]
 
       // 将字段分成两列
-      const formattedFields = [];
+      const formattedFields = []
       for (let i = 0; i < fields.length; i += 2) {
         formattedFields.push({
           label1: fields[i]?.label || "",
           value1: fields[i]?.value || "暂无数据",
           label2: fields[i + 1]?.label || "",
           value2: fields[i + 1]?.value || "暂无数据",
-        });
+        })
       }
-      return formattedFields;
+      return formattedFields
     },
-    dynamicFixedStatuses() {
+    dynamicFixedStatuses () {
       // 直接使用接口返回的 stepInfos
-      return this.stepInfos.map(step => String(step.status));
+      return this.stepInfos.map(step => String(step.status))
     },
     ...mapGetters(['userInfo', 'permission']),
     // 动态过滤tabs,保证isShow为true/false
-    filteredTabs() {
+    filteredTabs () {
       // 统一处理权限,undefined视为false
-      const tabStatus = this.permission?.tickets_tab_status === true;
-      const tabPending = this.permission?.tickets_tab_pending === true;
-      const tabMyTickets = this.permission?.tickets_tab_mytickets === true;
+      const tabStatus = this.permission?.tickets_tab_status === true
+      const tabPending = this.permission?.tickets_tab_pending === true
+      const tabMyTickets = this.permission?.tickets_tab_mytickets === true
       return this.tabs.map(tab => {
         if (tab.name === 'all') {
-          return { ...tab, isShow: true };
+          return { ...tab, isShow: true }
         }
         if (tab.name === 'pending') {
-          return { ...tab, isShow: tabPending };
+          return { ...tab, isShow: tabPending }
         }
         if (['processing', 'inProgress', 'completed', 'closed'].includes(tab.name)) {
-          return { ...tab, isShow: tabStatus };
+          return { ...tab, isShow: tabStatus }
         }
         if (tab.name === 'myTickets') {
-          return { ...tab, isShow: tabMyTickets };
+          return { ...tab, isShow: tabMyTickets }
         }
-        return { ...tab, isShow: false };
-      }).filter(tab => tab.isShow);
+        return { ...tab, isShow: false }
+      }).filter(tab => tab.isShow)
     },
-    permissionList() {
+    permissionList () {
       // 可根据实际后端权限key调整
       return {
         addBtn: this.validData(this.permission.tickets_add, false),
         delBtn: this.validData(this.permission.tickets_delete, false),
         exportBtn: this.validData(this.permission.tickets_export, false,),
         reviewBtn: this.validData(this.permission.tickets_review, false),
-      };
+      }
     },
-    stepStatusList() {
+    stepStatusList () {
       // “我发起的工单”tab用默认流程,其它tab用接口返回的stepInfos
       if (this.activeTab === 'myTickets') {
         if (this.workType === 1) {
-          return ["3", "4", "5"];
+          return ["3", "4", "5"]
         }
-        return this.fixedStatuses;
+        return this.fixedStatuses
       }
       // 其它tab直接用接口返回的stepInfos
-      return this.stepInfos.map(step => String(step.status));
+      return this.stepInfos.map(step => String(step.status))
     },
   },
   methods: {
-    async loadAMapScripts() {
+    async loadAMapScripts () {
       try {
-        const areaCode = this.userInfo.detail.areaCode;
-        const subAreaCode = areaCode ? areaCode.substring(0, 6) : '';
-        const adcodeObj = getAdcodeObj(geoJson, 'adcode', subAreaCode);
+        const areaCode = this.userInfo.detail.areaCode
+        const subAreaCode = areaCode ? areaCode.substring(0, 6) : ''
+        const adcodeObj = getAdcodeObj(geoJson, 'adcode', subAreaCode)
 
-        console.log('区域代码:', subAreaCode);
+        console.log('区域代码:', subAreaCode)
 
         // 直接从返回对象中获取正确的路径
-        const center = adcodeObj?.payload?.objects?.collection?.geometries?.[0]?.properties?.center;
+        const center = adcodeObj?.payload?.objects?.collection?.geometries?.[0]?.properties?.center
         if (Array.isArray(center) && center.length === 2) {
-          this.mapParams.center = center;
+          this.mapParams.center = center
         } else {
           // 如果找不到中心点,尝试使用 bbox 的中心点
-          const bbox = adcodeObj?.payload?.bbox;
+          const bbox = adcodeObj?.payload?.bbox
           if (Array.isArray(bbox) && bbox.length === 4) {
-            const centerX = (bbox[0] + bbox[2]) / 2;
-            const centerY = (bbox[1] + bbox[3]) / 2;
-            this.mapParams.center = [centerX, centerY];
+            const centerX = (bbox[0] + bbox[2]) / 2
+            const centerY = (bbox[1] + bbox[3]) / 2
+            this.mapParams.center = [centerX, centerY]
           } else {
-            this.mapParams.center = [115.861365, 28.621311];
+            this.mapParams.center = [115.861365, 28.621311]
           }
         }
 
-        this.mapLoaded = true;
+        this.mapLoaded = true
       } catch (error) {
-        this.$message.error('地图加载失败,请检查网络或API Key配置');
+        this.$message.error('地图加载失败,请检查网络或API Key配置')
       }
     },
-    async handleBatchApprove() {
+    async handleBatchApprove () {
       try {
         if (this.selections.length === 0) {
-          this.$message.warning('没有选中的工单');
-          return;
+          this.$message.warning('没有选中的工单')
+          return
         }
 
-        const currentItem = this.selections[this.currentImageIndex - 1];
+        const currentItem = this.selections[this.currentImageIndex - 1]
         if (!currentItem) {
-          this.$message.warning('当前工单数据无效');
-          return;
+          this.$message.warning('当前工单数据无效')
+          return
         }
 
         await this.$confirm('确认审核通过当前工单?', '提示', {
           confirmButtonText: '确定',
           cancelButtonText: '取消',
           type: 'warning'
-        });
+        })
 
         const data = {
           id: currentItem.id,
@@ -888,58 +856,58 @@
           isPass: 0,
           eventNum: currentItem.orderNumber,
           eventName: currentItem.orderName,
-        };
+        }
 
-        const response = await flowEvent(data);
+        const response = await flowEvent(data)
         if (response.data.code === 0) {
-          this.$message.success('工单审核通过');
+          this.$message.success('工单审核通过')
 
           // 创建新的数组而不是修改原数组
-          const newSelections = [...this.selections];
-          newSelections.splice(this.currentImageIndex - 1, 1);
-          this.selections = newSelections;
+          const newSelections = [...this.selections]
+          newSelections.splice(this.currentImageIndex - 1, 1)
+          this.selections = newSelections
 
           // 修正索引并更新图片
           if (this.selections.length > 0) {
             if (this.currentImageIndex > this.selections.length) {
-              this.currentImageIndex = this.selections.length;
+              this.currentImageIndex = this.selections.length
             }
-            this.updateCurrentReviewImage();
+            this.updateCurrentReviewImage()
           } else {
-            this.reviewDialogVisible = false;
-            this.currentImageIndex = 1;
-            this.currentReviewImage = '';
+            this.reviewDialogVisible = false
+            this.currentImageIndex = 1
+            this.currentReviewImage = ''
           }
 
           // 刷新表格数据
-          this.fetchTableData();
+          this.fetchTableData()
         } else {
-          throw new Error(response.data.msg || '审核失败');
+          throw new Error(response.data.msg || '审核失败')
         }
       } catch (error) {
-        if (error === 'cancel') return;
-        this.$message.error(error.message || '审核失败,请稍后重试');
+        if (error === 'cancel') return
+        this.$message.error(error.message || '审核失败,请稍后重试')
       }
     },
-    async fetchDropdownData() {
+    async fetchDropdownData () {
       try {
-        const response = await getTicketInfo();
-        const { dept_data, event_type, ai_type } = response.data.data;
+        const response = await getTicketInfo()
+        const { dept_data, event_type, ai_type } = response.data.data
 
         this.departments = dept_data.map(item => ({
           label: item.dept_name,
           value: item.id,
-        }));
+        }))
 
         this.departmentUsers = dept_data.reduce((acc, dept) => {
-          acc[dept.id] = dept.user_data || [];
-          return acc;
-        }, {});
+          acc[dept.id] = dept.user_data || []
+          return acc
+        }, {})
 
         this.types = Object.entries(event_type).map(([key, value]) => ({
           label: value,
           value: key,
-        }));
+        }))
 
         // 确保算法数据的映射一致
         this.algorithms = ai_type.map(item => ({
@@ -948,26 +916,26 @@
           // 同时添加 label 和 value 以兼容两处使用
           label: item.dict_value,
           value: item.dict_key
-        }));
+        }))
 
         // 构建用户ID和名称的映射关系
-        this.userNameToIdMap = {};
+        this.userNameToIdMap = {}
         dept_data.forEach(dept => {
           (dept.user_data || []).forEach(user => {
-            this.userNameToIdMap[user.name] = user.id;
-          });
-        });
+            this.userNameToIdMap[user.name] = user.id
+          })
+        })
       } catch (error) {
-        this.$message.error('加载下拉框数据失败');
+        this.$message.error('加载下拉框数据失败')
       }
     },
 
-    async fetchTableData() {
-      if (this.isFetching) return;
-      this.isFetching = true;
-      this.loading = true;
+    async fetchTableData () {
+      if (this.isFetching) return
+      this.isFetching = true
+      this.loading = true
       try {
-        const currentTab = this.tabs.find(tab => tab.name === this.activeTab);
+        const currentTab = this.tabs.find(tab => tab.name === this.activeTab)
         const params = {
           word_order_type: this.filters.type || undefined,
           status: currentTab?.name === 'myTickets' ? undefined :
@@ -984,15 +952,15 @@
           is_draft: currentTab?.name === 'myTickets' ? 1 : undefined,
 
           user_id: currentTab?.name === 'myTickets' ? this.userInfo.user_id : undefined,
-        };
-
-        const response = await getList(params);
-        if (!response?.data?.data?.records) {
-          throw new Error('接口返回数据格式不正确');
         }
 
-        const { total, records } = response.data.data;
-        let filteredRecords = records;
+        const response = await getList(params)
+        if (!response?.data?.data?.records) {
+          throw new Error('接口返回数据格式不正确')
+        }
+
+        const { total, records } = response.data.data
+        let filteredRecords = records
 
         // 如果是"我发起的"tab,过滤数据
         // if (currentTab?.name === 'myTickets') {
@@ -1002,8 +970,8 @@
         // }
 
         this.tableData = filteredRecords.map(item => {
-          const longitude = Number(item.longitude) || 0;
-          const latitude = Number(item.latitude) || 0;
+          const longitude = Number(item.longitude) || 0
+          const latitude = Number(item.latitude) || 0
           return {
             id: item.id,
             orderNumber: item.event_num, // 修改这里:优先使用 event_num
@@ -1012,7 +980,7 @@
             startTime: item.create_time,
             aiType: item.ai_types,
             content: item.content, // 将后端返回的 content 映射为 content
-            type: this.types.find(t => t.value === item.event_dict_key)?.label,
+            type: this.types.find(t => t.value === item.work_order_type_dict_key)?.label,
             keyData: (!isNaN(longitude) && !isNaN(latitude))
               ? `${longitude.toFixed(6)}, ${latitude.toFixed(6)}`
               : '未知位置',
@@ -1029,45 +997,45 @@
             work_type: item.work_type !== undefined ? Number(item.work_type) : 0, // 保留work_type字段并转为数字
             job_name: item.job_name || '',
             job_create_time: item.job_create_time || '',
-          };
-        });
+          }
+        })
 
         // 更新总数显示
-        this.page.total = total || 0;
+        this.page.total = total || 0
 
         // 是否弹出详情页
         if (this.isShowInfo) {
           this.handleViewDetail(this.firstRowData)
-          this.isShowInfo = false; // 生效一次
+          this.isShowInfo = false // 生效一次
         }
-        await this.fetchTabCounts();
+        await this.fetchTabCounts()
       } catch (error) {
-        this.$message.error(error.message || "获取数据失败");
-        this.tableData = [];
-        this.page.total = 0;
+        this.$message.error(error.message || "获取数据失败")
+        this.tableData = []
+        this.page.total = 0
       } finally {
-        this.loading = false;
-        this.isFetching = false;
+        this.loading = false
+        this.isFetching = false
       }
     },
 
-    async submitForm() {
-      if (this.submitLoading) return; // 防止重复提交
-      this.submitLoading = true;
+    async submitForm () {
+      if (this.submitLoading) return // 防止重复提交
+      this.submitLoading = true
       try {
         // 提交时需要完整验证
-        await this.$refs.form.validate();
+        await this.$refs.form.validate()
 
         // 验证位置信息
         if (!this.form.location || this.form.location.length < 2) {
-          this.$message.warning('请在地图上选择位置');
-          return;
+          this.$message.warning('请在地图上选择位置')
+          return
         }
 
-        // 验证图片上传
+        // 修改图片验证逻辑
         if (!this.form.photos || this.form.photos.length === 0) {
-          this.$message.warning('请上传工单图片');
-          return;
+          this.$message.warning('请上传工单图片')
+          return
         }
 
         const submitData = {
@@ -1077,51 +1045,59 @@
           longitude: String(this.form.location[0]),
           latitude: String(this.form.location[1]),
           address: this.form.address,
-          eventDictKey: this.form.type,
+          workOrderTypeDictKey: this.form.type,
           aiType: Array.isArray(this.form.algorithm) ? this.form.algorithm : [this.form.algorithm], // 传数组
           updateUser: this.form.handler,
           createDept: this.form.department,
           isDraft: 0
-        };
+        }
 
         if (this.form.id) {
-          submitData.id = this.form.id;
+          submitData.id = this.form.id
         }
 
-        // 获取文件对象
-        const file = this.form.photos[0].raw;
-        if (!file) {
-          this.$message.warning('图片文件无效,请重新上传');
-          return;
-        }
+        // 修改获取文件的逻辑
+        let file = null
+        const photoInfo = this.form.photos[0]
 
-        const response = await createTicket(submitData, file);
-        if (response.data.code === 0) {
-          this.$message.success('工单创建成功');
-          this.dialogVisible = false;
-          this.fetchTableData();
+        if (photoInfo.raw) {
+          // 如果有新上传的文件,使用新文件
+          file = photoInfo.raw
+        } else if (photoInfo.existingUrl) {
+          // 如果是已存在的图片,将URL添加到提交数据中
+          submitData.photoUrl = photoInfo.existingUrl
         } else {
-          throw new Error(response.data.msg || '创建失败');
+          this.$message.warning('图片文件无效,请重新上传')
+          return
+        }
+
+        const response = await createTicket(submitData, file)
+        if (response.data.code === 0) {
+          this.$message.success('工单创建成功')
+          this.dialogVisible = false
+          this.fetchTableData()
+        } else {
+          throw new Error(response.data.msg || '创建失败')
         }
       } catch (error) {
         if (error.message.includes('验证未通过')) {
-          this.$message.warning('请填写完整的工单信息');
+          this.$message.warning('请填写完整的工单信息')
         } else {
-          this.$message.error(error.message || '工单创建失败,请稍后重试');
+          this.$message.error(error.message || '工单创建失败,请稍后重试')
         }
       }
       finally {
-        this.submitLoading = false;
+        this.submitLoading = false
       }
     },
 
-    async saveDraft() {
-      if (this.draftLoading) return; // 防止重复提交
-      this.draftLoading = true;
+    async saveDraft () {
+      if (this.draftLoading) return // 防止重复提交
+      this.draftLoading = true
       try {
-        let handlerValue = this.form.handler;
+        let handlerValue = this.form.handler
         if (!handlerValue || handlerValue === '未分配') {
-          handlerValue = undefined;
+          handlerValue = undefined
         }
         const submitData = {
           id: this.form.id,
@@ -1131,68 +1107,71 @@
           longitude: this.form.location?.[0] ? String(this.form.location[0]) : undefined,
           latitude: this.form.location?.[1] ? String(this.form.location[1]) : undefined,
           address: this.form.address || undefined,
-          eventDictKey: this.form.type || undefined,
-          aiType: Array.isArray(this.form.algorithm) ? this.form.algorithm : [this.form.algorithm], // 传数组
+          workOrderTypeDictKey: this.form.type || undefined,
+          aiType: this.form.algorithm && this.form.algorithm.length > 0
+            ? this.form.algorithm
+            : undefined, // 传数组
           updateUser: handlerValue,
           createDept: this.form.department || undefined,
           isDraft: 1
-        };
+        }
 
         // 草稿时也至少需要工单名称
         if (!submitData.eventName) {
-          this.$message.warning('请至少输入工单名称');
-          return;
+          this.$message.warning('请至少输入工单名称')
+          return
         }
 
         // 过滤掉所有 undefined 的字段
         Object.keys(submitData).forEach(key =>
           submitData[key] === undefined && delete submitData[key]
-        );
+        )
 
-        let file = null;
+        let file = null
         if (this.form.photos && this.form.photos.length > 0) {
-          file = this.form.photos[0].raw;
+          file = this.form.photos[0].raw
         }
 
-        const response = await createTicket(submitData, file);
+        const response = await createTicket(submitData, file)
         if (response.data.code === 0) {
-          this.$message.success('草稿保存成功');
-          this.dialogVisible = false;
-          this.fetchTableData();
+          this.$message.success('草稿保存成功')
+          this.dialogVisible = false
+          this.fetchTableData()
         } else {
-          throw new Error(response.data.msg || '保存失败');
+          throw new Error(response.data.msg || '保存失败')
         }
       } catch (error) {
-        this.$message.error(error.message || '保存草稿失败,请稍后重试');
+        this.$message.error(error.message || '保存草稿失败,请稍后重试')
       }
       finally {
-        this.draftLoading = false;
+        this.draftLoading = false
       }
     },
 
-    handleLocationChange(val) {
-      let locationValue = val.value;
+    handleLocationChange (val) {
+      let locationValue = val.value
+      console.log('handleLocationChange', locationValue)
       if (locationValue && locationValue.length >= 2) {
         // 兼容第三项为地址
         this.form.location = [
           Number(locationValue[0]),
           Number(locationValue[1]),
           locationValue[2] || ''
-        ];
-        this.form.address = locationValue[2] || '';
+        ]
+        this.form.address = locationValue[2] || ''
       } else {
-        this.form.location = [];
-        this.form.address = '';
+        this.form.location = []
+        this.form.address = ''
       }
     },
 
-    formatDate(date) {
-      if (!date) return undefined;
-      const d = new Date(date);
-      return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')} 00:00:00`;
+    formatDate (date) {
+      if (!date) return undefined
+      const d = new Date(date)
+      return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')} 00:00:00`
     },
 
-    mapStatus(status) {
+    mapStatus (status) {
       const statusTextMap = {
         "-1": "草稿",  // 添加草稿状态
         "2": "待审核",
@@ -1200,60 +1179,62 @@
         "3": "处理中",
         "4": "已完成",
         "5": "已完结"
-      };
-      return statusTextMap[status] || "未知状态";
+      }
+      return statusTextMap[status] || "未知状态"
     },
 
-    getStatusTagType(status) {
-      const statusMap = {
-        "-1": "info",    // 为草稿状态添加样式
-        "2": "warning",
-        "0": "danger",
-        "3": "primary",
-        "4": "success",
-        "5": "danger",
-      };
-      return statusMap[status] || "info";
+    getStatusTagType (status) {
+      // 草稿不加颜色
+      if (status === -1 || status === "-1") return ''
+      // 状态颜色映射
+      const colorMap = {
+        "0": "#ffb6b6",    // 待处理-淡红
+        "3": "#e57373",    // 处理中-更淡红
+        "2": "#faad14",    // 待审核-橙色
+        "4": "#a0cfff",    // 已完成-淡蓝
+        "5": "#67c23a",    // 已完结-绿色
+      }
+      return colorMap[String(status)] || ''
     },
 
-    async fetchTabCounts() {
+    async fetchTabCounts () {
       try {
         // 判断是否有部门筛选
-        let params = {};
+        let params = {}
         if (this.filters.department) {
-          params.deptId = this.filters.department;
+          params.deptId = this.filters.department
         }
-        const response = await getstatusCount(params);
-        const { statusCount, totalCount, userCount } = response.data.data;
+        const response = await getstatusCount(params)
+        const { statusCount, totalCount, userCount } = response.data.data
         this.tabs.forEach(tab => {
           if (tab.name === 'all') {
-            tab.count = totalCount || 0; // 总工单数
+            tab.count = totalCount || 0 // 总工单数
           } else if (tab.name === 'myTickets') {
-            tab.count = userCount || 0; // 我发起的工单数
+            tab.count = userCount || 0 // 我发起的工单数
           } else {
-            tab.count = statusCount[String(tab.value)] || 0; // 根据状态值映射
+            tab.count = statusCount[String(tab.value)] || 0 // 根据状态值映射
           }
-        });
+        })
       } catch (error) {
-        this.$message.error('获取 tab 数据失败');
+        this.$message.error('获取 tab 数据失败')
       }
     },
 
-    handleTabChange(tab) {
-      this.activeTab = tab.props?.name || tab.name;
-      this.handleReset();
-      this.page.currentPage = 1;
-      this.fetchTableData();
-      this.fetchTabCounts(); // 切换 tab 时重新获取数据
+    handleTabChange (tab) {
+      this.activeTab = tab.props?.name || tab.name
+      this.handleReset()
+      this.page.currentPage = 1
+      this.fetchTableData()
+      this.fetchTabCounts() // 切换 tab 时重新获取数据
     },
 
-    handleSearch() {
-      this.page.currentPage = 1;
-      this.fetchTableData();
-      this.fetchTabCounts();
+    handleSearch () {
+      this.page.currentPage = 1
+      this.fetchTableData()
+      this.fetchTabCounts()
     },
 
-    handleReset() {
+    handleReset () {
       this.filters = {
         keyword: "",
         department: "",
@@ -1261,31 +1242,31 @@
         dateRange: [],
         status: "",
         algorithm: "", // 重置时清空算法筛选
-      };
-      this.page.currentPage = 1;
-      this.fetchTableData();
+      }
+      this.page.currentPage = 1
+      this.fetchTableData()
     },
 
-    async handleCurrentChange(val) {
+    async handleCurrentChange (val) {
       // 先更新页码
-      this.page.currentPage = val;
+      this.page.currentPage = val
       // 等待 DOM 更新后再请求数据
-      await this.$nextTick();
-      await this.fetchTableData();
+      await this.$nextTick()
+      await this.fetchTableData()
     },
 
-    async sizeChange(val) {
-      this.page.pageSize = val;
-      this.page.currentPage = 1; // 重置到第一页
-      await this.$nextTick();
-      await this.fetchTableData();
+    async sizeChange (val) {
+      this.page.pageSize = val
+      this.page.currentPage = 1 // 重置到第一页
+      await this.$nextTick()
+      await this.fetchTableData()
     },
 
-    handleAdd() {
-      this.dialogVisible = true;
+    handleAdd () {
+      this.dialogVisible = true
     },
 
-    resetForm() {
+    resetForm () {
       this.form = {
         name: '',
         type: '',
@@ -1297,30 +1278,30 @@
         content: '',
         photos: [],
         content: '', // 新增字段,用于存储后端返回的 content
-      };
+      }
       if (this.$refs.form) {
-        this.$refs.form.resetFields();
+        this.$refs.form.resetFields()
       }
     },
 
-    formatLocation(location) {
+    formatLocation (location) {
       if (!Array.isArray(location)) {
-        return '未知位置';
+        return '未知位置'
       }
-      return `${location[0].toFixed(6)}, ${location[1].toFixed(6)}`;
+      return `${location[0].toFixed(6)}, ${location[1].toFixed(6)}`
     },
 
-    async handleViewDetail(row) {
+    async handleViewDetail (row) {
 
       // 先设置workType,直接从row读取
-      this.workType = row.work_type !== undefined ? Number(row.work_type) : 0;
+      this.workType = row.work_type !== undefined ? Number(row.work_type) : 0
 
       // 重置上传组件的文件列表
       this.$nextTick(() => {
         if (this.$refs.MapContainer && this.$refs.MapContainer.initAddEntity) {
-          this.$refs.MapContainer.initAddEntity('point', this.currentDetail.location);
+          this.$refs.MapContainer.initAddEntity('point', this.currentDetail.location)
         }
-      });
+      })
 
       const detailData = {
         ...row,
@@ -1329,111 +1310,111 @@
         updatePhotoUrl: row.update_photo_url || '',
         photos: [],
         job_name: row.job_name || '', // 新增
-      };
+      }
 
-      let stepArr = [];
+      let stepArr = []
       try {
-        const stepResponse = await getStepInfo(row.orderNumber);
+        const stepResponse = await getStepInfo(row.orderNumber)
         const steps = Array.isArray(stepResponse.data.data)
           ? stepResponse.data.data
-          : stepResponse.data.data?.steps || [];
-        const finishedStep = steps.find(s => String(s.status) === '5');
-        this.totalTime = finishedStep && finishedStep.total_time ? finishedStep.total_time : '';
+          : stepResponse.data.data?.steps || []
+        const finishedStep = steps.find(s => String(s.status) === '5')
+        this.totalTime = finishedStep && finishedStep.total_time ? finishedStep.total_time : ''
         if (this.activeTab !== 'myTickets') {
           this.stepInfos = steps.map(step => ({
             status: String(step.status),
             name: step.name,
             time: step.time,
             create_time: step.create_time,
-          }));
+          }))
         } else {
-          const statusArr = this.workType === 1 ? ["3", "4", "5"] : this.fixedStatuses;
+          const statusArr = this.workType === 1 ? ["3", "4", "5"] : this.fixedStatuses
           this.stepInfos = statusArr.map(status => {
-            const step = steps.find(s => String(s.status) === String(status));
+            const step = steps.find(s => String(s.status) === String(status))
             return {
               status,
               name: step ? step.name : '',
               time: step ? step.time : null,
               create_time: step ? step.create_time : null,
-            };
-          });
+            }
+          })
         }
-        this.currentDetail.status = row.status;
+        this.currentDetail.status = row.status
       } catch (error) {
         if (this.activeTab === 'myTickets') {
-          const statusArr = this.workType === 1 ? ["3", "4", "5"] : this.fixedStatuses;
+          const statusArr = this.workType === 1 ? ["3", "4", "5"] : this.fixedStatuses
           this.stepInfos = statusArr.map(status => ({
             status,
             name: status === row.status ? row.handler || '未分配' : '未处理',
             time: status === row.status ? row.startTime || '未知时间' : null,
-          }));
+          }))
         } else {
-          this.stepInfos = [];
+          this.stepInfos = []
         }
       }
 
-      this.currentDetail = detailData;
-      this.detailVisible = true;
+      this.currentDetail = detailData
+      this.detailVisible = true
       this.$nextTick(() => {
         if (this.$refs.MapContainer && this.$refs.MapContainer.initAddEntity) {
-          this.$refs.MapContainer.initAddEntity('point', this.currentDetail.location);
+          this.$refs.MapContainer.initAddEntity('point', this.currentDetail.location)
         }
-      });
+      })
     },
 
-    getStepHandler(status) {
-      const step = this.stepInfos.find(step => step.status === status);
-      return step ? step.name : '';
+    getStepHandler (status) {
+      const step = this.stepInfos.find(step => step.status === status)
+      return step ? step.name : ''
     },
 
-    getStepTime(status) {
-      const step = this.stepInfos.find(step => step.status === status);
+    getStepTime (status) {
+      const step = this.stepInfos.find(step => step.status === status)
       // 如果 step 不存在或 step.time 为 0,返回 false
-      return step && step.time && step.time !== '0' ? step.time : false;
+      return step && step.time && step.time !== '0' ? step.time : false
     },
-    getStepCreateTime(status) {
-      const step = this.stepInfos.find(step => step.status === status);
-      return step ? step.create_time : null;
+    getStepCreateTime (status) {
+      const step = this.stepInfos.find(step => step.status === status)
+      return step ? step.create_time : null
     },
-    getActiveStep() {
+    getActiveStep () {
       // 步骤索引适配
-      const arr = this.stepStatusList;
-      const index = arr.indexOf(String(this.currentDetail.status));
-      return index !== -1 ? index + 2 : 1;
+      const arr = this.stepStatusList
+      const index = arr.indexOf(String(this.currentDetail.status))
+      return index !== -1 ? index + 2 : 1
     },
 
-    openMap() {
-      const areaCode = this.userInfo.detail.areaCode;
-      const subAreaCode = areaCode ? areaCode.substring(0, 6) : '';
-      getAdcodeObj(geoJson, 'adcode', subAreaCode);
-      this.$message.info("地图选址功能暂未实现");
+    openMap () {
+      const areaCode = this.userInfo.detail.areaCode
+      const subAreaCode = areaCode ? areaCode.substring(0, 6) : ''
+      getAdcodeObj(geoJson, 'adcode', subAreaCode)
+      this.$message.info("地图选址功能暂未实现")
     },
 
-    handlePreview(file) {
-      this.$message.info(`预览图片:${file.name}`);
+    handlePreview (file) {
+      this.$message.info(`预览图片:${file.name}`)
     },
 
-    handleRemove(file) {
-      this.$message.info(`移除图片:${file.name}`);
+    handleRemove (file) {
+      this.$message.info(`移除图片:${file.name}`)
     },
 
-    refreshChange() {
-      if (this.isFetching) return;
-      this.fetchTableData();
+    refreshChange () {
+      if (this.isFetching) return
+      this.fetchTableData()
     },
 
-    onLoad() {
-      if (this.isFetching) return;
-      this.fetchTableData();
+    onLoad () {
+      if (this.isFetching) return
+      this.fetchTableData()
     },
 
-    async exportData() {
+    async exportData () {
       // 修改导出方法,添加选中数据的处理
       try {
-        this.loading = true;
+        this.loading = true
 
         // 如果有选中的数据,则只导出选中的数据
-        let exportData = [];
+        let exportData = []
         if (this.selections.length > 0) {
           exportData = this.selections.map(item => ({
             工单编号: item.orderNumber || '',
@@ -1447,10 +1428,10 @@
             创建人: item.creator || '',
             处理人: item.handler || '',
             工单状态: this.mapStatus(item.status)
-          }));
+          }))
         } else {
           // 原有的导出全部数据的逻辑
-          const currentTab = this.tabs.find(tab => tab.name === this.activeTab);
+          const currentTab = this.tabs.find(tab => tab.name === this.activeTab)
 
           // 使用与查询列表相同的参数构造逻辑
           const params = {
@@ -1464,26 +1445,26 @@
             end_date: this.filters.dateRange?.[1] ? this.formatDate(this.filters.dateRange[1]) : undefined,
             current: 1,
             size: 10
-          };
-
-          const response = await getList(params);
-          if (!response?.data?.data?.records) {
-            throw new Error('接口返回数据格式不正确');
           }
 
-          const { records } = response.data.data;
+          const response = await getList(params)
+          if (!response?.data?.data?.records) {
+            throw new Error('接口返回数据格式不正确')
+          }
+
+          const { records } = response.data.data
 
           // 使用与查询列表相同的过滤逻辑
-          let filteredRecords = records;
+          let filteredRecords = records
           if (currentTab?.name === 'myTickets') {
             filteredRecords = records.filter(item =>
               String(item.create_user_id) === String(item.user_id)
-            );
+            )
           }
 
           exportData = filteredRecords.map(item => {
-            const longitude = Number(item.longitude) || 0;
-            const latitude = Number(item.latitude) || 0;
+            const longitude = Number(item.longitude) || 0
+            const latitude = Number(item.latitude) || 0
             return {
               工单编号: item.event_num || '',
               工单名称: item.event_name || '',
@@ -1491,18 +1472,18 @@
               发起时间: item.create_time || '',
               关联算法: item.ai_types || '',
               工单内容: item.address || '',
-              工单类型: this.types.find(t => t.value === item.event_dict_key)?.label || '',
+              工单类型: this.types.find(t => t.value === item.work_order_type_dict_key)?.label || '',
               经纬度: (!isNaN(longitude) && !isNaN(latitude)) ? `${longitude.toFixed(6)}, ${latitude.toFixed(6)}` : '',
               创建人: item.create_user || '',
               处理人: item.update_user || '',
               工单状态: this.mapStatus(Number(item.status || 0))
-            };
-          });
+            }
+          })
         }
 
         if (exportData.length === 0) {
-          this.$message.warning('没有数据可供导出');
-          return;
+          this.$message.warning('没有数据可供导出')
+          return
         }
 
         const headers = [
@@ -1517,108 +1498,112 @@
           '创建人',
           '处理人',
           '工单状态'
-        ];
+        ]
 
-        export_json_to_excel(headers, exportData, '工单数据');
-        this.$message.success('数据导出成功');
+        export_json_to_excel(headers, exportData, '工单数据')
+        this.$message.success('数据导出成功')
       } catch (error) {
-        this.$message.error(error.message || '导出失败,请稍后重试');
+        this.$message.error(error.message || '导出失败,请稍后重试')
       } finally {
-        this.loading = false;
+        this.loading = false
       }
     },
 
-    handleDepartmentChange(deptId) {
-      this.form.handler = '';
+    handleDepartmentChange (deptId) {
+      this.form.handler = ''
     },
 
-    handleDispatchDepartmentChange(deptId) {
-      this.dispatchForm.handler = ''; // 清空处理人选择
+    handleDispatchDepartmentChange (deptId) {
+      this.dispatchForm.handler = '' // 清空处理人选择
     },
 
     // 文件改变时的钩子
-    handleFileChange(file, fileList) {
-      this.form.photos = fileList;
-      this.currentDetail.photos = fileList;
+    handleFileChange (file, fileList) {
+      // 保持最新的文件列表
+      this.form.photos = fileList.map(item => ({
+        ...item,
+        existingUrl: item.url && !item.raw ? item.url : null // 标记已存在的图片URL
+      }))
+      this.currentDetail.photos = this.form.photos
     },
 
     // 文件移除时的钩子
-    handleUploadRemove(file, fileList) {
-      this.form.photos = fileList;
-      this.currentDetail.photos = fileList;
+    handleUploadRemove (file, fileList) {
+      this.form.photos = fileList
+      this.currentDetail.photos = fileList
     },
 
     // 上传前的验证
-    beforeUpload(file) {
-      const isImage = file.type.includes('image');
-      const isLt5M = file.size / 1024 / 1024 < 5;
+    beforeUpload (file) {
+      const isImage = file.type.includes('image')
+      const isLt5M = file.size / 1024 / 1024 < 5
 
       if (!isImage) {
-        this.$message.error('只能上传图片文件!');
-        return false;
+        this.$message.error('只能上传图片文件!')
+        return false
       }
       if (!isLt5M) {
-        this.$message.error('图片大小不能超过5MB!');
-        return false;
+        this.$message.error('图片大小不能超过5MB!')
+        return false
       }
-      return true;
+      return true
     },
 
-    async approveTicket() {
-      if (this.approveLoading) return;
-      this.approveLoading = true;
+    async approveTicket () {
+      if (this.approveLoading) return
+      this.approveLoading = true
       try {
         const data = {
           id: this.currentDetail.id,
           status: this.currentDetail.status,
           isPass: 0, // 0 表示通过
           eventNum: this.currentDetail.orderNumber,
-        };
+        }
 
-        const file = this.currentDetail.file || null; // 如果没有文件,则为 null
+        const file = this.currentDetail.file || null // 如果没有文件,则为 null
 
-        const response = await flowEvent(data, file);
+        const response = await flowEvent(data, file)
         if (response.data.code === 0) {
-          this.$message.success('工单已通过');
-          this.detailVisible = false;
-          this.fetchTableData();
+          this.$message.success('工单已通过')
+          this.detailVisible = false
+          this.fetchTableData()
         } else {
-          throw new Error(response.data.msg || '操作失败');
+          throw new Error(response.data.msg || '操作失败')
         }
       } catch (error) {
-        this.$message.error(error.message || '操作失败,请稍后重试');
+        this.$message.error(error.message || '操作失败,请稍后重试')
       } finally {
-        this.approveLoading = false;
+        this.approveLoading = false
       }
     },
-    async rejectTicket() {
-      if (this.rejectLoading) return;
-      this.rejectLoading = true;
+    async rejectTicket () {
+      if (this.rejectLoading) return
+      this.rejectLoading = true
       try {
         const data = {
           id: this.currentDetail.id,
           status: this.currentDetail.status,
           isPass: 1, // 1 表示不通过
-        };
+        }
 
-        const response = await flowEvent(data);
+        const response = await flowEvent(data)
         if (response.data.code === 0) {
-          this.$message.success('工单未通过');
-          this.detailVisible = false;
-          this.fetchTableData();
+          this.$message.success('工单未通过')
+          this.detailVisible = false
+          this.fetchTableData()
         } else {
-          throw new Error(response.data.msg || '操作失败');
+          throw new Error(response.data.msg || '操作失败')
         }
       } catch (error) {
-        this.$message.error(error.message || '操作失败,请稍后重试');
+        this.$message.error(error.message || '操作失败,请稍后重试')
       } finally {
-        this.rejectLoading = false;
+        this.rejectLoading = false
       }
     },
-    async submitProcessing() {
+    async submitProcessing () {
       if (this.currentDetail.status !== 3) {
-        this.$message.warning('只有处理中状态的工单可以提交处理详情');
-        return;
+        this.$message.warning('只有处理中状态的工单可以提交处理详情')
+        return
 
       }
 
@@ -1627,34 +1612,34 @@
           id: this.currentDetail.id, // 当前工单 ID
           status: this.currentDetail.status, // 当前工单状态
           processing_details: this.currentDetail.processingDetail, // 事件处理详情
-        };
+        }
 
         // 如果有图片,添加 file 参数
-        const file = this.currentDetail.photos?.[0]?.raw || null;
+        const file = this.currentDetail.photos?.[0]?.raw || null
 
-        const response = await flowEvent(data, file);
+        const response = await flowEvent(data, file)
         if (response.data.code === 0) {
-          this.$message.success('处理详情提交成功');
-          this.detailVisible = false;
-          this.fetchTableData();
+          this.$message.success('处理详情提交成功')
+          this.detailVisible = false
+          this.fetchTableData()
         } else {
-          throw new Error(response.data.msg || '提交失败');
+          throw new Error(response.data.msg || '提交失败')
         }
       } catch (error) {
-        console.error('处理详情提交失败:', error);
-        this.$message.error(error.message || '提交失败,请稍后重试');
+        console.error('处理详情提交失败:', error)
+        this.$message.error(error.message || '提交失败,请稍后重试')
       }
     },
-    markAsCompleted() {
-      this.$message.success("工单已标记为完成");
+    markAsCompleted () {
+      this.$message.success("工单已标记为完成")
     },
-    async completeTicket() {
-      if (this.completeLoading) return;
-      this.completeLoading = true;
+    async completeTicket () {
+      if (this.completeLoading) return
+      this.completeLoading = true
       try {
         if (!this.currentDetail.processingDetail) {
-          this.$message.warning('请先填写事件处理详情');
-          return;
+          this.$message.warning('请先填写事件处理详情')
+          return
         }
 
         const data = {
@@ -1662,85 +1647,85 @@
           status: this.currentDetail.status,
           processingDetails: this.currentDetail.processingDetail,
           eventNum: this.currentDetail.orderNumber
-        };
+        }
 
         // 如果有上传的图片,添加到请求中
-        const file = this.currentDetail.photos?.[0]?.raw || null;
+        const file = this.currentDetail.photos?.[0]?.raw || null
 
-        const response = await flowEvent(data, file);
+        const response = await flowEvent(data, file)
 
         if (response.data.code === 0) {
-          this.$message.success('工单已完成');
-          this.detailVisible = false;
-          this.fetchTableData(); // 刷新列表数据
+          this.$message.success('工单已完成')
+          this.detailVisible = false
+          this.fetchTableData() // 刷新列表数据
         } else {
-          throw new Error(response.data.msg || '操作失败');
+          throw new Error(response.data.msg || '操作失败')
         }
       } catch (error) {
-        console.error('完成工单失败:', error);
-        this.$message.error(error.message || '操作失败,请稍后重试');
+        console.error('完成工单失败:', error)
+        this.$message.error(error.message || '操作失败,请稍后重试')
       } finally {
-        this.completeLoading = false;
+        this.completeLoading = false
       }
     },
-    async approveAndDispatch() {
-      if (this.dispatchLoading) return;
-      
+    async approveAndDispatch () {
+      if (this.dispatchLoading) return
+
       // 添加必填项检查
       if (!this.currentDetail.orderName || !this.currentDetail.orderName.trim()) {
-        this.$message.warning('请填写工单名称');
-        return;
+        this.$message.warning('请填写工单名称')
+        return
       }
       if (!this.currentDetail.type) {
-        this.$message.warning('请选择工单类型');
-        return;
+        this.$message.warning('请选择工单类型')
+        return
       }
       if (!this.currentDetail.content || !this.currentDetail.content.trim()) {
-        this.$message.warning('请填写工单内容');
-        return;
+        this.$message.warning('请填写工单内容')
+        return
       }
-      
+
       // 通过验证后,打开派发对话框
-      this.dispatchDialogVisible = true;
+      this.dispatchDialogVisible = true
     },
-    hasProcessingBtnPermission() {
+    hasProcessingBtnPermission () {
       // undefined 或 false 都返回 false,只有 true 返回 true
-      console.log('权限检查:', this.permission);
-      return this.permission && this.permission.tickets_processing_btn === true;
+      console.log('权限检查:', this.permission)
+      return this.permission && this.permission.tickets_processing_btn === true
     },
-    hasProcessedAndOverBtnPermission() {
+    hasProcessedAndOverBtnPermission () {
       // undefined 或 false 都返回 false,只有 true 返回 true
-      console.log('权限检查:', this.permission);
-      return this.permission && this.permission.tickets_view_processedAndOver === true;
+      console.log('权限检查:', this.permission)
+      return this.permission && this.permission.tickets_view_processedAndOver === true
     },
-    hasReviewBtnPermission() {
+    hasReviewBtnPermission () {
       // undefined 或 false 都返回 false,只有 true 返回 true
-      console.log('权限检查:', this.permission);
-      return this.permission && this.permission.tickets_review_btn === true;
+      console.log('权限检查:', this.permission)
+      return this.permission && this.permission.tickets_review_btn === true
     },
-    async submitDispatch() {
-      if (this.dispatchLoading) return;
+    async submitDispatch () {
+      if (this.dispatchLoading) return
       if (!this.currentDetail.orderName || !this.currentDetail.orderName.trim()) {
-        this.$message.warning('请填写工单名称');
-        return;
+        this.$message.warning('请填写工单名称')
+        return
       }
       if (!this.currentDetail.type) {
-        this.$message.warning('请选择工单类型');
-        return;
+        this.$message.warning('请选择工单类型')
+        return
       }
       if (!this.currentDetail.content || !this.currentDetail.content.trim()) {
-        this.$message.warning('请填写工单内容');
-        return;
+        this.$message.warning('请填写工单内容')
+        return
       }
       if (!this.dispatchForm.department) {
-        this.$message.warning('请选择部门');
-        return;
+        this.$message.warning('请选择部门')
+        return
       }
       if (!this.dispatchForm.handler) {
-        this.$message.warning('请选择处理人');
-        return;
+        this.$message.warning('请选择处理人')
+        return
       }
-      this.dispatchLoading = true;
+      this.dispatchLoading = true
       this.$refs.dispatchForm.validate(async (valid) => {
         if (valid) {
           try {
@@ -1754,89 +1739,89 @@
               content: this.currentDetail.content, // 使用 content 替代原来的 remark
               createDept: this.dispatchForm.department, // 派发部门 ID
               updateUser: this.dispatchForm.handler, // 处理人 ID
-            };
+            }
 
-            const file = this.currentDetail.file || null; // 如果没有文件,则为 null
+            const file = this.currentDetail.file || null // 如果没有文件,则为 null
 
-            const response = await flowEvent(data, file);
+            const response = await flowEvent(data, file)
             if (response.data.code === 0) {
-              this.$message.success('工单已成功派发');
-              this.dispatchDialogVisible = false;
-              this.detailVisible = false;
-              this.fetchTableData();
+              this.$message.success('工单已成功派发')
+              this.dispatchDialogVisible = false
+              this.detailVisible = false
+              this.fetchTableData()
             } else {
-              throw new Error(response.data.msg || '派发失败');
+              throw new Error(response.data.msg || '派发失败')
             }
           } catch (error) {
-            console.error('派发失败:', error);
-            this.$message.error(error.message || '派发失败,请稍后重试');
+            console.error('派发失败:', error)
+            this.$message.error(error.message || '派发失败,请稍后重试')
           } finally {
-            this.dispatchLoading = false;
+            this.dispatchLoading = false
           }
         } else {
-          this.dispatchLoading = false;
+          this.dispatchLoading = false
         }
-      });
+      })
     },
-    async finalizeTicket() {
-      if (this.finalizeLoading) return;
-      this.finalizeLoading = true;
+    async finalizeTicket () {
+      if (this.finalizeLoading) return
+      this.finalizeLoading = true
       try {
         // 检查是否上传了图片
         if (!this.currentDetail.photos || !this.currentDetail.photos.length) {
-          this.$message.warning('请上传事件处理照片,或飞行任务结束核验工单是否完结');
-          return;
+          this.$message.warning('请上传事件处理照片,或飞行任务结束核验工单是否完结')
+          return
         }
 
         const data = {
           id: this.currentDetail.id,
           status: this.currentDetail.status,
           eventNum: this.currentDetail.orderNumber,
-        };
+        }
 
-        const file = this.currentDetail.photos[0].raw;
+        const file = this.currentDetail.photos[0].raw
 
-        const response = await flowEvent(data, file);
+        const response = await flowEvent(data, file)
 
         if (response.data.code === 0) {
-          this.$message.success('工单已完结');
-          this.detailVisible = false;
-          this.fetchTableData();
+          this.$message.success('工单已完结')
+          this.detailVisible = false
+          this.fetchTableData()
         } else {
-          throw new Error(response.data.msg || '操作失败');
+          throw new Error(response.data.msg || '操作失败')
         }
       } catch (error) {
-        console.error('完结工单失败:', error);
-        this.$message.error(error.message || '操作失败,请稍后重试');
+        console.error('完结工单失败:', error)
+        this.$message.error(error.message || '操作失败,请稍后重试')
       } finally {
-        this.finalizeLoading = false;
+        this.finalizeLoading = false
       }
     },
 
     // 添加编辑方法
-    handleEdit(row) {
-      console.log('编辑原始数据:', row);
+    handleEdit (row) {
+      console.log('编辑原始数据:', row)
 
       // 尝试从row.dept_id或通过部门名称查找对应的部门ID
-      let deptId = row.dept_id;  // 优先使用原始数据中的dept_id
+      let deptId = row.dept_id  // 优先使用原始数据中的dept_id
 
       // 如果没有dept_id,则通过部门名称查找
       if (!deptId) {
         // 输出所有可用的部门数据用于调试
-        console.log('可用部门列表:', this.departments);
-        console.log('当前部门名称:', row.department);
+        console.log('可用部门列表:', this.departments)
+        console.log('当前部门名称:', row.department)
 
         const deptInfo = this.departments.find(dept =>
           dept.label && dept.label.trim() === row.department.trim()
-        );
-        deptId = deptInfo?.value;
+        )
+        deptId = deptInfo?.value
       }
 
       // 获取工单类型值 - 从types中找到匹配的值
-      const typeValue = this.types.find(t => t.label === row.type)?.value || row.event_dict_key;
+      const typeValue = this.types.find(t => t.label === row.type)?.value || row.work_order_type_dict_key
 
       // 获取处理人ID - 使用userNameToIdMap映射
-      const handlerId = this.userNameToIdMap[row.handler] || row.handler;
+      const handlerId = this.userNameToIdMap[row.handler] || row.handler
 
       console.log('数据映射:', {
         部门名称: row.department,
@@ -1845,54 +1830,97 @@
         处理人ID: handlerId,
         原始工单类型: row.type,
         映射后类型值: typeValue
-      });
+      })
 
-      let algorithmArr = [];
+      // 修改算法数组的处理逻辑
+      let algorithmArr = []
       if (Array.isArray(row.aiType)) {
-        algorithmArr = row.aiType;
+        algorithmArr = row.aiType
       } else if (typeof row.aiType === 'string' && row.aiType) {
-        algorithmArr = row.aiType.split(',').map(i => i.trim());
+        // 首先尝试将字符串按照逗号或顿号分割
+        algorithmArr = row.aiType.split(/[,、]/).map(item => item.trim())
       }
+
+      // 确保算法值与选项匹配
+      algorithmArr = algorithmArr.map(item => {
+        // 如果是字符串值,尝试找到对应的 dict_key
+        if (typeof item === 'string') {
+          const matchedAlgorithm = this.algorithms.find(
+            algo => algo.dict_value === item || algo.dict_key === item
+          )
+          return matchedAlgorithm ? matchedAlgorithm.dict_key : item
+        }
+        return item
+      }).filter(Boolean) // 过滤掉无效值
+
+      console.log('算法处理:', {
+        原始值: row.aiType,
+        分割后: algorithmArr,
+      })
+
       this.form = {
         id: row.id,
         name: row.orderName,
         type: typeValue,
         department: deptId,
-        handler: handlerId, // 使用映射后的处理人ID
-        algorithm: algorithmArr, // 回显为数组
+        handler: handlerId,
+        algorithm: algorithmArr,
         location: Array.isArray(row.location) && row.location.length >= 2
           ? [Number(row.location[0]), Number(row.location[1])]
           : [],
         address: row.address || '',
         content: row.content,
         photos: [],
-      };
+      }
+
       this.form.location = Array.isArray(row.location) && row.location.length >= 2
         ? [
           Number(row.location[0]),
           Number(row.location[1]),
           row.location[2] || row.address || ''
         ]
-        : [];
-      this.form.address = this.form.location[2] || '';
+        : []
+      this.form.address = this.form.location[2] || ''
       // 设置地图中心点
       if (Array.isArray(this.form.location) && this.form.location.length >= 2) {
-        this.mapParams.center = [Number(this.form.location[0]), Number(this.form.location[1])];
+        this.mapParams.center = [Number(this.form.location[0]), Number(this.form.location[1])]
       } else {
-        this.mapParams.center = null; // 没有经纬度时用默认
+        this.mapParams.center = null // 没有经纬度时用默认
       }
       // 如果有图片,添加到表单中
       if (row.photo_url) {
+        // 创建一个带有必要信息的文件对象
         this.form.photos = [{
-          name: 'existing-photo',
-          url: row.photo_url
-        }];
+          name: 'existing-photo.jpg', // 添加默认扩展名
+          url: row.photo_url,         // 用于预览的URL
+          status: 'success',          // 标记为已上传成功
+          raw: null,                  // 初始化为null
+          existingUrl: row.photo_url  // 保存原始URL,用于区分是否为已存在的图片
+        }]
       }
 
-      this.dialogVisible = true;
+      // 调试输出
+      console.log('编辑表单数据:', {
+        原始算法值: row.aiType,
+        处理后算法值: algorithmArr,
+        表单数据: this.form
+      })
+
+      this.dialogVisible = true
     },
+
+    // 添加数据监听以确保算法数据的响应性
+    watch: {
+      'form.algorithm': {
+        handler (newVal) {
+          console.log('算法值变化:', newVal)
+        },
+        deep: true
+      }
+    },
+
     // 添加删除方法
-    handleDelete(row) {
+    handleDelete (row) {
       this.$confirm('确认删除该工单?', '提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
@@ -1903,181 +1931,181 @@
             id: row.id,
             status: 0,
             isDelete: 1
-          });
+          })
 
           if (response.data.code === 0) {
-            this.$message.success('删除成功');
-            this.fetchTableData();
+            this.$message.success('删除成功')
+            this.fetchTableData()
           } else {
-            throw new Error(response.data.msg || '删除失败');
+            throw new Error(response.data.msg || '删除失败')
           }
         } catch (error) {
-          console.error('删除失败:', error);
-          this.$message.error(error.message || '删除失败,请稍后重试');
+          console.error('删除失败:', error)
+          this.$message.error(error.message || '删除失败,请稍后重试')
         }
-      }).catch(() => { });
+      }).catch(() => { })
     },
 
     // 添加选择变化处理方法
-    handleSelectionChange(selection) {
-      this.selections = selection;
-      console.log('已选择的行:', selection);
+    handleSelectionChange (selection) {
+      this.selections = selection
+      console.log('已选择的行:', selection)
     },
 
     // 添加全选方法
-    handleSelectAll(val) {
-      this.$refs.avueCrud.toggleSelection(val);
+    handleSelectAll (val) {
+      this.$refs.avueCrud.toggleSelection(val)
     },
 
     // 添加单行选择方法
-    handleSelect(selection, row) {
-      console.log('选中行变化:', selection, row);
+    handleSelect (selection, row) {
+      console.log('选中行变化:', selection, row)
     },
 
     // 如果需要手动选中某些行
-    setSelection(rows) {
+    setSelection (rows) {
       this.$nextTick(() => {
         rows.forEach(row => {
-          this.$refs.avueCrud.toggleSelection(row, true);
-        });
-      });
+          this.$refs.avueCrud.toggleSelection(row, true)
+        })
+      })
     },
 
     // 清空选择
-    clearSelection() {
-      this.$refs.avueCrud.clearSelection();
+    clearSelection () {
+      this.$refs.avueCrud.clearSelection()
     },
 
     // 打开审核对话框
-    openReviewDialog() {
+    openReviewDialog () {
       if (this.selections.length === 0) {
-        this.$message.warning('请先选择要审核的工单');
-        return;
+        this.$message.warning('请先选择要审核的工单')
+        return
       }
-      this.currentImageIndex = 1;
-      this.updateCurrentReviewImage();
-      this.reviewDialogVisible = true;
+      this.currentImageIndex = 1
+      this.updateCurrentReviewImage()
+      this.reviewDialogVisible = true
     },
 
     // 更新当前审核图片
-    updateCurrentReviewImage() {
+    updateCurrentReviewImage () {
       // 修正索引范围
       if (!this.selections || this.selections.length === 0) {
-        this.currentReviewImage = '';
-        this.currentImageIndex = 1;
-        return;
+        this.currentReviewImage = ''
+        this.currentImageIndex = 1
+        return
       }
       // 如果当前索引超出范围,自动回退到最后一张
       if (this.currentImageIndex > this.selections.length) {
-        this.currentImageIndex = this.selections.length;
+        this.currentImageIndex = this.selections.length
       }
       if (this.currentImageIndex < 1) {
-        this.currentImageIndex = 1;
+        this.currentImageIndex = 1
       }
-      const index = this.currentImageIndex - 1;
+      const index = this.currentImageIndex - 1
       if (index >= 0 && index < this.selections.length) {
-        const currentItem = this.selections[index];
-        this.currentReviewImage = currentItem.photo_url || '';
+        const currentItem = this.selections[index]
+        this.currentReviewImage = currentItem.photo_url || ''
       } else {
-        this.currentReviewImage = '';
+        this.currentReviewImage = ''
       }
     },
 
     // 处理图片分页变化
-    handleImagePageChange(page) {
+    handleImagePageChange (page) {
       if (page > 0 && page <= this.selections.length) {
-        this.currentImageIndex = page;
-        this.updateCurrentReviewImage();
+        this.currentImageIndex = page
+        this.updateCurrentReviewImage()
       }
     },
 
     // 批量审核通过
-    async handleBatchApprove() {
+    async handleBatchApprove () {
       try {
         if (this.selections.length === 0) {
-          this.$message.warning('没有选中的工单');
-          return;
+          this.$message.warning('没有选中的工单')
+          return
         }
 
-        const currentItem = this.selections[this.currentImageIndex - 1];
+        const currentItem = this.selections[this.currentImageIndex - 1]
         if (!currentItem) {
-          this.$message.warning('当前工单数据无效');
-          return;
+          this.$message.warning('当前工单数据无效')
+          return
         }
 
         await this.$confirm('确认审核通过当前工单?', '提示', {
           confirmButtonText: '确定',
           cancelButtonText: '取消',
           type: 'warning'
-        });
+        })
 
         const data = {
           id: currentItem.id,
           status: currentItem.status,
           isPass: 0,
           eventNum: currentItem.orderNumber,
-        };
+        }
         console.log('删除前:', this.selections)
-        const response = await flowEvent(data);
+        const response = await flowEvent(data)
         if (response.data.code === 0) {
-          this.$message.success('工单审核通过');
+          this.$message.success('工单审核通过')
 
           // 创建新的数组而不是修改原数组
-          const newSelections = [...this.selections];
-          newSelections.splice(this.currentImageIndex - 1, 1);
+          const newSelections = [...this.selections]
+          newSelections.splice(this.currentImageIndex - 1, 1)
 
           // 修正索引并更新图片
           if (newSelections.length > 0) {
             if (this.currentImageIndex > this.selections.length) {
-              this.currentImageIndex = this.selections.length;
+              this.currentImageIndex = this.selections.length
             }
-            this.updateCurrentReviewImage();
+            this.updateCurrentReviewImage()
           } else {
-            this.reviewDialogVisible = false;
-            this.currentImageIndex = 1;
-            this.currentReviewImage = '';
-            this.fetchTableData();
+            this.reviewDialogVisible = false
+            this.currentImageIndex = 1
+            this.currentReviewImage = ''
+            this.fetchTableData()
           }
 
           // 刷新表格数据
           // this.fetchTableData();
-          this.selections = newSelections;
+          this.selections = newSelections
 
         } else {
-          throw new Error(response.data.msg || '审核失败');
+          throw new Error(response.data.msg || '审核失败')
         }
       } catch (error) {
-        if (error === 'cancel') return;
-        this.$message.error(error.message || '审核失败,请稍后重试');
+        if (error === 'cancel') return
+        this.$message.error(error.message || '审核失败,请稍后重试')
       }
     },
 
-    cancleBatchReject() {
-      this.reviewDialogVisible = false;
-  this.selections = [];
-  this.currentImageIndex = 1;
-  this.currentReviewImage = '';
-  this.fetchTableData();
+    cancleBatchReject () {
+      this.reviewDialogVisible = false
+      this.selections = []
+      this.currentImageIndex = 1
+      this.currentReviewImage = ''
+      this.fetchTableData()
     },
     // 批量审核不通过
-    async handleBatchReject() {
+    async handleBatchReject () {
       try {
         if (this.selections.length === 0) {
-          this.$message.warning('没有选中的工单');
-          return;
+          this.$message.warning('没有选中的工单')
+          return
         }
 
-        const currentItem = this.selections[this.currentImageIndex - 1];
+        const currentItem = this.selections[this.currentImageIndex - 1]
         if (!currentItem) {
-          this.$message.warning('当前工单数据无效');
-          return;
+          this.$message.warning('当前工单数据无效')
+          return
         }
 
         await this.$confirm('确认该工单审核不通过?', '提示', {
           confirmButtonText: '确定',
           cancelButtonText: '取消',
           type: 'warning'
-        });
+        })
 
         const data = {
           id: currentItem.id,
@@ -2085,66 +2113,66 @@
           isPass: 1,
           eventNum: currentItem.orderNumber,
           eventName: currentItem.orderName,
-        };
+        }
 
-        const response = await flowEvent(data);
+        const response = await flowEvent(data)
         if (response.data.code === 0) {
-          this.$message.success('工单审核不通过');
+          this.$message.success('工单审核不通过')
 
           // 创建新的数组而不是修改原数组
-          const newSelections = [...this.selections];
-          newSelections.splice(this.currentImageIndex - 1, 1);
-          this.selections = newSelections;
+          const newSelections = [...this.selections]
+          newSelections.splice(this.currentImageIndex - 1, 1)
+          this.selections = newSelections
 
           // 修正索引并更新图片
           if (this.selections.length > 0) {
             if (this.currentImageIndex > this.selections.length) {
-              this.currentImageIndex = this.selections.length;
+              this.currentImageIndex = this.selections.length
             }
-            this.updateCurrentReviewImage();
+            this.updateCurrentReviewImage()
           } else {
-            this.reviewDialogVisible = false;
-            this.currentImageIndex = 1;
-            this.currentReviewImage = '';
-            this.fetchTableData();
+            this.reviewDialogVisible = false
+            this.currentImageIndex = 1
+            this.currentReviewImage = ''
+            this.fetchTableData()
           }
 
           // 刷新表格数据
           // this.fetchTableData();
         } else {
-          throw new Error(response.data.msg || '驳回失败');
+          throw new Error(response.data.msg || '驳回失败')
         }
       } catch (error) {
-        if (error === 'cancel') return;
-        this.$message.error(error.message || '驳回失败,请稍后重试');
+        if (error === 'cancel') return
+        this.$message.error(error.message || '驳回失败,请稍后重试')
       }
     },
 
     // 获取所有图片列表用于预览
-    getImageList() {
+    getImageList () {
       return this.selections
         .map(item => this.getPreviewUrl(item.photo_url))
-        .filter(url => url); // 过滤掉空值
+        .filter(url => url) // 过滤掉空值
     },
 
     // 处理图片点击
-    handleImageClick() {
+    handleImageClick () {
       // 图片点击事件由 el-image 的预览功能处理
     },
 
     // 处理上一张图片
-    handlePrevImage() {
+    handlePrevImage () {
       if (this.currentImageIndex > 1) {
-        this.currentImageIndex--;
-        this.updateCurrentReviewImage();
+        this.currentImageIndex--
+        this.updateCurrentReviewImage()
       }
     },
 
     // 处理下一张图片
-    handleNextImage() {
+    handleNextImage () {
       if (this.currentImageIndex < this.selections.length) {
-        this.currentImageIndex++;
-        this.updateCurrentReviewImage();
+        this.currentImageIndex++
+        this.updateCurrentReviewImage()
       }
     },
 
@@ -2153,22 +2181,22 @@
      * @param {string} url 原图地址
      * @returns {string} 缩略图地址
      */
-    getThumbUrl(url) {
-      if (!url) return '';
-      const lastDot = url.lastIndexOf('.');
-      if (lastDot === -1) return url;
-      return url.slice(0, lastDot) + '_small' + url.slice(lastDot);
+    getThumbUrl (url) {
+      if (!url) return ''
+      const lastDot = url.lastIndexOf('.')
+      if (lastDot === -1) return url
+      return url.slice(0, lastDot) + '_small' + url.slice(lastDot)
     },
 
     // 添加新方法:获取预览图地址
-    getPreviewUrl(url) {
-      if (!url) return '';
-      const lastDot = url.lastIndexOf('.');
-      if (lastDot === -1) return url;
-      return url.slice(0, lastDot) + '_show' + url.slice(lastDot);
+    getPreviewUrl (url) {
+      if (!url) return ''
+      const lastDot = url.lastIndexOf('.')
+      if (lastDot === -1) return url
+      return url.slice(0, lastDot) + '_show' + url.slice(lastDot)
     },
   },
-};
+}
 </script>
 
 <style lang="scss" scoped>
@@ -2329,20 +2357,20 @@
     color: #606266;
   }
 
-  :deep(.el-input__inner) {
-    height: 36px;
-    line-height: 36px;
-  }
+  // :deep(.el-input__inner) {
+  //   height: 36px;
+  //   line-height: 36px;
+  // }
 
   :deep(.el-textarea__inner) {
     padding: 8px 12px;
   }
 
-  :deep(.el-input__inner),
-  :deep(.el-select),
-  :deep(.el-select .el-input) {
-    width: 100%; // 确保所有输入框和选择框宽度一致
-  }
+  // :deep(.el-input__inner),
+  // :deep(.el-select),
+  // :deep(.el-select .el-input) {
+  //   width: 100%; // 确保所有输入框和选择框宽度一致
+  // }
 
   .full-width {
     width: 100%;
@@ -2513,20 +2541,34 @@
 }
 
 .media-box {
+  width: 100%;
   border: 1px solid #dcdfe6;
   border-radius: 4px;
   padding: 10px;
   background: #fff;
-}
+  box-sizing: border-box;
 
-.media-title {
-  font-weight: bold;
-  margin-bottom: 10px;
-}
+  .media-title {
+    font-weight: bold;
+    margin-bottom: 10px;
+  }
 
-.media-content {
-  position: relative;
-  // height: 300px;
+  .media-content {
+    position: relative;
+    height: 500px;
+
+    :deep(.el-image) {
+      width: 100% !important;
+      max-width: 100%;
+      max-height: 100%;
+
+      .el-image__inner {
+        width: 100%;
+        height: 100%;
+        object-fit: contain;
+      }
+    }
+  }
 }
 
 .image-placeholder,
@@ -2800,12 +2842,12 @@
     height: 100px;
     line-height: 100px;
   }
-  
+
   /* 隐藏额外的上传按钮 */
   :deep(.el-upload.el-upload--picture-card) {
     display: none;
   }
-  
+
   /* 当没有图片时显示上传按钮 */
   :deep(.el-upload.el-upload--picture-card:first-child) {
     display: flex;
@@ -2815,20 +2857,6 @@
   :deep(.el-upload-list--picture-card .el-upload-list__item) {
     width: 120px;
     height: 100px;
-  }
-}
-
-/* 事件图片和处理图片的预览样式 */
-.media-content {
-  :deep(.el-image) {
-    width: 700px !important;
-    height: 520px !important;
-    
-    .el-image__inner {
-      width: 100%;
-      height: 100%;
-      object-fit: contain;
-    }
   }
 }
 
@@ -2845,7 +2873,7 @@
 .required-label {
   position: relative;
   display: inline-block;
-  
+
   .required-star {
     color: #F56C6C;
     margin-right: 4px;
@@ -2855,7 +2883,7 @@
 /* 必填输入框样式 */
 .required-input {
   width: 100%;
-  
+
   :deep(.el-input__inner),
   :deep(.el-textarea__inner) {
     &:focus {

--
Gitblit v1.9.3