测试OA相关流程

wuxw
1 parent dd2c2983
Showing 45 changed files with 4664 additions and 332 deletions
package-lock.json
package.json
public/index.html
src/api/fee/createFeeByComboApi.js
src/api/fee/owePayFeeOrderApi.js
src/api/fee/refundDepositFeeApi.js
src/api/oa/newOaWorkflowApi.js
src/api/oa/newOaWorkflowDetailApi.js
src/api/oa/newOaWorkflowFormEditApi.js
src/components/fee/carDetailOwner.vue
src/components/fee/chooseFeeCombo.vue
src/components/fee/payFeeUserAccount.vue
src/components/fee/printOwnFee.vue
src/components/fee/returnPayFee.vue
src/components/fee/simplifyRoomFee.vue
src/components/inspection/selectMapPos.vue
src/components/oa/newOaWorkflowFinish.vue
src/components/oa/newOaWorkflowForm.vue
src/components/oa/newOaWorkflowPool.vue
src/components/oa/newOaWorkflowUndo.vue
@@ -12,6 +12,7 @@
         "axios": "^0.21.1",
         "echarts": "^5.6.0",
         "element-ui": "^2.15.6",
+        "formiojs": "^4.21.7",
         "qrcodejs2": "^0.0.2",
         "tinymce": "^5.10.7",
         "vue": "^2.6.14",
@@ -1571,6 +1572,47 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@formio/bootstrap3": {
+      "version": "2.12.4-rc.1",
+      "resolved": "https://registry.npmjs.org/@formio/bootstrap3/-/bootstrap3-2.12.4-rc.1.tgz",
+      "integrity": "sha512-4B5rs+w9tAk5i+wbdw2/NrTxPqnDX7/W19tiTd9lfXnIGQmaj0ecMEVqDmOJg8pIlyU02g3c4ih6JnA/JVmUbA==",
+      "dependencies": {
+        "resize-observer-polyfill": "^1.5.1"
+      }
+    },
+    "node_modules/@formio/choices.js": {
+      "version": "10.2.1",
+      "resolved": "https://registry.npmjs.org/@formio/choices.js/-/choices.js-10.2.1.tgz",
+      "integrity": "sha512-NCE5u7jG3XGokJP16MyAbVSUptKu/mpJYAxd4PPIoLiO/l9Do5uoOQ0MgNb9qG9qABJiOX+qNRE8q8RybY/SwQ==",
+      "dependencies": {
+        "deepmerge": "^4.2.2",
+        "fuse.js": "^6.6.2",
+        "redux": "^4.2.0"
+      }
+    },
+    "node_modules/@formio/choices.js/node_modules/deepmerge": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
+      "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/@formio/semantic": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/@formio/semantic/-/semantic-2.6.1.tgz",
+      "integrity": "sha512-obp1BT5UnzD+uYBbqmnsTfO2hGxI2A2iR/cj3P5JUFLYSBpnr3TS2ShQ7Ee5GCRRtJPu0JnljuJj+YSKLCMuhg=="
+    },
+    "node_modules/@formio/text-mask-addons": {
+      "version": "3.8.0-formio.4",
+      "resolved": "https://registry.npmjs.org/@formio/text-mask-addons/-/text-mask-addons-3.8.0-formio.4.tgz",
+      "integrity": "sha512-vhkeIyuL+1rtC9S4IW8O3JCwroPtvJrkrcMO4wyELNqMIgQRKbiyBAitZfUP4tY04xdB5lxAinbzdwb+NMdX6w=="
+    },
+    "node_modules/@formio/vanilla-text-mask": {
+      "version": "5.1.1-formio.1",
+      "resolved": "https://registry.npmjs.org/@formio/vanilla-text-mask/-/vanilla-text-mask-5.1.1-formio.1.tgz",
+      "integrity": "sha512-rYBlvIPMNUd6sAaduOaiIwI4vfTAjHDRonko2qJn2RP1O//TQ7rcFIPYVYePJZ4OtOpwHiHAvAIh79McphZotQ=="
+    },
     "node_modules/@hapi/address": {
       "version": "2.1.4",
       "resolved": "https://registry.npmjs.org/@hapi/address/-/address-2.1.4.tgz",
@@ -2069,6 +2111,15 @@
         "node": ">=8.0"
       }
     },
+    "node_modules/@popperjs/core": {
+      "version": "2.11.8",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
+      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
     "node_modules/@soda/friendly-errors-webpack-plugin": {
       "version": "1.8.1",
       "resolved": "https://registry.npmjs.org/@soda/friendly-errors-webpack-plugin/-/friendly-errors-webpack-plugin-1.8.1.tgz",
@@ -2093,6 +2144,11 @@
       "integrity": "sha512-T7VNNlYVM1SgQ+VsMYhnDkcGmWhQdL0bDyGm5TlQ3GBXnJscEClUUOKduWTmm2zCnvNLC1hc3JpuXjs/nFOc5w==",
       "dev": true
     },
+    "node_modules/@sphinxxxx/color-conversion": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/@sphinxxxx/color-conversion/-/color-conversion-2.2.2.tgz",
+      "integrity": "sha512-XExJS3cLqgrmNBIP3bBw6+1oQ1ksGjFh0+oClDKFYpCCqx/hlqwWO5KO/S63fzUo67SxI9dMrF0y5T/Ey7h8Zw=="
+    },
     "node_modules/@tinymce/tinymce-vue": {
       "version": "3.2.8",
       "resolved": "https://registry.npmjs.org/@tinymce/tinymce-vue/-/tinymce-vue-3.2.8.tgz",
@@ -2268,6 +2324,12 @@
       "integrity": "sha512-bTHG8fcxEqv1M9+TD14P8ok8hjxoOCkfKc8XXLaaD05kI7ohpeI956jtDOD3XHKBQrlyPughUtzm1jtVhHpA5Q==",
       "dev": true
     },
+    "node_modules/@types/trusted-types": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz",
+      "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
+      "optional": true
+    },
     "node_modules/@types/uglify-js": {
       "version": "3.17.5",
       "resolved": "https://registry.npmjs.org/@types/uglify-js/-/uglify-js-3.17.5.tgz",
@@ -3135,6 +3197,11 @@
       "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
       "dev": true
     },
+    "node_modules/abortcontroller-polyfill": {
+      "version": "1.7.8",
+      "resolved": "https://registry.npmjs.org/abortcontroller-polyfill/-/abortcontroller-polyfill-1.7.8.tgz",
+      "integrity": "sha512-9f1iZ2uWh92VcrU9Y8x+LdM4DLj75VE0MJB8zuF1iUnroEptStw+DQ8EQPMUdfe5k+PkB1uUfDQfWbhstH8LrQ=="
+    },
     "node_modules/accepts": {
       "version": "1.3.8",
       "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
@@ -3227,6 +3294,11 @@
       "integrity": "sha512-0FcBfdcmaumGPQ0qPn7Q5qTgz/ooXgIyp1rf8ik5bGX8mpE2YHjC0P/eyQvxu1GURYQgq9ozf2mteQ5ZD9YiyQ==",
       "dev": true
     },
+    "node_modules/animation-frame-polyfill": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/animation-frame-polyfill/-/animation-frame-polyfill-1.0.2.tgz",
+      "integrity": "sha512-PvO5poSMoHhaoNNgHPo+oqs/0L9UqjsUbqv0iOXVqLh6HX85fsOVQTUrzSBvjdZz7hydARlgLELyzJJKIrPJAQ=="
+    },
     "node_modules/ansi-colors": {
       "version": "3.2.4",
       "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-3.2.4.tgz",
@@ -3390,6 +3462,11 @@
       "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==",
       "dev": true
     },
+    "node_modules/array-from": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/array-from/-/array-from-2.1.1.tgz",
+      "integrity": "sha512-GQTc6Uupx1FCavi5mPzBvVT7nEOeWMmUA9P95wpfpW1XwMSKs+KaymD5C2Up7KAUKg/mYwbsUYzdZWcoajlNZg=="
+    },
     "node_modules/array-union": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/array-union/-/array-union-1.0.2.tgz",
@@ -3588,6 +3665,11 @@
       "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
       "dev": true
     },
+    "node_modules/atoa": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/atoa/-/atoa-1.0.0.tgz",
+      "integrity": "sha512-VVE1H6cc4ai+ZXo/CRWoJiHXrA1qfA31DPnx6D20+kSI547hQN5Greh51LQ1baMRMfxO5K5M4ImMtZbZt2DODQ=="
+    },
     "node_modules/atob": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz",
@@ -3600,6 +3682,11 @@
         "node": ">= 4.5.0"
       }
     },
+    "node_modules/autocompleter": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/autocompleter/-/autocompleter-7.1.0.tgz",
+      "integrity": "sha512-uCToOnq7eAD/GJAteDbYuQ7ksDtrYWOy5CIAq43wh0dT+5frMpPlyD9tp+y5fz8KIcsP+zR2MjzoTAdW5aJESw=="
+    },
     "node_modules/autoprefixer": {
       "version": "9.8.8",
       "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.8.8.tgz",
@@ -4048,6 +4135,19 @@
       "integrity": "sha512-cKV8tMCEpQs4hK/ik71d6LrPOnpkpGBR0wzxqr68g2m/LB2GxVYQroAjMJZRVM1Y4BCjCKc3vAamxSzOY2RP+w==",
       "dev": true
     },
+    "node_modules/browser-cookies": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/browser-cookies/-/browser-cookies-1.2.0.tgz",
+      "integrity": "sha512-cg2WuoOJo+F+g2XjEaP8nmeRp1vDHjt7sqpKJMsTNXKrpyIBNVslYJeehvs6FEddj8usV2+qyRSBEX244yN5/g=="
+    },
+    "node_modules/browser-md5-file": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/browser-md5-file/-/browser-md5-file-1.1.1.tgz",
+      "integrity": "sha512-9h2UViTtZPhBa7oHvp5mb7MvJaX5OKEPUsplDwJ800OIV+In7BOR3RXOMB78obn2iQVIiS3WkVLhG7Zu1EMwbw==",
+      "dependencies": {
+        "spark-md5": "^2.0.2"
+      }
+    },
     "node_modules/browserify-aes": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz",
@@ -4987,6 +5087,11 @@
       "integrity": "sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==",
       "dev": true
     },
+    "node_modules/compare-versions": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/compare-versions/-/compare-versions-5.0.3.tgz",
+      "integrity": "sha512-4UZlZP8Z99MGEY+Ovg/uJxJuvoXuN4M6B3hKaiackiHrgzQFEe3diJi1mf1PNHbFujM7FvLrK2bpgIaImbtZ1A=="
+    },
     "node_modules/component-emitter": {
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.1.tgz",
@@ -5166,6 +5271,15 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/contra": {
+      "version": "1.9.4",
+      "resolved": "https://registry.npmjs.org/contra/-/contra-1.9.4.tgz",
+      "integrity": "sha512-N9ArHAqwR/lhPq4OdIAwH4e1btn6EIZMAz4TazjnzCiVECcWUPTma+dRAM38ERImEJBh8NiCCpjoQruSZ+agYg==",
+      "dependencies": {
+        "atoa": "1.0.0",
+        "ticky": "1.0.1"
+      }
+    },
     "node_modules/convert-source-map": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
@@ -5513,6 +5627,14 @@
         "sha.js": "^2.4.8"
       }
     },
+    "node_modules/create-point-cb": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/create-point-cb/-/create-point-cb-1.2.0.tgz",
+      "integrity": "sha512-r4l6IO/YGI7hIZRMLggOzwM6XO80+Fdcv4hx1fXCEdU+hKd7zZki6i+cbYfK9OliMwMYx1wPfQLU/snvS+Dygw==",
+      "dependencies": {
+        "type-func": "^1.0.1"
+      }
+    },
     "node_modules/cross-spawn": {
       "version": "6.0.6",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.6.tgz",
@@ -5538,6 +5660,14 @@
         "semver": "bin/semver"
       }
     },
+    "node_modules/crossvent": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/crossvent/-/crossvent-1.5.5.tgz",
+      "integrity": "sha512-MY4xhBYEnVi+pmTpHCOCsCLYczc0PVtGdPBz6NXNXxikLaUZo4HdAeUb1UqAo3t3yXAloSelTmfxJ+/oUqkW5w==",
+      "dependencies": {
+        "custom-event": "^1.0.0"
+      }
+    },
     "node_modules/crypto-browserify": {
       "version": "3.12.1",
       "resolved": "https://registry.npmjs.org/crypto-browserify/-/crypto-browserify-3.12.1.tgz",
@@ -5833,6 +5963,16 @@
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
       "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
     },
+    "node_modules/custom-event": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/custom-event/-/custom-event-1.0.1.tgz",
+      "integrity": "sha512-GAj5FOq0Hd+RsCGVJxZuKaIDXDf3h6GQoNEjFgbLLI/trgtavwUbSnZ5pVfg27DVCaWjIohryS0JFwIJyT2cMg=="
+    },
+    "node_modules/custom-event-polyfill": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/custom-event-polyfill/-/custom-event-polyfill-1.0.7.tgz",
+      "integrity": "sha512-TDDkd5DkaZxZFM8p+1I3yAlvM3rSr1wbrOliG4yJiwinMZN8z/iGL7BTlDkrJcYTmgUSb4ywVCc3ZaUtOtC76w=="
+    },
     "node_modules/cyclist": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/cyclist/-/cyclist-1.0.2.tgz",
@@ -6276,6 +6416,11 @@
       "integrity": "sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==",
       "dev": true
     },
+    "node_modules/dialog-polyfill": {
+      "version": "0.5.6",
+      "resolved": "https://registry.npmjs.org/dialog-polyfill/-/dialog-polyfill-0.5.6.tgz",
+      "integrity": "sha512-ZbVDJI9uvxPAKze6z146rmfUZjBqNEwcnFTVamQzXH+svluiV7swmVIGr7miwADgfgt1G2JQIytypM9fbyhX4w=="
+    },
     "node_modules/diffie-hellman": {
       "version": "5.0.3",
       "resolved": "https://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz",
@@ -6342,6 +6487,19 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/dom-autoscroller": {
+      "version": "2.3.4",
+      "resolved": "https://registry.npmjs.org/dom-autoscroller/-/dom-autoscroller-2.3.4.tgz",
+      "integrity": "sha512-HcAdt/2Dq9x4CG6LWXc2x9Iq0MJPAu8fuzHncclq7byufqYEYVtx9sZ/dyzR+gdj4qwEC9p27Lw1G2HRRYX6jQ==",
+      "dependencies": {
+        "animation-frame-polyfill": "^1.0.0",
+        "create-point-cb": "^1.0.0",
+        "dom-mousemove-dispatcher": "^1.0.1",
+        "dom-plane": "^1.0.1",
+        "dom-set": "^1.0.1",
+        "type-func": "^1.0.1"
+      }
+    },
     "node_modules/dom-converter": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/dom-converter/-/dom-converter-0.2.0.tgz",
@@ -6351,6 +6509,19 @@
         "utila": "~0.4"
       }
     },
+    "node_modules/dom-mousemove-dispatcher": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dom-mousemove-dispatcher/-/dom-mousemove-dispatcher-1.0.1.tgz",
+      "integrity": "sha512-NMdqqMbgW8kqOdmod2hkS+9hD/v7h4XoSvwU9qqe+wAA/O+ba0jhpbfW0Kb/fCyR0RX9jf4dwfQrl04LQX4FzQ=="
+    },
+    "node_modules/dom-plane": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/dom-plane/-/dom-plane-1.0.2.tgz",
+      "integrity": "sha512-/tR67G6ZGSciXoZLsD706yLxEXvX3mG/OWE8YNYj3A1yU/RAimtPXzklVTu5Y5xoeMoloA/Y+MaNjQm9apgAww==",
+      "dependencies": {
+        "create-point-cb": "^1.0.0"
+      }
+    },
     "node_modules/dom-serializer": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
@@ -6374,6 +6545,16 @@
         "url": "https://github.com/fb55/entities?sponsor=1"
       }
     },
+    "node_modules/dom-set": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/dom-set/-/dom-set-1.1.1.tgz",
+      "integrity": "sha512-sUi2aSvRsK3Ixx++gwX9cnaWk9ZxGVFry8+HnTRVmDimybU5PaiI4wX0o00mVtjFKlQNZLmtGoPTLorYbN0+Rw==",
+      "dependencies": {
+        "array-from": "^2.1.1",
+        "is-array": "^1.0.1",
+        "iselement": "^1.1.4"
+      }
+    },
     "node_modules/domain-browser": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/domain-browser/-/domain-browser-1.2.0.tgz",
@@ -6411,6 +6592,14 @@
         "url": "https://github.com/fb55/domhandler?sponsor=1"
       }
     },
+    "node_modules/dompurify": {
+      "version": "3.2.6",
+      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.2.6.tgz",
+      "integrity": "sha512-/2GogDQlohXPZe6D6NOgQvXLPSYBqIWMnZ8zzOhn09REE4eyAzb+Hed3jhoM9OkuaJ8P6ZGTTVWQKAi8ieIzfQ==",
+      "optionalDependencies": {
+        "@types/trusted-types": "^2.0.7"
+      }
+    },
     "node_modules/domutils": {
       "version": "2.8.0",
       "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz",
@@ -6452,6 +6641,20 @@
       "integrity": "sha512-YXQl1DSa4/PQyRfgrv6aoNjhasp/p4qs9FjJ4q4cQk+8m4r6k4ZSiEyytKG8f8W9gi8WsQtIObNmKd+tMzNTmA==",
       "dev": true
     },
+    "node_modules/downloadjs": {
+      "version": "1.4.7",
+      "resolved": "https://registry.npmjs.org/downloadjs/-/downloadjs-1.4.7.tgz",
+      "integrity": "sha512-LN1gO7+u9xjU5oEScGFKvXhYf7Y/empUIIEAGBs1LzUq/rg5duiDrkuH5A2lQGd5jfMOb9X9usDa2oVXwJ0U/Q=="
+    },
+    "node_modules/dragula": {
+      "version": "3.7.3",
+      "resolved": "https://registry.npmjs.org/dragula/-/dragula-3.7.3.tgz",
+      "integrity": "sha512-/rRg4zRhcpf81TyDhaHLtXt6sEywdfpv1cRUMeFFy7DuypH2U0WUL0GTdyAQvXegviT4PJK4KuMmOaIDpICseQ==",
+      "dependencies": {
+        "contra": "1.9.4",
+        "crossvent": "1.5.5"
+      }
+    },
     "node_modules/dunder-proto": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
@@ -7246,8 +7449,7 @@
     "node_modules/eventemitter3": {
       "version": "4.0.7",
       "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
-      "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==",
-      "dev": true
+      "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw=="
     },
     "node_modules/events": {
       "version": "3.3.0",
@@ -7567,8 +7769,12 @@
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
-      "dev": true
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="
+    },
+    "node_modules/fast-diff": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.3.0.tgz",
+      "integrity": "sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw=="
     },
     "node_modules/fast-glob": {
       "version": "2.2.7",
@@ -7587,6 +7793,11 @@
         "node": ">=4.0.0"
       }
     },
+    "node_modules/fast-json-patch": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/fast-json-patch/-/fast-json-patch-3.1.1.tgz",
+      "integrity": "sha512-vf6IHUX2SBcA+5/+4883dsIjpBTqmfBjmYiWK1savxQmFk4JfBMLa7ynTYOs1Rolp/T1betJxHiGD3g1Mn8lUQ=="
+    },
     "node_modules/fast-json-stable-stringify": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
@@ -7611,6 +7822,14 @@
         "node": ">=0.8.0"
       }
     },
+    "node_modules/fetch-ponyfill": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/fetch-ponyfill/-/fetch-ponyfill-7.1.0.tgz",
+      "integrity": "sha512-FhbbL55dj/qdVO3YNK7ZEkshvj3eQ7EuIGV2I6ic/2YiocvyWv+7jg2s4AyS0wdRU75s3tA8ZxI/xPigb0v5Aw==",
+      "dependencies": {
+        "node-fetch": "~2.6.1"
+      }
+    },
     "node_modules/figgy-pudding": {
       "version": "3.5.2",
       "resolved": "https://registry.npmjs.org/figgy-pudding/-/figgy-pudding-3.5.2.tgz",
@@ -7911,6 +8130,63 @@
         "node": ">= 0.12"
       }
     },
+    "node_modules/formiojs": {
+      "version": "4.21.7",
+      "resolved": "https://registry.npmjs.org/formiojs/-/formiojs-4.21.7.tgz",
+      "integrity": "sha512-DDXPhXABxdEbpyfv0C8SAS6zt92luGFXqe0usPHxSHvlP960GQkhS//WV7TAMrRsjj1WTIqqv3XZha8qTknG3Q==",
+      "dependencies": {
+        "@formio/bootstrap3": "2.12.4-rc.1",
+        "@formio/choices.js": "10.2.1",
+        "@formio/semantic": "2.6.1",
+        "@formio/text-mask-addons": "^3.8.0-formio.4",
+        "@formio/vanilla-text-mask": "^5.1.1-formio.1",
+        "abortcontroller-polyfill": "^1.7.5",
+        "autocompleter": "^7.0.1",
+        "browser-cookies": "^1.2.0",
+        "browser-md5-file": "^1.1.1",
+        "compare-versions": "^5.0.1",
+        "core-js": "^3.26.1",
+        "custom-event-polyfill": "^1.0.7",
+        "dialog-polyfill": "^0.5.6",
+        "dom-autoscroller": "^2.3.4",
+        "dompurify": "^3.0.5",
+        "downloadjs": "^1.4.7",
+        "dragula": "^3.7.3",
+        "eventemitter3": "^4.0.7",
+        "fast-deep-equal": "^3.1.3",
+        "fast-json-patch": "^3.1.1",
+        "fetch-ponyfill": "^7.1.0",
+        "i18next": "22.4.12",
+        "idb": "^7.1.1",
+        "inputmask": "^5.0.9",
+        "ismobilejs": "^1.1.1",
+        "json-logic-js": "^2.0.2",
+        "jstimezonedetect": "^1.0.7",
+        "jwt-decode": "^3.1.2",
+        "lodash": "^4.17.21",
+        "moment": "^2.29.4",
+        "moment-timezone": "^0.5.40",
+        "native-promise-only": "^0.8.1",
+        "quill": "^2.0.0-dev.3",
+        "signature_pad": "^4.1.4",
+        "string-hash": "^1.1.3",
+        "tippy.js": "^6.3.7",
+        "uuid": "^9.0.0",
+        "vanilla-picker": "^2.12.1"
+      }
+    },
+    "node_modules/formiojs/node_modules/uuid": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz",
+      "integrity": "sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==",
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
     "node_modules/forwarded": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
@@ -8041,6 +8317,14 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/fuse.js": {
+      "version": "6.6.2",
+      "resolved": "https://registry.npmjs.org/fuse.js/-/fuse.js-6.6.2.tgz",
+      "integrity": "sha512-cJaJkxCCxC8qIIcPBF9yGxY0W/tVZS3uEISDxhYIdtk8OL93pe+6Zj7LjCqVV4dzbqcriOZ+kQ/NE4RXZHsIGA==",
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/gensync": {
       "version": "1.0.0-beta.2",
       "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
@@ -8820,6 +9104,28 @@
         "node": ">=8.12.0"
       }
     },
+    "node_modules/i18next": {
+      "version": "22.4.12",
+      "resolved": "https://registry.npmjs.org/i18next/-/i18next-22.4.12.tgz",
+      "integrity": "sha512-2lE+vRXxQ3lGLub1CVbwgO0IfkLHmUSDVOAVdPh22CsxttMXi+35n2qgxh2wZIkKl6t/NMzPfgFPRDiFQOmiCg==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://locize.com"
+        },
+        {
+          "type": "individual",
+          "url": "https://locize.com/i18next.html"
+        },
+        {
+          "type": "individual",
+          "url": "https://www.i18next.com/how-to/faq#i18next-is-awesome.-how-can-i-support-the-project"
+        }
+      ],
+      "dependencies": {
+        "@babel/runtime": "^7.20.6"
+      }
+    },
     "node_modules/iconv-lite": {
       "version": "0.4.24",
       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
@@ -8844,6 +9150,11 @@
         "node": ">= 6"
       }
     },
+    "node_modules/idb": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/idb/-/idb-7.1.1.tgz",
+      "integrity": "sha512-gchesWBzyvGHRO9W8tzUWFDycow5gwjvFKfyV9FF32Y7F50yZMp7mP+T2mJIWFx49zicqyC4uefHM17o6xKIVQ=="
+    },
     "node_modules/ieee754": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
@@ -9034,6 +9345,11 @@
       "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
       "dev": true
     },
+    "node_modules/inputmask": {
+      "version": "5.0.9",
+      "resolved": "https://registry.npmjs.org/inputmask/-/inputmask-5.0.9.tgz",
+      "integrity": "sha512-s0lUfqcEbel+EQXtehXqwCJGShutgieOaIImFKC/r4reYNvX3foyrChl6LOEvaEgxEbesePIrw1Zi2jhZaDZbQ=="
+    },
     "node_modules/inquirer": {
       "version": "7.3.3",
       "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-7.3.3.tgz",
@@ -9175,6 +9491,11 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-array": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-array/-/is-array-1.0.1.tgz",
+      "integrity": "sha512-gxiZ+y/u67AzpeFmAmo4CbtME/bs7J2C++su5zQzvQyaxUqVzkh69DI+jN+KZuSO6JaH6TIIU6M6LhqxMjxEpw=="
+    },
     "node_modules/is-array-buffer": {
       "version": "3.0.5",
       "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
@@ -9779,12 +10100,22 @@
       "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
       "dev": true
     },
+    "node_modules/iselement": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/iselement/-/iselement-1.1.4.tgz",
+      "integrity": "sha512-4Q519eWmbHO1pbimiz7H1iJRUHVmAmfh0viSsUD+oAwVO4ntZt7gpf8i8AShVBTyOvRTZNYNBpUxOIvwZR+ffw=="
+    },
     "node_modules/isexe": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
       "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
       "dev": true
     },
+    "node_modules/ismobilejs": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ismobilejs/-/ismobilejs-1.1.1.tgz",
+      "integrity": "sha512-VaFW53yt8QO61k2WJui0dHf4SlL8lxBofUuUmwBo0ljPk0Drz2TiuDW4jo3wDcv41qy/SxrJ+VAzJ/qYqsmzRw=="
+    },
     "node_modules/isobject": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
@@ -9852,6 +10183,11 @@
         "node": ">=6"
       }
     },
+    "node_modules/json-logic-js": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/json-logic-js/-/json-logic-js-2.0.5.tgz",
+      "integrity": "sha512-rTT2+lqcuUmj4DgWfmzupZqQDA64AdmYqizzMPWj3DxGdfFNsxPpcNVSaTj4l8W2tG/+hg7/mQhxjU3aPacO6g=="
+    },
     "node_modules/json-parse-better-errors": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz",
@@ -9924,6 +10260,16 @@
         "node": ">=0.6.0"
       }
     },
+    "node_modules/jstimezonedetect": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/jstimezonedetect/-/jstimezonedetect-1.0.7.tgz",
+      "integrity": "sha512-ARADHortktl9IZ1tr4GHwGPIAzgz3mLNCbR/YjWtRtc/O0o634O3NeFlpLjv95EvuDA5dc8z6yfgbS8nUc4zcQ=="
+    },
+    "node_modules/jwt-decode": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/jwt-decode/-/jwt-decode-3.1.2.tgz",
+      "integrity": "sha512-UfpWE/VZn0iP50d8cz9NrZLM9lSWhcJ+0Gt/nm4by88UL+J1SiKN8/5dkjMmbEzwL2CAe+67GsegCbIKtbp75A=="
+    },
     "node_modules/killable": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/killable/-/killable-1.0.1.tgz",
@@ -10085,14 +10431,18 @@
     "node_modules/lodash": {
       "version": "4.17.21",
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
-      "dev": true
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
     },
     "node_modules/lodash-es": {
       "version": "4.17.21",
       "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
       "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw=="
     },
+    "node_modules/lodash.clonedeep": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
+      "integrity": "sha512-H5ZhCF25riFd9uB5UCkVKo61m3S/xZk1x4wA6yp/L3RFP6Z/eHH1ymQcGLo7J3GMPfm0V/7m1tryHuGVxpqEBQ=="
+    },
     "node_modules/lodash.debounce": {
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
@@ -10105,6 +10455,12 @@
       "integrity": "sha512-3j8wdDzYuWO3lM3Reg03MuQR957t287Rpcxp1njpEa8oDrikb+FwGdW3n+FELh/A6qib6yPit0j/pv9G/yeAqA==",
       "dev": true
     },
+    "node_modules/lodash.isequal": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.isequal/-/lodash.isequal-4.5.0.tgz",
+      "integrity": "sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==",
+      "deprecated": "This package is deprecated. Use require('node:util').isDeepStrictEqual instead."
+    },
     "node_modules/lodash.kebabcase": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/lodash.kebabcase/-/lodash.kebabcase-4.1.1.tgz",
@@ -10607,6 +10963,25 @@
         "mkdirp": "bin/cmd.js"
       }
     },
+    "node_modules/moment": {
+      "version": "2.30.1",
+      "resolved": "https://registry.npmjs.org/moment/-/moment-2.30.1.tgz",
+      "integrity": "sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how==",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/moment-timezone": {
+      "version": "0.5.48",
+      "resolved": "https://registry.npmjs.org/moment-timezone/-/moment-timezone-0.5.48.tgz",
+      "integrity": "sha512-f22b8LV1gbTO2ms2j2z13MuPogNoh5UzxL3nzNAYKGraILnbGc9NEE6dyiiiLv46DGRb8A4kg8UKWLjPthxBHw==",
+      "dependencies": {
+        "moment": "^2.29.4"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/move-concurrently": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/move-concurrently/-/move-concurrently-1.0.1.tgz",
@@ -10710,6 +11085,11 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/native-promise-only": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/native-promise-only/-/native-promise-only-0.8.1.tgz",
+      "integrity": "sha512-zkVhZUA3y8mbz652WrL5x0fB0ehrBkulWT3TomAQ9iDtyXZvzKeEA6GPxAItBYeNYl5yngKRX612qHOhvMkDeg=="
+    },
     "node_modules/natural-compare": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
@@ -10753,6 +11133,25 @@
       "dev": true,
       "optional": true
     },
+    "node_modules/node-fetch": {
+      "version": "2.6.13",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.13.tgz",
+      "integrity": "sha512-StxNAxh15zr77QvvkmveSQ8uCQ4+v5FkvNTj0OESmiHu+VRi/gXArXtkWMElOsOUNLtUEvI4yS+rdtOHZTwlQA==",
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/node-forge": {
       "version": "0.10.0",
       "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-0.10.0.tgz",
@@ -11480,6 +11879,11 @@
         "no-case": "^2.2.0"
       }
     },
+    "node_modules/parchment": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/parchment/-/parchment-3.0.0.tgz",
+      "integrity": "sha512-HUrJFQ/StvgmXRcQ1ftY6VEZUq3jA2t9ncFN4F84J/vN0/FPpQF+8FKXb3l6fLces6q0uOHj6NJn+2xvZnxO6A=="
+    },
     "node_modules/parent-module": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
@@ -12696,6 +13100,38 @@
       "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==",
       "dev": true
     },
+    "node_modules/quill": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/quill/-/quill-2.0.3.tgz",
+      "integrity": "sha512-xEYQBqfYx/sfb33VJiKnSJp8ehloavImQ2A6564GAbqG55PGw1dAWUn1MUbQB62t0azawUS2CZZhWCjO8gRvTw==",
+      "dependencies": {
+        "eventemitter3": "^5.0.1",
+        "lodash-es": "^4.17.21",
+        "parchment": "^3.0.0",
+        "quill-delta": "^5.1.0"
+      },
+      "engines": {
+        "npm": ">=8.2.3"
+      }
+    },
+    "node_modules/quill-delta": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/quill-delta/-/quill-delta-5.1.0.tgz",
+      "integrity": "sha512-X74oCeRI4/p0ucjb5Ma8adTXd9Scumz367kkMK5V/IatcX6A0vlgLgKbzXWy5nZmCGeNJm2oQX0d2Eqj+ZIlCA==",
+      "dependencies": {
+        "fast-diff": "^1.3.0",
+        "lodash.clonedeep": "^4.5.0",
+        "lodash.isequal": "^4.5.0"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      }
+    },
+    "node_modules/quill/node_modules/eventemitter3": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz",
+      "integrity": "sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA=="
+    },
     "node_modules/randombytes": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
@@ -12809,6 +13245,14 @@
         "node": ">=8.10.0"
       }
     },
+    "node_modules/redux": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/redux/-/redux-4.2.1.tgz",
+      "integrity": "sha512-LAUYz4lc+Do8/g7aeRa8JkyDErK6ekstQaqWQrNRW//MY1TvCEpMtpTWvlQ+FPbWCx+Xixu/6SHt5N0HR+SB4w==",
+      "dependencies": {
+        "@babel/runtime": "^7.9.2"
+      }
+    },
     "node_modules/reflect.getprototypeof": {
       "version": "1.0.10",
       "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz",
@@ -13851,6 +14295,11 @@
       "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
       "dev": true
     },
+    "node_modules/signature_pad": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/signature_pad/-/signature_pad-4.2.0.tgz",
+      "integrity": "sha512-YLWysmaUBaC5wosAKkgbX7XI+LBv2w5L0QUcI6Jc4moHYzv9BUBJtAyNLpWzHjtjKTeWOH6bfP4a4pzf0UinfQ=="
+    },
     "node_modules/simple-swizzle": {
       "version": "0.2.2",
       "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
@@ -14186,6 +14635,11 @@
       "deprecated": "See https://github.com/lydell/source-map-url#deprecated",
       "dev": true
     },
+    "node_modules/spark-md5": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/spark-md5/-/spark-md5-2.0.2.tgz",
+      "integrity": "sha512-9WfT+FYBEvlrOOBEs484/zmbtSX4BlGjzXih1qIEWA1yhHbcqgcMHkiwXoWk2Sq1aJjLpcs6ZKV7JxrDNjIlNg=="
+    },
     "node_modules/spdx-correct": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.2.0.tgz",
@@ -14434,6 +14888,11 @@
         "safe-buffer": "~5.1.0"
       }
     },
+    "node_modules/string-hash": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/string-hash/-/string-hash-1.1.3.tgz",
+      "integrity": "sha512-kJUvRUFK49aub+a7T1nNE66EJbZBMnBgoC1UbCZ5n6bsZKBRga4KgBRTMn/pFkeCZSYtNeSyMxPDM0AXWELk2A=="
+    },
     "node_modules/string-width": {
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
@@ -15108,6 +15567,11 @@
       "integrity": "sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==",
       "dev": true
     },
+    "node_modules/ticky": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/ticky/-/ticky-1.0.1.tgz",
+      "integrity": "sha512-RX35iq/D+lrsqhcPWIazM9ELkjOe30MSeoBHQHSsRwd1YuhJO5ui1K1/R0r7N3mFvbLBs33idw+eR6j+w6i/DA=="
+    },
     "node_modules/timers-browserify": {
       "version": "2.0.12",
       "resolved": "https://registry.npmjs.org/timers-browserify/-/timers-browserify-2.0.12.tgz",
@@ -15131,6 +15595,14 @@
       "resolved": "https://registry.npmjs.org/tinymce/-/tinymce-5.10.7.tgz",
       "integrity": "sha512-9UUjaO0R7FxcFo0oxnd1lMs7H+D0Eh+dDVo5hKbVe1a+VB0nit97vOqlinj+YwgoBDt6/DSCUoWqAYlLI8BLYA=="
     },
+    "node_modules/tippy.js": {
+      "version": "6.3.7",
+      "resolved": "https://registry.npmjs.org/tippy.js/-/tippy.js-6.3.7.tgz",
+      "integrity": "sha512-E1d3oP2emgJ9dRQZdf3Kkn0qJgI6ZLpyS5z6ZkY1DF3kaQaBsGZsndEpHwx+eC+tYM41HaSNvNtLx8tU57FzTQ==",
+      "dependencies": {
+        "@popperjs/core": "^2.9.0"
+      }
+    },
     "node_modules/tmp": {
       "version": "0.0.33",
       "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz",
@@ -15229,6 +15701,11 @@
         "node": ">=0.8"
       }
     },
+    "node_modules/tr46": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
+      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw=="
+    },
     "node_modules/tryer": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/tryer/-/tryer-1.0.1.tgz",
@@ -15303,6 +15780,11 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/type-func": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/type-func/-/type-func-1.0.3.tgz",
+      "integrity": "sha512-YA90CUk+i00tWESPNRMahywXhAz+12NLJLKlOWrgHIbqaFXjdZrWstRghaibOW/IxhPjui4SmXxO/03XSGRIjA=="
+    },
     "node_modules/type-is": {
       "version": "1.6.18",
       "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
@@ -15856,6 +16338,14 @@
         "spdx-expression-parse": "^3.0.0"
       }
     },
+    "node_modules/vanilla-picker": {
+      "version": "2.12.3",
+      "resolved": "https://registry.npmjs.org/vanilla-picker/-/vanilla-picker-2.12.3.tgz",
+      "integrity": "sha512-qVkT1E7yMbUsB2mmJNFmaXMWE2hF8ffqzMMwe9zdAikd8u2VfnsVY2HQcOUi2F38bgbxzlJBEdS1UUhOXdF9GQ==",
+      "dependencies": {
+        "@sphinxxxx/color-conversion": "^2.2.2"
+      }
+    },
     "node_modules/vary": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
@@ -16413,6 +16903,11 @@
         "defaults": "^1.0.3"
       }
     },
+    "node_modules/webidl-conversions": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ=="
+    },
     "node_modules/webpack": {
       "version": "4.47.0",
       "resolved": "https://registry.npmjs.org/webpack/-/webpack-4.47.0.tgz",
@@ -17161,6 +17656,15 @@
         "node": ">=0.8.0"
       }
     },
+    "node_modules/whatwg-url": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
+      "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
+      "dependencies": {
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
+      }
+    },
     "node_modules/which": {
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
@@ -12,6 +12,7 @@
     "axios": "^0.21.1",
     "echarts": "^5.6.0",
     "element-ui": "^2.15.6",
+    "formiojs": "^4.21.7",
     "qrcodejs2": "^0.0.2",
     "tinymce": "^5.10.7",
     "vue": "^2.6.14",
@@ -5,6 +5,8 @@
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width,initial-scale=1.0">
   <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+  <link rel="stylesheet" href="/formjs/css/form-js.css">
+
   <title><%= htmlWebpackPlugin.options.title %></title>
   <!-- 全局脚本引入 -->
   <script>
@@ -20,6 +22,7 @@
   <!-- Qs 库 - 主 CDN -->
   <script src="/js/jessibuca/jessibuca.js"></script>
+  <script src="/formjs/js/form-viewer.umd.js"></script>
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 获取费用套餐列表
+export function listFeeCombo(params) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/feeCombo.listFeeCombo',
+      method: 'get',
+      params: {
+        ...params,
+        communityId
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取费用套餐成员列表
+export function listFeeComboMember(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/feeComboMember.listFeeComboMember',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 根据费用套餐创建费用
+export function createFeeByCombo(data) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/fee.createFeeByCombo',
+      method: 'post',
+      data: {
+        ...data,
+        communityId
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+
+/**
+ * 获取欠费列表
+ * @param {Object} params 查询参数
+ * @returns {Promise} 
+ */
+export function listOweFees(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/feeApi/listOweFees',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+/**
+ * 缴费
+ * @param {Object} data 缴费数据
+ * @returns {Promise}
+ */
+export function payOweFee(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/fee.payOweFee',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+/**
+ * 扫码支付
+ * @param {Object} data 支付数据
+ * @returns {Promise}
+ */
+export function qrCodePayment(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/payment.qrCodePayment',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+/**
+ * 检查支付状态
+ * @param {Object} data 检查参数
+ * @returns {Promise}
+ */
+export function checkPayFinish(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/payment.checkPayFinish',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+/**
+ * 获取打印页面列表
+ * @param {Object} params 查询参数
+ * @returns {Promise}
+ */
+export function listFeePrintPages(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/feePrintPage.listFeePrintPage',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+/**
+ * 查询押金费用列表
+ * @param {Object} params 查询参数
+ * @returns {Promise} 
+ */
+export function queryFeeDeposit(params) {
+  return new Promise((resolve, reject) => {
+    // 确保社区ID存在
+    const communityId = params.communityId || getCommunityId()
+    if (!communityId) {
+      reject(new Error('Community ID is required'))
+      return
+    }
+
+    request({
+      url: '/fee.queryFeeDeposit',
+      method: 'get',
+      params: {
+        ...params,
+        communityId
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve({
+          data: res.data,
+          total: res.total,
+          records: res.records
+        })
+      } else {
+        reject(new Error(res.msg || 'Failed to fetch deposit fees'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+/**
+ * 保存退费申请
+ * @param {Object} data 退费数据
+ * @returns {Promise}
+ */
+export function saveReturnPayFee(data) {
+  return new Promise((resolve, reject) => {
+    // 确保社区ID存在
+    const communityId = data.communityId || getCommunityId()
+    if (!communityId) {
+      reject(new Error('Community ID is required'))
+      return
+    }
+
+    request({
+      url: '/returnPayFee.saveReturnPayFee',
+      method: 'post',
+      data: {
+        ...data,
+        communityId
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || 'Failed to save refund application'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+/**
+ * 获取押金状态字典
+ * @returns {Promise}
+ */
+export function getDepositStates() {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/dict/getDict',
+      method: 'get',
+      params: {
+        dictType: 'fee_state',
+        dictCode: 'deposit'
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res.data)
+      } else {
+        reject(new Error(res.msg || 'Failed to get deposit states'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+
+// 查询OA工作流表单配置
+export function queryOaWorkflowForm(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/oaWorkflow/queryOaWorkflowForm',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询OA工作流表单数据
+export function queryOaWorkflowFormData(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/oaWorkflow/queryOaWorkflowFormData',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 保存OA工作流表单数据
+export function saveOaWorkflowFormData(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/oaWorkflow/saveOaWorkflowFormData',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询OA工作流用户任务表单数据
+export function queryOaWorkflowUserTaskFormData(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/oaWorkflow/queryOaWorkflowUserTaskFormData',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询OA工作流用户历史任务表单数据
+export function queryOaWorkflowUserHisTaskFormData(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/oaWorkflow/queryOaWorkflowUserHisTaskFormData',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 上传文件
+export function uploadVedio(data, config) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/uploadVedio/upload',
+      method: 'post',
+      data,
+      ...config
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取工作流图片
+export function listRunWorkflowImage(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/workflow/listRunWorkflowImage',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+
+// 查询工单表单
+export function queryOaWorkflowForm(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/oaWorkflow/queryOaWorkflowForm',
+      method: 'get',
+      params
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询工单表单数据
+export function queryOaWorkflowFormData(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/oaWorkflow/queryOaWorkflowFormData',
+      method: 'get',
+      params
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询工单用户
+export function queryOaWorkflowUser(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/oaWorkflow/queryOaWorkflowUser',
+      method: 'get',
+      params
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取下一个任务
+export function getNextTask(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/oaWorkflow/getNextTask',
+      method: 'get',
+      params
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 审核工单
+export function auditOaWorkflow(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/oaWorkflow/auditOaWorkflow',
+      method: 'post',
+      data
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取流程图
+export function listRunWorkflowImage(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/workflow.listRunWorkflowImage',
+      method: 'get',
+      params
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询组织树
+export function listOrgTree(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/org.listOrgTree',
+      method: 'get',
+      params
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询员工信息
+export function queryStaffInfos(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/query.staff.infos',
+      method: 'get',
+      params
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+
+/**
+ * 查询OA工作流表单
+ * @param {Object} params 查询参数
+ * @returns {Promise} Promise对象
+ */
+export function queryOaWorkflowForm(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/oaWorkflow/queryOaWorkflowForm',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+/**
+ * 查询OA工作流表单数据
+ * @param {Object} params 查询参数
+ * @returns {Promise} Promise对象
+ */
+export function queryOaWorkflowFormData(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/oaWorkflow/queryOaWorkflowFormData',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+/**
+ * 更新OA工作流表单数据
+ * @param {Object} data 表单数据
+ * @returns {Promise} Promise对象
+ */
+export function updateOaWorkflowFormData(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/oaWorkflow.updateOaWorkflowFormData',
+      method: 'post',
+      data,
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+/**
+ * 上传视频文件
+ * @param {FormData} formData 表单数据
+ * @param {Object} config 配置项
+ * @returns {Promise} Promise对象
+ */
+export function uploadVedio(formData, config) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/uploadVedio/upload',
+      method: 'post',
+      data: formData,
+      onUploadProgress: config.onUploadProgress,
+      headers: {
+        'Content-Type': 'multipart/form-data'
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
@@ -146,7 +146,7 @@ export default {
       }
     },
     _toCarDetailOwnerDetail(owner) {
-      window.open(`/#/pages/owner/ownerDetail?ownerId=${owner.ownerId}`)
+      window.open(`/#/views/owner/ownerDetail?ownerId=${owner.ownerId}`)
     },
     open(params) {
       this.handleSwitch(params)
+<template>
+  <el-dialog
+    :title="$t('chooseFeeCombo.title')"
+    :visible.sync="dialogVisible"
+    width="70%"
+    @close="handleClose"
+  >
+
+      <div class="filter-container">
+        <el-input
+          v-model="currentFeeComboName"
+          :placeholder="$t('chooseFeeCombo.searchPlaceholder')"
+          class="filter-item"
+          style="width: 300px; margin-right: 10px;"
+          @keyup.enter.native="handleFilter"
+        />
+        <el-button
+          type="primary"
+          class="filter-item"
+          @click="handleFilter"
+        >
+          {{ $t('common.search') }}
+        </el-button>
+      </div>
+
+      <el-table
+        v-loading="loading"
+        :data="feeCombos"
+        border
+        fit
+        highlight-current-row
+        style="width: 100%; margin-top: 20px;"
+      >
+        <el-table-column
+          :label="$t('chooseFeeCombo.comboName')"
+          prop="comboName"
+          align="center"
+        />
+        <el-table-column
+          :label="$t('chooseFeeCombo.createTime')"
+          prop="createTime"
+          align="center"
+        />
+        <el-table-column
+          :label="$t('chooseFeeCombo.remark')"
+          prop="remark"
+          align="center"
+        />
+        <el-table-column
+          :label="$t('common.operation')"
+          align="center"
+          width="120"
+        >
+          <template slot-scope="scope">
+            <el-button
+              type="primary"
+              size="mini"
+              @click="handleChoose(scope.row)"
+            >
+              {{ $t('common.choose') }}
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <el-pagination
+        :current-page="pagination.current"
+        :page-sizes="[10, 20, 30, 50]"
+        :page-size="pagination.size"
+        :total="pagination.total"
+        layout="total, sizes, prev, pager, next, jumper"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+      />
+  </el-dialog>
+</template>
+
+<script>
+import { getCommunityId } from '@/api/community/communityApi'
+import { listFeeCombo } from '@/api/fee/createFeeByComboApi'
+
+export default {
+  name: 'ChooseFeeCombo',
+  data() {
+    return {
+      dialogVisible: false,
+      loading: false,
+      feeCombos: [],
+      currentFeeComboName: '',
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      },
+      communityId: ''
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+  },
+  methods: {
+    open() {
+      this.dialogVisible = true
+      this.resetSearch()
+      this.getList()
+    },
+    handleClose() {
+      this.dialogVisible = false
+    },
+    resetSearch() {
+      this.currentFeeComboName = ''
+      this.pagination.current = 1
+    },
+    handleFilter() {
+      this.pagination.current = 1
+      this.getList()
+    },
+    async getList() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.pagination.current,
+          row: this.pagination.size,
+          communityId: this.communityId,
+          name: this.currentFeeComboName
+        }
+        const { data, total } = await listFeeCombo(params)
+        this.feeCombos = data
+        this.pagination.total = total
+      } catch (error) {
+        console.error('Failed to load fee combos:', error)
+      } finally {
+        this.loading = false
+      }
+    },
+    handleSizeChange(val) {
+      this.pagination.size = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.pagination.current = val
+      this.getList()
+    },
+    handleChoose(row) {
+      this.$emit('chooseFeeCombo', row)
+      this.$emit('loadData', { feeComboId: row.feeComboId })
+      this.dialogVisible = false
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.filter-container {
+  margin-bottom: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.el-pagination {
+  margin-top: 20px;
+  text-align: right;
+}
+</style>
 \ No newline at end of file
@@ -123,7 +123,7 @@ export default {
       this.listUserAccount()
     },
     openAddUserAmountModal(userAccount) {
-      window.open(`/#/pages/owner/ownerDetail?ownerId=${userAccount.objId}&currentTab=ownerDetailAccount`)
+      window.open(`/#/views/owner/ownerDetail?ownerId=${userAccount.objId}&currentTab=ownerDetailAccount`)
     },
     computeFeeUserAmount(acctId) {
       let totalUserAmount = 0.0
+<template>
+  <el-dialog
+    :title="$t('printOwnFee.printTitle')"
+    :visible.sync="visible"
+    width="50%"
+    @close="handleClose">
+    <div class="print-own-fee-container">
+      <el-form label-width="120px">
+        <el-form-item :label="$t('printOwnFee.validityDate')" required>
+          <el-date-picker
+            v-model="printOwnFeeInfo.targetEndTime"
+            type="date"
+            :placeholder="$t('printOwnFee.selectEndTime')"
+            style="width:100%"
+            value-format="yyyy-MM-dd">
+          </el-date-picker>
+        </el-form-item>
+      </el-form>
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="handleCancel">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="handleConfirm">{{ $t('common.confirm') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: 'PrintOwnFee',
+  data() {
+    return {
+      visible: false,
+      printOwnFeeInfo: {
+        payObjId: '',
+        payObjType: '',
+        payObjName: '',
+        targetEndTime: ''
+      }
+    }
+  },
+  methods: {
+    open(params) {
+      this.clearPrintOwnFeeInfo()
+      Object.assign(this.printOwnFeeInfo, params)
+      this.visible = true
+    },
+    handleClose() {
+      this.clearPrintOwnFeeInfo()
+    },
+    handleCancel() {
+      this.visible = false
+      this.clearPrintOwnFeeInfo()
+    },
+    handleConfirm() {
+      if (!this.printOwnFeeInfo.targetEndTime) {
+        this.$message.warning(this.$t('printOwnFee.selectEndTimeTip'))
+        return
+      }
+      this._openPrintOweFeePage()
+      this.visible = false
+    },
+    _openPrintOweFeePage() {
+      window.open(`/print.html#/pages/property/printOweFee?payObjId=${this.printOwnFeeInfo.payObjId
+        }&payObjType=${this.printOwnFeeInfo.payObjType
+        }&payObjName=${encodeURIComponent(this.printOwnFeeInfo.payObjName)
+        }&targetEndTime=${this.printOwnFeeInfo.targetEndTime}`)
+    },
+    clearPrintOwnFeeInfo() {
+      this.printOwnFeeInfo = {
+        payObjId: '',
+        payObjType: '',
+        payObjName: '',
+        targetEndTime: ''
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.print-own-fee-container {
+  padding: 20px;
+}
+</style>
 \ No newline at end of file
 <template>
-  <el-dialog 
-    :title="$t('returnPayFee.fillRefundReason')" 
+  <el-dialog
+    :title="$t('returnPayFee.fillRefundReason')"
     :visible.sync="visible"
     width="50%"
-    center
+    @close="handleClose"
   >
-    <el-form :model="returnFeeDetailInfo" label-width="120px">
-      <el-form-item :label="$t('returnPayFee.paymentId')">
-        <el-input v-model="returnFeeDetailInfo.detailId" readonly />
+    <el-form 
+      ref="form" 
+      :model="formData" 
+      label-width="120px"
+      label-position="left"
+    >
+      <el-form-item :label="$t('returnPayFee.payment') + 'ID'">
+        <el-input v-model="formData.detailId" readonly />
       </el-form-item>
-      <el-form-item :label="`${$t('returnPayFee.cycle')}(单位月)`">
-        <el-input v-model="returnFeeDetailInfo.cycles" readonly />
+      <el-form-item :label="$t('returnPayFee.cycle') + $t('returnPayFee.monthUnit')">
+        <el-input v-model="formData.cycles" readonly />
       </el-form-item>
       <el-form-item :label="$t('returnPayFee.receivableAmount')">
-        <el-input v-model="returnFeeDetailInfo.receivableAmount" readonly />
+        <el-input v-model="formData.receivableAmount" readonly />
       </el-form-item>
       <el-form-item :label="$t('returnPayFee.receivedAmount')">
-        <el-input v-model="returnFeeDetailInfo.receivedAmount" readonly />
+        <el-input v-model="formData.receivedAmount" readonly />
       </el-form-item>
       <el-form-item :label="$t('returnPayFee.paymentTime')">
-        <el-input v-model="returnFeeDetailInfo.payTime" readonly />
+        <el-input v-model="formData.payTime" readonly />
       </el-form-item>
-      <el-form-item :label="$t('returnPayFee.refundReason')" required>
+      <el-form-item 
+        :label="$t('returnPayFee.refundReason')"
+        prop="reason"
+        :rules="[
+          { required: true, message: $t('returnPayFee.reasonRequired'), trigger: 'blur' },
+          { max: 200, message: $t('returnPayFee.reasonMaxLength'), trigger: 'blur' }
+        ]"
+      >
         <el-input
+          v-model="formData.reason"
           type="textarea"
           :rows="3"
-          v-model="returnFeeDetailInfo.reason"
-          :placeholder="$t('returnPayFee.enterRefundReason')"
-        ></el-input>
+          :placeholder="$t('returnPayFee.reasonPlaceholder')"
+        />
       </el-form-item>
     </el-form>
     <span slot="footer" class="dialog-footer">
       <el-button @click="visible = false">{{ $t('common.cancel') }}</el-button>
-      <el-button type="primary" @click="submitReturnPayFee">{{ $t('returnPayFee.submitRefund') }}</el-button>
+      <el-button 
+        type="primary" 
+        @click="submitReturnPayFee"
+        :loading="loading"
+      >
+        {{ $t('returnPayFee.submitRefund') }}
+      </el-button>
     </span>
   </el-dialog>
 </template>
 <script>
-import { getCommunityId } from '@/api/community/communityApi'
-import { saveReturnPayFee } from '@/api/fee/propertyFeeApi'
+import { saveReturnPayFee } from '@/api/fee/refundDepositFeeApi'
 export default {
   name: 'ReturnPayFee',
   data() {
     return {
       visible: false,
-      returnFeeDetailInfo: {
+      loading: false,
+      formData: {
         detailId: '',
         cycles: '',
         receivableAmount: '',
@@ -63,64 +81,50 @@ export default {
         feeId: '',
         feeTypeCd: '',
         configId: ''
-      },
-      communityId: ''
+      }
     }
   },
-  created() {
-    this.communityId = getCommunityId()
-  },
   methods: {
-    open(params) {
-      this.returnFeeDetailInfo = {
-        ...this.returnFeeDetailInfo,
-        communityId: params.communityId || this.communityId,
-        payTime: params.createTime,
-        detailId: params.detailId,
-        cycles: params.cycles,
-        receivableAmount: params.receivableAmount,
-        receivedAmount: params.receivedAmount,
-        feeId: params.mainFeeInfo.feeId || '',
-        feeTypeCd: params.mainFeeInfo.feeTypeCd || '',
-        configId: params.mainFeeInfo.configId || '',
-        remark: params.remark || ''
-      }
+    open(data) {
+      this.resetForm()
+      Object.assign(this.formData, data)
       this.visible = true
     },
-    returnPayFeeValidate() {
-      if (!this.returnFeeDetailInfo.reason) {
-        this.$message.error(this.$t('returnPayFee.refundReasonRequired'))
-        return false
-      }
-      if (this.returnFeeDetailInfo.reason.length > 200) {
-        this.$message.error(this.$t('returnPayFee.refundReasonTooLong'))
-        return false
+    resetForm() {
+      this.$refs.form && this.$refs.form.resetFields()
+      this.formData = {
+        detailId: '',
+        cycles: '',
+        receivableAmount: '',
+        receivedAmount: '',
+        payTime: '',
+        reason: '',
+        communityId: '',
+        feeId: '',
+        feeTypeCd: '',
+        configId: ''
       }
-      return true
+    },
+    handleClose() {
+      this.resetForm()
     },
     async submitReturnPayFee() {
-      if (!this.returnPayFeeValidate()) return
-      
       try {
-        const res = await saveReturnPayFee(this.returnFeeDetailInfo)
-        if (res.code === 0) {
-          this.$message.success(this.$t('common.operateSuccess'))
-          this.visible = false
-          this.$emit('success')
-        } else {
-          this.$message.error(res.msg || this.$t('common.operateFailed'))
-        }
+        const valid = await this.$refs.form.validate()
+        if (!valid) return
+
+        this.loading = true
+        await saveReturnPayFee(this.formData)
+        
+        this.$message.success(this.$t('common.operateSuccess'))
+        this.visible = false
+        this.$emit('success')
       } catch (error) {
-        console.error('提交退费申请失败:', error)
-        this.$message.error(this.$t('common.operateFailed'))
+        console.error(error)
+      } finally {
+        this.loading = false
       }
     }
   }
 }
-</script>
-
-<style scoped>
-.el-input, .el-textarea {
-  width: 100%;
-}
-</style>
 \ No newline at end of file
+</script>
 \ No newline at end of file
@@ -385,7 +385,7 @@ export default {
     },
     toOwnerPayFee() {
       this.$router.push({
-        path: '/property/owePayFeeOrder',
+        path: '/views/fee/owePayFeeOrder',
         query: {
           payObjId: this.simplifyRoomFeeInfo.roomId,
           payObjType: '3333',
@@ -544,7 +544,7 @@ export default {
     },
     openRoomCreateFeeComboModal() {
       this.$router.push({
-        path: '/property/createFeeByCombo',
+        path: '/views/fee/createFeeByCombo',
         query: {
           payerObjId: this.simplifyRoomFeeInfo.roomId,
           payerObjName: this.simplifyRoomFeeInfo.roomName,
@@ -50,6 +50,8 @@ export default {
         center = new TMap.LatLng(data.lat, data.lng)
         zoom = 16
       }
+
+      let TMap = window.TMap
       // 创建地图实例
       this.map = new TMap.Map(document.getElementById(this.elementId), {
@@ -88,6 +90,8 @@ export default {
       }
       // 创建新标记
+      let TMap = window.TMap
+
       this.marker = new TMap.MultiMarker({
         map: this.map,
         styles: {
@@ -112,7 +116,8 @@ export default {
     updatePosition(lat, lng) {
       if (!this.map) return
-      
+      let TMap = window.TMap
+
       const position = new TMap.LatLng(lat, lng)
       this.addMarker(position)
     }
+<template>
+  <div class="new-oa-workflow-finish">
+    <el-card class="search-card">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('newOaWorkflowFinish.searchTitle') }}</span>
+      </div>
+      <el-form :inline="true" :model="conditions" class="search-form">
+        <el-form-item>
+          <el-input v-model="conditions.createUserName" :placeholder="$t('newOaWorkflowFinish.enterApplicant')"
+            clearable />
+        </el-form-item>
+        <el-form-item>
+          <el-date-picker v-model="conditions.startTime" type="datetime"
+            :placeholder="$t('newOaWorkflowFinish.enterStartTime')" value-format="yyyy-MM-dd HH:mm:ss" />
+        </el-form-item>
+        <el-form-item>
+          <el-date-picker v-model="conditions.endTime" type="datetime"
+            :placeholder="$t('newOaWorkflowFinish.enterEndTime')" value-format="yyyy-MM-dd HH:mm:ss" />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="queryOaWorkflowFinish">
+            <i class="el-icon-search"></i>
+            {{ $t('common.search') }}
+          </el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+
+    <el-card class="table-card">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('newOaWorkflowFinish.doneProcess') }}</span>
+      </div>
+      <el-table :data="finishs" border style="width: 100%" v-loading="loading">
+        <el-table-column prop="create_user_name" :label="$t('newOaWorkflowFinish.applicant')" align="center" />
+        <template v-for="(item, index) in formJson">
+          <el-table-column v-if="item.type === 'text' || item.type === 'textarea'" :key="index" :label="item.label"
+            align="center">
+            <template slot-scope="scope">
+              {{ scope.row[item.key] }}
+            </template>
+          </el-table-column>
+        </template>
+        <el-table-column :label="$t('newOaWorkflowFinish.status')" align="center">
+          <template slot-scope="scope">
+            {{ getNewOaWorkflowFinishState(scope.row) }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="create_time" :label="$t('newOaWorkflowFinish.createTime')" align="center" />
+        <el-table-column :label="$t('common.operation')" align="center" width="150">
+          <template slot-scope="scope">
+            <el-button size="mini" @click="openNewOaWorkflowFinishDetail(scope.row)">
+              {{ $t('common.detail') }}
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page.current"
+        :page-sizes="[10, 20, 30, 50]" :page-size="page.size" layout="total, sizes, prev, pager, next, jumper"
+        :total="total" class="pagination" />
+    </el-card>
+  </div>
+</template>
+
+<script>
+import { queryOaWorkflowForm, queryOaWorkflowUserHisTaskFormData } from '@/api/oa/newOaWorkflowApi'
+
+export default {
+  name: 'NewOaWorkflowFinish',
+  data() {
+    return {
+      loading: false,
+      finishs: [],
+      formJson: [],
+      total: 0,
+      page: {
+        current: 1,
+        size: 10
+      },
+      conditions: {
+        createUserName: '',
+        startTime: '',
+        endTime: '',
+        flowId: this.flowId
+      }
+    }
+  },
+  created() {
+  },
+  methods: {
+    open(params) {
+      this.conditions.flowId = params.flowId
+      this.listOaWorkFlowFinishForm()
+      this.listOaWorkflowFinishs()
+    },
+    async listOaWorkFlowFinishForm() {
+      try {
+        const res = await queryOaWorkflowForm({
+          page: 1,
+          row: 1,
+          flowId: this.conditions.flowId
+        })
+        this.formJson = JSON.parse(res.data[0].formJson).components
+      } catch (error) {
+        console.error('获取表单配置失败:', error)
+      }
+    },
+    async listOaWorkflowFinishs() {
+      this.loading = true
+      try {
+        const params = {
+          ...this.conditions,
+          page: this.page.current,
+          row: this.page.size
+        }
+        const { data, total } = await queryOaWorkflowUserHisTaskFormData(params)
+        this.finishs = data
+        this.total = total
+      } catch (error) {
+        console.error('获取已办流程数据失败:', error)
+      } finally {
+        this.loading = false
+      }
+    },
+    queryOaWorkflowFinish() {
+      this.page.current = 1
+      this.listOaWorkflowFinishs()
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this.listOaWorkflowFinishs()
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this.listOaWorkflowFinishs()
+    },
+    openNewOaWorkflowFinishDetail(finish) {
+      this.$router.push({
+        path: '/views/oa/newOaWorkflowDetail',
+        query: {
+          id: finish.id,
+          flowId: this.conditions.flowId
+        }
+      })
+    },
+    getNewOaWorkflowFinishState(finish) {
+      if (!Object.prototype.hasOwnProperty.call(finish, 'state')) return this.$t('common.unknown')
+
+      const stateMap = {
+        '1001': this.$t('newOaWorkflowFinish.stateApply'),
+        '1002': this.$t('newOaWorkflowFinish.statePending'),
+        '1003': this.$t('newOaWorkflowFinish.stateReturned'),
+        '1004': this.$t('newOaWorkflowFinish.stateDelegate'),
+        '1005': this.$t('newOaWorkflowFinish.stateCompleted')
+      }
+
+      return stateMap[finish.state] || this.$t('common.unknown')
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.new-oa-workflow-finish {
+  .search-card {
+    margin-bottom: 20px;
+
+    .search-form {
+      .el-form-item {
+        margin-bottom: 0;
+      }
+    }
+  }
+
+  .pagination {
+    margin-top: 20px;
+    text-align: right;
+  }
+}
+</style>
 \ No newline at end of file
+<template>
+  <div class="new-oa-workflow-form">
+    <el-card class="form-card">
+      <div class="form-container" id="form-container">
+
+        <div class="upload-wrapper">
+          <upload-file ref="uploadFile" :call-back-listener="callBackListener" :call-back-function="callBackFunction" />
+        </div>
+      </div>
+
+    </el-card>
+  </div>
+</template>
+
+<script>
+import UploadFile from '@/components/upload/uploadFile'
+import { queryOaWorkflowForm, saveOaWorkflowFormData } from '@/api/oa/newOaWorkflowApi'
+//import { Formio } from 'formiojs'
+
+export default {
+  name: 'NewOaWorkflowForm',
+  components: { UploadFile },
+
+  data() {
+    return {
+      formJson: {},
+      fileName: '',
+      realFileName: '',
+      callBackListener: 'newOaWorkflowForm',
+      callBackFunction: 'fileName',
+      formViewer: null
+    }
+  },
+  mounted() {
+  },
+  methods: {
+    open(params) {
+      this.flowId = params.flowId
+      this.listOaWorkflowForm()
+    },
+    async listOaWorkflowForm() {
+      try {
+        const res = await queryOaWorkflowForm({
+          page: 1,
+          row: 1,
+          flowId: this.flowId
+        })
+        console.log(res)
+        this.formJson = JSON.parse(res.data[0].formJson)
+        this.initForm()
+      } catch (error) {
+        console.error('获取表单配置失败:', error)
+      }
+    },
+    initForm() {
+      const container = document.getElementById('form-container')
+
+      const form = window.FormViewer.createForm({
+        container,
+        schema: this.formJson
+      });
+      console.log(form);
+      form.then((_from) => {
+        _from.on('submit', (event) => {
+          this.submitFormData(event.data, event.errors);
+        })
+      }).then((_from) => {
+        console.log(_from);
+        let node = document.querySelector('.fjs-form .uploadFile');
+        const submitBtn = document.querySelector('.fjs-form .fjs-form-field-button');
+        submitBtn.parentNode.insertBefore(node, submitBtn);
+      });
+    },
+    async submitFormData(data, errors) {
+      if (Object.keys(errors).length !== 0) return
+
+      const formData = {
+        ...data,
+        flowId: this.flowId,
+        fileName: this.fileName,
+        realFileName: this.realFileName
+      }
+
+      try {
+        const res = await saveOaWorkflowFormData(formData)
+        if (res.code === 0) {
+          this.$message.success(this.$t('common.submitSuccess'))
+          this.resetForm()
+          this.$emit('switch-tab', 'newOaWorkflowPool')
+        } else {
+          this.$message.error(res.msg)
+        }
+      } catch (error) {
+        console.error('提交表单失败:', error)
+        this.$message.error(this.$t('common.submitFailed'))
+      }
+    },
+    resetForm() {
+      if (this.formViewer) {
+        this.formViewer.destroy()
+      }
+      this.$refs.uploadFile.clear()
+      this.fileName = ''
+      this.realFileName = ''
+      this.formJson = {}
+    },
+    handleFileUpload(fileInfo) {
+      this.fileName = fileInfo.fileName
+      this.realFileName = fileInfo.realFileName
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.new-oa-workflow-form {
+  .form-card {
+    padding: 20px;
+    border-radius: 4px;
+    border: 1px solid #ebeef5;
+    background-color: #fff;
+    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+
+    .form-container {
+
+      .upload-wrapper {
+        margin-bottom: 20px;
+        padding: 20px;
+        background-color: #fafafa;
+        border: 1px solid #e4e7ed;
+        border-radius: 4px;
+      }
+    }
+  }
+}
+
+// 全局Formio样式覆盖（不使用scoped）
+
+// Formio Element UI 风格样式
+.formio-form {
+  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif !important;
+
+  .form-group {
+    margin-bottom: 22px !important;
+    text-align: left !important;
+  }
+
+  .form-control {
+    border: 1px solid #dcdfe6 !important;
+    border-radius: 4px !important;
+    padding: 0 15px !important;
+    height: 40px !important;
+    line-height: 40px !important;
+    font-size: 14px !important;
+    background: #fff !important;
+    color: #606266 !important;
+    box-sizing: border-box !important;
+    width: 100% !important;
+    transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
+  }
+
+  .form-control:focus {
+    border-color: #409eff !important;
+    outline: none !important;
+  }
+
+  .form-control:disabled {
+    background: #f5f7fa !important;
+    color: #c0c4cc !important;
+  }
+
+  .col-form-label {
+    font-weight: 500 !important;
+    color: #606266 !important;
+    font-size: 14px !important;
+    margin-bottom: 8px !important;
+  }
+
+  .formio-errors {
+    color: #f56c6c !important;
+    font-size: 12px !important;
+    margin-top: 4px !important;
+  }
+
+  button.btn {
+    background-color: #409eff !important;
+    border: 1px solid #409eff !important;
+    border-radius: 4px !important;
+    padding: 12px 20px !important;
+    font-size: 14px !important;
+    font-weight: 500 !important;
+    color: #fff !important;
+    cursor: pointer !important;
+    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
+  }
+
+  button.btn:hover {
+    background-color: #66b1ff !important;
+    border-color: #66b1ff !important;
+  }
+
+  button.btn:active {
+    background-color: #3a8ee6 !important;
+    border-color: #3a8ee6 !important;
+  }
+
+  button.btn:disabled {
+    background-color: #c0c4cc !important;
+    border-color: #c0c4cc !important;
+    color: #fff !important;
+    cursor: not-allowed !important;
+  }
+}
+</style>
 \ No newline at end of file
+<template>
+  <div class="new-oa-workflow-pool">
+    <el-card class="search-card">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('newOaWorkflowPool.searchTitle') }}</span>
+      </div>
+      <el-form :inline="true" :model="conditions" class="search-form text-left">
+        <el-form-item>
+          <el-input v-model="conditions.createUserName" :placeholder="$t('newOaWorkflowPool.enterApplicant')"
+            clearable />
+        </el-form-item>
+        <el-form-item>
+          <el-date-picker v-model="conditions.startTime" type="datetime"
+            :placeholder="$t('newOaWorkflowPool.enterStartTime')" value-format="yyyy-MM-dd HH:mm:ss" />
+        </el-form-item>
+        <el-form-item>
+          <el-date-picker v-model="conditions.endTime" type="datetime"
+            :placeholder="$t('newOaWorkflowPool.enterEndTime')" value-format="yyyy-MM-dd HH:mm:ss" />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="queryOaWorkflowPool">
+            <i class="el-icon-search"></i>
+            {{ $t('common.search') }}
+          </el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+
+    <el-card class="table-card">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('newOaWorkflowPool.processWorkOrder') }}</span>
+      </div>
+      <el-table :data="pools" border style="width: 100%" v-loading="loading">
+        <el-table-column prop="create_user_name" :label="$t('newOaWorkflowPool.applicant')" align="center" />
+        <template v-for="(item, index) in formJson">
+          <el-table-column 
+            v-if="item.type !== 'text' && item.type !== 'button' && item.type !== 'textarea'" :key="index"
+            :label="item.label" align="center">
+            <template slot-scope="scope">
+              {{ scope.row[item.key] }}
+            </template>
+          </el-table-column>
+        </template>
+        <el-table-column :label="$t('newOaWorkflowPool.status')" align="center">
+          <template slot-scope="scope">
+            {{ getNewOaWorkflowPoolState(scope.row) }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="create_time" :label="$t('newOaWorkflowPool.createTime')" align="center" />
+        <el-table-column :label="$t('common.operation')" align="center" width="200">
+          <template slot-scope="scope">
+            <el-button size="mini" @click="openNewOaWorkflowPoolDetail(scope.row)">
+              {{ $t('common.detail') }}
+            </el-button>
+            <el-button size="mini" @click="openNewOaWorkflowPoolImg(scope.row)">
+              {{ $t('newOaWorkflowPool.flowChart') }}
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page.current"
+        :page-sizes="[10, 20, 30, 50]" :page-size="page.size" layout="total, sizes, prev, pager, next, jumper"
+        :total="total" class="pagination" />
+    </el-card>
+
+    <view-image ref="viewImage" />
+  </div>
+</template>
+
+<script>
+import { queryOaWorkflowForm, queryOaWorkflowFormData } from '@/api/oa/newOaWorkflowApi'
+import ViewImage from '@/components/system/viewImage'
+
+export default {
+  name: 'NewOaWorkflowPool',
+  components: { ViewImage },
+
+  data() {
+    return {
+      loading: false,
+      pools: [],
+      formJson: [],
+      total: 0,
+      page: {
+        current: 1,
+        size: 10
+      },
+      conditions: {
+        createUserName: '',
+        startTime: '',
+        endTime: '',
+        flowId: this.flowId
+      }
+    }
+  },
+  created() {
+  },
+  methods: {
+    open(params) {
+      this.conditions.flowId = params.flowId
+      this.listOaWorkFlowPoolForm()
+      this.listOaWorkflowPools()
+    },
+    async listOaWorkFlowPoolForm() {
+      try {
+        const res = await queryOaWorkflowForm({
+          page: 1,
+          row: 1,
+          flowId: this.conditions.flowId
+        })
+        this.formJson = JSON.parse(res.data[0].formJson).components
+      } catch (error) {
+        console.error('获取表单配置失败:', error)
+      }
+    },
+    async listOaWorkflowPools() {
+      this.loading = true
+      try {
+        const params = {
+          ...this.conditions,
+          page: this.page.current,
+          row: this.page.size
+        }
+        const { data, total } = await queryOaWorkflowFormData(params)
+        this.pools = data
+        this.total = total
+      } catch (error) {
+        console.error('获取工单池数据失败:', error)
+      } finally {
+        this.loading = false
+      }
+    },
+    queryOaWorkflowPool() {
+      this.page.current = 1
+      this.listOaWorkflowPools()
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this.listOaWorkflowPools()
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this.listOaWorkflowPools()
+    },
+    openNewOaWorkflowPoolDetail(pool) {
+      this.$router.push({
+        path: '/views/oa/newOaWorkflowDetail',
+        query: {
+          id: pool.id,
+          flowId: this.conditions.flowId
+        }
+      })
+    },
+    async openNewOaWorkflowPoolImg(pool) {
+      try {
+        const res = await this.$api.workflow.listRunWorkflowImage({
+          communityId: this.$store.getters.communityId,
+          businessKey: pool.id
+        })
+        if (res.code !== '0') {
+          this.$message.error(res.msg)
+          return
+        }
+        this.$refs.viewImage.open(`data:image/png;base64,${res.data}`)
+      } catch (error) {
+        console.error('获取流程图失败:', error)
+      }
+    },
+    getNewOaWorkflowPoolState(pool) {
+      if (!Object.prototype.hasOwnProperty.call(pool, 'state')) return this.$t('common.unknown')
+
+      const stateMap = {
+        '1001': this.$t('newOaWorkflowPool.stateApply'),
+        '1002': this.$t('newOaWorkflowPool.statePending'),
+        '1003': this.$t('newOaWorkflowPool.stateReturned'),
+        '1004': this.$t('newOaWorkflowPool.stateDelegate'),
+        '1005': this.$t('newOaWorkflowPool.stateCompleted')
+      }
+
+      return stateMap[pool.state] || this.$t('common.unknown')
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.new-oa-workflow-pool {
+  .search-card {
+    margin-bottom: 20px;
+
+    .search-form {
+      .el-form-item {
+        margin-bottom: 0;
+      }
+    }
+  }
+
+  .pagination {
+    margin-top: 20px;
+    text-align: right;
+  }
+}
+</style>
 \ No newline at end of file
+<template>
+  <div class="new-oa-workflow-undo">
+    <el-card class="search-card">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('newOaWorkflowUndo.searchTitle') }}</span>
+      </div>
+      <el-form :inline="true" :model="conditions" class="search-form">
+        <el-form-item>
+          <el-input v-model="conditions.createUserName" :placeholder="$t('newOaWorkflowUndo.enterApplicant')"
+            clearable />
+        </el-form-item>
+        <el-form-item>
+          <el-date-picker v-model="conditions.startTime" type="datetime"
+            :placeholder="$t('newOaWorkflowUndo.enterStartTime')" value-format="yyyy-MM-dd HH:mm:ss" />
+        </el-form-item>
+        <el-form-item>
+          <el-date-picker v-model="conditions.endTime" type="datetime"
+            :placeholder="$t('newOaWorkflowUndo.enterEndTime')" value-format="yyyy-MM-dd HH:mm:ss" />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="queryOaWorkflowUndo">
+            <i class="el-icon-search"></i>
+            {{ $t('common.search') }}
+          </el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+
+    <el-card class="table-card">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('newOaWorkflowUndo.todoProcess') }}</span>
+      </div>
+      <el-table :data="undos" border style="width: 100%" v-loading="loading">
+        <el-table-column prop="create_user_name" :label="$t('newOaWorkflowUndo.applicant')" align="center" />
+        <template v-for="(item, index) in formJson">
+          <el-table-column v-if="item.type === 'text' || item.type === 'textarea'" :key="index" :label="item.label"
+            align="center">
+            <template slot-scope="scope">
+              {{ scope.row[item.key] }}
+            </template>
+          </el-table-column>
+        </template>
+        <el-table-column :label="$t('newOaWorkflowUndo.status')" align="center">
+          <template slot-scope="scope">
+            {{ getNewOaWorkflowUndoState(scope.row) }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="create_time" :label="$t('newOaWorkflowUndo.createTime')" align="center" />
+        <el-table-column :label="$t('common.operation')" align="center" width="300">
+          <template slot-scope="scope">
+            <el-button size="mini" type="primary" @click="openAuditNewOaWorkflowUndoDetail(scope.row)">
+              {{ $t('newOaWorkflowUndo.process') }}
+            </el-button>
+            <el-button size="mini" @click="openNewOaWorkflowUndoDetail(scope.row)">
+              {{ $t('common.detail') }}
+            </el-button>
+            <el-button size="mini" type="warning" v-if="isMe(scope.row)" @click="openEditNewOaWorkflow(scope.row)">
+              {{ $t('common.edit') }}
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page.current"
+        :page-sizes="[10, 20, 30, 50]" :page-size="page.size" layout="total, sizes, prev, pager, next, jumper"
+        :total="total" class="pagination" />
+    </el-card>
+  </div>
+</template>
+
+<script>
+import { queryOaWorkflowForm, queryOaWorkflowUserTaskFormData } from '@/api/oa/newOaWorkflowApi'
+// import { getCommunityId } from '@/api/community/communityApi'
+import { getUserId } from '@/api/user/userApi'
+
+export default {
+  name: 'NewOaWorkflowUndo',
+
+  data() {
+    return {
+      loading: false,
+      undos: [],
+      formJson: [],
+      total: 0,
+      page: {
+        current: 1,
+        size: 10
+      },
+      conditions: {
+        createUserName: '',
+        startTime: '',
+        endTime: '',
+        flowId: this.flowId,
+        userId: getUserId()
+      }
+    }
+  },
+  created() {
+  },
+  methods: {
+    open(params) {
+      this.conditions.flowId = params.flowId
+      this.listOaWorkFlowUndoForm()
+      this.listOaWorkflowUndos()
+    },
+    async listOaWorkFlowUndoForm() {
+      try {
+        const res = await queryOaWorkflowForm({
+          page: 1,
+          row: 1,
+          flowId: this.conditions.flowId
+        })
+        this.formJson = JSON.parse(res.data[0].formJson).components
+      } catch (error) {
+        console.error('获取表单配置失败:', error)
+      }
+    },
+    async listOaWorkflowUndos() {
+      this.loading = true
+      try {
+        const params = {
+          ...this.conditions,
+          page: this.page.current,
+          row: this.page.size
+        }
+        const { data, total } = await queryOaWorkflowUserTaskFormData(params)
+        this.undos = data
+        this.total = total
+      } catch (error) {
+        console.error('获取待办流程数据失败:', error)
+      } finally {
+        this.loading = false
+      }
+    },
+    queryOaWorkflowUndo() {
+      this.page.current = 1
+      this.listOaWorkflowUndos()
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this.listOaWorkflowUndos()
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this.listOaWorkflowUndos()
+    },
+    openNewOaWorkflowUndoDetail(undo) {
+      this.$router.push({
+        path: '/views/oa/newOaWorkflowDetail',
+        query: {
+          id: undo.id,
+          flowId: this.conditions.flowId
+        }
+      })
+    },
+    openAuditNewOaWorkflowUndoDetail(undo) {
+      this.$router.push({
+        path: '/views/oa/newOaWorkflowDetail',
+        query: {
+          id: undo.id,
+          flowId: this.conditions.flowId,
+          action: 'Audit',
+          taskId: undo.taskId
+        }
+      })
+    },
+    openEditNewOaWorkflow(undo) {
+      this.$router.push({
+        path: '/views/oa/newOaWorkflowFormEdit',
+        query: {
+          id: undo.id,
+          flowId: this.conditions.flowId
+        }
+      })
+    },
+    getNewOaWorkflowUndoState(undo) {
+      if (!Object.prototype.hasOwnProperty.call(undo, 'state')) return this.$t('common.unknown')
+
+      const stateMap = {
+        '1001': this.$t('newOaWorkflowUndo.stateApply'),
+        '1002': this.$t('newOaWorkflowUndo.statePending'),
+        '1003': this.$t('newOaWorkflowUndo.stateReturned'),
+        '1004': this.$t('newOaWorkflowUndo.stateDelegate'),
+        '1005': this.$t('newOaWorkflowUndo.stateCompleted')
+      }
+
+      return stateMap[undo.state] || this.$t('common.unknown')
+    },
+    isMe(undo) {
+      return undo.create_user_id === getUserId()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.new-oa-workflow-undo {
+  .search-card {
+    margin-bottom: 20px;
+
+    .search-form {
+      .el-form-item {
+        margin-bottom: 0;
+      }
+    }
+  }
+
+  .pagination {
+    margin-top: 20px;
+    text-align: right;
+  }
+}
+</style>
 \ No newline at end of file
 <template>
-  <div class="org-tree-show">
+  <div class="org-tree-container">
     <el-tree
       ref="orgTree"
       :data="orgTreeShowInfo.orgs"
-      node-key="id"
       :props="defaultProps"
-      :default-expand-all="true"
-      :highlight-current="true"
+      node-key="id"
+      default-expand-all
+      highlight-current
       @node-click="handleNodeClick"
     />
   </div>
 </template>
 <script>
-import { listOrgTree } from '@/api/oa/editWorkApi'
+import { listOrgTree } from '@/api/oa/newOaWorkflowDetailApi'
 import { getCommunityId } from '@/api/community/communityApi'
 export default {
   name: 'OrgTreeShow',
-  props: {
-    callBackListener: {
-      type: String,
-      required: true
-    }
-  },
   data() {
     return {
       orgTreeShowInfo: {
@@ -34,31 +28,32 @@ export default {
       defaultProps: {
         children: 'children',
         label: 'text'
-      }
+      },
+      communityId: ''
     }
   },
-  mounted() {
-    this._loadOrgsShow()
+  created() {
+    this.communityId = getCommunityId()
   },
   methods: {
-    refreshTree() {
+    refresh() {
       this._loadOrgsShow()
     },
     async _loadOrgsShow() {
       try {
         const params = {
-          communityId: getCommunityId()
+          communityId: this.communityId
         }
-        const { data } = await listOrgTree(params)
-        this.orgTreeShowInfo.orgs = data
+        const response = await listOrgTree(params)
+        this.orgTreeShowInfo.orgs = response.data
       } catch (error) {
         console.error('加载组织树失败:', error)
       }
     },
-    handleNodeClick(data) {
+    handleNodeClick(data, node) {
       this.orgTreeShowInfo.curOrg = data
       this.orgTreeShowInfo.curOrg.orgId = data.id
-      this.$emit(this.callBackListener, 'switchOrg', {
+      this.$emit('switchOrg', {
         orgId: data.id,
         orgName: data.text
       })
@@ -68,18 +63,15 @@ export default {
 </script>
 <style lang="scss" scoped>
-.org-tree-show {
-  ::v-deep .el-tree {
-    background: transparent;
+.org-tree-container {
+  height: 100%;
+  
+  /deep/ .el-tree {
+    height: 100%;
+    overflow-y: auto;
+    
     .el-tree-node__content {
       height: 36px;
-      &:hover {
-        background-color: #f5f7fa;
-      }
-    }
-    .is-current > .el-tree-node__content {
-      background-color: #ecf5ff;
-      color: #409eff;
     }
   }
 }
 <template>
-  <el-dialog
+  <el-dialog 
+    :visible.sync="visible" 
     :title="$t('selectStaff.title')"
-    :visible.sync="visible"
-    width="70%"
-    top="5vh"
+    width="80%"
+    @close="handleClose"
   >
     <el-row :gutter="20">
       <el-col :span="12" class="border-right">
-        <div class="text-center section-title">
-          {{ $t('selectStaff.orgInfo') }}
+        <div class="text-center mb-20">
+          <h4>{{ $t('selectStaff.orgInfo') }}</h4>
         </div>
-        <div class="org-tree-container">
-          <org-tree-show
-            ref="orgTree"
-            :call-back-listener="'selectStaff'"
-          />
+        <div class="staff-container">
+          <org-tree-show ref="orgTree" @switchOrg="handleSwitchOrg" />
         </div>
       </el-col>
       <el-col :span="12">
-        <div class="text-center section-title">
-          {{ $t('selectStaff.staffInfo') }}
+        <div class="text-center mb-20">
+          <h4>{{ $t('selectStaff.staffInfo') }}</h4>
         </div>
-        <div class="staff-list">
-          <div
-            v-for="(item, index) in selectStaffInfo.staffs"
+        <div class="staff-container">
+          <div 
+            v-for="(item,index) in selectStaffInfo.staffs" 
             :key="index"
             class="staff-item"
             :class="{ 'selected': selectStaffInfo.curStaffId === item.staffId }"
-            @click="_changeStaff(item)"
+            @click="handleChangeStaff(item)"
           >
             <div>
               <i class="el-icon-user"></i>
@@ -38,25 +35,26 @@
         </div>
       </el-col>
     </el-row>
-    <div
+    
+    <div 
       v-if="selectStaffInfo.staff.from === 'bpmn' || 
             selectStaffInfo.staff.from === 'purchase' || 
             selectStaffInfo.staff.from === 'contract'"
       slot="footer"
       class="dialog-footer"
     >
-      <el-button @click="_firstUser">
+      <el-button @click="handleFirstUser">
         {{ $t('selectStaff.submitter') }}
       </el-button>
-      <el-button @click="_customUser">
-        {{ $t('selectStaff.dynamicAssign') }}
+      <el-button @click="handleCustomUser">
+        {{ $t('selectStaff.customAssign') }}
       </el-button>
     </div>
   </el-dialog>
 </template>
 <script>
-import { queryStaffInfos } from '@/api/oa/editWorkApi'
+import { queryStaffInfos } from '@/api/oa/newOaWorkflowDetailApi'
 import OrgTreeShow from './OrgTreeShow'
 export default {
@@ -77,57 +75,61 @@ export default {
   },
   methods: {
     open(staff) {
-      this.selectStaffInfo.staff = staff || {}
+      this.selectStaffInfo.staff = staff
       this.visible = true
       this.$nextTick(() => {
-        this.$refs.orgTree.refreshTree()
+        this.$refs.orgTree.refresh()
       })
     },
-    _changeStaff(item) {
-      this.selectStaffInfo.staff.staffId = item.userId
-      this.selectStaffInfo.staff.staffName = item.userName
-      this.selectStaffInfo.staff.staffTel = item.tel
-      this.visible = false
-      if (typeof this.selectStaffInfo.staff.call === 'function') {
-        this.selectStaffInfo.staff.call(this.selectStaffInfo.staff)
-      }
+    handleClose() {
+      this.selectStaffInfo.staffs = []
+      this.selectStaffInfo.curStaffId = ''
     },
-    async loadStaff(org) {
+    handleSwitchOrg({ orgId, orgName }) {
+      this.loadStaff(orgId)
+    },
+    async loadStaff(orgId) {
       try {
         const params = {
           page: 1,
           rows: 50,
           row: 50,
-          orgId: org.orgId
+          orgId
         }
-        const { data } = await queryStaffInfos(params)
-        this.selectStaffInfo.staffs = data.staffs
-        if (data.staffs.length > 0) {
-          this.selectStaffInfo.curStaffId = data.staffs[0].orgId
+        const response = await queryStaffInfos(params)
+        this.selectStaffInfo.staffs = response.staffs
+        if (response.staffs.length > 0) {
+          this.selectStaffInfo.curStaffId = response.staffs[0].orgId
         }
       } catch (error) {
         console.error('加载员工失败:', error)
       }
     },
-    _firstUser() {
+    handleChangeStaff(item) {
+      this.selectStaffInfo.staff.staffId = item.userId
+      this.selectStaffInfo.staff.staffName = item.userName
+      this.selectStaffInfo.staff.staffTel = item.tel
+      this.visible = false
+      if (this.selectStaffInfo.staff.call) {
+        this.selectStaffInfo.staff.call(this.selectStaffInfo.staff)
+      }
+    },
+    handleFirstUser() {
       this.selectStaffInfo.staff.staffId = '${startUserId}'
       this.selectStaffInfo.staff.staffName = this.$t('selectStaff.submitter')
       this.visible = false
-      if (typeof this.selectStaffInfo.staff.call === 'function') {
+      if (this.selectStaffInfo.staff.call) {
         this.selectStaffInfo.staff.call(this.selectStaffInfo.staff)
       }
     },
-    _customUser() {
+    handleCustomUser() {
       this.selectStaffInfo.staff.staffId = '${nextUserId}'
-      this.selectStaffInfo.staff.staffName = this.$t('selectStaff.dynamicAssign')
+      this.selectStaffInfo.staff.staffName = this.$t('selectStaff.customAssign')
       this.visible = false
-      if (typeof this.selectStaffInfo.staff.call === 'function') {
+      if (this.selectStaffInfo.staff.call) {
         this.selectStaffInfo.staff.call(this.selectStaffInfo.staff)
       }
     }
-  },
-  created() {
-    this.$on('selectStaff', 'switchOrg', this.loadStaff)
   }
 }
 </script>
@@ -137,38 +139,34 @@ export default {
   border-right: 1px solid #eee;
 }
-.section-title {
-  font-weight: bold;
-  margin-bottom: 15px;
-}
-
-.org-tree-container {
-  padding: 10px;
-  height: 500px;
+.staff-container {
+  height: 400px;
   overflow-y: auto;
-}
-
-.staff-list {
   padding: 10px;
-  height: 500px;
-  overflow-y: auto;
 }
 .staff-item {
   padding: 10px;
-  margin-bottom: 5px;
+  margin-bottom: 10px;
+  border: 1px solid #eee;
   border-radius: 4px;
   cursor: pointer;
+  
   &:hover {
     background-color: #f5f7fa;
   }
+  
   &.selected {
     background-color: #ecf5ff;
-    color: #409eff;
+    border-color: #c6e2ff;
   }
 }
-.dialog-footer {
-  text-align: right;
+.text-center {
+  text-align: center;
+}
+
+.mb-20 {
+  margin-bottom: 20px;
 }
 </style>
 \ No newline at end of file
 <template>
   <div class="upload-file-container">
-    <el-progress
-      v-if="uploadFileInfo.progress > 0"
-      :percentage="uploadFileInfo.progress"
-      :stroke-width="2"
-    />
-    <div v-if="uploadFileInfo.progress > 0" class="file-name">
-      {{ uploadFileInfo.fileName }}
+    <div class="progress" v-if="uploadFileInfo.progress > 0">
+      <el-progress 
+        :percentage="uploadFileInfo.progress" 
+        :stroke-width="2" 
+        :show-text="false" />
     </div>
-    <div>
-      <el-button
-        type="primary"
-        size="small"
-        @click="_uploadFile"
-      >
-        {{ $t('uploadFile.upload') }}
+    <div class="file-info" v-if="uploadFileInfo.progress > 0">
+      <span>{{ uploadFileInfo.fileName }}</span>
+    </div>
+    <div class="upload-btn">
+      <el-button 
+        type="primary" 
+        @click="_uploadFile">
+        {{ $t('uploadFile.uploadBtn') }}
       </el-button>
-      <input
-        ref="fileInput"
-        type="file"
-        class="file-input"
-        accept="*"
-        capture="camcorder"
-        @change="_chooseFile"
-      >
+      <input 
+        type="file" 
+        class="file-input" 
+        accept="*" 
+        id="uploadFile" 
+        hidden 
+        @change="_chooseFile($event)" />
     </div>
   </div>
 </template>
 <script>
-import { uploadFile } from '@/api/oa/editWorkApi'
+import { uploadVedio } from '@/api/oa/newOaWorkflowFormEditApi'
 export default {
   name: 'UploadFile',
   props: {
     callBackListener: {
       type: String,
-      default: ''
+      required: true
     },
     callBackFunction: {
       type: String,
-      default: ''
+      required: true
     }
   },
   data() {
@@ -61,25 +59,13 @@ export default {
       }
     }
   },
+  created() {
+    this.$on('clearVedio', this.clearVedio)
+    this.$on('notifyVedio', this.notifyVedio)
+  },
   methods: {
-    notifyVedio(fileName) {
-      this.uploadFileInfo = {
-        vedio: {},
-        fileName: fileName,
-        realFileName: fileName,
-        progress: 100
-      }
-    },
-    clearVedio() {
-      this.uploadFileInfo = {
-        vedio: {},
-        fileName: '',
-        realFileName: '',
-        progress: 0
-      }
-    },
     _uploadFile() {
-      this.$refs.fileInput.click()
+      document.getElementById('uploadFile').click()
     },
     _chooseFile(event) {
       const files = event.target.files
@@ -98,8 +84,8 @@ export default {
       formData.append('uploadFile', file)
       try {
-        const res = await uploadFile(formData, {
-          onUploadProgress: (progressEvent) => {
+        const res = await uploadVedio(formData, {
+          onUploadProgress: progressEvent => {
             const rate = progressEvent.loaded / progressEvent.total
             if (rate < 0.9) {
               this.uploadFileInfo.progress = Math.floor(rate * 100)
@@ -108,14 +94,27 @@ export default {
         })
         this.uploadFileInfo.progress = 100
-        this.$message.success(this.$t('uploadFile.success'))
+        this.$message.success(this.$t('uploadFile.uploadSuccess'))
         this.uploadFileInfo.fileName = res.fileName
         this.uploadFileInfo.realFileName = res.realFileName
         this.$emit(this.callBackListener, this.callBackFunction, res)
       } catch (error) {
-        console.error('上传失败:', error)
-        this.$message.error(this.$t('uploadFile.failed'))
+        console.error('上传文件失败:', error)
+        this.$message.error(this.$t('uploadFile.uploadError'))
+      }
+    },
+    clearVedio() {
+      this.uploadFileInfo = {
+        vedio: {},
+        fileName: '',
+        realFileName: '',
+        progress: 0
       }
+    },
+    notifyVedio(fileName) {
+      this.uploadFileInfo.fileName = fileName
+      this.uploadFileInfo.realFileName = fileName
+      this.uploadFileInfo.progress = 100
     }
   }
 }
@@ -123,8 +122,16 @@ export default {
 <style lang="scss" scoped>
 .upload-file-container {
-  .file-name {
-    margin-bottom: 5px;
+  margin-bottom: 20px;
+
+  .progress {
+    margin-bottom: 10px;
+  }
+
+  .file-info {
+    margin-bottom: 10px;
+    font-size: 14px;
+    color: #606266;
   }
   .file-input {
 <template>
-  <div class="view-image-wrapper" v-show="visible">
-    <div class="image-container">
-      <img
-        :src="imageUrl"
-        :style="{
-          width: imgWidth + 'px',
-          height: imgHeight + 'px'
-        }"
-        @error="handleImageError"
-      />
-      <i class="el-icon-close close-icon" @click="close"></i>
-    </div>
+  <div class="view-image-container">
+    <el-dialog
+      :visible.sync="dialogVisible"
+      fullscreen
+      :show-close="false"
+      custom-class="image-viewer-dialog"
+    >
+      <div class="image-wrapper">
+        <img 
+          :src="imageUrl" 
+          :style="imageStyle"
+          @error="handleImageError"
+        />
+        <i 
+          class="el-icon-close close-icon" 
+          @click="close"
+        />
+      </div>
+    </el-dialog>
   </div>
 </template>
@@ -19,103 +26,65 @@ export default {
   name: 'ViewImage',
   data() {
     return {
-      visible: false,
+      dialogVisible: false,
       imageUrl: '',
-      imgWidth: 800,
-      imgHeight: 800
+      imageStyle: {
+        width: '800px',
+        height: 'auto',
+        display: 'block',
+        margin: '0 auto'
+      }
     }
   },
   methods: {
     open(url) {
       this.imageUrl = url
-      this.visible = true
-      this.calculateImageSize(url)
-      this.enterFullscreen()
-    },
-    close() {
-      this.visible = false
-      this.exitFullscreen()
-    },
-    handleImageError() {
-      this.imageUrl = '/img/noPhoto.jpg'
-    },
-    calculateImageSize(url) {
+      this.dialogVisible = true
+      
+      // 预加载图片获取实际尺寸
       const img = new Image()
       img.src = url
       img.onload = () => {
         const imgScale = img.width / img.height
-        this.imgWidth = 800
-        this.imgHeight = 800 / imgScale
+        this.imageStyle.width = '800px'
+        this.imageStyle.height = `${800 / imgScale}px`
       }
     },
-    enterFullscreen() {
-      const element = document.querySelector('.view-image-wrapper')
-      if (element.requestFullscreen) {
-        element.requestFullscreen()
-      } else if (element.mozRequestFullScreen) {
-        element.mozRequestFullScreen()
-      } else if (element.webkitRequestFullscreen) {
-        element.webkitRequestFullscreen()
-      } else if (element.msRequestFullscreen) {
-        element.msRequestFullscreen()
-      }
+    close() {
+      this.dialogVisible = false
+      this.imageUrl = ''
     },
-    exitFullscreen() {
-      if (document.exitFullscreen) {
-        document.exitFullscreen()
-      } else if (document.mozCancelFullScreen) {
-        document.mozCancelFullScreen()
-      } else if (document.webkitExitFullscreen) {
-        document.webkitExitFullscreen()
-      }
+    handleImageError(e) {
+      e.target.src = '/img/noPhoto.jpg'
     }
-  },
-  mounted() {
-    document.addEventListener('fullscreenchange', () => {
-      if (!document.fullscreenElement) {
-        this.close()
-      }
-    })
   }
 }
 </script>
 <style lang="scss" scoped>
-.view-image-wrapper {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background-color: rgba(0, 0, 0, 0.8);
-  z-index: 9999;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-
-  .image-container {
-    position: relative;
-    background-color: #fff;
-    padding: 20px;
-    border-radius: 4px;
-
-    img {
-      max-width: 90vw;
-      max-height: 90vh;
-      object-fit: contain;
-    }
-
-    .close-icon {
-      position: absolute;
-      top: 10px;
-      right: 10px;
-      font-size: 24px;
-      color: #f56c6c;
-      cursor: pointer;
-      z-index: 1;
-
-      &:hover {
-        color: #f78989;
+.view-image-container {
+  .image-viewer-dialog {
+    background-color: rgba(0, 0, 0, 0.8);
+    
+    .image-wrapper {
+      position: relative;
+      height: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      
+      .close-icon {
+        position: absolute;
+        top: 20px;
+        right: 20px;
+        font-size: 24px;
+        color: #fff;
+        cursor: pointer;
+        z-index: 2001;
+        
+        &:hover {
+          color: #f56c6c;
+        }
       }
     }
   }
@@ -53,6 +53,7 @@ export const messages = {
         month:'Month',
         examine:'Examine',
         audit:'Audit',
+        choose:'Choose',
       }
     },
     zh: {
@@ -109,6 +110,7 @@ export const messages = {
         month:'月',
         examine:'审核',
         audit:'审核',
+        choose:'选择',
       }
     }
   } 
 \ No newline at end of file
@@ -28,6 +28,9 @@ import { messages as propertyFeeMessages } from &#39;../views/fee/propertyFeeLang&#39;
 import { messages as batchPayFeeOrderMessages } from '../views/fee/batchPayFeeOrderLang'
 import { messages as simplifyAcceptanceMessages } from '../views/simplify/simplifyAcceptanceLang.js'
 import { messages as payFeeOrderMessages } from '../views/fee/payFeeOrderLang'
+import { messages as refundDepositFeeMessages } from '../views/fee/refundDepositFeeLang'
+import { messages as createFeeByComboMessages } from '../views/fee/createFeeByComboLang'
+import { messages as owePayFeeOrderMessages } from '../views/fee/owePayFeeOrderLang'
 export const messages = {
     en: {
@@ -61,6 +64,9 @@ export const messages = {
         ...batchPayFeeOrderMessages.en,
         ...simplifyAcceptanceMessages.en,
         ...payFeeOrderMessages.en,
+        ...refundDepositFeeMessages.en,
+        ...createFeeByComboMessages.en,
+        ...owePayFeeOrderMessages.en,
     },
     zh: {
         ...contractCreateFeeMessages.zh,
@@ -93,5 +99,8 @@ export const messages = {
         ...batchPayFeeOrderMessages.zh,
         ...simplifyAcceptanceMessages.zh,
         ...payFeeOrderMessages.zh,
+        ...refundDepositFeeMessages.zh,
+        ...createFeeByComboMessages.zh,
+        ...owePayFeeOrderMessages.zh,
     }
 }
 \ No newline at end of file
@@ -46,6 +46,11 @@ import { messages as doWorkMessages } from &#39;../views/oa/doWorkLang&#39;
 import { messages as copyWorkMessages } from '../views/oa/copyWorkLang'
 import { messages as workPoolMessages } from '../views/oa/workPoolLang'
 import { messages as workDeductionMessages } from '../views/oa/workDeductionLang'
+import { messages as newOaWorkflowMessages } from '../views/oa/newOaWorkflowLang'
+import { messages as newOaWorkflowDetailMessages } from '../views/oa/newOaWorkflowDetailLang'
+import { messages as newOaWorkflowFormEditMessages } from '../views/oa/newOaWorkflowFormEditLang'
+
+
 export const messages ={
     en:{
         ...activitiesTypeManageMessages.en,
@@ -95,6 +100,9 @@ export const messages ={
         ...copyWorkMessages.en,
         ...workPoolMessages.en,
         ...workDeductionMessages.en,
+        ...newOaWorkflowMessages.en,
+        ...newOaWorkflowDetailMessages.en,
+        ...newOaWorkflowFormEditMessages.en,
     },
     zh:{    
         ...activitiesTypeManageMessages.zh, 
@@ -144,5 +152,8 @@ export const messages ={
         ...copyWorkMessages.zh,
         ...workPoolMessages.zh,
         ...workDeductionMessages.zh,
+        ...newOaWorkflowMessages.zh,
+        ...newOaWorkflowDetailMessages.zh,
+        ...newOaWorkflowFormEditMessages.zh,
     }
 }
 \ No newline at end of file
@@ -3,6 +3,7 @@ import App from &#39;./App.vue&#39;
 import router from './router'
 import ElementUI from 'element-ui'
 import 'element-ui/lib/theme-chalk/index.css'
+import 'formiojs/dist/formio.full.min.css'
 import i18n from './i18n'
 import {getCommunityName,getCommunityId} from '@/api/community/communityApi'
@@ -130,8 +130,24 @@ export default [
         component: () => import('@/views/simplify/simplifyAcceptanceList.vue')
     },
     {
-        path:'/views/fee/payFeeOrder',
-        name:'/views/fee/payFeeOrder',
+        path: '/views/fee/payFeeOrder',
+        name: '/views/fee/payFeeOrder',
         component: () => import('@/views/fee/payFeeOrderList.vue')
-        },
+    },
+    {
+        path: '/views/fee/refundDepositFee',
+        name: '/views/fee/refundDepositFee',
+        component: () => import('@/views/fee/refundDepositFeeList.vue')
+    },
+    {
+        path: '/views/fee/createFeeByCombo',
+        name: '/views/fee/createFeeByCombo',
+        component: () => import('@/views/fee/createFeeByComboList.vue')
+    },
+    {
+        path: '/views/fee/owePayFeeOrder',
+        name: '/views/fee/owePayFeeOrder',
+        component: () => import('@/views/fee/owePayFeeOrderList.vue')
+    },
+
 ]
 \ No newline at end of file
@@ -219,4 +219,19 @@ export default [
         name: '/pages/oa/workDeduction',
         component: () => import('@/views/oa/workDeductionList.vue')
     },
+    {
+        path: '/views/oa/newOaWorkflow',
+        name: '/views/oa/newOaWorkflow',
+        component: () => import('@/views/oa/newOaWorkflowList.vue')
+    },
+    {
+        path: '/views/oa/newOaWorkflowDetail',
+        name: '/views/oa/newOaWorkflowDetail',
+        component: () => import('@/views/oa/newOaWorkflowDetailList.vue')
+    },
+    {
+        path: '/views/oa/newOaWorkflowFormEdit',
+        name: '/views/oa/newOaWorkflowFormEdit',
+        component: () => import('@/views/oa/newOaWorkflowFormEditList.vue')
+    },
 ]
 \ No newline at end of file
+export const messages = {
+  en: {
+    createFeeByCombo: {
+      title: 'Create Fee (Create by Fee Combo)',
+      chooseFeeCombo: 'Choose Fee Combo',
+      feeType: 'Fee Type',
+      feeItem: 'Fee Item',
+      feeFlag: 'Fee Flag',
+      startTime: 'Billing Start Time',
+      endTime: 'Billing End Time',
+      requiredStartTime: 'Required, please enter start time',
+      requiredEndTime: 'Required, please enter end time',
+      feeItemEndTime: 'Fee Item End Time',
+      endTimeMustGreater: 'End time must be greater than start time',
+      noFeeSelected: 'No fee combo selected',
+      startTimeRequired: ' start time is required',
+      endTimeRequired: ' end time is required'
+    },
+    chooseFeeCombo: {
+      title: 'Choose Fee Combo',
+      searchPlaceholder: 'Enter fee combo name',
+      comboName: 'Combo Name',
+      createTime: 'Create Time',
+      remark: 'Remark'
+    }
+  },
+  zh: {
+    createFeeByCombo: {
+      title: '创建费用（根据费用套餐创建）',
+      chooseFeeCombo: '选择费用套餐',
+      feeType: '费用类型',
+      feeItem: '费用项目',
+      feeFlag: '费用标识',
+      startTime: '计费起始时间',
+      endTime: '计费结束时间',
+      requiredStartTime: '必填，请填写开始时间',
+      requiredEndTime: '必填，请填写结束时间',
+      feeItemEndTime: '费用项结束时间',
+      endTimeMustGreater: '结束时间必须大于开始时间',
+      noFeeSelected: '未选中要创建的费用套餐',
+      startTimeRequired: '开始时间不能为空',
+      endTimeRequired: '结束时间不能为空'
+    },
+    chooseFeeCombo: {
+      title: '选择费用套餐',
+      searchPlaceholder: '输入费用套餐名称',
+      comboName: '套餐名称',
+      createTime: '创建时间',
+      remark: '说明'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="create-fee-by-combo-container">
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>{{ createFeeByComboInfo.payerObjName }}</span>
+        <span>{{ $t('createFeeByCombo.title') }}</span>
+        <div class="header-tools">
+          <el-button type="primary" size="small" @click="_chooseFeeCombo()">
+            <i class="el-icon-search"></i>{{ $t('createFeeByCombo.chooseFeeCombo') }}
+          </el-button>
+          <el-button type="info" size="small" @click="_goBack()">
+            <i class="el-icon-close"></i>{{ $t('common.back') }}
+          </el-button>
+        </div>
+      </div>
+
+      <el-table :data="createFeeByComboInfo.feeConfigs" border style="width: 100%" class="fee-config-table">
+        <el-table-column type="selection" width="55" align="center" @selection-change="handleSelectionChange">
+        </el-table-column>
+        <el-table-column prop="feeTypeCdName" :label="$t('createFeeByCombo.feeType')" align="center"></el-table-column>
+        <el-table-column prop="feeName" :label="$t('createFeeByCombo.feeItem')" align="center"></el-table-column>
+        <el-table-column prop="feeFlagName" :label="$t('createFeeByCombo.feeFlag')" align="center"></el-table-column>
+        <el-table-column :label="$t('createFeeByCombo.startTime')" align="center">
+          <template slot-scope="scope">
+            <el-date-picker v-model="scope.row.startTime" type="datetime"
+              :placeholder="$t('createFeeByCombo.requiredStartTime')" value-format="yyyy-MM-dd HH:mm:ss"
+              style="width: 100%"></el-date-picker>
+          </template>
+        </el-table-column>
+        <el-table-column :label="$t('createFeeByCombo.endTime')" align="center">
+          <template slot-scope="scope">
+            <el-date-picker v-if="scope.row.feeFlag != '1003006'" v-model="scope.row.endTime" type="datetime"
+              :placeholder="$t('createFeeByCombo.requiredEndTime')" value-format="yyyy-MM-dd HH:mm:ss"
+              style="width: 100%" @change="validateTime(scope.row)"></el-date-picker>
+            <span v-else>{{ $t('createFeeByCombo.feeItemEndTime') }}</span>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <div class="footer-buttons">
+        <el-button type="primary" size="large" @click="_createFee()">
+          {{ $t('common.submit') }}
+        </el-button>
+      </div>
+    </el-card>
+
+    <choose-fee-combo ref="chooseFeeCombo" @chooseFeeCombo="handleChooseFeeCombo"
+      @loadData="handleLoadData"></choose-fee-combo>
+  </div>
+</template>
+
+<script>
+import { getCommunityId } from '@/api/community/communityApi'
+import ChooseFeeCombo from '@/components/fee/chooseFeeCombo'
+import { createFeeByCombo, listFeeComboMember } from '@/api/fee/createFeeByComboApi'
+
+export default {
+  name: 'CreateFeeByComboList',
+  components: {
+    ChooseFeeCombo
+  },
+  data() {
+    return {
+      createFeeByComboInfo: {
+        feeConfigs: [],
+        selectConfigIds: [],
+        communityId: '',
+        payerObjId: '',
+        payerObjName: '',
+        payerObjType: '',
+        comboId: ''
+      }
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this._initData()
+  },
+  methods: {
+    _initData() {
+      this.createFeeByComboInfo.payerObjId = this.$route.query.payerObjId
+      this.createFeeByComboInfo.payerObjType = this.$route.query.payerObjType
+      this.createFeeByComboInfo.payerObjName = this.$route.query.payerObjName
+    },
+    _chooseFeeCombo() {
+      this.$refs.chooseFeeCombo.open()
+    },
+    handleChooseFeeCombo(feeCombo) {
+      this.createFeeByComboInfo.comboId = feeCombo.comboId
+      this._listFeeComboMembers(feeCombo)
+    },
+    handleLoadData(params) {
+      this._listFeeComboMembers(params)
+    },
+    async _listFeeComboMembers(feeCombo) {
+      try {
+        const params = {
+          page: 1,
+          row: 100,
+          comboId: feeCombo.comboId
+        }
+        const { data } = await listFeeComboMember(params)
+        this.createFeeByComboInfo.selectConfigIds = []
+        data.forEach(config => {
+          config.startTime = ''
+          config.endTime = ''
+          this.createFeeByComboInfo.selectConfigIds.push(config.configId)
+        })
+        this.createFeeByComboInfo.feeConfigs = data
+      } catch (error) {
+        console.error('Failed to load fee combo members:', error)
+      }
+    },
+    validateTime(row) {
+      if (row.startTime && row.endTime) {
+        const start = new Date(row.startTime).getTime()
+        const end = new Date(row.endTime).getTime()
+        if (start >= end) {
+          this.$message.error(this.$t('createFeeByCombo.endTimeMustGreater'))
+          row.endTime = ''
+        }
+      }
+    },
+    handleSelectionChange(val) {
+      this.createFeeByComboInfo.selectConfigIds = val.map(item => item.configId)
+    },
+    async _createFee() {
+      const selectedFees = this.createFeeByComboInfo.feeConfigs.filter(item =>
+        this.createFeeByComboInfo.selectConfigIds.includes(item.configId)
+      )
+
+      if (selectedFees.length === 0) {
+        this.$message.warning(this.$t('createFeeByCombo.noFeeSelected'))
+        return
+      }
+
+      for (const fee of selectedFees) {
+        if (!fee.startTime) {
+          this.$message.warning(fee.feeName + this.$t('createFeeByCombo.startTimeRequired'))
+          return
+        }
+        if (fee.feeFlag !== '1003006' && !fee.endTime) {
+          this.$message.warning(fee.feeName + this.$t('createFeeByCombo.endTimeRequired'))
+          return
+        }
+      }
+
+      const postData = {
+        communityId: this.communityId,
+        configs: selectedFees,
+        payerObjId: this.createFeeByComboInfo.payerObjId,
+        payerObjName: this.createFeeByComboInfo.payerObjName,
+        payerObjType: this.createFeeByComboInfo.payerObjType,
+        comboId: this.createFeeByComboInfo.comboId
+      }
+
+      try {
+        const response = await createFeeByCombo(postData)
+        this.$message.success(response.msg)
+        if (response.code === 0) {
+          this.$router.go(-1)
+        }
+      } catch (error) {
+        console.error('Failed to create fee:', error)
+        this.$message.error(error.message || this.$t('common.operationFailed'))
+      }
+    },
+    _goBack() {
+      this.$router.go(-1)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.create-fee-by-combo-container {
+  padding: 20px;
+
+  .box-card {
+    margin-bottom: 20px;
+
+    .clearfix {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+
+      .header-tools {
+        display: flex;
+        gap: 10px;
+      }
+    }
+  }
+
+  .fee-config-table {
+    margin-top: 20px;
+  }
+
+  .footer-buttons {
+    margin-top: 20px;
+    display: flex;
+    justify-content: flex-end;
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    owePayFeeOrder: {
+      printNotice1: 'Notice 1',
+      printNotice2: 'Notice 2',
+      payerObj: 'Payer',
+      feeType: 'Fee Type',
+      feeItem: 'Fee Item',
+      feeFlag: 'Fee Flag',
+      feeId: 'Fee ID',
+      startTime: 'Start Time',
+      endTime: 'End Time',
+      oweAmount: 'Owe Amount',
+      paymentAmount: 'Payment Amount',
+      yuan: 'Yuan',
+      scanPay: 'Scan Payment',
+      pay: 'Pay',
+      paymentConfirm: 'Payment Confirmation',
+      room: 'Room:',
+      amount: 'Amount:',
+      paymentMethod: 'Payment Method:',
+      selectPaymentMethod: 'Required, please select payment method',
+      remark: 'Remark:',
+      inputRemark: 'Optional, please enter remark',
+      authCode: 'Auth Code:',
+      scanCodeTip: 'Please scan with scanner',
+      confirmPayment: 'Confirm Payment',
+      paymentTip: 'Payment Notice',
+      paymentSuccess: 'Payment successful',
+      mergePrint: 'Merge Print',
+      printReceipt: 'Print Receipt',
+      illegalOperation: 'Illegal operation',
+      noOweData: 'No owe data currently',
+      noSelectedFee: 'No fee selected',
+      noSelectedFeeItem: 'No fee item selected',
+      selectPaymentMethodTip: 'Please select payment method'
+    },
+    printOwnFee: {
+      printTitle: 'Print Notice',
+      validityDate: 'Validity Date:',
+      selectEndTime: 'Required, please select end time',
+      selectEndTimeTip: 'Please select end time'
+    }
+  },
+  zh: {
+    owePayFeeOrder: {
+      printNotice1: '催缴单1',
+      printNotice2: '催缴单2',
+      payerObj: '收费对象',
+      feeType: '费用类型',
+      feeItem: '费用项目',
+      feeFlag: '费用标识',
+      feeId: '费用ID',
+      startTime: '计费起始时间',
+      endTime: '计费结束时间',
+      oweAmount: '欠费金额',
+      paymentAmount: '缴费金额',
+      yuan: '元',
+      scanPay: '扫码收费',
+      pay: '缴费',
+      paymentConfirm: '收费确认',
+      room: '房屋：',
+      amount: '金额：',
+      paymentMethod: '支付方式：',
+      selectPaymentMethod: '必填，请选择支付方式',
+      remark: '备注：',
+      inputRemark: '可填，请填写备注',
+      authCode: '授权码：',
+      scanCodeTip: '请用扫码枪扫码',
+      confirmPayment: '确定收费',
+      paymentTip: '缴费提示',
+      paymentSuccess: '缴费成功',
+      mergePrint: '合并打印',
+      printReceipt: '打印收据',
+      illegalOperation: '非法操作',
+      noOweData: '当前没有欠费数据',
+      noSelectedFee: '未选择费用',
+      noSelectedFeeItem: '未选中要缴费的项目',
+      selectPaymentMethodTip: '请选择支付方式'
+    },
+    printOwnFee: {
+      printTitle: '打印催缴单',
+      validityDate: '有效期至：',
+      selectEndTime: '必填，请填写截止时间',
+      selectEndTimeTip: '请选择截止时间'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="owe-pay-fee-order-container">
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>{{ owePayFeeOrderInfo.roomName }}</span>
+        <div class="card-header-actions">
+          <el-button 
+            type="primary" 
+            size="small" 
+            @click="_printOwnOrder()"
+            v-if="owePayFeeOrderInfo.oweFees.length > 0">
+            {{ $t('owePayFeeOrder.printNotice1') }}
+          </el-button>
+          <el-button 
+            type="primary" 
+            size="small" 
+            @click="_printOwnOrder2()"
+            v-if="owePayFeeOrderInfo.oweFees.length > 0">
+            {{ $t('owePayFeeOrder.printNotice2') }}
+          </el-button>
+          <el-button 
+            type="primary" 
+            size="small" 
+            @click="_goBack()">
+            <i class="el-icon-close"></i>
+            {{ $t('common.back') }}
+          </el-button>
+        </div>
+      </div>
+
+      <el-table
+        :data="owePayFeeOrderInfo.oweFees"
+        border
+        style="width: 100%">
+        <el-table-column type="selection" width="55" @selection-change="handleSelectionChange"></el-table-column>
+        <el-table-column prop="payerObjName" :label="$t('owePayFeeOrder.payerObj')" align="center"></el-table-column>
+        <el-table-column prop="feeTypeCdName" :label="$t('owePayFeeOrder.feeType')" align="center"></el-table-column>
+        <el-table-column prop="feeName" :label="$t('owePayFeeOrder.feeItem')" align="center"></el-table-column>
+        <el-table-column prop="feeFlagName" :label="$t('owePayFeeOrder.feeFlag')" align="center"></el-table-column>
+        <el-table-column prop="feeId" :label="$t('owePayFeeOrder.feeId')" align="center"></el-table-column>
+        <el-table-column :label="$t('owePayFeeOrder.startTime')" align="center">
+          <template slot-scope="scope">
+            {{ _getEndTime(scope.row) }}
+          </template>
+        </el-table-column>
+        <el-table-column :label="$t('owePayFeeOrder.endTime')" align="center">
+          <template slot-scope="scope">
+            {{ _getDeadlineTime(scope.row) }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="feeTotalPrice" :label="$t('owePayFeeOrder.oweAmount')" align="center"></el-table-column>
+      </el-table>
+
+      <el-row class="footer-row">
+        <el-col :span="16"></el-col>
+        <el-col :span="4" class="amount-col">
+          {{ $t('owePayFeeOrder.paymentAmount') }}：
+          <span class="amount-text">{{ owePayFeeOrderInfo.feePrices }}</span>
+          <span>{{ $t('owePayFeeOrder.yuan') }}</span>
+        </el-col>
+        <el-col :span="2">
+          <el-button 
+            type="success" 
+            size="medium" 
+            @click="_openPayFee('qrCode')"
+            class="pay-btn">
+            {{ $t('owePayFeeOrder.scanPay') }}
+          </el-button>
+        </el-col>
+        <el-col :span="2">
+          <el-button 
+            type="primary" 
+            size="medium" 
+            @click="_payFee()"
+            class="pay-btn">
+            {{ $t('owePayFeeOrder.pay') }}
+          </el-button>
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <!-- 缴费确认弹窗 -->
+    <el-dialog 
+      :title="$t('owePayFeeOrder.paymentConfirm')" 
+      :visible.sync="showPayModal"
+      width="50%">
+      <el-form label-width="120px">
+        <el-form-item :label="$t('owePayFeeOrder.room')">
+          <span>{{ owePayFeeOrderInfo.roomName }}</span>
+        </el-form-item>
+        <el-form-item :label="$t('owePayFeeOrder.amount')">
+          <span>{{ owePayFeeOrderInfo.feePrices }}</span>
+          <span>{{ $t('owePayFeeOrder.yuan') }}</span>
+        </el-form-item>
+        <el-form-item :label="$t('owePayFeeOrder.paymentMethod')" required>
+          <el-select 
+            v-model="owePayFeeOrderInfo.primeRate" 
+            style="width:100%"
+            :placeholder="$t('owePayFeeOrder.selectPaymentMethod')">
+            <el-option
+              v-for="item in filteredPrimeRates"
+              :key="item.statusCd"
+              :label="item.name"
+              :value="item.statusCd">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item :label="$t('owePayFeeOrder.remark')">
+          <el-input
+            type="textarea"
+            :placeholder="$t('owePayFeeOrder.inputRemark')"
+            v-model="owePayFeeOrderInfo.remark">
+          </el-input>
+        </el-form-item>
+        <el-form-item 
+          v-if="owePayFeeOrderInfo.payType === 'qrCode'"
+          :label="$t('owePayFeeOrder.authCode')">
+          <el-input
+            v-model="owePayFeeOrderInfo.authCode"
+            :placeholder="$t('owePayFeeOrder.scanCodeTip')"
+            @keyup.enter.native="_qrCodePayFee">
+          </el-input>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="_closeDoOwePayFeeModal()">{{ $t('common.close') }}</el-button>
+        <el-button 
+          type="primary" 
+          @click="_doPayFee()"
+          v-if="owePayFeeOrderInfo.payType === 'common'">
+          {{ $t('owePayFeeOrder.confirmPayment') }}
+        </el-button>
+      </span>
+    </el-dialog>
+
+    <!-- 缴费结果弹窗 -->
+    <el-dialog 
+      :title="$t('owePayFeeOrder.paymentTip')" 
+      :visible.sync="showResultModal"
+      width="30%">
+      <p>{{ $t('owePayFeeOrder.paymentSuccess') }}</p>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="_back()">{{ $t('common.back') }}</el-button>
+        <el-button 
+          type="primary" 
+          @click="_printAndBack('ON')">
+          {{ $t('owePayFeeOrder.mergePrint') }}
+        </el-button>
+        <el-button 
+          type="primary" 
+          @click="_printAndBack('OFF')">
+          {{ $t('owePayFeeOrder.printReceipt') }}
+        </el-button>
+      </span>
+    </el-dialog>
+
+    <print-own-fee ref="printOwnFee"></print-own-fee>
+  </div>
+</template>
+
+<script>
+import { getDict } from '@/api/community/communityApi'
+import { getCommunityId } from '@/api/community/communityApi'
+import { dateFormat } from '@/utils/dateUtil'
+import { 
+  listOweFees,
+  payOweFee,
+  qrCodePayment,
+  checkPayFinish,
+  listFeePrintPages
+} from '@/api/fee/owePayFeeOrderApi'
+import PrintOwnFee from '@/components/fee/printOwnFee'
+
+export default {
+  name: 'OwePayFeeOrderList',
+  components: {
+    PrintOwnFee
+  },
+  data() {
+    return {
+      owePayFeeOrderInfo: {
+        oweFees: [],
+        selectPayFeeIds: [],
+        feePrices: 0.00,
+        communityId: '',
+        payObjId: '',
+        payObjType: '',
+        roomName: '',
+        receiptIds: '',
+        remark: '',
+        primeRate: '',
+        primeRates: [],
+        toFixedSign: 1,
+        payType: 'common',
+        authCode: '',
+        orderId: '',
+        printUrl: '/print.html#/pages/property/printPayFee',
+        detailIds: '',
+        paymentPoolId: ''
+      },
+      showPayModal: false,
+      showResultModal: false
+    }
+  },
+  computed: {
+    filteredPrimeRates() {
+      return this.owePayFeeOrderInfo.primeRates.filter(item => {
+        if (this.owePayFeeOrderInfo.payType === 'common') {
+          return item.statusCd !== '5' && item.statusCd !== '6'
+        } else {
+          return item.statusCd === '3' || item.statusCd === '4'
+        }
+      })
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this._initData()
+  },
+  methods: {
+    async _initData() {
+      const _payObjId = this.$route.query.payObjId
+      const _payObjType = this.$route.query.payObjType
+      
+      if (!_payObjId) {
+        this.$message.error(this.$t('owePayFeeOrder.illegalOperation'))
+        this.$router.go(-1)
+        return
+      }
+
+      this.owePayFeeOrderInfo.payObjId = _payObjId
+      this.owePayFeeOrderInfo.payObjType = _payObjType
+      this.owePayFeeOrderInfo.roomName = this.$route.query.roomName
+      this.owePayFeeOrderInfo.communityId = this.communityId
+
+      await this._loadOweFees()
+      await this._loadPrimeRates()
+      await this._listFeePrintPages()
+    },
+    
+    handleSelectionChange(val) {
+      this.owePayFeeOrderInfo.selectPayFeeIds = val.map(item => item.feeId)
+    },
+    
+    async _loadOweFees() {
+      try {
+        const params = {
+          page: 1,
+          row: 50,
+          communityId: this.communityId,
+          payObjId: this.owePayFeeOrderInfo.payObjId,
+          payObjType: this.owePayFeeOrderInfo.payObjType,
+        }
+        
+        const { data } = await listOweFees(params)
+        
+        if (data.length < 1) {
+          this.owePayFeeOrderInfo.oweFees = []
+          this.$message.warning(this.$t('owePayFeeOrder.noOweData'))
+          return
+        }
+        
+        this.owePayFeeOrderInfo.oweFees = data
+        this.owePayFeeOrderInfo.selectPayFeeIds = data.map(item => item.feeId)
+        this.owePayFeeOrderInfo.toFixedSign = data[0].val
+        
+        this.owePayFeeOrderInfo.oweFees.forEach(item => {
+          item.receivableAmount = item.feeTotalPrice
+          item.feePrice = item.feeTotalPrice
+        })
+        
+        this._dealSelectFee()
+      } catch (error) {
+        console.error('获取欠费数据失败:', error)
+      }
+    },
+    
+    async _loadPrimeRates() {
+      try {
+        const data = await getDict('pay_fee_detail', 'prime_rate')
+        this.owePayFeeOrderInfo.primeRates = data
+      } catch (error) {
+        console.error('获取支付方式失败:', error)
+      }
+    },
+    
+    async _listFeePrintPages() {
+      try {
+        const params = {
+          page: 1,
+          row: 1,
+          state: 'T',
+          communityId: this.communityId
+        }
+        
+        const { data } = await listFeePrintPages(params)
+        if (data && data.length > 0) {
+          this.owePayFeeOrderInfo.printUrl = data[0].url
+        }
+      } catch (error) {
+        console.error('获取打印页面失败:', error)
+      }
+    },
+    
+    _payFee() {
+      if (this.owePayFeeOrderInfo.selectPayFeeIds.length <= 0) {
+        this.$message.warning(this.$t('owePayFeeOrder.noSelectedFee'))
+        return
+      }
+      this.showPayModal = true
+      this.owePayFeeOrderInfo.payType = 'common'
+    },
+    
+    _openPayFee() {
+      if (this.owePayFeeOrderInfo.selectPayFeeIds.length <= 0) {
+        this.$message.warning(this.$t('owePayFeeOrder.noSelectedFee'))
+        return
+      }
+      this.showPayModal = true
+      this.owePayFeeOrderInfo.payType = 'qrCode'
+    },
+    
+    _closeDoOwePayFeeModal() {
+      this.showPayModal = false
+    },
+    
+    _getPayFees() {
+      const _fees = []
+      this.owePayFeeOrderInfo.selectPayFeeIds.forEach(_item => {
+        const feeItem = this.owePayFeeOrderInfo.oweFees.find(_oweFeeItem => _item === _oweFeeItem.feeId)
+        if (feeItem) {
+          _fees.push({
+            feeId: _item,
+            startTime: feeItem.endTime,
+            endTime: feeItem.deadlineTime,
+            receivableAmount: feeItem.receivableAmount,
+            receivedAmount: feeItem.feePrice,
+            primeRate: this.owePayFeeOrderInfo.primeRate
+          })
+        }
+      })
+      return _fees
+    },
+    
+    async _doPayFee() {
+      if (!this.owePayFeeOrderInfo.primeRate) {
+        this.$message.warning(this.$t('owePayFeeOrder.selectPaymentMethod'))
+        return
+      }
+      
+      const _fees = this._getPayFees()
+      if (_fees.length < 1) {
+        this.$message.warning(this.$t('owePayFeeOrder.noSelectedFeeItem'))
+        return
+      }
+      
+      const _data = {
+        communityId: this.communityId,
+        fees: _fees,
+        remark: this.owePayFeeOrderInfo.remark
+      }
+      
+      try {
+        const res = await payOweFee(_data)
+        if (res.code === 0) {
+          this._doDealPayResult(res)
+        } else {
+          this.$message.error(res.msg)
+        }
+      } catch (error) {
+        console.error('缴费失败:', error)
+        this._closeDoOwePayFeeModal()
+        this.$message.error(error)
+      }
+    },
+    
+    async _qrCodePayFee() {
+      if (!this.owePayFeeOrderInfo.primeRate) {
+        this.$message.warning(this.$t('owePayFeeOrder.selectPaymentMethod'))
+        return
+      }
+      
+      const _fees = this._getPayFees()
+      if (_fees.length < 1) {
+        this.$message.warning(this.$t('owePayFeeOrder.noSelectedFeeItem'))
+        return
+      }
+      
+      const _data = {
+        communityId: this.communityId,
+        fees: _fees,
+        remark: this.owePayFeeOrderInfo.remark,
+        authCode: this.owePayFeeOrderInfo.authCode,
+        receivedAmount: this.owePayFeeOrderInfo.feePrices,
+        subServiceCode: 'fee.payOweFee'
+      }
+      
+      try {
+        const res = await qrCodePayment(_data)
+        if (res.code === 404) {
+          this.$message.error(res.msg)
+          if (res.data && res.data.orderId) {
+            this.owePayFeeOrderInfo.orderId = res.data.orderId
+            this.owePayFeeOrderInfo.paymentPoolId = res.data.paymentPoolId
+            setTimeout(() => {
+              this._qrCodeCheckPayFinish()
+            }, 5000)
+          }
+        } else if (res.code === 0) {
+          this._doDealPayResult(res)
+        } else {
+          this.$message.error(res.msg)
+        }
+      } catch (error) {
+        console.error('扫码支付失败:', error)
+        this.$message.error(error)
+      }
+    },
+    
+    async _qrCodeCheckPayFinish() {
+      const _fees = this._getPayFees()
+      if (_fees.length < 1) {
+        this.$message.warning(this.$t('owePayFeeOrder.noSelectedFeeItem'))
+        return
+      }
+      
+      const _data = {
+        communityId: this.communityId,
+        fees: _fees,
+        remark: this.owePayFeeOrderInfo.remark,
+        authCode: this.owePayFeeOrderInfo.authCode,
+        receivedAmount: this.owePayFeeOrderInfo.feePrices,
+        orderId: this.owePayFeeOrderInfo.orderId,
+        paymentPoolId: this.owePayFeeOrderInfo.paymentPoolId,
+        subServiceCode: 'fee.payOweFee'
+      }
+      
+      try {
+        const res = await checkPayFinish(_data)
+        if (res.code === 404) {
+          this.$message.error(res.msg)
+        } else if (res.code === 41) {
+          setTimeout(() => {
+            this._qrCodeCheckPayFinish()
+          }, 5000)
+        } else {
+          this._doDealPayResult(res)
+        }
+      } catch (error) {
+        console.error('检查支付状态失败:', error)
+        this.$message.error(error)
+      }
+    },
+    
+    _doDealPayResult(res) {
+      this._closeDoOwePayFeeModal()
+      const _data = res.data
+      let _detailIds = ''
+      _data.details.forEach(item => {
+        _detailIds += (item + ',')
+      })
+      this.owePayFeeOrderInfo.detailIds = _detailIds
+      
+      setTimeout(() => {
+        this.showResultModal = true
+      }, 2000)
+      
+      this.owePayFeeOrderInfo.selectPayFeeIds = []
+      this._loadOweFees()
+      this.$message.success(res.msg)
+    },
+    
+    _back() {
+      this.showResultModal = false
+      this.$router.go(-1)
+    },
+    
+    _printAndBack(merge) {
+      this.showResultModal = false
+      window.open(`${this.owePayFeeOrderInfo.printUrl}?detailIds=${this.owePayFeeOrderInfo.detailIds}&merge=${merge}`)
+    },
+    
+    _dealSelectFee() {
+      let totalFee = 0.00
+      this.owePayFeeOrderInfo.selectPayFeeIds.forEach(_item => {
+        const feeItem = this.owePayFeeOrderInfo.oweFees.find(_oweFeeItem => _item === _oweFeeItem.feeId)
+        if (feeItem) {
+          totalFee += parseFloat(feeItem.feePrice)
+        }
+      })
+      this.owePayFeeOrderInfo.feePrices = Math.round(totalFee * 100, 2) / 100
+    },
+    
+    _goBack() {
+      this.$router.go(-1)
+    },
+    
+    _printOwnOrder() {
+      window.open(`/print.html#/pages/property/printOweFee?payObjId=${this.owePayFeeOrderInfo.payObjId}&payObjType=${this.owePayFeeOrderInfo.payObjType}&payObjName=${this.owePayFeeOrderInfo.roomName}`)
+    },
+    
+    _printOwnOrder2() {
+      this.$refs.printOwnFee.open({
+        payObjId: this.owePayFeeOrderInfo.payObjId,
+        payObjType: this.owePayFeeOrderInfo.payObjType,
+        payObjName: this.owePayFeeOrderInfo.roomName
+      })
+    },
+    
+    _getDeadlineTime(fee) {
+      if (fee.amountOwed === 0 && fee.endTime === fee.deadlineTime) {
+        return "-"
+      }
+      if (fee.state === '2009001') {
+        return "-"
+      }
+      return dateFormat(fee.deadlineTime)
+    },
+    
+    _getEndTime(fee) {
+      if (fee.state === '2009001') {
+        return "-"
+      }
+      return dateFormat(fee.endTime)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.owe-pay-fee-order-container {
+  padding: 20px;
+  
+  .box-card {
+    margin-bottom: 20px;
+    
+    .clearfix {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    }
+    
+    .card-header-actions {
+      .el-button {
+        margin-left: 10px;
+      }
+    }
+  }
+  
+  .footer-row {
+    margin-top: 20px;
+    display: flex;
+    align-items: center;
+    
+    .amount-col {
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+      padding-right: 20px;
+      
+      .amount-text {
+        font-size: 30px;
+        color: red;
+        padding: 0 5px;
+      }
+    }
+    
+    .pay-btn {
+      width: 100%;
+    }
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    refundDepositFee: {
+      title: 'Refund Deposit',
+      unrefunded: 'Unrefunded',
+      refunded: 'Refunded',
+      pendingReview: 'Pending Review',
+      printReceipt: 'Reprint Receipt'
+    },
+    payFeeDeposit: {
+      payerObject: 'Payer',
+      feeItem: 'Fee Item',
+      timePeriod: 'Time Period',
+      amount: 'Amount',
+      paymentTime: 'Payment Time',
+      status: 'Status',
+      operation: 'Operation',
+      refundDeposit: 'Refund Deposit',
+      detail: 'Detail'
+    },
+    returnPayFee: {
+      fillRefundReason: 'Fill Refund Reason',
+      payment: 'Payment',
+      monthUnit: '(Months)',
+      cycle: 'Cycle',
+      receivableAmount: 'Receivable Amount',
+      receivedAmount: 'Received Amount',
+      paymentTime: 'Payment Time',
+      refundReason: 'Refund Reason',
+      reasonRequired: 'Refund reason is required',
+      reasonMaxLength: 'Refund reason cannot exceed 200 characters',
+      reasonPlaceholder: 'Please enter refund reason',
+      submitRefund: 'Submit Refund Application'
+    }
+  },
+  zh: {
+    refundDepositFee: {
+      title: '退押金',
+      unrefunded: '未退押金',
+      refunded: '已退押金',
+      pendingReview: '待审核',
+      printReceipt: '补打退款单'
+    },
+    payFeeDeposit: {
+      payerObject: '收费对象',
+      feeItem: '费用项',
+      timePeriod: '时间段',
+      amount: '金额',
+      paymentTime: '缴费时间',
+      status: '状态',
+      operation: '操作',
+      refundDeposit: '退押金',
+      detail: '详情'
+    },
+    returnPayFee: {
+      fillRefundReason: '填写退费原因',
+      payment: '缴费',
+      monthUnit: '(单位月)',
+      cycle: '周期',
+      receivableAmount: '应收金额',
+      receivedAmount: '实收金额',
+      paymentTime: '缴费时间',
+      refundReason: '退费原因',
+      reasonRequired: '退费原因不能为空',
+      reasonMaxLength: '退费原因不能超过200个字符',
+      reasonPlaceholder: '请输入退费原因',
+      submitRefund: '提交退费申请'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="refund-deposit-fee-container">
+    <el-row :gutter="20">
+      <el-col :span="4">
+        <el-card class="state-card">
+          <ul class="state-list">
+            <li v-for="(item, index) in refundDepositFeeInfo.states" :key="index" @click="switchDepositState(item)"
+              :class="{ 'active-state': refundDepositFeeInfo.state === item.state }">
+              {{ item.name }}
+            </li>
+          </ul>
+        </el-card>
+      </el-col>
+      <el-col :span="20">
+        <el-card>
+          <div slot="header" class="flex justify-between">
+            <span>{{ $t('refundDepositFee.title') }}</span>
+            <div class="card-header-actions">
+              <el-button size="small" @click="printRefundFeeReceipt">
+                {{ $t('refundDepositFee.printReceipt') }}
+              </el-button>
+              <el-button size="small" @click="$router.go(-1)">
+                {{ $t('common.back') }}
+              </el-button>
+            </div>
+          </div>
+
+          <el-table :data="refundDepositFeeInfo.fees" border style="width: 100%">
+            <el-table-column prop="payerObjName" :label="$t('payFeeDeposit.payerObject')" align="center" />
+            <el-table-column prop="feeName" :label="$t('payFeeDeposit.feeItem')" align="center" />
+            <el-table-column :label="$t('payFeeDeposit.timePeriod')" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.startTime }}~{{ scope.row.endTime }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="receivedAmount" :label="$t('payFeeDeposit.amount')" align="center" />
+            <el-table-column prop="createTime" :label="$t('payFeeDeposit.paymentTime')" align="center" />
+            <el-table-column prop="stateName" :label="$t('payFeeDeposit.status')" align="center" />
+            <el-table-column :label="$t('payFeeDeposit.operation')" align="center" width="180">
+              <template slot-scope="scope">
+                <el-button v-if="scope.row.state === '1400'" size="mini" type="primary"
+                  @click="openRefundModel(scope.row)">
+                  {{ $t('payFeeDeposit.refundDeposit') }}
+                </el-button>
+                <el-button size="mini" @click="toFeeDetail(scope.row)">
+                  {{ $t('payFeeDeposit.detail') }}
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+
+          <el-pagination :current-page.sync="pagination.current" :page-sizes="[10, 20, 30, 50]"
+            :page-size="pagination.size" :total="pagination.total" layout="total, sizes, prev, pager, next, jumper"
+            @size-change="handleSizeChange" @current-change="handleCurrentChange" />
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <return-pay-fee ref="returnPayFee" @success="handleSuccess" />
+  </div>
+</template>
+
+<script>
+import { getCommunityId } from '@/api/community/communityApi'
+import { queryFeeDeposit } from '@/api/fee/refundDepositFeeApi'
+import ReturnPayFee from '@/components/fee/returnPayFee'
+
+export default {
+  name: 'RefundDepositFeeList',
+  components: {
+    ReturnPayFee
+  },
+  data() {
+    return {
+      refundDepositFeeInfo: {
+        fees: [],
+        states: [
+          { name: this.$t('refundDepositFee.unrefunded'), state: '1400' },
+          { name: this.$t('refundDepositFee.refunded'), state: '1100' },
+          { name: this.$t('refundDepositFee.pendingReview'), state: '1000' }
+        ],
+        state: '1400',
+        roomId: '',
+        ownerId: ''
+      },
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      },
+      communityId: ''
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this.refundDepositFeeInfo.roomId = this.$route.query.roomId
+    this.refundDepositFeeInfo.ownerId = this.$route.query.ownerId
+    this.listFeeDeposit()
+  },
+  methods: {
+    async listFeeDeposit() {
+      try {
+        const params = {
+          page: this.pagination.current,
+          row: this.pagination.size,
+          payerObjId: this.refundDepositFeeInfo.roomId,
+          ownerId: this.refundDepositFeeInfo.ownerId,
+          communityId: this.communityId,
+          state: this.refundDepositFeeInfo.state
+        }
+        const { data, total } = await queryFeeDeposit(params)
+        this.refundDepositFeeInfo.fees = data
+        this.pagination.total = total
+      } catch (error) {
+        this.$message.error(this.$t('common.fetchError'))
+      }
+    },
+    switchDepositState(state) {
+      this.refundDepositFeeInfo.state = state.state
+      this.pagination.current = 1
+      this.listFeeDeposit()
+    },
+    toFeeDetail(fee) {
+      this.$router.push(`/pages/property/propertyFee?feeId=${fee.feeId}`)
+    },
+    printRefundFeeReceipt() {
+      window.open(`/#/views/owner/ownerDetail?ownerId=${this.refundDepositFeeInfo.ownerId}&currentTab=ownerDetailReceipt`)
+    },
+    openRefundModel(fee) {
+      const feeData = {
+        ...fee,
+        mainFeeInfo: {
+          feeId: fee.feeId,
+          feeTypeCd: fee.feeTypeCd,
+          configId: fee.configId
+        },
+        cycles: 1,
+        receivableAmount: fee.receivedAmount,
+        communityId: this.communityId
+      }
+      this.$refs.returnPayFee.open(feeData)
+    },
+    handleSuccess() {
+      this.listFeeDeposit()
+    },
+    handleSizeChange(val) {
+      this.pagination.size = val
+      this.listFeeDeposit()
+    },
+    handleCurrentChange(val) {
+      this.pagination.current = val
+      this.listFeeDeposit()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.refund-deposit-fee-container {
+  padding: 20px;
+
+  .state-card {
+    height: 100%;
+
+    .state-list {
+      list-style: none;
+      padding: 0;
+      margin: 0;
+
+      li {
+        padding: 10px;
+        text-align: center;
+        cursor: pointer;
+        margin-bottom: 5px;
+        border-radius: 4px;
+
+        &:hover {
+          background-color: #f5f7fa;
+        }
+
+        &.active-state {
+          background-color: #409eff;
+          color: white;
+        }
+      }
+    }
+  }
+
+  .card-header-actions {
+    float: right;
+  }
+
+  .el-pagination {
+    margin-top: 20px;
+    text-align: right;
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    newOaWorkflowDetail: {
+      title: 'Work Order Details',
+      back: 'Back',
+      applicant: 'Applicant',
+      applyTime: 'Application Time',
+      status: 'Status',
+      workflowProcess: 'Work Order Process',
+      serialNumber: 'No.',
+      department: 'Department',
+      handler: 'Handler',
+      timeConsuming: 'Time Consuming',
+      comment: 'Comment',
+      processed: 'Processed',
+      processing: 'Processing',
+      admin: 'Administrator',
+      workflowHandle: 'Work Order Handling',
+      action: 'Action',
+      selectAction: 'Please select',
+      handle: 'Handle',
+      return: 'Return',
+      returnToSubmitter: 'Return to Submitter',
+      end: 'End',
+      transfer: 'Transfer',
+      workflowDescription: 'Work Order Description',
+      descriptionRequired: 'Required, please fill in the work order description',
+      nextHandler: 'Next Handler',
+      selectNextHandler: 'Required, please select the next handler',
+      select: 'Select',
+      submit: 'Submit',
+      flowChart: 'Flow Chart',
+      illegalOperation: 'Illegal operation',
+      selectStatus: 'Please select status',
+      fillDescription: 'Please fill in the description',
+      submitSuccess: 'Submitted successfully',
+      unknown: 'Unknown',
+      apply: 'Apply',
+      pendingReview: 'Pending Review',
+      returned: 'Returned',
+      transferred: 'Transferred',
+      completed: 'Completed'
+    },
+    selectStaff: {
+      title: 'Select Staff',
+      orgInfo: 'Organization Information',
+      staffInfo: 'Staff Information',
+      submitter: 'Submitter',
+      customAssign: 'Dynamic Assignment'
+    }
+  },
+  zh: {
+    newOaWorkflowDetail: {
+      title: '工单详情',
+      back: '返回',
+      applicant: '申请人',
+      applyTime: '申请时间',
+      status: '状态',
+      workflowProcess: '工单流转',
+      serialNumber: '序号',
+      department: '部门',
+      handler: '处理人',
+      timeConsuming: '耗时',
+      comment: '意见',
+      processed: '处理完成',
+      processing: '正在处理',
+      admin: '管理员',
+      workflowHandle: '工单办理',
+      action: '动作',
+      selectAction: '请选择',
+      handle: '办理',
+      return: '退回',
+      returnToSubmitter: '退回至提交者',
+      end: '结束',
+      transfer: '转单',
+      workflowDescription: '工单说明',
+      descriptionRequired: '必填，请填写工单说明',
+      nextHandler: '下一处理人',
+      selectNextHandler: '必填，请选择下一处理人',
+      select: '选择',
+      submit: '提交',
+      flowChart: '流程图',
+      illegalOperation: '非法操作',
+      selectStatus: '请选择状态',
+      fillDescription: '请填写说明',
+      submitSuccess: '提交成功',
+      unknown: '未知',
+      apply: '申请',
+      pendingReview: '待审核',
+      returned: '退回',
+      transferred: '转单',
+      completed: '办结'
+    },
+    selectStaff: {
+      title: '选择员工',
+      orgInfo: '组织信息',
+      staffInfo: '员工信息',
+      submitter: '提交者',
+      customAssign: '动态指定'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="new-oa-workflow-detail-container">
+    <el-row :gutter="20">
+      <el-col :span="24">
+        <el-card>
+          <div slot="header" class="flex justify-between">
+            <span>{{ $t('newOaWorkflowDetail.title') }}</span>
+            <div class="float-right">
+              <el-button type="primary" size="small" @click="_goBack">
+                {{ $t('newOaWorkflowDetail.back') }}
+              </el-button>
+            </div>
+          </div>
+
+          <div v-if="newOaWorkflowDetailInfo.pools">
+            <el-form>
+              <el-row :gutter="20">
+                <el-col :span="8">
+                  <el-form-item :label="$t('newOaWorkflowDetail.applicant')">
+                    <span>{{ newOaWorkflowDetailInfo.pools.create_user_name }}</span>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item :label="$t('newOaWorkflowDetail.applyTime')">
+                    <span>{{ newOaWorkflowDetailInfo.pools.create_time }}</span>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item :label="$t('newOaWorkflowDetail.status')">
+                    <span>{{ _getNewOaWorkflowDetailState(newOaWorkflowDetailInfo.pools) }}</span>
+                  </el-form-item>
+                </el-col>
+              </el-row>
+
+              <el-row :gutter="20">
+                <template v-for="(item, index) in newOaWorkflowDetailInfo.formJson">
+                  <el-col v-if="item.type != 'text' && item.type != 'button'" :key="index" :span="8">
+                    <el-form-item :label="item.label">
+                      <span>{{ newOaWorkflowDetailInfo.pools[item.key] }}</span>
+                    </el-form-item>
+                  </el-col>
+                </template>
+              </el-row>
+
+              <el-row :gutter="20">
+                <el-col v-for="(item, index) in newOaWorkflowDetailInfo.files" :key="index" :span="8">
+                  <el-form-item>
+                    <el-link :href="item.realFileName" target="_blank">{{ item.fileName }}</el-link>
+                  </el-form-item>
+                </el-col>
+              </el-row>
+            </el-form>
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <el-row :gutter="20" class="mt-20">
+      <el-col :span="24">
+        <el-card>
+          <div slot="header" class="flex justify-between">
+            <span>{{ $t('newOaWorkflowDetail.workflowProcess') }}</span>
+          </div>
+
+          <el-table :data="newOaWorkflowDetailInfo.comments" border style="width: 100%">
+            <el-table-column prop="index" :label="$t('newOaWorkflowDetail.serialNumber')" width="80" align="center">
+              <template slot-scope="scope">
+                {{ scope.$index + 1 }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="orgName" :label="$t('newOaWorkflowDetail.department')" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.orgName || $t('newOaWorkflowDetail.admin') }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="staffName" :label="$t('newOaWorkflowDetail.handler')" align="center" />
+            <el-table-column :label="$t('newOaWorkflowDetail.status')" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.endTime ? $t('newOaWorkflowDetail.processed') : $t('newOaWorkflowDetail.processing') }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="duration" :label="$t('newOaWorkflowDetail.timeConsuming')" align="center" />
+            <el-table-column prop="context" :label="$t('newOaWorkflowDetail.comment')" align="center" />
+          </el-table>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <el-row v-if="newOaWorkflowDetailInfo.action" :gutter="20" class="mt-20">
+      <el-col :span="24">
+        <el-card>
+          <div slot="header" class="flex justify-between">
+            <span>{{ $t('newOaWorkflowDetail.workflowHandle') }}</span>
+          </div>
+
+          <el-form label-width="120px">
+            <el-form-item :label="$t('newOaWorkflowDetail.action')">
+              <el-select v-model="newOaWorkflowDetailInfo.audit.auditCode" style="width:100%"
+                :placeholder="$t('newOaWorkflowDetail.selectAction')">
+                <el-option v-if="newOaWorkflowDetailInfo.nextAudit.next" value="1100"
+                  :label="$t('newOaWorkflowDetail.handle')" />
+                <el-option v-if="newOaWorkflowDetailInfo.nextAudit.back" value="1200"
+                  :label="$t('newOaWorkflowDetail.return')" />
+                <el-option v-if="newOaWorkflowDetailInfo.nextAudit.backIndex" value="1400"
+                  :label="$t('newOaWorkflowDetail.returnToSubmitter')" />
+                <el-option v-if="newOaWorkflowDetailInfo.nextAudit.exit" value="1500"
+                  :label="$t('newOaWorkflowDetail.end')" />
+                <el-option value="1300" :label="$t('newOaWorkflowDetail.transfer')" />
+              </el-select>
+            </el-form-item>
+
+            <el-form-item :label="$t('newOaWorkflowDetail.workflowDescription')">
+              <el-input type="textarea" :rows="3" :placeholder="$t('newOaWorkflowDetail.descriptionRequired')"
+                v-model="newOaWorkflowDetailInfo.audit.auditMessage" />
+            </el-form-item>
+
+            <!-- 办理时 判断是否指定 委托人 如果指定了 则不显示 -->
+            <el-form-item
+              v-if="newOaWorkflowDetailInfo.audit.auditCode == '1100' && newOaWorkflowDetailInfo.nextAudit.assignee == '-2'"
+              :label="$t('newOaWorkflowDetail.nextHandler')">
+              <el-input v-model="newOaWorkflowDetailInfo.audit.staffName"
+                :placeholder="$t('newOaWorkflowDetail.selectNextHandler')" disabled style="width:80%" />
+              <el-button type="primary" @click="chooseStaff" style="margin-left:10px">
+                {{ $t('newOaWorkflowDetail.select') }}
+              </el-button>
+            </el-form-item>
+
+            <!-- 转单时 必须指定 委托人 -->
+            <el-form-item v-if="newOaWorkflowDetailInfo.audit.auditCode == '1300'"
+              :label="$t('newOaWorkflowDetail.nextHandler')">
+              <el-input v-model="newOaWorkflowDetailInfo.audit.staffName"
+                :placeholder="$t('newOaWorkflowDetail.selectNextHandler')" disabled style="width:80%" />
+              <el-button type="primary" @click="chooseStaff" style="margin-left:10px">
+                {{ $t('newOaWorkflowDetail.select') }}
+              </el-button>
+            </el-form-item>
+
+            <el-form-item>
+              <el-button type="primary" class="float-right" @click="_auditSubmit">
+                {{ $t('newOaWorkflowDetail.submit') }}
+              </el-button>
+            </el-form-item>
+          </el-form>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <el-row :gutter="20" class="mt-20">
+      <el-col :span="24">
+        <el-card>
+          <div slot="header" class="flex justify-between">
+            <span>{{ $t('newOaWorkflowDetail.flowChart') }}</span>
+          </div>
+          <div class="text-center">
+            <el-image :src="newOaWorkflowDetailInfo.imgData" style="height:300px" fit="contain" />
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <select-staff ref="selectStaff" />
+  </div>
+</template>
+
+<script>
+import { getCommunityId } from '@/api/community/communityApi'
+import { queryOaWorkflowForm, queryOaWorkflowFormData, queryOaWorkflowUser, getNextTask, auditOaWorkflow, listRunWorkflowImage } from '@/api/oa/newOaWorkflowDetailApi'
+import SelectStaff from '@/components/staff/SelectStaff'
+
+export default {
+  name: 'NewOaWorkflowDetailList',
+  components: {
+    SelectStaff
+  },
+  data() {
+    return {
+      newOaWorkflowDetailInfo: {
+        id: '',
+        flowId: '',
+        pools: {},
+        formJson: [],
+        comments: [],
+        action: '',
+        audit: {
+          auditCode: '1100',
+          auditMessage: '',
+          staffId: '',
+          staffName: '',
+          taskId: ''
+        },
+        imgData: '',
+        nextAudit: {},
+        files: []
+      },
+      communityId: ''
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    const id = this.$route.query.id
+    if (!id) {
+      this.$message.error(this.$t('newOaWorkflowDetail.illegalOperation'))
+      return
+    }
+    this.newOaWorkflowDetailInfo.id = id
+    this.newOaWorkflowDetailInfo.flowId = this.$route.query.flowId
+    this.newOaWorkflowDetailInfo.action = this.$route.query.action
+    this.newOaWorkflowDetailInfo.audit.taskId = this.$route.query.taskId
+    this._listOaWorkflowDetails()
+    this._loadComments()
+    if (this.newOaWorkflowDetailInfo.action) {
+      this._loadNextAuditPerson()
+    }
+    this._openNewOaWorkflowDetailImg()
+  },
+  methods: {
+    async _listOaWorkFlowDetailForm() {
+      try {
+        const params = {
+          page: 1,
+          row: 1,
+          flowId: this.newOaWorkflowDetailInfo.flowId
+        }
+        const response = await queryOaWorkflowForm(params)
+        this.newOaWorkflowDetailInfo.formJson = JSON.parse(response.data[0].formJson).components
+      } catch (error) {
+        console.error('请求失败:', error)
+      }
+    },
+    async _listOaWorkflowDetails() {
+      try {
+        const params = {
+          page: 1,
+          row: 1,
+          id: this.newOaWorkflowDetailInfo.id,
+          flowId: this.newOaWorkflowDetailInfo.flowId
+        }
+        const response = await queryOaWorkflowFormData(params)
+        this.newOaWorkflowDetailInfo.pools = response.data[0]
+        this.newOaWorkflowDetailInfo.files = response.data[0].files
+        this._listOaWorkFlowDetailForm()
+      } catch (error) {
+        console.error('请求失败:', error)
+      }
+    },
+    async _loadComments() {
+      try {
+        const params = {
+          communityId: this.communityId,
+          id: this.newOaWorkflowDetailInfo.id,
+          flowId: this.newOaWorkflowDetailInfo.flowId,
+          page: 1,
+          row: 10
+        }
+        const response = await queryOaWorkflowUser(params)
+        if (response.code !== '0') return
+        this.newOaWorkflowDetailInfo.comments = response.data
+      } catch (error) {
+        console.error('请求失败:', error)
+      }
+    },
+    _goBack() {
+      this.$router.go(-1)
+    },
+    chooseStaff() {
+      this.$refs.selectStaff.open(this.newOaWorkflowDetailInfo.audit)
+    },
+    async _auditSubmit() {
+      const audit = this.newOaWorkflowDetailInfo.audit
+      audit.flowId = this.newOaWorkflowDetailInfo.flowId
+      audit.id = this.newOaWorkflowDetailInfo.id
+
+      if (!audit.auditCode) {
+        this.$message.error(this.$t('newOaWorkflowDetail.selectStatus'))
+        return
+      }
+      if (!audit.auditMessage) {
+        this.$message.error(this.$t('newOaWorkflowDetail.fillDescription'))
+        return
+      }
+      if (audit.auditCode !== '1200' && audit.auditCode !== '1400' && !audit.staffId) {
+        this.$message.error(this.$t('newOaWorkflowDetail.selectNextHandler'))
+        return
+      }
+
+      try {
+        const response = await auditOaWorkflow(audit)
+        if (response.code === 0) {
+          this.$message.success(this.$t('newOaWorkflowDetail.submitSuccess'))
+          this._goBack()
+        } else {
+          this.$message.error(response.msg)
+        }
+      } catch (error) {
+        this.$message.error(error)
+      }
+    },
+    async _loadNextAuditPerson() {
+      try {
+        const params = {
+          communityId: this.communityId,
+          taskId: this.newOaWorkflowDetailInfo.audit.taskId,
+          flowId: this.newOaWorkflowDetailInfo.flowId,
+          id: this.newOaWorkflowDetailInfo.id
+        }
+        const response = await getNextTask(params)
+        if (response.code !== '0') return
+        this.newOaWorkflowDetailInfo.nextAudit = response.data[0]
+      } catch (error) {
+        console.error('请求失败:', error)
+      }
+    },
+    _getNewOaWorkflowDetailState(pool) {
+      if (!Object.prototype.hasOwnProperty.call(pool, 'state')) {
+        return this.$t('newOaWorkflowDetail.unknown')
+      }
+      switch (pool.state) {
+        case '1001':
+          return this.$t('newOaWorkflowDetail.apply')
+        case '1002':
+          return this.$t('newOaWorkflowDetail.pendingReview')
+        case '1003':
+          return this.$t('newOaWorkflowDetail.returned')
+        case '1004':
+          return this.$t('newOaWorkflowDetail.transferred')
+        case '1005':
+          return this.$t('newOaWorkflowDetail.completed')
+        default:
+          return this.$t('newOaWorkflowDetail.unknown')
+      }
+    },
+    async _openNewOaWorkflowDetailImg() {
+      try {
+        const params = {
+          communityId: this.communityId,
+          businessKey: this.newOaWorkflowDetailInfo.id
+        }
+        const response = await listRunWorkflowImage(params)
+        if (response.code !== '0') return
+        this.newOaWorkflowDetailInfo.imgData = 'data:image/png;base64,' + response.data
+      } catch (error) {
+        console.error('请求失败:', error)
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.new-oa-workflow-detail-container {
+  padding: 20px;
+
+  .mt-20 {
+    margin-top: 20px;
+  }
+
+  .float-right {
+    float: right;
+  }
+
+  .text-center {
+    text-align: center;
+  }
+
+  .el-form-item {
+    margin-bottom: 0;
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    newOaWorkflowFormEdit: {
+      title: 'Edit',
+      submit: 'Submit',
+      cancel: 'Cancel',
+      requiredMessage: ' is required',
+      submitSuccess: 'Submit successfully',
+      submitError: 'Submit failed'
+    },
+    uploadFile: {
+      uploadBtn: 'Upload Attachment',
+      sizeLimit: 'File size cannot exceed 20MB',
+      uploadSuccess: 'File uploaded successfully',
+      uploadError: 'File upload failed'
+    }
+  },
+  zh: {
+    newOaWorkflowFormEdit: {
+      title: '编辑',
+      submit: '提交',
+      cancel: '取消',
+      requiredMessage: '不能为空',
+      submitSuccess: '提交成功',
+      submitError: '提交失败'
+    },
+    uploadFile: {
+      uploadBtn: '上传附件',
+      sizeLimit: '文件大小不能超过20MB',
+      uploadSuccess: '文件上传成功',
+      uploadError: '文件上传失败'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="new-oa-workflow-form-edit-container">
+    <el-card class="box-card">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('newOaWorkflowFormEdit.title') }}</span>
+      </div>
+      <el-form>
+        <el-row :gutter="20">
+          <el-col :span="24">
+            <div v-for="(item, index) in newOaWorkflowFormEditInfo.components" :key="index">
+              <el-form-item v-if="item.type === 'textfield'" :label="item.label"
+                :prop="'components.' + index + '.value'"
+                :rules="[{ required: item.validate && item.validate.required, message: $t('newOaWorkflowFormEdit.requiredMessage') }]">
+                <el-input v-model="item.value" :placeholder="item.description" clearable />
+              </el-form-item>
+
+              <el-form-item v-if="item.type === 'number'" :label="item.label" :prop="'components.' + index + '.value'">
+                <el-input-number v-model="item.value" :placeholder="item.description" controls-position="right" />
+              </el-form-item>
+
+              <el-form-item v-if="item.type === 'textarea'" :label="item.label"
+                :prop="'components.' + index + '.value'">
+                <el-input v-model="item.value" type="textarea" :placeholder="item.description" :rows="4" />
+              </el-form-item>
+
+              <el-form-item v-if="item.type === 'textdate'" :label="item.label"
+                :prop="'components.' + index + '.value'">
+                <el-date-picker v-model="item.value" type="date" :placeholder="item.description"
+                  value-format="yyyy-MM-dd" />
+              </el-form-item>
+
+              <el-form-item v-if="item.type === 'textdatetime'" :label="item.label"
+                :prop="'components.' + index + '.value'">
+                <el-date-picker v-model="item.value" type="datetime" :placeholder="item.description"
+                  value-format="yyyy-MM-dd HH:mm:ss" />
+              </el-form-item>
+
+              <el-form-item v-if="item.type === 'checkbox'" :label="item.label"
+                :prop="'components.' + index + '.value'">
+                <el-checkbox-group v-model="item.value">
+                  <el-checkbox :label="item.value">{{ item.label }}</el-checkbox>
+                </el-checkbox-group>
+              </el-form-item>
+            </div>
+
+            <upload-file ref="uploadFile" :call-back-listener="'newOaWorkflowFormEdit'"
+              :call-back-function="'fileName'" />
+
+            <div class="form-footer">
+              <el-button type="primary" @click="_submitFormData">
+                <i class="el-icon-check"></i>
+                {{ $t('newOaWorkflowFormEdit.submit') }}
+              </el-button>
+              <el-button type="warning" @click="closeEditInfo">
+                {{ $t('newOaWorkflowFormEdit.cancel') }}
+              </el-button>
+            </div>
+          </el-col>
+        </el-row>
+      </el-form>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import { queryOaWorkflowForm, queryOaWorkflowFormData, updateOaWorkflowFormData } from '@/api/oa/newOaWorkflowFormEditApi'
+import UploadFile from '@/components/oa/uploadFile'
+
+export default {
+  name: 'NewOaWorkflowFormEditList',
+  components: {
+    UploadFile
+  },
+  data() {
+    return {
+      newOaWorkflowFormEditInfo: {
+        formJson: {},
+        components: [],
+        conditions: {},
+        flowId: '',
+        id: '',
+        fileName: '',
+        realFileName: ''
+      }
+    }
+  },
+  created() {
+    this.newOaWorkflowFormEditInfo.flowId = this.$route.query.flowId
+    this.newOaWorkflowFormEditInfo.id = this.$route.query.id
+    this._listOaWorkflowFormEdit(1, 100)
+  },
+  methods: {
+    async _listOaWorkflowFormEdit(page, rows) {
+      try {
+        const params = {
+          page,
+          row: rows,
+          flowId: this.newOaWorkflowFormEditInfo.flowId
+        }
+
+        const { data } = await queryOaWorkflowForm(params)
+        const formData = JSON.parse(data[0].formJson)
+        this.newOaWorkflowFormEditInfo.formJson = formData
+        this.newOaWorkflowFormEditInfo.components = formData.components
+        this._listOaWorkflowDetails()
+      } catch (error) {
+        console.error('获取表单数据失败:', error)
+      }
+    },
+    async _listOaWorkflowDetails() {
+      try {
+        const params = {
+          page: 1,
+          row: 1,
+          id: this.newOaWorkflowFormEditInfo.id,
+          flowId: this.newOaWorkflowFormEditInfo.flowId
+        }
+
+        const { data } = await queryOaWorkflowFormData(params)
+        const detailData = data[0]
+
+        this.newOaWorkflowFormEditInfo.components.forEach(item => {
+          item.value = detailData[item.key]
+        })
+
+        if (detailData.files) {
+          this.newOaWorkflowFormEditInfo.fileName = detailData.files[0].fileName
+          this.newOaWorkflowFormEditInfo.realFileName = detailData.files[0].realFileName
+          this.$refs.uploadFile.notifyVedio(detailData.files[0].fileName)
+        }
+      } catch (error) {
+        console.error('获取表单详情失败:', error)
+      }
+    },
+    async _submitFormData() {
+      try {
+        const components = this.newOaWorkflowFormEditInfo.components
+        const formData = {
+          id: this.newOaWorkflowFormEditInfo.id,
+          flowId: this.newOaWorkflowFormEditInfo.flowId,
+          fileName: this.newOaWorkflowFormEditInfo.fileName,
+          realFileName: this.newOaWorkflowFormEditInfo.realFileName
+        }
+
+        components.forEach(item => {
+          if (item.validate && item.validate.required && !item.value) {
+            this.$message.error(item.label + this.$t('newOaWorkflowFormEdit.requiredMessage'))
+            throw new Error(item.label + this.$t('newOaWorkflowFormEdit.requiredMessage'))
+          }
+
+          if (item.type !== 'button' && item.type !== 'text') {
+            formData[item.key] = item.value
+            if (item.type === 'checkbox') {
+              formData[item.key] = item.value.length > 0 ? item.value[0] : ''
+            }
+          }
+        })
+
+        const res = await updateOaWorkflowFormData(formData)
+        if (res.code === 0) {
+          this.$message.success(this.$t('newOaWorkflowFormEdit.submitSuccess'))
+          this.closeEditInfo()
+        } else {
+          this.$message.error(res.msg)
+        }
+      } catch (error) {
+        console.error('提交表单失败:', error)
+        this.$message.error(this.$t('newOaWorkflowFormEdit.submitError'))
+      }
+    },
+    closeEditInfo() {
+      this.$router.go(-1)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.new-oa-workflow-form-edit-container {
+  padding: 20px;
+
+  .box-card {
+    margin-bottom: 20px;
+  }
+
+  .form-footer {
+    margin-top: 20px;
+    text-align: right;
+  }
+
+  .el-form-item {
+    margin-bottom: 22px;
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    newOaWorkflow: {
+      processWorkOrder: 'Process Work Order',
+      draftProcess: 'Draft Process',
+      processTodo: 'Process Todo',
+      processDone: 'Process Done'
+    },
+    newOaWorkflowPool: {
+      searchTitle: 'Search Conditions',
+      enterApplicant: 'Please enter applicant',
+      enterStartTime: 'Please enter start time',
+      enterEndTime: 'Please enter end time',
+      processWorkOrder: 'Process Work Order',
+      applicant: 'Applicant',
+      status: 'Status',
+      createTime: 'Create Time',
+      operation: 'Operation',
+      detail: 'Detail',
+      flowChart: 'Flow Chart',
+      stateApply: 'Apply',
+      statePending: 'Pending',
+      stateReturned: 'Returned',
+      stateDelegate: 'Delegate',
+      stateCompleted: 'Completed'
+    },
+    newOaWorkflowUndo: {
+      searchTitle: 'Search Conditions',
+      enterApplicant: 'Please enter applicant',
+      enterStartTime: 'Please enter start time',
+      enterEndTime: 'Please enter end time',
+      todoProcess: 'Todo Process',
+      applicant: 'Applicant',
+      status: 'Status',
+      createTime: 'Create Time',
+      operation: 'Operation',
+      process: 'Process',
+      detail: 'Detail',
+      edit: 'Edit',
+      stateApply: 'Apply',
+      statePending: 'Pending',
+      stateReturned: 'Returned',
+      stateDelegate: 'Delegate',
+      stateCompleted: 'Completed'
+    },
+    newOaWorkflowFinish: {
+      searchTitle: 'Search Conditions',
+      enterApplicant: 'Please enter applicant',
+      enterStartTime: 'Please enter start time',
+      enterEndTime: 'Please enter end time',
+      doneProcess: 'Done Process',
+      applicant: 'Applicant',
+      status: 'Status',
+      createTime: 'Create Time',
+      operation: 'Operation',
+      detail: 'Detail',
+      stateApply: 'Apply',
+      statePending: 'Pending',
+      stateReturned: 'Returned',
+      stateDelegate: 'Delegate',
+      stateCompleted: 'Completed'
+    },
+    uploadFile: {
+      uploadAttachment: 'Upload Attachment',
+      fileSizeLimit: 'File size cannot exceed 20MB',
+      uploadSuccess: 'File uploaded successfully',
+      uploadFailed: 'File upload failed'
+    }
+  },
+  zh: {
+    newOaWorkflow: {
+      processWorkOrder: '流程工单',
+      draftProcess: '起草流程',
+      processTodo: '流程待办',
+      processDone: '流程已办'
+    },
+    newOaWorkflowPool: {
+      searchTitle: '查询条件',
+      enterApplicant: '请输入申请人',
+      enterStartTime: '请输入开始时间',
+      enterEndTime: '请输入结束时间',
+      processWorkOrder: '流程工单',
+      applicant: '申请人',
+      status: '状态',
+      createTime: '创建时间',
+      operation: '操作',
+      detail: '详情',
+      flowChart: '流程图',
+      stateApply: '申请',
+      statePending: '待审核',
+      stateReturned: '退回',
+      stateDelegate: '委托',
+      stateCompleted: '办结'
+    },
+    newOaWorkflowUndo: {
+      searchTitle: '查询条件',
+      enterApplicant: '请输入申请人',
+      enterStartTime: '请输入开始时间',
+      enterEndTime: '请输入结束时间',
+      todoProcess: '待办流程',
+      applicant: '申请人',
+      status: '状态',
+      createTime: '创建时间',
+      operation: '操作',
+      process: '办理',
+      detail: '详情',
+      edit: '编辑',
+      stateApply: '申请',
+      statePending: '待审核',
+      stateReturned: '退回',
+      stateDelegate: '委托',
+      stateCompleted: '办结'
+    },
+    newOaWorkflowFinish: {
+      searchTitle: '查询条件',
+      enterApplicant: '请输入申请人',
+      enterStartTime: '请输入开始时间',
+      enterEndTime: '请输入结束时间',
+      doneProcess: '已办流程',
+      applicant: '申请人',
+      status: '状态',
+      createTime: '创建时间',
+      operation: '操作',
+      detail: '详情',
+      stateApply: '申请',
+      statePending: '待审核',
+      stateReturned: '退回',
+      stateDelegate: '委托',
+      stateCompleted: '办结'
+    },
+    uploadFile: {
+      uploadAttachment: '上传附件',
+      fileSizeLimit: '文件大小不能超过20MB',
+      uploadSuccess: '文件上传成功',
+      uploadFailed: '文件上传失败'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="new-oa-workflow-container">
+    <el-row :gutter="20">
+      <el-col :span="4">
+        <div class="menu-wrapper bg-white">
+          <ul class="menu-list">
+            <li v-if="hasPrivilege('502023041839740294')" :class="{ 'active': activeTab === 'newOaWorkflowPool' }"
+              @click="switchTab('newOaWorkflowPool')">
+              {{ $t('newOaWorkflow.processWorkOrder') }}
+            </li>
+            <li :class="{ 'active': activeTab === 'newOaWorkflowForm' }" @click="switchTab('newOaWorkflowForm')">
+              {{ $t('newOaWorkflow.draftProcess') }}
+            </li>
+            <li :class="{ 'active': activeTab === 'newOaWorkflowUndo' }" @click="switchTab('newOaWorkflowUndo')">
+              {{ $t('newOaWorkflow.processTodo') }}
+            </li>
+            <li :class="{ 'active': activeTab === 'newOaWorkflowFinish' }" @click="switchTab('newOaWorkflowFinish')">
+              {{ $t('newOaWorkflow.processDone') }}
+            </li>
+          </ul>
+        </div>
+      </el-col>
+      <el-col :span="20">
+        <div class="content-wrapper">
+          <new-oa-workflow-pool v-show="activeTab === 'newOaWorkflowPool'" ref="newOaWorkflowPool" />
+          <new-oa-workflow-form v-if="activeTab === 'newOaWorkflowForm'" ref="newOaWorkflowForm" />
+          <new-oa-workflow-undo v-show="activeTab === 'newOaWorkflowUndo'" ref="newOaWorkflowUndo" />
+          <new-oa-workflow-finish v-show="activeTab === 'newOaWorkflowFinish'" ref="newOaWorkflowFinish" />
+        </div>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import NewOaWorkflowPool from '@/components/oa/newOaWorkflowPool'
+import NewOaWorkflowForm from '@/components/oa/newOaWorkflowForm'
+import NewOaWorkflowUndo from '@/components/oa/newOaWorkflowUndo'
+import NewOaWorkflowFinish from '@/components/oa/newOaWorkflowFinish'
+
+export default {
+  name: 'NewOaWorkflowList',
+  components: {
+    NewOaWorkflowPool,
+    NewOaWorkflowForm,
+    NewOaWorkflowUndo,
+    NewOaWorkflowFinish
+  },
+  data() {
+    return {
+      activeTab: '',
+      flowId: this.$route.query.flowId || ''
+    }
+  },
+  created() {
+    this.initActiveTab()
+  },
+  methods: {
+    initActiveTab() {
+      const switchValue = this.$route.query.switchValue
+      if (switchValue) {
+        this.switchTab(switchValue)
+        return
+      }
+      if (this.hasPrivilege('502023041839740294')) {
+        this.switchTab('newOaWorkflowPool')
+      } else {
+        this.switchTab('newOaWorkflowForm')
+      }
+    },
+    switchTab(tab) {
+      if (this.activeTab === tab) return
+      this.activeTab = tab
+      setTimeout(() => {
+        this.$refs[tab].open({ flowId: this.flowId })
+      }, 500)
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.new-oa-workflow-container {
+  padding: 20px;
+  height: 100%;
+
+  .menu-wrapper {
+    border-radius: 4px;
+    padding: 10px 0;
+    height: 100%;
+
+    .menu-list {
+      list-style: none;
+      padding: 0;
+      margin: 0;
+
+      li {
+        padding: 12px 20px;
+        cursor: pointer;
+        transition: all 0.3s;
+        border-left: 3px solid transparent;
+
+        &:hover {
+          background-color: #f5f7fa;
+        }
+
+        &.active {
+          background-color: #ecf5ff;
+          border-left: 3px solid #409eff;
+          color: #409eff;
+        }
+      }
+    }
+  }
+
+  .content-wrapper {
+
+    height: 100%;
+  }
+}
+</style>
 \ No newline at end of file
@@ -3,13 +3,8 @@
     <el-card class="box-card">
       <div v-if="newOaWorkflowManageInfo.newOaWorkflows && newOaWorkflowManageInfo.newOaWorkflows.length > 0">
         <el-row :gutter="20">
-          <el-col
-            v-for="(item, index) in newOaWorkflowManageInfo.newOaWorkflows"
-            :key="index"
-            :span="4"
-            class="text-center workflow-item"
-            @click.native="newFlow(item)"
-          >
+          <el-col v-for="(item, index) in newOaWorkflowManageInfo.newOaWorkflows" :key="index" :span="4"
+            class="text-center workflow-item" @click.native="newFlow(item)">
             <div>
               <img src="/img/flow.png" width="80px" />
             </div>
@@ -64,14 +59,14 @@ export default {
           flowId: flow.flowId,
           state: 'C'
         })
-        
+
         if (data.length < 1) {
           this.$message.error(this.$t('newOaWorkflowManage.flowNotDeployed'))
           return
         }
-        
+
         this.$router.push({
-          path: '/form.html#/pages/property/newOaWorkflow',
+          path: '/views/oa/newOaWorkflow',
           query: { flowId: flow.flowId }
         })
       } catch (error) {
@@ -85,27 +80,27 @@ export default {
 <style lang="scss" scoped>
 .new-oa-workflow-manage-container {
   padding: 20px;
-  
+
   .box-card {
     min-height: 400px;
   }
-  
+
   .workflow-item {
     margin-bottom: 20px;
     cursor: pointer;
     transition: all 0.3s;
-    
+
     &:hover {
       transform: translateY(-5px);
     }
   }
-  
+
   .empty-tip {
     padding: 20px;
     text-align: center;
     color: #909399;
   }
-  
+
   .margin-top {
     margin-top: 10px;
   }
@@ -69,7 +69,7 @@
               <div class="form-group">
                 <label class="col-form-label">{{ $t('simplifyAcceptance.ownerName') }}</label>
                 <label>
-                  <a target="_blank" :href="'/#/pages/owner/ownerDetail?ownerId=' + simplifyAcceptanceInfo.ownerId">
+                  <a target="_blank" :href="'/#/views/owner/ownerDetail?ownerId=' + simplifyAcceptanceInfo.ownerId">
                     {{ simplifyAcceptanceInfo.name }}
                   </a>
                 </label>
@@ -180,7 +180,7 @@
                   <span v-if="simplifyAcceptanceInfo.acctAmount">
                     {{ simplifyAcceptanceInfo.acctAmount }}(
                     <a target="_blank" v-if="hasPrivilege('502023032809461736')"
-                      :href="'/#/pages/owner/ownerDetail?ownerId=' + simplifyAcceptanceInfo.ownerId + '&currentTab=ownerDetailAccount'">
+                      :href="'/#/views/owner/ownerDetail?ownerId=' + simplifyAcceptanceInfo.ownerId + '&currentTab=ownerDetailAccount'">
                       {{ $t('simplifyAcceptance.preDeposit') }}
                     </a>
                     )
@@ -616,7 +616,7 @@ export default {
       const _roomId = this.simplifyAcceptanceInfo.roomId
       const _ownerId = this.simplifyAcceptanceInfo.ownerId
       this.$router.push({
-        path: '/pages/fee/refundDepositFee',
+        path: '/views/fee/refundDepositFee',
         query: {
           roomId: _roomId,
           ownerId: _ownerId
@@ -4,19 +4,33 @@ module.exports = {
     open: true, // 自动打开浏览器
     proxy: {
       '/app': {
-        target: 'http://localhost:8008/app', // 后端API地址
+        target: 'http://demo.homecommunity.cn/app', // 后端API地址
         changeOrigin: true,
         pathRewrite: {
           '^/app': ''
         }
       },
       '/callComponent': {
-        target: 'http://localhost:8008/callComponent', // 后端API地址
+        target: 'http://demo.homecommunity.cn/callComponent', // 后端API地址
         changeOrigin: true,
         pathRewrite: {
           '^/callComponent': ''
         }
       }
+      // '/app': {
+      //   target: 'http://localhost:8008/app', // 后端API地址
+      //   changeOrigin: true,
+      //   pathRewrite: {
+      //     '^/app': ''
+      //   }
+      // },
+      // '/callComponent': {
+      //   target: 'http://localhost:8008/callComponent', // 后端API地址
+      //   changeOrigin: true,
+      //   pathRewrite: {
+      //     '^/callComponent': ''
+      //   }
+      // }
     },
     // 关键：禁止开发服务器对静态资源添加 hash
     historyApiFallback: {