suncheng/EmailBill
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix
All checks were successful
Docker Build & Deploy / Build Docker Image (push) Successful in 33s
Details
Docker Build & Deploy / Deploy to Production (push) Successful in 7s
Details
Docker Build & Deploy / Cleanup Dangling Images (push) Successful in 1s
Details
Docker Build & Deploy / WeChat Notification (push) Successful in 1s
Details

Browse Source
This commit is contained in:
SunCheng
2026-02-04 14:33:08 +08:00
parent 952c75bf08
commit 28c45e8e77
5 changed files with 1952 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
Web/package.json
View File

@@ -30,6 +30,7 @@
"eslint-plugin-vue": "~10.5.1",
"globals": "^16.5.0",
"prettier": "3.6.2",
"sass-embedded": "^1.97.3",
"vite": "^7.2.4",
"vite-plugin-vue-devtools": "^8.0.5"
}

493
Web/pnpm-lock.yaml generated
View File

@@ -35,7 +35,7 @@ importers:
version: 9.39.2
'@vitejs/plugin-vue':
specifier: ^6.0.2
version: 6.0.3(vite@7.3.0)(vue@3.5.26)
version: 6.0.3(vite@7.3.0(sass-embedded@1.97.3)(sass@1.97.3))(vue@3.5.26)
'@vue/eslint-config-prettier':
specifier: ^10.2.0
version: 10.2.0(eslint@9.39.2)(prettier@3.6.2)
@@ -51,12 +51,15 @@ importers:
prettier:
specifier: 3.6.2
version: 3.6.2
sass-embedded:
specifier: ^1.97.3
version: 1.97.3
vite:
specifier: ^7.2.4
version: 7.3.0
version: 7.3.0(sass-embedded@1.97.3)(sass@1.97.3)
vite-plugin-vue-devtools:
specifier: ^8.0.5
version: 8.0.5(vite@7.3.0)(vue@3.5.26)
version: 8.0.5(vite@7.3.0(sass-embedded@1.97.3)(sass@1.97.3))(vue@3.5.26)
packages:
@@ -200,6 +203,9 @@ packages:
resolution: {integrity: sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==}
engines: {node: '>=6.9.0'}
'@bufbuild/protobuf@2.11.0':
resolution: {integrity: sha512-sBXGT13cpmPR5BMgHE6UEEfEaShh5Ror6rfN3yEK5si7QVrtZg8LEPQb0VVhiLRUslD2yLnXtnRzG035J/mZXQ==}
'@esbuild/aix-ppc64@0.27.2':
resolution: {integrity: sha512-GZMB+a0mOMZs4MpDbj8RJp4cw+w1WV5NYD6xzgvzUJ5Ek2jerwfO2eADyI6ExDSUED+1X8aMbegahsJi+8mgpw==}
engines: {node: '>=18'}
@@ -426,6 +432,88 @@ packages:
'@jridgewell/trace-mapping@0.3.31':
resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==}
'@parcel/watcher-android-arm64@2.5.6':
resolution: {integrity: sha512-YQxSS34tPF/6ZG7r/Ih9xy+kP/WwediEUsqmtf0cuCV5TPPKw/PQHRhueUo6JdeFJaqV3pyjm0GdYjZotbRt/A==}
engines: {node: '>= 10.0.0'}
cpu: [arm64]
os: [android]
'@parcel/watcher-darwin-arm64@2.5.6':
resolution: {integrity: sha512-Z2ZdrnwyXvvvdtRHLmM4knydIdU9adO3D4n/0cVipF3rRiwP+3/sfzpAwA/qKFL6i1ModaabkU7IbpeMBgiVEA==}
engines: {node: '>= 10.0.0'}
cpu: [arm64]
os: [darwin]
'@parcel/watcher-darwin-x64@2.5.6':
resolution: {integrity: sha512-HgvOf3W9dhithcwOWX9uDZyn1lW9R+7tPZ4sug+NGrGIo4Rk1hAXLEbcH1TQSqxts0NYXXlOWqVpvS1SFS4fRg==}
engines: {node: '>= 10.0.0'}
cpu: [x64]
os: [darwin]
'@parcel/watcher-freebsd-x64@2.5.6':
resolution: {integrity: sha512-vJVi8yd/qzJxEKHkeemh7w3YAn6RJCtYlE4HPMoVnCpIXEzSrxErBW5SJBgKLbXU3WdIpkjBTeUNtyBVn8TRng==}
engines: {node: '>= 10.0.0'}
cpu: [x64]
os: [freebsd]
'@parcel/watcher-linux-arm-glibc@2.5.6':
resolution: {integrity: sha512-9JiYfB6h6BgV50CCfasfLf/uvOcJskMSwcdH1PHH9rvS1IrNy8zad6IUVPVUfmXr+u+Km9IxcfMLzgdOudz9EQ==}
engines: {node: '>= 10.0.0'}
cpu: [arm]
os: [linux]
'@parcel/watcher-linux-arm-musl@2.5.6':
resolution: {integrity: sha512-Ve3gUCG57nuUUSyjBq/MAM0CzArtuIOxsBdQ+ftz6ho8n7s1i9E1Nmk/xmP323r2YL0SONs1EuwqBp2u1k5fxg==}
engines: {node: '>= 10.0.0'}
cpu: [arm]
os: [linux]
'@parcel/watcher-linux-arm64-glibc@2.5.6':
resolution: {integrity: sha512-f2g/DT3NhGPdBmMWYoxixqYr3v/UXcmLOYy16Bx0TM20Tchduwr4EaCbmxh1321TABqPGDpS8D/ggOTaljijOA==}
engines: {node: '>= 10.0.0'}
cpu: [arm64]
os: [linux]
'@parcel/watcher-linux-arm64-musl@2.5.6':
resolution: {integrity: sha512-qb6naMDGlbCwdhLj6hgoVKJl2odL34z2sqkC7Z6kzir8b5W65WYDpLB6R06KabvZdgoHI/zxke4b3zR0wAbDTA==}
engines: {node: '>= 10.0.0'}
cpu: [arm64]
os: [linux]
'@parcel/watcher-linux-x64-glibc@2.5.6':
resolution: {integrity: sha512-kbT5wvNQlx7NaGjzPFu8nVIW1rWqV780O7ZtkjuWaPUgpv2NMFpjYERVi0UYj1msZNyCzGlaCWEtzc+exjMGbQ==}
engines: {node: '>= 10.0.0'}
cpu: [x64]
os: [linux]
'@parcel/watcher-linux-x64-musl@2.5.6':
resolution: {integrity: sha512-1JRFeC+h7RdXwldHzTsmdtYR/Ku8SylLgTU/reMuqdVD7CtLwf0VR1FqeprZ0eHQkO0vqsbvFLXUmYm/uNKJBg==}
engines: {node: '>= 10.0.0'}
cpu: [x64]
os: [linux]
'@parcel/watcher-win32-arm64@2.5.6':
resolution: {integrity: sha512-3ukyebjc6eGlw9yRt678DxVF7rjXatWiHvTXqphZLvo7aC5NdEgFufVwjFfY51ijYEWpXbqF5jtrK275z52D4Q==}
engines: {node: '>= 10.0.0'}
cpu: [arm64]
os: [win32]
'@parcel/watcher-win32-ia32@2.5.6':
resolution: {integrity: sha512-k35yLp1ZMwwee3Ez/pxBi5cf4AoBKYXj00CZ80jUz5h8prpiaQsiRPKQMxoLstNuqe2vR4RNPEAEcjEFzhEz/g==}
engines: {node: '>= 10.0.0'}
cpu: [ia32]
os: [win32]
'@parcel/watcher-win32-x64@2.5.6':
resolution: {integrity: sha512-hbQlYcCq5dlAX9Qx+kFb0FHue6vbjlf0FrNzSKdYK2APUf7tGfGxQCk2ihEREmbR6ZMc0MVAD5RIX/41gpUzTw==}
engines: {node: '>= 10.0.0'}
cpu: [x64]
os: [win32]
'@parcel/watcher@2.5.6':
resolution: {integrity: sha512-tmmZ3lQxAe/k/+rNnXQRawJ4NjxO2hqiOLTHvWchtGZULp4RyFeh6aU4XdOYBFe2KE1oShQTv4AblOs2iOrNnQ==}
engines: {node: '>= 10.0.0'}
'@pkgr/core@0.2.9':
resolution: {integrity: sha512-QNqXyfVS2wm9hweSYD2O7F0G06uurj9kZ96TRQE5Y9hU7+tgdZwIkbAKc5Ocy1HxEY2kuDQa6cQ1WRs/O5LFKA==}
engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
@@ -470,67 +558,56 @@ packages:
resolution: {integrity: sha512-EHMUcDwhtdRGlXZsGSIuXSYwD5kOT9NVnx9sqzYiwAc91wfYOE1g1djOEDseZJKKqtHAHGwnGPQu3kytmfaXLQ==}
cpu: [arm]
os: [linux]
libc: [glibc]
'@rollup/rollup-linux-arm-musleabihf@4.54.0':
resolution: {integrity: sha512-+pBrqEjaakN2ySv5RVrj/qLytYhPKEUwk+e3SFU5jTLHIcAtqh2rLrd/OkbNuHJpsBgxsD8ccJt5ga/SeG0JmA==}
cpu: [arm]
os: [linux]
libc: [musl]
'@rollup/rollup-linux-arm64-gnu@4.54.0':
resolution: {integrity: sha512-NSqc7rE9wuUaRBsBp5ckQ5CVz5aIRKCwsoa6WMF7G01sX3/qHUw/z4pv+D+ahL1EIKy6Enpcnz1RY8pf7bjwng==}
cpu: [arm64]
os: [linux]
libc: [glibc]
'@rollup/rollup-linux-arm64-musl@4.54.0':
resolution: {integrity: sha512-gr5vDbg3Bakga5kbdpqx81m2n9IX8M6gIMlQQIXiLTNeQW6CucvuInJ91EuCJ/JYvc+rcLLsDFcfAD1K7fMofg==}
cpu: [arm64]
os: [linux]
libc: [musl]
'@rollup/rollup-linux-loong64-gnu@4.54.0':
resolution: {integrity: sha512-gsrtB1NA3ZYj2vq0Rzkylo9ylCtW/PhpLEivlgWe0bpgtX5+9j9EZa0wtZiCjgu6zmSeZWyI/e2YRX1URozpIw==}
cpu: [loong64]
os: [linux]
libc: [glibc]
'@rollup/rollup-linux-ppc64-gnu@4.54.0':
resolution: {integrity: sha512-y3qNOfTBStmFNq+t4s7Tmc9hW2ENtPg8FeUD/VShI7rKxNW7O4fFeaYbMsd3tpFlIg1Q8IapFgy7Q9i2BqeBvA==}
cpu: [ppc64]
os: [linux]
libc: [glibc]
'@rollup/rollup-linux-riscv64-gnu@4.54.0':
resolution: {integrity: sha512-89sepv7h2lIVPsFma8iwmccN7Yjjtgz0Rj/Ou6fEqg3HDhpCa+Et+YSufy27i6b0Wav69Qv4WBNl3Rs6pwhebQ==}
cpu: [riscv64]
os: [linux]
libc: [glibc]
'@rollup/rollup-linux-riscv64-musl@4.54.0':
resolution: {integrity: sha512-ZcU77ieh0M2Q8Ur7D5X7KvK+UxbXeDHwiOt/CPSBTI1fBmeDMivW0dPkdqkT4rOgDjrDDBUed9x4EgraIKoR2A==}
cpu: [riscv64]
os: [linux]
libc: [musl]
'@rollup/rollup-linux-s390x-gnu@4.54.0':
resolution: {integrity: sha512-2AdWy5RdDF5+4YfG/YesGDDtbyJlC9LHmL6rZw6FurBJ5n4vFGupsOBGfwMRjBYH7qRQowT8D/U4LoSvVwOhSQ==}
cpu: [s390x]
os: [linux]
libc: [glibc]
'@rollup/rollup-linux-x64-gnu@4.54.0':
resolution: {integrity: sha512-WGt5J8Ij/rvyqpFexxk3ffKqqbLf9AqrTBbWDk7ApGUzaIs6V+s2s84kAxklFwmMF/vBNGrVdYgbblCOFFezMQ==}
cpu: [x64]
os: [linux]
libc: [glibc]
'@rollup/rollup-linux-x64-musl@4.54.0':
resolution: {integrity: sha512-JzQmb38ATzHjxlPHuTH6tE7ojnMKM2kYNzt44LO/jJi8BpceEC8QuXYA908n8r3CNuG/B3BV8VR3Hi1rYtmPiw==}
cpu: [x64]
os: [linux]
libc: [musl]
'@rollup/rollup-openharmony-arm64@4.54.0':
resolution: {integrity: sha512-huT3fd0iC7jigGh7n3q/+lfPcXxBi+om/Rs3yiFxjvSxbSB6aohDFXbWvlspaqjeOh+hx7DDHS+5Es5qRkWkZg==}
@@ -722,6 +799,10 @@ packages:
resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
engines: {node: '>=10'}
chokidar@4.0.3:
resolution: {integrity: sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==}
engines: {node: '>= 14.16.0'}
color-convert@2.0.1:
resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
engines: {node: '>=7.0.0'}
@@ -729,6 +810,9 @@ packages:
color-name@1.1.4:
resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
colorjs.io@0.5.2:
resolution: {integrity: sha512-twmVoizEW7ylZSN32OgKdXRmo1qg+wT5/6C3xu5b9QsWzSFAhHLn2xd8ro0diCsKfCj1RdaTP/nrcW+vAoQPIw==}
combined-stream@1.0.8:
resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
engines: {node: '>= 0.8'}
@@ -786,6 +870,10 @@ packages:
resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
engines: {node: '>=0.4.0'}
detect-libc@2.1.2:
resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==}
engines: {node: '>=8'}
dunder-proto@1.0.1:
resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
engines: {node: '>= 0.4'}
@@ -1019,6 +1107,9 @@ packages:
resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
engines: {node: '>= 4'}
immutable@5.1.4:
resolution: {integrity: sha512-p6u1bG3YSnINT5RQmx/yRZBpenIl30kVxkTLDyHLIMk0gict704Q9n+thfDI7lTRm9vXdDYutVzXhzcThxTnXA==}
import-fresh@3.3.1:
resolution: {integrity: sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==}
engines: {node: '>=6'}
@@ -1143,6 +1234,9 @@ packages:
natural-compare@1.4.0:
resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
node-addon-api@7.1.1:
resolution: {integrity: sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==}
node-releases@2.0.27:
resolution: {integrity: sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==}
@@ -1233,6 +1327,10 @@ packages:
resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
engines: {node: '>=6'}
readdirp@4.1.2:
resolution: {integrity: sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==}
engines: {node: '>= 14.18.0'}
resolve-from@4.0.0:
resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
engines: {node: '>=4'}
@@ -1249,6 +1347,123 @@ packages:
resolution: {integrity: sha512-DPe5pVFaAsinSaV6QjQ6gdiedWDcRCbUuiQfQa2wmWV7+xC9bGulGI8+TdRmoFkAPaBXk8CrAbnlY2ISniJ47Q==}
engines: {node: '>=18'}
rxjs@7.8.2:
resolution: {integrity: sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==}
sass-embedded-all-unknown@1.97.3:
resolution: {integrity: sha512-t6N46NlPuXiY3rlmG6/+1nwebOBOaLFOOVqNQOC2cJhghOD4hh2kHNQQTorCsbY9S1Kir2la1/XLBwOJfui0xg==}
cpu: ['!arm', '!arm64', '!riscv64', '!x64']
sass-embedded-android-arm64@1.97.3:
resolution: {integrity: sha512-aiZ6iqiHsUsaDx0EFbbmmA0QgxicSxVVN3lnJJ0f1RStY0DthUkquGT5RJ4TPdaZ6ebeJWkboV4bra+CP766eA==}
engines: {node: '>=14.0.0'}
cpu: [arm64]
os: [android]
sass-embedded-android-arm@1.97.3:
resolution: {integrity: sha512-cRTtf/KV/q0nzGZoUzVkeIVVFv3L/tS1w4WnlHapphsjTXF/duTxI8JOU1c/9GhRPiMdfeXH7vYNcMmtjwX7jg==}
engines: {node: '>=14.0.0'}
cpu: [arm]
os: [android]
sass-embedded-android-riscv64@1.97.3:
resolution: {integrity: sha512-zVEDgl9JJodofGHobaM/q6pNETG69uuBIGQHRo789jloESxxZe82lI3AWJQuPmYCOG5ElfRthqgv89h3gTeLYA==}
engines: {node: '>=14.0.0'}
cpu: [riscv64]
os: [android]
sass-embedded-android-x64@1.97.3:
resolution: {integrity: sha512-3ke0le7ZKepyXn/dKKspYkpBC0zUk/BMciyP5ajQUDy4qJwobd8zXdAq6kOkdiMB+d9UFJOmEkvgFJHl3lqwcw==}
engines: {node: '>=14.0.0'}
cpu: [x64]
os: [android]
sass-embedded-darwin-arm64@1.97.3:
resolution: {integrity: sha512-fuqMTqO4gbOmA/kC5b9y9xxNYw6zDEyfOtMgabS7Mz93wimSk2M1quQaTJnL98Mkcsl2j+7shNHxIS/qpcIDDA==}
engines: {node: '>=14.0.0'}
cpu: [arm64]
os: [darwin]
sass-embedded-darwin-x64@1.97.3:
resolution: {integrity: sha512-b/2RBs/2bZpP8lMkyZ0Px0vkVkT8uBd0YXpOwK7iOwYkAT8SsO4+WdVwErsqC65vI5e1e5p1bb20tuwsoQBMVA==}
engines: {node: '>=14.0.0'}
cpu: [x64]
os: [darwin]
sass-embedded-linux-arm64@1.97.3:
resolution: {integrity: sha512-IP1+2otCT3DuV46ooxPaOKV1oL5rLjteRzf8ldZtfIEcwhSgSsHgA71CbjYgLEwMY9h4jeal8Jfv3QnedPvSjg==}
engines: {node: '>=14.0.0'}
cpu: [arm64]
os: [linux]
sass-embedded-linux-arm@1.97.3:
resolution: {integrity: sha512-2lPQ7HQQg4CKsH18FTsj2hbw5GJa6sBQgDsls+cV7buXlHjqF8iTKhAQViT6nrpLK/e8nFCoaRgSqEC8xMnXuA==}
engines: {node: '>=14.0.0'}
cpu: [arm]
os: [linux]
sass-embedded-linux-musl-arm64@1.97.3:
resolution: {integrity: sha512-Lij0SdZCsr+mNRSyDZ7XtJpXEITrYsaGbOTz5e6uFLJ9bmzUbV7M8BXz2/cA7bhfpRPT7/lwRKPdV4+aR9Ozcw==}
engines: {node: '>=14.0.0'}
cpu: [arm64]
os: [linux]
sass-embedded-linux-musl-arm@1.97.3:
resolution: {integrity: sha512-cBTMU68X2opBpoYsSZnI321gnoaiMBEtc+60CKCclN6PCL3W3uXm8g4TLoil1hDD6mqU9YYNlVG6sJ+ZNef6Lg==}
engines: {node: '>=14.0.0'}
cpu: [arm]
os: [linux]
sass-embedded-linux-musl-riscv64@1.97.3:
resolution: {integrity: sha512-sBeLFIzMGshR4WmHAD4oIM7WJVkSoCIEwutzptFtGlSlwfNiijULp+J5hA2KteGvI6Gji35apR5aWj66wEn/iA==}
engines: {node: '>=14.0.0'}
cpu: [riscv64]
os: [linux]
sass-embedded-linux-musl-x64@1.97.3:
resolution: {integrity: sha512-/oWJ+OVrDg7ADDQxRLC/4g1+Nsz1g4mkYS2t6XmyMJKFTFK50FVI2t5sOdFH+zmMp+nXHKM036W94y9m4jjEcw==}
engines: {node: '>=14.0.0'}
cpu: [x64]
os: [linux]
sass-embedded-linux-riscv64@1.97.3:
resolution: {integrity: sha512-l3IfySApLVYdNx0Kjm7Zehte1CDPZVcldma3dZt+TfzvlAEerM6YDgsk5XEj3L8eHBCgHgF4A0MJspHEo2WNfA==}
engines: {node: '>=14.0.0'}
cpu: [riscv64]
os: [linux]
sass-embedded-linux-x64@1.97.3:
resolution: {integrity: sha512-Kwqwc/jSSlcpRjULAOVbndqEy2GBzo6OBmmuBVINWUaJLJ8Kczz3vIsDUWLfWz/kTEw9FHBSiL0WCtYLVAXSLg==}
engines: {node: '>=14.0.0'}
cpu: [x64]
os: [linux]
sass-embedded-unknown-all@1.97.3:
resolution: {integrity: sha512-/GHajyYJmvb0IABUQHbVHf1nuHPtIDo/ClMZ81IDr59wT5CNcMe7/dMNujXwWugtQVGI5UGmqXWZQCeoGnct8Q==}
os: ['!android', '!darwin', '!linux', '!win32']
sass-embedded-win32-arm64@1.97.3:
resolution: {integrity: sha512-RDGtRS1GVvQfMGAmVXNxYiUOvPzn9oO1zYB/XUM9fudDRnieYTcUytpNTQZLs6Y1KfJxgt5Y+giRceC92fT8Uw==}
engines: {node: '>=14.0.0'}
cpu: [arm64]
os: [win32]
sass-embedded-win32-x64@1.97.3:
resolution: {integrity: sha512-SFRa2lED9UEwV6vIGeBXeBOLKF+rowF3WmNfb/BzhxmdAsKofCXrJ8ePW7OcDVrvNEbTOGwhsReIsF5sH8fVaw==}
engines: {node: '>=14.0.0'}
cpu: [x64]
os: [win32]
sass-embedded@1.97.3:
resolution: {integrity: sha512-eKzFy13Nk+IRHhlAwP3sfuv+PzOrvzUkwJK2hdoCKYcWGSdmwFpeGpWmyewdw8EgBnsKaSBtgf/0b2K635ecSA==}
engines: {node: '>=16.0.0'}
hasBin: true
sass@1.97.3:
resolution: {integrity: sha512-fDz1zJpd5GycprAbu4Q2PV/RprsRtKC/0z82z0JLgdytmcq0+ujJbJ/09bPGDxCLkKY3Np5cRAOcWiVkLXJURg==}
engines: {node: '>=14.0.0'}
hasBin: true
semver@6.3.1:
resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
hasBin: true
@@ -1290,6 +1505,18 @@ packages:
resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
engines: {node: '>=8'}
supports-color@8.1.1:
resolution: {integrity: sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==}
engines: {node: '>=10'}
sync-child-process@1.0.2:
resolution: {integrity: sha512-8lD+t2KrrScJ/7KXCSyfhT3/hRq78rC0wBFqNJXv3mZyn6hW2ypM05JmlSvtqRbeq6jqA94oHbxAr2vYsJ8vDA==}
engines: {node: '>=16.0.0'}
sync-message-port@1.2.0:
resolution: {integrity: sha512-gAQ9qrUN/UCypHtGFbbe7Rc/f9bzO88IwrG8TDo/aMKAApKyD6E3W4Cm0EfhfBb6Z6SKt59tTCTfD+n1xmAvMg==}
engines: {node: '>=16.0.0'}
synckit@0.11.11:
resolution: {integrity: sha512-MeQTA1r0litLUf0Rp/iisCaL8761lKAZHaimlbGK4j0HysC4PLfqygQj9srcs0m2RdtDYnF8UuYyKpbjHYp7Jw==}
engines: {node: ^14.18.0 || >=16.0.0}
@@ -1330,6 +1557,9 @@ packages:
peerDependencies:
vue: ^3.0.0
varint@6.0.0:
resolution: {integrity: sha512-cXEIW6cfr15lFv563k4GuVuW/fiwjknytD37jIOLSdSWuOI6WnO/oKwmP2FQTU2l01LP8/M5TSAJpzUaGe3uWg==}
vite-dev-rpc@1.1.0:
resolution: {integrity: sha512-pKXZlgoXGoE8sEKiKJSng4hI1sQ4wi5YT24FCrwrLt6opmkjlqPPVmiPWWJn8M8byMxRGzp1CrFuqQs4M/Z39A==}
peerDependencies:
@@ -1640,6 +1870,8 @@ snapshots:
'@babel/helper-string-parser': 7.27.1
'@babel/helper-validator-identifier': 7.28.5
'@bufbuild/protobuf@2.11.0': {}
'@esbuild/aix-ppc64@0.27.2':
optional: true
@@ -1794,6 +2026,67 @@ snapshots:
'@jridgewell/resolve-uri': 3.1.2
'@jridgewell/sourcemap-codec': 1.5.5
'@parcel/watcher-android-arm64@2.5.6':
optional: true
'@parcel/watcher-darwin-arm64@2.5.6':
optional: true
'@parcel/watcher-darwin-x64@2.5.6':
optional: true
'@parcel/watcher-freebsd-x64@2.5.6':
optional: true
'@parcel/watcher-linux-arm-glibc@2.5.6':
optional: true
'@parcel/watcher-linux-arm-musl@2.5.6':
optional: true
'@parcel/watcher-linux-arm64-glibc@2.5.6':
optional: true
'@parcel/watcher-linux-arm64-musl@2.5.6':
optional: true
'@parcel/watcher-linux-x64-glibc@2.5.6':
optional: true
'@parcel/watcher-linux-x64-musl@2.5.6':
optional: true
'@parcel/watcher-win32-arm64@2.5.6':
optional: true
'@parcel/watcher-win32-ia32@2.5.6':
optional: true
'@parcel/watcher-win32-x64@2.5.6':
optional: true
'@parcel/watcher@2.5.6':
dependencies:
detect-libc: 2.1.2
is-glob: 4.0.3
node-addon-api: 7.1.1
picomatch: 4.0.3
optionalDependencies:
'@parcel/watcher-android-arm64': 2.5.6
'@parcel/watcher-darwin-arm64': 2.5.6
'@parcel/watcher-darwin-x64': 2.5.6
'@parcel/watcher-freebsd-x64': 2.5.6
'@parcel/watcher-linux-arm-glibc': 2.5.6
'@parcel/watcher-linux-arm-musl': 2.5.6
'@parcel/watcher-linux-arm64-glibc': 2.5.6
'@parcel/watcher-linux-arm64-musl': 2.5.6
'@parcel/watcher-linux-x64-glibc': 2.5.6
'@parcel/watcher-linux-x64-musl': 2.5.6
'@parcel/watcher-win32-arm64': 2.5.6
'@parcel/watcher-win32-ia32': 2.5.6
'@parcel/watcher-win32-x64': 2.5.6
optional: true
'@pkgr/core@0.2.9': {}
'@polka/url@1.0.0-next.29': {}
@@ -1876,10 +2169,10 @@ snapshots:
dependencies:
vue: 3.5.26
'@vitejs/plugin-vue@6.0.3(vite@7.3.0)(vue@3.5.26)':
'@vitejs/plugin-vue@6.0.3(vite@7.3.0(sass-embedded@1.97.3)(sass@1.97.3))(vue@3.5.26)':
dependencies:
'@rolldown/pluginutils': 1.0.0-beta.53
vite: 7.3.0
vite: 7.3.0(sass-embedded@1.97.3)(sass@1.97.3)
vue: 3.5.26
'@vue/babel-helper-vue-transform-on@1.5.0': {}
@@ -1947,14 +2240,14 @@ snapshots:
dependencies:
'@vue/devtools-kit': 7.7.9
'@vue/devtools-core@8.0.5(vite@7.3.0)(vue@3.5.26)':
'@vue/devtools-core@8.0.5(vite@7.3.0(sass-embedded@1.97.3)(sass@1.97.3))(vue@3.5.26)':
dependencies:
'@vue/devtools-kit': 8.0.5
'@vue/devtools-shared': 8.0.5
mitt: 3.0.1
nanoid: 5.1.6
pathe: 2.0.3
vite-hot-client: 2.1.0(vite@7.3.0)
vite-hot-client: 2.1.0(vite@7.3.0(sass-embedded@1.97.3)(sass@1.97.3))
vue: 3.5.26
transitivePeerDependencies:
- vite
@@ -2090,12 +2383,19 @@ snapshots:
ansi-styles: 4.3.0
supports-color: 7.2.0
chokidar@4.0.3:
dependencies:
readdirp: 4.1.2
optional: true
color-convert@2.0.1:
dependencies:
color-name: 1.1.4
color-name@1.1.4: {}
colorjs.io@0.5.2: {}
combined-stream@1.0.8:
dependencies:
delayed-stream: 1.0.0
@@ -2137,6 +2437,9 @@ snapshots:
delayed-stream@1.0.0: {}
detect-libc@2.1.2:
optional: true
dunder-proto@1.0.1:
dependencies:
call-bind-apply-helpers: 1.0.2
@@ -2383,6 +2686,8 @@ snapshots:
ignore@5.3.2: {}
immutable@5.1.4: {}
import-fresh@3.3.1:
dependencies:
parent-module: 1.0.1
@@ -2475,6 +2780,9 @@ snapshots:
natural-compare@1.4.0: {}
node-addon-api@7.1.1:
optional: true
node-releases@2.0.27: {}
nth-check@2.1.1:
@@ -2553,6 +2861,9 @@ snapshots:
punycode@2.3.1: {}
readdirp@4.1.2:
optional: true
resolve-from@4.0.0: {}
rfdc@1.4.1: {}
@@ -2587,6 +2898,106 @@ snapshots:
run-applescript@7.1.0: {}
rxjs@7.8.2:
dependencies:
tslib: 2.3.0
sass-embedded-all-unknown@1.97.3:
dependencies:
sass: 1.97.3
optional: true
sass-embedded-android-arm64@1.97.3:
optional: true
sass-embedded-android-arm@1.97.3:
optional: true
sass-embedded-android-riscv64@1.97.3:
optional: true
sass-embedded-android-x64@1.97.3:
optional: true
sass-embedded-darwin-arm64@1.97.3:
optional: true
sass-embedded-darwin-x64@1.97.3:
optional: true
sass-embedded-linux-arm64@1.97.3:
optional: true
sass-embedded-linux-arm@1.97.3:
optional: true
sass-embedded-linux-musl-arm64@1.97.3:
optional: true
sass-embedded-linux-musl-arm@1.97.3:
optional: true
sass-embedded-linux-musl-riscv64@1.97.3:
optional: true
sass-embedded-linux-musl-x64@1.97.3:
optional: true
sass-embedded-linux-riscv64@1.97.3:
optional: true
sass-embedded-linux-x64@1.97.3:
optional: true
sass-embedded-unknown-all@1.97.3:
dependencies:
sass: 1.97.3
optional: true
sass-embedded-win32-arm64@1.97.3:
optional: true
sass-embedded-win32-x64@1.97.3:
optional: true
sass-embedded@1.97.3:
dependencies:
'@bufbuild/protobuf': 2.11.0
colorjs.io: 0.5.2
immutable: 5.1.4
rxjs: 7.8.2
supports-color: 8.1.1
sync-child-process: 1.0.2
varint: 6.0.0
optionalDependencies:
sass-embedded-all-unknown: 1.97.3
sass-embedded-android-arm: 1.97.3
sass-embedded-android-arm64: 1.97.3
sass-embedded-android-riscv64: 1.97.3
sass-embedded-android-x64: 1.97.3
sass-embedded-darwin-arm64: 1.97.3
sass-embedded-darwin-x64: 1.97.3
sass-embedded-linux-arm: 1.97.3
sass-embedded-linux-arm64: 1.97.3
sass-embedded-linux-musl-arm: 1.97.3
sass-embedded-linux-musl-arm64: 1.97.3
sass-embedded-linux-musl-riscv64: 1.97.3
sass-embedded-linux-musl-x64: 1.97.3
sass-embedded-linux-riscv64: 1.97.3
sass-embedded-linux-x64: 1.97.3
sass-embedded-unknown-all: 1.97.3
sass-embedded-win32-arm64: 1.97.3
sass-embedded-win32-x64: 1.97.3
sass@1.97.3:
dependencies:
chokidar: 4.0.3
immutable: 5.1.4
source-map-js: 1.2.1
optionalDependencies:
'@parcel/watcher': 2.5.6
optional: true
semver@6.3.1: {}
semver@7.7.3: {}
@@ -2617,6 +3028,16 @@ snapshots:
dependencies:
has-flag: 4.0.0
supports-color@8.1.1:
dependencies:
has-flag: 4.0.0
sync-child-process@1.0.2:
dependencies:
sync-message-port: 1.2.0
sync-message-port@1.2.0: {}
synckit@0.11.11:
dependencies:
'@pkgr/core': 0.2.9
@@ -2658,17 +3079,19 @@ snapshots:
'@vue/shared': 3.5.26
vue: 3.5.26
vite-dev-rpc@1.1.0(vite@7.3.0):
varint@6.0.0: {}
vite-dev-rpc@1.1.0(vite@7.3.0(sass-embedded@1.97.3)(sass@1.97.3)):
dependencies:
birpc: 2.9.0
vite: 7.3.0
vite-hot-client: 2.1.0(vite@7.3.0)
vite: 7.3.0(sass-embedded@1.97.3)(sass@1.97.3)
vite-hot-client: 2.1.0(vite@7.3.0(sass-embedded@1.97.3)(sass@1.97.3))
vite-hot-client@2.1.0(vite@7.3.0):
vite-hot-client@2.1.0(vite@7.3.0(sass-embedded@1.97.3)(sass@1.97.3)):
dependencies:
vite: 7.3.0
vite: 7.3.0(sass-embedded@1.97.3)(sass@1.97.3)
vite-plugin-inspect@11.3.3(vite@7.3.0):
vite-plugin-inspect@11.3.3(vite@7.3.0(sass-embedded@1.97.3)(sass@1.97.3)):
dependencies:
ansis: 4.2.0
debug: 4.4.3
@@ -2678,26 +3101,26 @@ snapshots:
perfect-debounce: 2.0.0
sirv: 3.0.2
unplugin-utils: 0.3.1
vite: 7.3.0
vite-dev-rpc: 1.1.0(vite@7.3.0)
vite: 7.3.0(sass-embedded@1.97.3)(sass@1.97.3)
vite-dev-rpc: 1.1.0(vite@7.3.0(sass-embedded@1.97.3)(sass@1.97.3))
transitivePeerDependencies:
- supports-color
vite-plugin-vue-devtools@8.0.5(vite@7.3.0)(vue@3.5.26):
vite-plugin-vue-devtools@8.0.5(vite@7.3.0(sass-embedded@1.97.3)(sass@1.97.3))(vue@3.5.26):
dependencies:
'@vue/devtools-core': 8.0.5(vite@7.3.0)(vue@3.5.26)
'@vue/devtools-core': 8.0.5(vite@7.3.0(sass-embedded@1.97.3)(sass@1.97.3))(vue@3.5.26)
'@vue/devtools-kit': 8.0.5
'@vue/devtools-shared': 8.0.5
sirv: 3.0.2
vite: 7.3.0
vite-plugin-inspect: 11.3.3(vite@7.3.0)
vite-plugin-vue-inspector: 5.3.2(vite@7.3.0)
vite: 7.3.0(sass-embedded@1.97.3)(sass@1.97.3)
vite-plugin-inspect: 11.3.3(vite@7.3.0(sass-embedded@1.97.3)(sass@1.97.3))
vite-plugin-vue-inspector: 5.3.2(vite@7.3.0(sass-embedded@1.97.3)(sass@1.97.3))
transitivePeerDependencies:
- '@nuxt/kit'
- supports-color
- vue
vite-plugin-vue-inspector@5.3.2(vite@7.3.0):
vite-plugin-vue-inspector@5.3.2(vite@7.3.0(sass-embedded@1.97.3)(sass@1.97.3)):
dependencies:
'@babel/core': 7.28.5
'@babel/plugin-proposal-decorators': 7.28.0(@babel/core@7.28.5)
@@ -2708,11 +3131,11 @@ snapshots:
'@vue/compiler-dom': 3.5.26
kolorist: 1.8.0
magic-string: 0.30.21
vite: 7.3.0
vite: 7.3.0(sass-embedded@1.97.3)(sass@1.97.3)
transitivePeerDependencies:
- supports-color
vite@7.3.0:
vite@7.3.0(sass-embedded@1.97.3)(sass@1.97.3):
dependencies:
esbuild: 0.27.2
fdir: 6.5.0(picomatch@4.0.3)
@@ -2722,6 +3145,8 @@ snapshots:
tinyglobby: 0.2.15
optionalDependencies:
fsevents: 2.3.3
sass: 1.97.3
sass-embedded: 1.97.3
vue-eslint-parser@10.2.0(eslint@9.39.2):
dependencies:

681
Web/src/components/Transaction/TransactionDetailSheet.vue Normal file
View File

@@ -0,0 +1,681 @@
<template>
<van-popup
v-model:show="visible"
position="bottom"
:style="{ height: 'auto', maxHeight: '85%', borderTopLeftRadius: '16px', borderTopRightRadius: '16px' }"
teleport="body"
@close="handleClose"
>
<div class="transaction-detail-sheet">
<!-- 头部 -->
<div class="sheet-header">
<div class="header-title">
交易详情
</div>
<van-icon
name="cross"
class="header-close"
@click="handleClose"
/>
</div>
<!-- 金额区域 -->
<div class="amount-section">
<div class="amount-label">
金额
</div>
<!-- 只读显示模式 -->
<div
v-if="!isEditingAmount"
class="amount-value"
@click="startEditAmount"
>
¥ {{ formatAmount(parseFloat(editForm.amount) || 0) }}
</div>
<!-- 编辑模式 -->
<div v-else class="amount-input-wrapper">
<span class="currency-symbol">¥</span>
<input
ref="amountInputRef"
v-model="editForm.amount"
type="number"
inputmode="decimal"
class="amount-input"
placeholder="0.00"
step="0.01"
min="0"
@blur="finishEditAmount"
>
</div>
</div>
<!-- 表单字段 -->
<div class="form-section">
<div class="form-row">
<div class="form-label">
时间
</div>
<div
class="form-value clickable"
@click="showDatePicker = true"
>
{{ formatDateTime(editForm.occurredAt) }}
</div>
</div>
<div class="form-row no-border">
<div class="form-label">
备注
</div>
<div class="form-value">
<input
v-model="editForm.reason"
type="text"
class="reason-input"
placeholder="请输入备注"
>
</div>
</div>
<div class="form-row">
<div class="form-label">
类型
</div>
<div class="form-value">
<van-radio-group
v-model="editForm.type"
direction="horizontal"
@change="handleTypeChange"
>
<van-radio
:name="0"
class="type-radio"
>
支出
</van-radio>
<van-radio
:name="1"
class="type-radio"
>
收入
</van-radio>
<van-radio
:name="2"
class="type-radio"
>
不计
</van-radio>
</van-radio-group>
</div>
</div>
<div class="form-row">
<div class="form-label">
分类
</div>
<div
class="form-value clickable"
@click="showClassifySelector = !showClassifySelector"
>
<span v-if="editForm.classify">{{ editForm.classify }}</span>
<span
v-else
class="placeholder"
>请选择分类</span>
</div>
</div>
</div>
<!-- 分类选择器（展开/收起） -->
<div
v-if="showClassifySelector"
class="classify-section"
>
<ClassifySelector
v-model="editForm.classify"
:type="editForm.type"
:show-add="false"
:show-clear="false"
:show-all="false"
@change="handleClassifyChange"
/>
</div>
<!-- 操作按钮 -->
<div class="actions-section">
<van-button
class="delete-btn"
:loading="deleting"
@click="handleDelete"
>
删除
</van-button>
<van-button
class="save-btn"
type="primary"
:loading="saving"
@click="handleSave"
>
保存
</van-button>
</div>
</div>
<!-- 日期时间选择器 -->
<van-popup
v-model:show="showDatePicker"
position="bottom"
round
>
<van-datetime-picker
v-model="currentDateTime"
type="datetime"
title="选择日期时间"
:min-date="minDate"
:max-date="maxDate"
@confirm="handleDateTimeConfirm"
@cancel="showDatePicker = false"
/>
</van-popup>
</van-popup>
</template>
<script setup>
import { ref, reactive, watch, computed } from 'vue'
import { showToast, showDialog } from 'vant'
import dayjs from 'dayjs'
import ClassifySelector from '@/components/ClassifySelector.vue'
import {
updateTransaction,
deleteTransaction
} from '@/api/transactionRecord'
const props = defineProps({
show: {
type: Boolean,
default: false
},
transaction: {
type: Object,
default: null
}
})
const emit = defineEmits(['update:show', 'save', 'delete'])
const visible = ref(false)
const saving = ref(false)
const deleting = ref(false)
const showDatePicker = ref(false)
const showClassifySelector = ref(false)
const isEditingAmount = ref(false)
// 金额输入框引用
const amountInputRef = ref(null)
// 日期时间选择器配置
const minDate = new Date(2020, 0, 1)
const maxDate = new Date(2030, 11, 31)
const currentDateTime = ref(new Date())
// 编辑表单
const editForm = reactive({
id: 0,
amount: 0,
type: 0,
classify: '',
occurredAt: '',
reason: ''
})
// 监听 props 变化
watch(
() => props.show,
(newVal) => {
visible.value = newVal
}
)
watch(
() => props.transaction,
(newVal) => {
if (newVal) {
// 填充表单数据
editForm.id = newVal.id
editForm.amount = newVal.amount
editForm.type = newVal.type
editForm.classify = newVal.classify || ''
editForm.occurredAt = newVal.occurredAt
editForm.reason = newVal.reason || ''
// 初始化日期时间
if (newVal.occurredAt) {
currentDateTime.value = new Date(newVal.occurredAt)
}
// 收起分类选择器
showClassifySelector.value = false
}
}
)
watch(visible, (newVal) => {
emit('update:show', newVal)
if (!newVal) {
// 关闭时收起分类选择器
showClassifySelector.value = false
}
})
// 格式化金额显示
const formatAmount = (amount) => {
return Number(amount).toFixed(2)
}
// 开始编辑金额
const startEditAmount = () => {
isEditingAmount.value = true
// 自动聚焦输入框
setTimeout(() => {
amountInputRef.value?.focus()
// 选中所有文本,方便用户直接输入新值
amountInputRef.value?.select()
}, 100)
}
// 完成编辑金额
const finishEditAmount = () => {
// 验证并格式化金额
const parsed = parseFloat(editForm.amount)
editForm.amount = isNaN(parsed) || parsed < 0 ? 0 : parsed
isEditingAmount.value = false
}
// 格式化日期时间显示
const formatDateTime = (dateTime) => {
if (!dateTime) {return ''}
return dayjs(dateTime).format('YYYY-MM-DD HH:mm')
}
// 类型切换
const handleTypeChange = () => {
// 切换类型时清空分类，让用户重新选择
editForm.classify = ''
showClassifySelector.value = false
}
// 分类选择变化 - 自动保存
const handleClassifyChange = async () => {
if (editForm.id > 0 && editForm.classify) {
await handleSave()
}
}
// 日期时间确认
const handleDateTimeConfirm = (value) => {
editForm.occurredAt = dayjs(value).format('YYYY-MM-DDTHH:mm:ss')
currentDateTime.value = value
showDatePicker.value = false
}
// 保存修改
const handleSave = async () => {
try {
// 验证必填字段
if (!editForm.amount || editForm.amount <= 0) {
showToast('请输入有效金额')
return
}
if (!editForm.classify) {
showToast('请选择分类')
return
}
if (!editForm.occurredAt) {
showToast('请选择交易时间')
return
}
saving.value = true
const data = {
id: editForm.id,
amount: editForm.amount,
type: editForm.type,
classify: editForm.classify,
occurredAt: editForm.occurredAt,
reason: editForm.reason
}
const response = await updateTransaction(data)
if (response.success) {
showToast('保存成功')
emit('save', data)
visible.value = false
} else {
showToast(response.message || '保存失败')
}
} catch (error) {
console.error('保存出错:', error)
showToast('保存失败')
} finally {
saving.value = false
}
}
// 删除交易
const handleDelete = async () => {
showDialog({
title: '确认删除',
message: '确定要删除这条交易记录吗？删除后无法恢复。',
confirmButtonText: '删除',
cancelButtonText: '取消',
confirmButtonColor: '#EF4444'
}).then(async () => {
try {
deleting.value = true
const response = await deleteTransaction(editForm.id)
if (response.success) {
showToast('删除成功')
emit('delete', editForm.id)
visible.value = false
} else {
showToast(response.message || '删除失败')
}
} catch (error) {
console.error('删除出错:', error)
showToast('删除失败')
} finally {
deleting.value = false
}
}).catch(() => {
// 用户取消删除
})
}
// 关闭弹窗
const handleClose = () => {
visible.value = false
}
</script>
<style scoped lang="scss">
.transaction-detail-sheet {
background: #FFFFFF;
padding: 24px;
display: flex;
flex-direction: column;
gap: 24px;
.sheet-header {
display: flex;
justify-content: space-between;
align-items: center;
.header-title {
font-family: Inter, sans-serif;
font-size: 18px;
font-weight: 600;
color: #09090B;
}
.header-close {
font-size: 24px;
color: #71717A;
cursor: pointer;
}
}
.amount-section {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
padding: 16px 0;
.amount-label {
font-family: Inter, sans-serif;
font-size: 14px;
font-weight: normal;
color: #71717A;
}
.amount-value {
font-family: Inter, sans-serif;
font-size: 32px;
font-weight: 700;
color: #09090B;
cursor: pointer;
user-select: none;
transition: opacity 0.2s;
&:active {
opacity: 0.7;
}
}
.amount-input-wrapper {
display: flex;
align-items: center;
gap: 8px;
.currency-symbol {
font-size: 32px;
font-weight: 700;
color: #09090B;
}
.amount-input {
max-width: 200px;
font-size: 32px;
font-weight: 700;
color: #09090B;
border: none;
outline: none;
background: transparent;
text-align: center;
padding: 8px 0;
border-bottom: 2px solid #E4E4E7;
transition: border-color 0.3s;
&:focus {
border-bottom-color: #6366F1;
}
&::placeholder {
color: #A1A1AA;
}
// 移除 number 类型的上下箭头
&::-webkit-outer-spin-button,
&::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
// Firefox
&[type='number'] {
-moz-appearance: textfield;
}
}
}
}
.form-section {
display: flex;
flex-direction: column;
gap: 16px;
.form-row {
display: flex;
justify-content: space-between;
align-items: center;
height: 48px;
border-bottom: 1px solid #E4E4E7;
&.no-border {
border-bottom: none;
}
.form-label {
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: normal;
color: #71717A;
}
.form-value {
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: normal;
color: #09090B;
text-align: right;
flex: 1;
margin-left: 16px;
&.clickable {
cursor: pointer;
user-select: none;
transition: opacity 0.2s;
&:active {
opacity: 0.7;
}
}
.placeholder {
color: #A1A1AA;
}
.reason-input {
width: 100%;
border: none;
outline: none;
text-align: right;
font-family: Inter, sans-serif;
font-size: 16px;
color: #09090B;
background: transparent;
&::placeholder {
color: #A1A1AA;
}
}
:deep(.van-radio-group) {
display: flex;
gap: 16px;
justify-content: flex-end;
}
:deep(.van-radio) {
margin: 0;
}
:deep(.van-radio__label) {
margin-left: 4px;
}
}
}
}
.classify-section {
padding: 16px;
background: #F4F4F5;
border-radius: 8px;
margin-top: -8px;
}
.actions-section {
display: flex;
gap: 16px;
width: 100%;
.delete-btn {
flex: 1;
height: 48px;
border-radius: 8px;
border: 1px solid #EF4444;
background: transparent;
color: #EF4444;
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: 500;
}
.save-btn {
flex: 1;
height: 48px;
border-radius: 8px;
background: #6366F1;
color: #FAFAFA;
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: 500;
}
}
}
// 暗色模式
@media (prefers-color-scheme: dark) {
.transaction-detail-sheet {
background: #18181B;
.sheet-header {
.header-title {
color: #FAFAFA;
}
.header-close {
color: #A1A1AA;
}
}
.amount-section {
.amount-label {
color: #A1A1AA;
}
.amount-value {
color: #FAFAFA;
}
.amount-input-wrapper {
.currency-symbol {
color: #FAFAFA;
}
.amount-input {
color: #FAFAFA;
border-bottom-color: #27272A;
&:focus {
border-bottom-color: #6366F1;
}
}
}
}
.form-section {
.form-row {
border-bottom-color: #27272A;
.form-label {
color: #A1A1AA;
}
.form-value {
color: #FAFAFA;
.reason-input {
color: #FAFAFA;
}
}
}
}
.classify-section {
background: #27272A;
}
}
}
</style>