From b28983900e9347b4339cb090758fd7eb186859d5 Mon Sep 17 00:00:00 2001
From: zhaoln <zhaoln@yuntongxun.com>
Date: Fri, 11 Apr 2025 18:02:14 +0800
Subject: [PATCH] =?UTF-8?q?=E9=87=91=E8=B1=86=E5=A2=9E=E5=8A=A0=E5=85=85?=
 =?UTF-8?q?=E5=80=BC=E9=A1=B5=E9=9D=A2=E7=9A=84=E5=BC=80=E5=8F=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 gold-system/package-lock.json                      | 470 ++++++++++++++++++
 gold-system/package.json                           |   1 +
 gold-system/src/router/index.js                    |   6 +-
 gold-system/src/views/goldBeen/addGoldenBeen.vue   | 174 +++++++
 .../src/views/goldBeen/goldenBeenBalance.vue       | 495 +++++++++++++++++++
 .../src/views/goldBeen/goldenBeenDetail.vue        | 532 +++++++++++++++++++++
 gold-system/src/views/index.vue                    |  16 +-
 7 files changed, 1689 insertions(+), 5 deletions(-)
 create mode 100644 gold-system/src/views/goldBeen/addGoldenBeen.vue
 create mode 100644 gold-system/src/views/goldBeen/goldenBeenBalance.vue
 create mode 100644 gold-system/src/views/goldBeen/goldenBeenDetail.vue

diff --git a/gold-system/package-lock.json b/gold-system/package-lock.json
index 70ceabd..df3fad7 100644
--- a/gold-system/package-lock.json
+++ b/gold-system/package-lock.json
@@ -28,6 +28,7 @@
         "@types/node": "^22.10.5",
         "@vitejs/plugin-legacy": "^6.0.2",
         "@vitejs/plugin-vue": "^5.1.4",
+        "sass": "^1.86.3",
         "terser": "^5.38.1",
         "typescript": "~5.6.2",
         "vite": "^6.1.0",
@@ -2030,6 +2031,302 @@
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
+    "node_modules/@parcel/watcher": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmmirror.com/@parcel/watcher/-/watcher-2.5.1.tgz",
+      "integrity": "sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==",
+      "dev": true,
+      "hasInstallScript": true,
+      "optional": true,
+      "dependencies": {
+        "detect-libc": "^1.0.3",
+        "is-glob": "^4.0.3",
+        "micromatch": "^4.0.5",
+        "node-addon-api": "^7.0.0"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "@parcel/watcher-android-arm64": "2.5.1",
+        "@parcel/watcher-darwin-arm64": "2.5.1",
+        "@parcel/watcher-darwin-x64": "2.5.1",
+        "@parcel/watcher-freebsd-x64": "2.5.1",
+        "@parcel/watcher-linux-arm-glibc": "2.5.1",
+        "@parcel/watcher-linux-arm-musl": "2.5.1",
+        "@parcel/watcher-linux-arm64-glibc": "2.5.1",
+        "@parcel/watcher-linux-arm64-musl": "2.5.1",
+        "@parcel/watcher-linux-x64-glibc": "2.5.1",
+        "@parcel/watcher-linux-x64-musl": "2.5.1",
+        "@parcel/watcher-win32-arm64": "2.5.1",
+        "@parcel/watcher-win32-ia32": "2.5.1",
+        "@parcel/watcher-win32-x64": "2.5.1"
+      }
+    },
+    "node_modules/@parcel/watcher-android-arm64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmmirror.com/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.1.tgz",
+      "integrity": "sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-darwin-arm64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmmirror.com/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.1.tgz",
+      "integrity": "sha512-eAzPv5osDmZyBhou8PoF4i6RQXAfeKL9tjb3QzYuccXFMQU0ruIc/POh30ePnaOyD1UXdlKguHBmsTs53tVoPw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-darwin-x64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmmirror.com/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.1.tgz",
+      "integrity": "sha512-1ZXDthrnNmwv10A0/3AJNZ9JGlzrF82i3gNQcWOzd7nJ8aj+ILyW1MTxVk35Db0u91oD5Nlk9MBiujMlwmeXZg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-freebsd-x64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmmirror.com/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.1.tgz",
+      "integrity": "sha512-SI4eljM7Flp9yPuKi8W0ird8TI/JK6CSxju3NojVI6BjHsTyK7zxA9urjVjEKJ5MBYC+bLmMcbAWlZ+rFkLpJQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm-glibc": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmmirror.com/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.1.tgz",
+      "integrity": "sha512-RCdZlEyTs8geyBkkcnPWvtXLY44BCeZKmGYRtSgtwwnHR4dxfHRG3gR99XdMEdQ7KeiDdasJwwvNSF5jKtDwdA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm-musl": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmmirror.com/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.1.tgz",
+      "integrity": "sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm64-glibc": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmmirror.com/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.1.tgz",
+      "integrity": "sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm64-musl": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmmirror.com/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.1.tgz",
+      "integrity": "sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-x64-glibc": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmmirror.com/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.1.tgz",
+      "integrity": "sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-x64-musl": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmmirror.com/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.1.tgz",
+      "integrity": "sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-arm64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmmirror.com/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.1.tgz",
+      "integrity": "sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-ia32": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmmirror.com/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.1.tgz",
+      "integrity": "sha512-c2KkcVN+NJmuA7CGlaGD1qJh1cLfDnQsHjE89E60vUEMlqduHGCdCLJCID5geFVM0dOtA3ZiIO8BoEQmzQVfpQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-x64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmmirror.com/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.1.tgz",
+      "integrity": "sha512-9lHBdJITeNR++EvSQVUcaZoWupyHfXe1jZvGZ06O/5MflPcuPLtEphScIBL+AiCWBO46tDSHzWyD0uDmmZqsgA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
     "node_modules/@popperjs/core": {
       "name": "@sxzz/popperjs-es",
       "version": "2.11.7",
@@ -2827,6 +3124,19 @@
         "balanced-match": "^1.0.0"
       }
     },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmmirror.com/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
+      "optional": true,
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/browserslist": {
       "version": "4.24.4",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/browserslist/-/browserslist-4.24.4.tgz",
@@ -2920,6 +3230,21 @@
         "node": ">=0.8"
       }
     },
+    "node_modules/chokidar": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmmirror.com/chokidar/-/chokidar-4.0.3.tgz",
+      "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
+      "dev": true,
+      "dependencies": {
+        "readdirp": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 14.16.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
     "node_modules/codepage": {
       "version": "1.15.0",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/codepage/-/codepage-1.15.0.tgz",
@@ -3069,6 +3394,19 @@
         "node": ">=0.4.0"
       }
     },
+    "node_modules/detect-libc": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmmirror.com/detect-libc/-/detect-libc-1.0.3.tgz",
+      "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==",
+      "dev": true,
+      "optional": true,
+      "bin": {
+        "detect-libc": "bin/detect-libc.js"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
     "node_modules/dom-zindex": {
       "version": "1.0.6",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/dom-zindex/-/dom-zindex-1.0.6.tgz",
@@ -3221,6 +3559,19 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmmirror.com/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "optional": true,
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/follow-redirects": {
       "version": "1.15.9",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/follow-redirects/-/follow-redirects-1.15.9.tgz",
@@ -3346,6 +3697,12 @@
       "resolved": "https://registry.npmmirror.com/hookable/-/hookable-5.5.3.tgz",
       "integrity": "sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ=="
     },
+    "node_modules/immutable": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmmirror.com/immutable/-/immutable-5.1.1.tgz",
+      "integrity": "sha512-3jatXi9ObIsPGr3N5hGw/vWWcTkq6hUYhpQz4k0wLC+owqWi/LiugIw9x0EdNZ2yGedKN/HzePiBvaJRXa0Ujg==",
+      "dev": true
+    },
     "node_modules/is-core-module": {
       "version": "2.16.1",
       "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
@@ -3361,6 +3718,39 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmmirror.com/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "optional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmmirror.com/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "optional": true,
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmmirror.com/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "optional": true,
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
     "node_modules/is-what": {
       "version": "4.1.16",
       "resolved": "https://registry.npmmirror.com/is-what/-/is-what-4.1.16.tgz",
@@ -3497,6 +3887,33 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmmirror.com/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
+      "optional": true,
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/micromatch/node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmmirror.com/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "optional": true,
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
     "node_modules/mime-db": {
       "version": "1.52.0",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/mime-db/-/mime-db-1.52.0.tgz",
@@ -3579,6 +3996,13 @@
         "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
       }
     },
+    "node_modules/node-addon-api": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmmirror.com/node-addon-api/-/node-addon-api-7.1.1.tgz",
+      "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
+      "dev": true,
+      "optional": true
+    },
     "node_modules/node-releases": {
       "version": "2.0.19",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/node-releases/-/node-releases-2.0.19.tgz",
@@ -3691,6 +4115,19 @@
       "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
       "license": "MIT"
     },
+    "node_modules/readdirp": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmmirror.com/readdirp/-/readdirp-4.1.2.tgz",
+      "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 14.18.0"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
     "node_modules/regenerate": {
       "version": "1.4.2",
       "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
@@ -3835,6 +4272,26 @@
         "fsevents": "~2.3.2"
       }
     },
+    "node_modules/sass": {
+      "version": "1.86.3",
+      "resolved": "https://registry.npmmirror.com/sass/-/sass-1.86.3.tgz",
+      "integrity": "sha512-iGtg8kus4GrsGLRDLRBRHY9dNVA78ZaS7xr01cWnS7PEMQyFtTqBiyCrfpTYTZXRWM94akzckYjh8oADfFNTzw==",
+      "dev": true,
+      "dependencies": {
+        "chokidar": "^4.0.0",
+        "immutable": "^5.0.2",
+        "source-map-js": ">=0.6.2 <2.0.0"
+      },
+      "bin": {
+        "sass": "sass.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "optionalDependencies": {
+        "@parcel/watcher": "^2.4.1"
+      }
+    },
     "node_modules/seedrandom": {
       "version": "3.0.5",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/seedrandom/-/seedrandom-3.0.5.tgz",
@@ -3959,6 +4416,19 @@
       "integrity": "sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q==",
       "license": "MIT"
     },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmmirror.com/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "optional": true,
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
     "node_modules/tslib": {
       "version": "2.3.0",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/tslib/-/tslib-2.3.0.tgz",
diff --git a/gold-system/package.json b/gold-system/package.json
index ce56f08..5f42e2e 100644
--- a/gold-system/package.json
+++ b/gold-system/package.json
@@ -30,6 +30,7 @@
     "@types/node": "^22.10.5",
     "@vitejs/plugin-legacy": "^6.0.2",
     "@vitejs/plugin-vue": "^5.1.4",
+    "sass": "^1.86.3",
     "terser": "^5.38.1",
     "typescript": "~5.6.2",
     "vite": "^6.1.0",
diff --git a/gold-system/src/router/index.js b/gold-system/src/router/index.js
index 819595c..68c4099 100644
--- a/gold-system/src/router/index.js
+++ b/gold-system/src/router/index.js
@@ -43,6 +43,10 @@ const router = createRouter({
                 { path: '/permissions', name: "permissions", component: () => import("../views/permissions/index.vue") },
                 // 没有权限
                 { path: '/noPermission', name: "noPermission", component: () => import("../views/noPermissionPage.vue") },
+                //金豆充值
+                { path: '/addGoldenBeen', name: "addGoldenBeen", component: () => import("../views/goldBeen/addGoldenBeen.vue") },
+                //金豆充值明细
+                { path: '/goldenBeenDetail', name: "goldenBeenDetail", component: () => import("../views/goldBeen/goldenBeenDetail.vue") },
             ]
         },
 
@@ -88,4 +92,4 @@ router.beforeEach((to, from, next) => {
     }
 })
 
-export default router;
\ No newline at end of file
+export default router;
diff --git a/gold-system/src/views/goldBeen/addGoldenBeen.vue b/gold-system/src/views/goldBeen/addGoldenBeen.vue
new file mode 100644
index 0000000..6bb5a75
--- /dev/null
+++ b/gold-system/src/views/goldBeen/addGoldenBeen.vue
@@ -0,0 +1,174 @@
+<template>
+  <div class="add-goldenbeen">
+    <div>新增充值</div>
+    <div class="add-box">
+      <el-form
+        :model="beenObj"
+        ref="Ref"
+        :rules="rules"
+        label-width="auto"
+        style="max-width: 600px"
+        class="add-form"
+      >
+        <el-form-item prop="jwcode" label="精网号">
+          <el-input v-model="beenObj.jwcode" style="width: 220px" />
+          <el-button
+            type="primary"
+            @click="beenObj.jwcode"
+            style="margin-left: 20px"
+            >查询</el-button
+          >
+        </el-form-item>
+        <el-form-item prop="type" label="充值类型">
+          <el-radio-group v-model="beenObj.type">
+            <el-radio value="0">增加</el-radio>
+            <el-radio label="1">减少</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <div style="display: flex">
+          <el-form-item prop="payBeean" label="付费金豆">
+            <el-input v-model="beenObj.payBeean" style="width: 50px" />
+          </el-form-item>
+          <el-form-item prop="freeBeean" label="免费金豆">
+            <el-input v-model="beenObj.freeBeean" style="width: 50px" />
+          </el-form-item>
+        </div>
+
+        <el-form-item prop="remark" label="备注">
+          <el-input
+            v-model="beenObj.remark"
+            style="width: 300px"
+            :rows="2"
+            maxlength="100"
+            show-word-limit
+            type="textarea"
+          />
+        </el-form-item>
+        <el-form-item prop="submitter" label="提交人">
+          <el-input
+            style="width: 300px"
+            :value="beenObj.submitter"
+            disabled
+            placeholder="提交人姓名"
+          />
+        </el-form-item>
+        <el-form-item>
+          <div class="btn-group">
+            <el-button @click="deleteRecharge">重置</el-button>
+            <el-button type="primary" @click="addBean"> 提交 </el-button>
+          </div>
+        </el-form-item>
+      </el-form>
+      <!-- 客户信息栏 -->
+      <el-card>
+        <el-text size="large" style="margin-left: 20px">客户信息</el-text>
+        <div class="custom-box">
+          <el-text>姓名:</el-text>
+          <el-text>当前付费金豆:</el-text>
+          <el-text>精网号:</el-text>
+          <el-text>当前免费金豆:</el-text>
+          <el-text>负责客服:</el-text>
+          <el-text>消费次数:</el-text>
+          <el-text>所属门店</el-text>
+        </div>
+      </el-card>
+    </div>
+  </div>
+</template>
+<script setup>
+import { reactive, ref } from 'vue'
+import API from '@/util/http'
+const beenObj = ref({
+  jwcode: '',
+  remark: '',
+  submitter: '',
+  type: '0',
+  payBeean: 0,
+  freeBeean: 0
+})
+const user = reactive({})
+const adminData = reactive({})
+const rules = ref({
+  jwcode: [{ required: true, message: '请输入精网号', trigger: 'blur' }],
+  remark: [{ required: true, message: '请输入备注', trigger: 'blur' }],
+  submitter: [{ required: true, message: '请输入提交人', trigger: 'blur' }],
+  type: [{ required: true, message: '请选择充值类型', trigger: 'change' }],
+  payBeean: [{ required: true, message: '请输入付费金豆', trigger: 'blur' }],
+  freeBeean: [{ required: true, message: '请输入免费金豆', trigger: 'blur' }]
+})
+const addBean = () => {
+  // 提交表单
+  bean.value.validate((valid) => {
+    if (valid) {
+      // 处理表单提交逻辑
+      console.log('表单提交成功', beenObj.value)
+    } else {
+      console.log('表单验证失败')
+      return false
+    }
+  })
+}
+
+const getUser = async function (jwcode) {
+  try {
+    // 发送POST请求
+    const result = await API({
+      url: '/recharge/user',
+      data: {
+        jwcode: jwcode,
+        area: adminData.area
+      }
+    })
+    if (result.code === 0) {
+      ElMessage.error(result.msg)
+    } else {
+      user = result.data
+      user.A =
+        Number(user.pendingRechargeTimes) + Number(user.pendingSpendTimes)
+      ElMessage.success(result.msg)
+    }
+  } catch (error) {
+    console.log('请求失败', error)
+    ElMessage.error('查询失败，请检查精网号是否正确')
+  }
+}
+const getAdminData = async function () {
+  try {
+    const result = await API({
+      url: '/admin/userinfo',
+      data: {}
+    })
+    adminData = result
+  } catch (error) {
+    console.log('请求失败', error)
+  }
+}
+getAdminData()
+</script>
+<style scoped>
+.add-box {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  column-gap: 50px;
+}
+.btn-group {
+  display: flex;
+  justify-content: flex-end;
+  width: 100%;
+}
+.custom-box {
+  padding: 20px;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  row-gap: 20px;
+  box-sizing: border-box;
+  .el-text {
+    width: 200px;
+  }
+}
+.el-card {
+  width: 500px;
+}
+</style>
diff --git a/gold-system/src/views/goldBeen/goldenBeenBalance.vue b/gold-system/src/views/goldBeen/goldenBeenBalance.vue
new file mode 100644
index 0000000..adcd793
--- /dev/null
+++ b/gold-system/src/views/goldBeen/goldenBeenBalance.vue
@@ -0,0 +1,495 @@
+<template>
+  <div class="filter-box">
+    <el-form>
+      <el-form-item label="精网号">
+        <el-input
+          v-model="detailY.jwcode"
+          placeholder="请输入精网号"
+          style="width: 220px"
+        />
+      </el-form-item>
+      <el-form-item label="地区">
+        <el-select
+          v-model="detailY.area"
+          placeholder="请选择所属地区"
+          style="width: 240px"
+          clearable
+        >
+          <el-option
+            v-for="item in area"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+    </el-form>
+  </div>
+  <div class="table-box">
+    <p>金豆总数：充值金豆总数：合计新币数</p>
+    <el-table
+      :data="tableData"
+      style="width: 100%"
+      :default-sort="{ prop: 'createTime', order: 'descending' }"
+      height="584px"
+    >
+      <el-table-column type="index" label="序号" width="100px" fixed="left">
+        <template #default="scope">
+          <span>{{
+            scope.$index + 1 + (getObj.pageNum - 1) * getObj.pageSize
+          }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column fixed="left" prop="username" label="姓名" width="150" />
+      <el-table-column fixed="left" prop="jwcode" label="精网号" width="120" />
+      <el-table-column prop="area" label="所属地区" width="120" />
+      <el-table-column prop="type" label="类型" width="110">
+        <!-- 模板内容 -->
+        <template #default="scope">
+          <span v-if="scope.row.updateType == 1">
+            <span>消费</span>
+          </span>
+          <span v-if="scope.row.updateType == 0">
+            <span>充值</span>
+          </span>
+          <span v-if="scope.row.updateType == 2">
+            <span>退款</span>
+          </span>
+          <span v-if="scope.row.updateType == 3">
+            <span>其他</span>
+          </span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="order" label="订单号" width="120" />
+      <el-table-column prop="been" label="金豆数量" width="120">
+        <template #default="scope">
+          <span>{{ scope.row.gold / 100 }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="paybeen" label="付费金豆" width="120">
+        <template #default="scope">
+          <span>{{ scope.row.paybeen / 100 }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="freebeen" label="免费金豆" width="120">
+        <template #default="scope">
+          <span>{{ scope.row.freebeen / 100 }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="count" label="金额"></el-table-column>
+      <el-table-column prop="consumePlatform" label="充值平台" width="140">
+        <template #default="scope">
+          <!-- 使用非严格相等比较 -->
+          <span v-if="scope.row.consumePlatform == 0">初始化金币</span>
+          <span v-if="scope.row.consumePlatform == 1">ERP系统</span>
+          <span v-if="scope.row.consumePlatform == 3">Homily Link</span>
+          <span v-if="scope.row.consumePlatform == 2">Homily Chart</span>
+          <span v-if="scope.row.consumePlatform == 4">金币系统</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="notes" label="备注" width="210"></el-table-column>
+      <el-table-column
+        prop="createTime"
+        sortable="“custom”"
+        label="充值时间"
+        width="210"
+        show-overflow-tooltip
+      >
+        <template #default="scope">
+          <span>{{
+            moment(scope.row.createTime).format('YYYY-MM-DD HH:mm:ss')
+          }}</span>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 分页 -->
+    <div class="pagination">
+      <el-pagination
+        background
+        :page-size="getObj.pageSize"
+        layout="slot"
+        :total="total"
+      >
+        <div>共{{ total }}条,每页</div>
+        <el-select
+          v-model="getObj.pageSize"
+          class="page-size"
+          @change="get()"
+          style="width: 80px"
+        >
+          <el-option
+            v-for="item in [5, 10, 20, 50, 100]"
+            :key="item"
+            :label="item"
+            :value="item"
+          ></el-option>
+        </el-select>
+        <div>条</div>
+      </el-pagination>
+      <el-pagination
+        background
+        layout="prev, pager, next,slot"
+        :page-size="getObj.pageSize"
+        :total="total"
+        :current-page="getObj.pageNum"
+        @current-change="get"
+      >
+        <div>跳至</div>
+        <el-input
+          v-model="getObj.pageNum"
+          style="width: 40px"
+          @change="checkNumber"
+        />
+        <div>页</div>
+      </el-pagination>
+    </div>
+  </div>
+
+  <!-- 这是导出excel的弹窗 -->
+  <el-dialog
+    v-model="getPutEX"
+    title="请选择导出条件"
+    width="500"
+    :close-on-click-modal="false"
+  >
+    <template #footer>
+      <el-form
+        v-loading="loading"
+        ref="ruleFormRef"
+        style="max-width: 600px"
+        :model="putExcel"
+        :rules="rules"
+        label-width="auto"
+        class="demo-ruleForm"
+        :size="formSize"
+        status-icon
+      >
+        <el-form-item prop="activityName" label="精网号:">
+          <el-input
+            v-model="putExcel.jwcode"
+            placeholder="请输入精网号"
+            style="width: 220px"
+          />
+        </el-form-item>
+        <el-form-item label="所属地区："
+          ><el-select
+            v-model="putExcel.area"
+            placeholder="请选择所属地区"
+            style="width: 240px"
+            clearable
+          >
+            <el-option
+              v-for="item in area"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="更新时间：">
+          <el-radio-group v-model="TimeGet">
+            <el-radio value="1" @click="getT()">今天</el-radio>
+            <el-radio value="3" @click="get3()">近三天</el-radio>
+            <el-radio value="7" @click="get7()">近一周</el-radio>
+            <el-radio value="30" @click="get30()">近一个月</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-button
+          type="primary"
+          size="small"
+          style="margin-left: 10px"
+          @click="areyour()"
+          >确定</el-button
+        >
+      </el-form>
+    </template>
+  </el-dialog>
+  <el-dialog
+    v-model="areyouright"
+    title=""
+    width="500"
+    :close-on-click-modal="false"
+  >
+    <el-button type="success" @click="exportExcel()">导出</el-button>
+  </el-dialog>
+</template>
+<script setup>
+import { ref, onMounted, reactive, computed } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import moment from 'moment'
+import API from '@/util/http'
+import * as XLSX from 'xlsx'
+//这是获取用户信息的接口
+const adminData = ref({})
+// 充值明细表格
+const tableData = ref([])
+//分页总条目
+const total = ref(100)
+//搜索表单数据
+const detailY = ref({})
+//初始化
+const get = async function (val) {
+  try {
+    // 地区赋值
+    if (adminData.value.area === '泰国') {
+      detailY.value.areas = ['泰国', '越南']
+    } else if (adminData.value.area !== '总部') {
+      detailY.value.area = adminData.value.area
+    }
+    // 搜索参数页码赋值
+    if (typeof val === 'number') {
+      getObj.value.pageNum = val
+    }
+    // 搜索参数时间赋值
+    if (getTime.value != null) {
+      if (getTime.value.startDate != '' && getTime.value.endDate != '') {
+        detailY.value.startDate = getTime.value[0]
+        detailY.value.endDate = getTime.value[1]
+      }
+    } else {
+      detailY.value.startDate = ''
+      detailY.value.endDate = ''
+    }
+    // 添加排序字段和排序方式到请求参数
+    detailY.value.sortField = sortField.value
+    detailY.value.sortOrder = sortOrder.value
+    console.log('搜索参数', getObj.value)
+    // 发送POST请求
+    const result = await API({
+      url: '/detailY',
+      method: 'post',
+      data: { ...getObj.value, detailY: { ...detailY.value } }
+    })
+    tableData.value = result.data.list
+    console.log('tableData', tableData.value)
+    total.value = result.data.total
+    console.log('total', total.value)
+  } catch (error) {
+    console.log('请求失败', error)
+    // 在这里可以处理错误逻辑，比如显示错误提示等
+  }
+}
+// 搜索
+const search = function () {}
+// 重置
+const reset = function () {}
+
+// 验证跳转输入框的数字是否合法
+const checkNumber = function () {
+  if (typeof parseInt(getObj.value.pageNum) === 'number') {
+    console.log('总共有多少页' + Math.ceil(total.value / getObj.value.pageSize))
+    if (
+      getObj.value.pageNum > 0 &&
+      getObj.value.pageNum <= Math.ceil(total.value / getObj.value.pageSize)
+    ) {
+      getObj.value.pageNum = parseInt(getObj.value.pageNum)
+      console.log('输入的数字合法')
+      get()
+    } else {
+      //提示
+      ElMessage({
+        type: 'error',
+        message: '请检查输入内容'
+      })
+    }
+  } else {
+    //提示
+    ElMessage({
+      type: 'error',
+      message: '请检查输入内容'
+    })
+  }
+}
+
+// 挂载
+onMounted(async function () {
+  await getAdminData()
+  await get()
+})
+
+// 这是导出excel表格的方法
+// 导出Excel的方法
+// 定义字段映射
+const json_fields = (row) => {
+  return [
+    row.jwcode, // 姓名
+    row.area, // 精网号
+    row.platform, // 所属地区
+    row.consumePlatform, // 平台信息
+    row.gold, // 更新数量
+    row.rechargeCoin, // 免费金币
+    row.freeCoin, // 永久金币
+    row.taskCoin, // 任务金币
+    row.createAdmin, // 提交人
+    row.createTime,
+    row.name,
+    row.id
+  ]
+}
+
+const headers = [
+  '精网号',
+  '地区',
+  '平台信息',
+  '数量',
+  '更新类型',
+  '永久金币',
+  '免费金币',
+  '任务金币',
+  '提交人',
+  '更新时间',
+  '用户名',
+  'id'
+]
+const exportExcel = () => {
+  // 先将 json_fields 应用到数据上
+  const data = excelInfo.value.map(json_fields)
+  const ws = XLSX.utils.aoa_to_sheet(data)
+  // 添加表头到工作表
+  XLSX.utils.sheet_add_aoa(ws, [headers], { origin: 'A1' })
+  const wb = XLSX.utils.book_new()
+  XLSX.utils.book_append_sheet(wb, ws, 'Sheet1')
+  XLSX.writeFile(wb, '客户金币明细.xlsx')
+}
+const today = new Date()
+const startDate = new Date(
+  today.getFullYear(),
+  today.getMonth(),
+  today.getDate()
+)
+const endDate = new Date(
+  today.getFullYear(),
+  today.getMonth(),
+  today.getDate() + 1
+)
+const putExcel = ref({
+  startDate: startDate,
+  endDate: endDate
+})
+const excelInfo = ref({})
+const loading = ref(false)
+const areyour = async function () {
+  try {
+    loading.value = true
+    const result = await API({
+      url: '/detailY/searchAll',
+      method: 'post',
+      data: { ...putExcel.value }
+    })
+    excelInfo.value = result.data
+
+    // 处理 excelInfo 中的数据
+    if (Array.isArray(excelInfo.value)) {
+      excelInfo.value.forEach((item) => {
+        if (item.rechargeCoin) {
+          item.rechargeCoin = item.rechargeCoin / 100
+        }
+        if (item.freeCoin) {
+          item.freeCoin = item.freeCoin / 100
+        }
+        if (item.taskCoin) {
+          item.taskCoin = item.taskCoin / 100
+        }
+      })
+    }
+
+    areyouright.value = true
+    ElMessage({
+      type: 'success',
+      message: '查询成功'
+    })
+    loading.value = false
+  } catch (error) {
+    console.log('请求失败', error)
+    loading.value = false
+  }
+}
+
+const areyouright = ref(false)
+
+//选地区
+const area = [
+  {
+    value: '马来西亚',
+    label: '马来西亚'
+  },
+  {
+    value: '新加坡',
+    label: '新加坡'
+  },
+  {
+    value: '香港',
+    label: '香港'
+  },
+  {
+    value: '泰国',
+    label: '泰国'
+  },
+  {
+    value: '加拿大',
+    label: '加拿大'
+  },
+  {
+    value: '越南HCM',
+    label: '越南HCM'
+  }
+]
+//选消费平台
+const platform = [
+  {
+    value: '4',
+    label: '金币系统'
+  },
+
+  {
+    value: '1',
+    label: 'ERP系统'
+  },
+  {
+    value: '2',
+    label: 'Homily Chart'
+  },
+  {
+    value: '3',
+    label: 'Homily Link'
+  },
+  {
+    value: '0',
+    label: '初始化金币'
+  }
+]
+const TimeGet = ref('1')
+</script>
+<style scoped lang="scss">
+.filter-box {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 20px;
+  padding-bottom: 0px;
+  box-sizing: border-box;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+  margin-bottom: 20px;
+  border-radius: 5px;
+  .el-form {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 20px;
+    column-gap: 20px;
+  }
+}
+.table-box {
+  width: 100%;
+  padding: 20px;
+  box-sizing: border-box;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+  border-radius: 5px;
+}
+.pagination {
+  display: flex;
+  align-items: center;
+  margin-top: 20px;
+}
+</style>
diff --git a/gold-system/src/views/goldBeen/goldenBeenDetail.vue b/gold-system/src/views/goldBeen/goldenBeenDetail.vue
new file mode 100644
index 0000000..4ffdf73
--- /dev/null
+++ b/gold-system/src/views/goldBeen/goldenBeenDetail.vue
@@ -0,0 +1,532 @@
+<template>
+  <div class="filter-box">
+    <el-form>
+      <el-form-item label="精网号">
+        <el-input
+          v-model="detailY.jwcode"
+          placeholder="请输入精网号"
+          style="width: 220px"
+        />
+      </el-form-item>
+      <el-form-item label="地区">
+        <el-select
+          v-model="detailY.area"
+          placeholder="请选择所属地区"
+          style="width: 240px"
+          clearable
+        >
+          <el-option
+            v-for="item in area"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="订单号">
+        <el-input
+          v-model="detailY.order"
+          placeholder="请输入订单号"
+          style="width: 220px"
+        />
+      </el-form-item>
+      <el-form-item label="充值平台">
+        <el-select
+          v-model="detailY.platform"
+          placeholder="请选择充值平台"
+          style="width: 240px"
+          clearable
+        >
+          <el-option
+            v-for="item in area"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="充值时间">
+        <el-date-picker
+          v-model="detailY.createTime"
+          type="daterange"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+          value-format="yyyy-MM-dd HH:mm:ss"
+          style="width: 240px"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="search">查询</el-button>
+        <el-button type="success" @click="reset">重置</el-button>
+        <el-button type="info">导出excel</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+  <div class="table-box">
+    <p>金豆总数：充值金豆总数：合计新币数</p>
+    <el-table
+      :data="tableData"
+      style="width: 100%"
+      :default-sort="{ prop: 'createTime', order: 'descending' }"
+      height="584px"
+    >
+      <el-table-column type="index" label="序号" width="100px" fixed="left">
+        <template #default="scope">
+          <span>{{
+            scope.$index + 1 + (getObj.pageNum - 1) * getObj.pageSize
+          }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column fixed="left" prop="username" label="姓名" width="150" />
+      <el-table-column fixed="left" prop="jwcode" label="精网号" width="120" />
+      <el-table-column prop="area" label="所属地区" width="120" />
+      <el-table-column prop="type" label="类型" width="110">
+        <!-- 模板内容 -->
+        <template #default="scope">
+          <span v-if="scope.row.updateType == 1">
+            <span>消费</span>
+          </span>
+          <span v-if="scope.row.updateType == 0">
+            <span>充值</span>
+          </span>
+          <span v-if="scope.row.updateType == 2">
+            <span>退款</span>
+          </span>
+          <span v-if="scope.row.updateType == 3">
+            <span>其他</span>
+          </span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="order" label="订单号" width="120" />
+      <el-table-column prop="been" label="金豆数量" width="120">
+        <template #default="scope">
+          <span>{{ scope.row.gold / 100 }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="paybeen" label="付费金豆" width="120">
+        <template #default="scope">
+          <span>{{ scope.row.paybeen / 100 }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="freebeen" label="免费金豆" width="120">
+        <template #default="scope">
+          <span>{{ scope.row.freebeen / 100 }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="count" label="金额"></el-table-column>
+      <el-table-column prop="consumePlatform" label="充值平台" width="140">
+        <template #default="scope">
+          <!-- 使用非严格相等比较 -->
+          <span v-if="scope.row.consumePlatform == 0">初始化金币</span>
+          <span v-if="scope.row.consumePlatform == 1">ERP系统</span>
+          <span v-if="scope.row.consumePlatform == 3">Homily Link</span>
+          <span v-if="scope.row.consumePlatform == 2">Homily Chart</span>
+          <span v-if="scope.row.consumePlatform == 4">金币系统</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="notes" label="备注" width="210"></el-table-column>
+      <el-table-column
+        prop="createTime"
+        sortable="“custom”"
+        label="充值时间"
+        width="210"
+        show-overflow-tooltip
+      >
+        <template #default="scope">
+          <span>{{
+            moment(scope.row.createTime).format('YYYY-MM-DD HH:mm:ss')
+          }}</span>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 分页 -->
+    <div class="pagination">
+      <el-pagination
+        background
+        :page-size="getObj.pageSize"
+        layout="slot"
+        :total="total"
+      >
+        <div>共{{ total }}条,每页</div>
+        <el-select
+          v-model="getObj.pageSize"
+          class="page-size"
+          @change="get()"
+          style="width: 80px"
+        >
+          <el-option
+            v-for="item in [5, 10, 20, 50, 100]"
+            :key="item"
+            :label="item"
+            :value="item"
+          ></el-option>
+        </el-select>
+        <div>条</div>
+      </el-pagination>
+      <el-pagination
+        background
+        layout="prev, pager, next,slot"
+        :page-size="getObj.pageSize"
+        :total="total"
+        :current-page="getObj.pageNum"
+        @current-change="get"
+      >
+        <div>跳至</div>
+        <el-input
+          v-model="getObj.pageNum"
+          style="width: 40px"
+          @change="checkNumber"
+        />
+        <div>页</div>
+      </el-pagination>
+    </div>
+  </div>
+
+  <!-- 这是导出excel的弹窗 -->
+  <el-dialog
+    v-model="getPutEX"
+    title="请选择导出条件"
+    width="500"
+    :close-on-click-modal="false"
+  >
+    <template #footer>
+      <el-form
+        v-loading="loading"
+        ref="ruleFormRef"
+        style="max-width: 600px"
+        :model="putExcel"
+        :rules="rules"
+        label-width="auto"
+        class="demo-ruleForm"
+        :size="formSize"
+        status-icon
+      >
+        <el-form-item prop="activityName" label="精网号:">
+          <el-input
+            v-model="putExcel.jwcode"
+            placeholder="请输入精网号"
+            style="width: 220px"
+          />
+        </el-form-item>
+        <el-form-item label="所属地区："
+          ><el-select
+            v-model="putExcel.area"
+            placeholder="请选择所属地区"
+            style="width: 240px"
+            clearable
+          >
+            <el-option
+              v-for="item in area"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="更新时间：">
+          <el-radio-group v-model="TimeGet">
+            <el-radio value="1" @click="getT()">今天</el-radio>
+            <el-radio value="3" @click="get3()">近三天</el-radio>
+            <el-radio value="7" @click="get7()">近一周</el-radio>
+            <el-radio value="30" @click="get30()">近一个月</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-button
+          type="primary"
+          size="small"
+          style="margin-left: 10px"
+          @click="areyour()"
+          >确定</el-button
+        >
+      </el-form>
+    </template>
+  </el-dialog>
+  <el-dialog
+    v-model="areyouright"
+    title=""
+    width="500"
+    :close-on-click-modal="false"
+  >
+    <el-button type="success" @click="exportExcel()">导出</el-button>
+  </el-dialog>
+</template>
+<script setup>
+import { ref, onMounted, reactive, computed } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import moment from 'moment'
+import API from '@/util/http'
+import * as XLSX from 'xlsx'
+//这是获取用户信息的接口
+const adminData = ref({})
+// 充值明细表格
+const tableData = ref([])
+//分页总条目
+const total = ref(100)
+//搜索表单数据
+const detailY = ref({})
+//初始化
+const get = async function (val) {
+  try {
+    // 地区赋值
+    if (adminData.value.area === '泰国') {
+      detailY.value.areas = ['泰国', '越南']
+    } else if (adminData.value.area !== '总部') {
+      detailY.value.area = adminData.value.area
+    }
+    // 搜索参数页码赋值
+    if (typeof val === 'number') {
+      getObj.value.pageNum = val
+    }
+    // 搜索参数时间赋值
+    if (getTime.value != null) {
+      if (getTime.value.startDate != '' && getTime.value.endDate != '') {
+        detailY.value.startDate = getTime.value[0]
+        detailY.value.endDate = getTime.value[1]
+      }
+    } else {
+      detailY.value.startDate = ''
+      detailY.value.endDate = ''
+    }
+    // 添加排序字段和排序方式到请求参数
+    detailY.value.sortField = sortField.value
+    detailY.value.sortOrder = sortOrder.value
+    console.log('搜索参数', getObj.value)
+    // 发送POST请求
+    const result = await API({
+      url: '/detailY',
+      method: 'post',
+      data: { ...getObj.value, detailY: { ...detailY.value } }
+    })
+    tableData.value = result.data.list
+    console.log('tableData', tableData.value)
+    total.value = result.data.total
+    console.log('total', total.value)
+  } catch (error) {
+    console.log('请求失败', error)
+    // 在这里可以处理错误逻辑，比如显示错误提示等
+  }
+}
+// 搜索
+const search = function () {}
+// 重置
+const reset = function () {}
+
+// 验证跳转输入框的数字是否合法
+const checkNumber = function () {
+  if (typeof parseInt(getObj.value.pageNum) === 'number') {
+    console.log('总共有多少页' + Math.ceil(total.value / getObj.value.pageSize))
+    if (
+      getObj.value.pageNum > 0 &&
+      getObj.value.pageNum <= Math.ceil(total.value / getObj.value.pageSize)
+    ) {
+      getObj.value.pageNum = parseInt(getObj.value.pageNum)
+      console.log('输入的数字合法')
+      get()
+    } else {
+      //提示
+      ElMessage({
+        type: 'error',
+        message: '请检查输入内容'
+      })
+    }
+  } else {
+    //提示
+    ElMessage({
+      type: 'error',
+      message: '请检查输入内容'
+    })
+  }
+}
+
+// 挂载
+onMounted(async function () {
+  await getAdminData()
+  await get()
+})
+
+// 这是导出excel表格的方法
+// 导出Excel的方法
+// 定义字段映射
+const json_fields = (row) => {
+  return [
+    row.jwcode, // 姓名
+    row.area, // 精网号
+    row.platform, // 所属地区
+    row.consumePlatform, // 平台信息
+    row.gold, // 更新数量
+    row.rechargeCoin, // 免费金币
+    row.freeCoin, // 永久金币
+    row.taskCoin, // 任务金币
+    row.createAdmin, // 提交人
+    row.createTime,
+    row.name,
+    row.id
+  ]
+}
+
+const headers = [
+  '精网号',
+  '地区',
+  '平台信息',
+  '数量',
+  '更新类型',
+  '永久金币',
+  '免费金币',
+  '任务金币',
+  '提交人',
+  '更新时间',
+  '用户名',
+  'id'
+]
+const exportExcel = () => {
+  // 先将 json_fields 应用到数据上
+  const data = excelInfo.value.map(json_fields)
+  const ws = XLSX.utils.aoa_to_sheet(data)
+  // 添加表头到工作表
+  XLSX.utils.sheet_add_aoa(ws, [headers], { origin: 'A1' })
+  const wb = XLSX.utils.book_new()
+  XLSX.utils.book_append_sheet(wb, ws, 'Sheet1')
+  XLSX.writeFile(wb, '客户金币明细.xlsx')
+}
+const today = new Date()
+const startDate = new Date(
+  today.getFullYear(),
+  today.getMonth(),
+  today.getDate()
+)
+const endDate = new Date(
+  today.getFullYear(),
+  today.getMonth(),
+  today.getDate() + 1
+)
+const putExcel = ref({
+  startDate: startDate,
+  endDate: endDate
+})
+const excelInfo = ref({})
+const loading = ref(false)
+const areyour = async function () {
+  try {
+    loading.value = true
+    const result = await API({
+      url: '/detailY/searchAll',
+      method: 'post',
+      data: { ...putExcel.value }
+    })
+    excelInfo.value = result.data
+
+    // 处理 excelInfo 中的数据
+    if (Array.isArray(excelInfo.value)) {
+      excelInfo.value.forEach((item) => {
+        if (item.rechargeCoin) {
+          item.rechargeCoin = item.rechargeCoin / 100
+        }
+        if (item.freeCoin) {
+          item.freeCoin = item.freeCoin / 100
+        }
+        if (item.taskCoin) {
+          item.taskCoin = item.taskCoin / 100
+        }
+      })
+    }
+
+    areyouright.value = true
+    ElMessage({
+      type: 'success',
+      message: '查询成功'
+    })
+    loading.value = false
+  } catch (error) {
+    console.log('请求失败', error)
+    loading.value = false
+  }
+}
+
+const areyouright = ref(false)
+
+//选地区
+const area = [
+  {
+    value: '马来西亚',
+    label: '马来西亚'
+  },
+  {
+    value: '新加坡',
+    label: '新加坡'
+  },
+  {
+    value: '香港',
+    label: '香港'
+  },
+  {
+    value: '泰国',
+    label: '泰国'
+  },
+  {
+    value: '加拿大',
+    label: '加拿大'
+  },
+  {
+    value: '越南HCM',
+    label: '越南HCM'
+  }
+]
+//选消费平台
+const platform = [
+  {
+    value: '4',
+    label: '金币系统'
+  },
+
+  {
+    value: '1',
+    label: 'ERP系统'
+  },
+  {
+    value: '2',
+    label: 'Homily Chart'
+  },
+  {
+    value: '3',
+    label: 'Homily Link'
+  },
+  {
+    value: '0',
+    label: '初始化金币'
+  }
+]
+const TimeGet = ref('1')
+</script>
+<style scoped lang="scss">
+.filter-box {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 20px;
+  padding-bottom: 0px;
+  box-sizing: border-box;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+  margin-bottom: 20px;
+  border-radius: 5px;
+  .el-form {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 20px;
+    column-gap: 20px;
+  }
+}
+.table-box {
+  width: 100%;
+  padding: 20px;
+  box-sizing: border-box;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+  border-radius: 5px;
+}
+.pagination {
+  display: flex;
+  align-items: center;
+  margin-top: 20px;
+}
+</style>
diff --git a/gold-system/src/views/index.vue b/gold-system/src/views/index.vue
index aff4f07..1294173 100644
--- a/gold-system/src/views/index.vue
+++ b/gold-system/src/views/index.vue
@@ -224,7 +224,15 @@ const changeDataByArea = (item) => {
               <el-menu-item index="/allRefund">退款明细</el-menu-item>
             </el-sub-menu>
           </el-sub-menu>
-
+          <el-sub-menu index="7">
+            <template #title
+              ><el-icon> <Folder /> </el-icon>金豆模块</template
+            >
+            <el-menu-item index="/addGoldenBeen">金豆充值</el-menu-item>
+            <!-- <el-menu-item index="/goldenBeenDetail">金豆充值明细</el-menu-item>
+            <el-menu-item>金豆消费明细</el-menu-item>
+            <el-menu-item>客户金豆余额</el-menu-item> -->
+          </el-sub-menu>
           <el-menu-item
             index="/usergold"
             v-if="
@@ -284,15 +292,15 @@ const changeDataByArea = (item) => {
             <el-sub-menu index="1" class="area" :disabled="isWorkspace">
               <template #title>
                 <VscGlobe />
-                {{ currentArea }}
+                <!-- {{ currentArea }} -->
               </template>
-              <el-menu-item
+              <!-- <el-menu-item
                 v-for="(item, index) in areas"
                 :key="index"
                 @click="changeDataByArea(item)"
               >
                 {{ item }}
-              </el-menu-item>
+              </el-menu-item> -->
             </el-sub-menu>
           </el-menu>
           <el-menu